Webページを保存する

ブックマークでなくWebページ全体を保存

仕事や勉強などでWebページを見ていると資料などとして保存しておきたいWebページが出てきます。

ブラウザの「お気に入り」に登録(ブックマーク)しても、後日アクセスしたらWebページの内容が変わっているかもしれません。

それどころかWebページ自体がなくなっているかもしれません。

そんなことにならないためにはブックマークでなくWebページ全体を保存します。

この記事で紹介する保存方法は4通りです。

• SingleFile
• EdgeのWebキャプチャ
• Evernote Web Clipper
• OneNote Web Clipper

SingleFile

ブラウザには標準でWebページをHTML、画像ファイル、CSSファイルなど複数のファイルに保存する機能があります。

しかし、複数ファイルは扱いが面倒な上、元のWebページが正確に再現できない場合もあります。

「SingleFile」はWebベージを単一のHTMLファイルに保存するブラウザ拡張機能です。

インストールするとブラウザのツールバーにSingleFileのアイコンが現れます(下図)。

保存したいWebページを開いた状態でアイコンをクリックすると「ダウンロード」フォルダにXXX.htmlファイルが1つだけ作成されます。

通常のhtmlファイルは画像、CSS、JavaScriptなどはすべて別ファイルを参照しています。

例えばJPG画像であれば以下のような感じです。

<img src="https://bibouroku.net/xxxx.jpg">

これではhtmlだけあっても参照先の画像がなくなってしまえば元のWebページは再現できません。

それに対してSingleFileは保存時に画像、CSS、JavaScriptなどをすべてHTMLに「data:」として含めます。

例えばJPG画像であれば以下のような感じです。

<img src="data:image/jpeg;base64,……">

• SingleFile Edgeアドオン
• SingleFile Chrome拡張機能
• SingleFIle Firefox拡張機能

EdgeのWebキャプチャ

Windowsの標準ブラウザであるEdgeにはWebページを保存する「Webキャプチャ」という機能があります。

ブラウザの拡張機能なども不要です。

やり方はEdgeのメニューから「Webキャプチャ」を選択します。

「ページ全体をキャプチャ」をクリックするとWebページ全体、エリアをキャプチャするとマウスで指定する領域がキャプチャされます。

キャプチャWebページには以下の操作ができます。

EdgeのコレクションとはWebページをスクラップする機能です。

ブックマーク機能と異なり、保存したWebページ(手書きの書き込みも含む)も保存できます。

ブラウザのおすすめ

PCとモバイルは別 同じブラウザを使うメリット PCブラウザ WindowsではChromeがEdgeに置き換わるか? PCブラウザが使えるタブレット モバイルブラウザ iPhone / iPadならEdgeかChromeも Firefoxをサポートしないサービス

Evernote Web Clipper

Evernote Web ClipperとはEvernoteにWebページを保存するためのブラウザ拡張です。

EdgeでもChromeでも使えます。

インストールするとブラウザのツールバーにEvernoteのアイコンが現れます。

ブラウザで保存したいページを表示してそのアイコンをクリックするとEvernote Web Clipperのメニューが出現します。

メニューではEvernoteにどのように保存するかを選択することができます。

いずれの場合もWebページのタイトルがEvernoteのノートのタイトルになります。

大量のWebページを保存してもEvernoteの全文検索機能で簡単に保存したページを見つけることができます。

Evernote Web Clipper

Evernote の拡張機能を使用して、Web 上で見つけたページを Evernote アカウントに保存します。

Evernoteの全文検索で書類を整理する

書類整理は後で書類を見つけるため 全文検索とは 個人で実現するならEvernote フラットベッドスキャナかドキュメントスキャナ JPGファイルとPDFファイル 紙書類は捨てられる

OneNote Web Clipper

OneNote Web ClipperとはOneNote(マイクロソフトのデジタルノートアプリ)にWebページを保存するためのブラウザ拡張です。

OneNote

無料

OneNoteとは

OneNoteとは OneNote for Windows 10は廃止予定 ノートに挿入したファイル内容の検索 Webページ保存 いつでもどこでも読み書きできる ページ間をリンクできる...

Evernote Web Clipperと同様、EdgeでもChromeでも使え、インストールするとブラウザのツールバーにOneNoteのアイコンが現れます。

ブラウザで保存したいページを表示してそのアイコンをクリックするとOneNote Web Clipperのメニューが出現します。

メニューではOneNoteにどのように保存するかを選択することができます。

Evernote Web Clipperと同様、WebページのタイトルがOneNoteのノートのタイトルになります。

Evernote Web Clipperと大きく異なるのは「ページ全体」と「領域」メニューでは画像として保存される点です。

画像として保存するため目、Webページのレイアウトは完全に再現されます。

ただし、テキスト検索では画像内の文字がテキスト認識されるため、Webページに記述されているはずのテキストがヒットしない場合があります(特に日本語のテキスト)。

「記事」メニューは全部画像ではありませんが、Webページのレイアウトは大きく崩れます。

OneNote Web Clipper

Web で見つけたものを何でも OneNote に保存。画面をクリップして OneNote に取り込み、整理し、編集。保存したクリップは、どのデバイスからでもアクセスできます。