icon

kosui / ebiebievidence

魚拓をかんたんに閲覧・保存できるブックマークレット

2019/1/26

はじめに

Yahoo! ジオシティーズは、2019 年 3 月末を以てサービスを終了する。 これにより、2000 年代に作成された多くの貴重なコンテンツたちの閲覧が難しくなってしまう。

そんな時に、ウェブアーカイブサービス(通称:魚拓サービス)が便利だ。 魚拓サービスは、Web ページをキャッシュとして半永久的に保存・閲覧できるサービスだ。

今回は、そんな魚拓サービスを利用して、ワンクリックで魚拓を閲覧・保存するブックマークレットを導入する方法を紹介する。

おことわり

本記事では、主に PC の利用者を対象に解説している。 モバイルでもこのブックマークレットは動作するが、導入方法・利用方法については以下の外部サイトを参考にされたい。
iPhone の Safari にブックマークレットを登録する設定手順

導入方法

#1 ブックマークバーを表示する

アドレスが表示されている欄の下に、ブックマークの一覧が表示される部分が「ブックマークバー」だ。 ブックマークバーが表示されていない場合は、以下を参照し、ブックマークバーを表示させる。
Firefox の場合
Vivaldi/Chrome/その他 Chronium 系の場合 Safari の場合

#2 ブックマークレットをブックマークに保存する

Firefox・Vivaldi の場合

FirefoxかVivaldiを利用している場合は、以下のリンクをブックマークバーにドラッグドロップするだけで良い。

保存    /   閲覧

ドラッグドロップで上記URLを保存して下さいドラッグドロップで上記URLを保存して下さい

Chrome の場合

残念ながら、Chrome の場合は少し面倒だ。

  1. まず、下記の保存用スクリプトをコピーする。
javascript: window.open('https://web.archive.org/save/' + location.href)
  1. Windows の場合は Ctrl+D を、macOS の場合は Command+D を押す。
  2. 「その他...」を押す。
  3. 下記の通りに入力し、保存する。
  4. 最期に、下記の閲覧用スクリプトをコピーし、同様の手順を繰り返す。
javascript: window.location.href =
'https://web.archive.org/web/*/' + window.location.href

利用方法

ブックマークバー上からクリックするだけで良い。 試しに、この記事を保存・閲覧してみて欲しい。

おわりに

不具合のご報告・修正依頼は、twitter.com/kosui_meGitHub Issueまでお気軽にどうぞ。

@kosui_me
19 年に DeNA 入社。23 年にカケハシ入社。現在は、薬局向け SaaS の認証認可基盤を良くしていくお仕事をしています。