このブログでは、ウェブページで描いたハイライトがどのように保存され、管理ページを通じてハイライトノートを整理する方法を簡潔に説明します。
ハイライトはどのように保存されるのか？
ウェブページ上でEinkモードを使ってハイライトをした後、これらのハイライトはクラウドや遠隔サーバーに保存されるのではなく、直接自分のコンピュータのブラウザ内に保存されます。
ブラウザには専用の小型データベース、IndexedDBが組み込まれています。これをブラウザ自身の「プライベートノート」と考えることができます——あなたのブラウザだけがアクセスでき、他の人は全く見ることができません。
ウェブページでハイライトを描くたびに、拡張機能は自動的に以下の情報をこのノートに保存します：
- 描いたハイライトのテキスト内容（例えば：「この文章は重要」）
- そのテキストの文中での位置（ハイライトが次回正確に同じ場所に表示されるために必要です）
- 選んだ色（黄色、青、ピンクなど）
- 付け加えたメモ（あれば）
- ハイライトを描いた時間
- この記事のURL（個人情報を含む可能性のあるパラメータを完全に除去し、広告トラッキング用の余分なパラメータも削除しています）
さらに、システムは各記事の「ページ概要」を記録します。内容は以下の通りです：
- 記事のタイトル
- あなたがその記事に付けたタグ
- 最後にハイライトを描いた時間
こうして、次回同じページを開いた際に、Einkモードは以前のハイライトを見つけて再表示できます。
データはあなたのデバイスのみで保存されるため、別のコンピュータやブラウザに変えるとハイライトは表示されません。これはあなたのプライバシーを保護するためです：あなたの読書習慣は完全にあなた自身のものです。
管理ページに入るには？
管理ページを使うと、過去にハイライトしたすべての記事を一度に確認し、タグを追加したり不要な記録を削除したりできます。
管理ページへのアクセス手順は以下の通りです：
- Einkモードが有効なウェブページ上で、デフォルトの方法でコントロールパネルを呼び出します。
- コントロールパネル内で、「ノートブック」アイコンを見つけてクリックし、現在のこの記事のハイライトノートを開きます。
- ノートブックのページで再度デフォルトの方法でコントロールパネルを呼び出します。この段階でのコントロールパネルは実際にはノートブックのコントロールパネルであり、「ハイライト管理」アイコンが見えるので、それをクリックすると管理ページに入れます。
管理ページには過去にハイライトを施したすべてのウェブページがリストアップされ、これらの記録を簡単に整理できます。
どのようにハイライトした記事を確認するか？
管理ページに入ると、あなたがEinkモードでハイライトしたすべてのウェブページのリストが表示されます。各記録には以下の情報が示されます：
- 記事のタイトル
- 記事のURL
- その記事に付けたタグ（あれば）
「リスト」または「カード」という二つの表示方法を切り替え、お好きな方法で確認することができます。
どの記事のリンクをクリックすると、そのウェブページに直接ジャンプして再読でき、該当ウェブページに移動した後は自動的にEinkモードが有効になり、すべてのハイライトが表示されます。
どのように記事にタグを追加するか？
ノートブックでタグを追加
ノートブックで、記事に直接タグを追加し、分類や整理を簡単に行うことができます。タグを追加する場所は記事のタイトルの下にあります。
管理ページでタグを追加
タグを使って記事を分類することができ、同じテーマの記事を迅速に見つけることができます。例えば、「仕事」タグを一部の記事に付けたり、「レシピ」タグを別の記事に付けたりすることができます。
タグを追加する手順：
- 管理ページのリストで、タグを追加したい記事を見つけます。
- 記事の横にある 「+ Add tag」 ボタンをクリックします。
- 希望するタグ名を入力し、 Enter を押して確認します。
タグが追加されると、色付きの小さなタグとして記事の横に表示されます。
特定のタグを削除したい場合は、タグの横にある × ボタンをクリックすれば削除できます。
任意のタグをクリックすると、そのタグを使ってリストをフィルタリングし、そのタグが付けられた記事だけを表示できます。フィルタを解除するには、「Clear filter」をクリックします。
どのように検索バーを使って以前の記事を見つけるか？
集めたハイライト記事がどんどん増えると、特定の一つを迅速に見つけたい場合があります。その場合は管理ページの上部にある検索バーを使います。
検索バーに覚えている記事のタイトルやURLの一部を入力すると、リストが即座にフィルタリングされ、条件に一致する結果だけが表示されます。
例えば：
- 「レシピ」と入力→「レシピ」が含まれるすべての記事を検索
- 「example.com」と入力→example.comからのすべての記事を検索
検索バーとタグフィルタは同時に使用でき、より正確に目的の記事を見つけることができます。
その他の便利な機能
- Markdownエクスポート：「Export Markdown」ボタンをクリックすると、すべてのハイライトをテキスト形式でエクスポートでき、ノートソフト（例えばNotion、Obsidian）に保存することができます。
- バッチ削除：「Batch Remove」をクリックすると、複数の記録を一度に選択して削除できます。手動で一つずつ削除する必要はありません。
- ストレージ表示：管理ページの上部には現在のハイライトデータがどれだけのストレージを占めているかが表示され、使用状況が把握できます。
参考資料
- MDN Web Docs — IndexedDB API（繁体中文）：ブラウザのIndexedDBデータベースの公式ドキュメントで、さらに理解を深めたい読者に適しています。
- Chrome Extensions — Storage API：Chrome拡張機能がどのように安全にローカルにデータを保存するかを説明しています。