highlight使用指南

このブログ記事では、ウェブページ上で作成したハイライトがどのように保存されるか、また管理ページを通じてハイライトノートを整理する方法を分かりやすく説明します。

あなたのハイライトはどのように保存されるのか？

ウェブページ上でEink Modeを使用してハイライトを作成すると、これらのハイライトはクラウドやリモートサーバーに保存されるのではなく、直接あなたのコンピュータのブラウザに保存されます。

ブラウザには、IndexedDBという専用の小型データベースが組み込まれています。これをブラウザ自身の「プライベートノート」と考えてください——あなたのブラウザだけがアクセスでき、他の人は全く見ることができません。

ウェブページ上でハイライトを作成するたびに、拡張機能が自動的に以下の情報をこのノートに保存します：

あなたがハイライトしたテキスト内容（例えば：「この文は重要です」）
そのテキストの位置（次回ハイライトが同じ場所に正しく表示されるために使用される）
あなたが選んだ色（黄色、青色、ピンク色など）
あなたが追加したメモ（もしあれば）
ハイライトを作成した時間
記事のURL（個人情報が含まれる可能性のあるクエリパラメータを完全に除去し、無駄なパラメータを削除しています）

さらに、システムは各記事の「ページサマリー」を記録し、以下が含まれます：

記事のタイトル
あなたがこの記事に付けたタグ
最後にハイライトを作成した時間

こうして、次回同じウェブページを開いたときに、Eink Modeは以前のハイライトを見つけて再表示することができます。

データはあなたのデバイスにのみ存在するため、別のコンピュータやブラウザに切り替えると、あなたのハイライトは表示されません。これはあなたのプライバシーを保護するためです：あなたの読書習慣は完全にあなた自身のものです。

管理ページにアクセスするには？

管理ページでは、過去にハイライトを作成したすべての文章を一度に見ることができ、それにタグを付けたり、不必要な記録を削除したりできます。

管理ページに入る手順は以下の通りです：

Eink Modeが開いているウェブページのいずれかで、デフォルトの方法でコントロールパネルを開きます。
コントロールパネルの中で、「ノートブック」アイコンを見つけてクリックし、現在の記事のハイライトノートを開きます。
ノートブックページの中で、再度デフォルトの方法でコントロールパネルを呼び出します。この時のコントロールパネルは、実際にはノートブックのコントロールパネルで、パネル内に「ハイライト管理」アイコンが表示されます。それをクリックすることで管理ページに入ることができます。

管理ページでは、過去にハイライトを作成したすべてのウェブページが一覧表示され、これらの記録を整理することができます。

ハイライトを作成した記事を確認するには？

管理ページに入ると、あなたが過去にEink Modeでハイライトを作成したすべてのウェブページのリストが見えます。各記録には以下が表示されます：

記事のタイトル
記事のURL
あなたが記事に付けたタグ（もしあれば）

「リスト」または「カード」の2つの表示方法を切り替えることができ、好みの方式を選ぶことができます。

いずれかの記事のリンクをクリックすれば、そのウェブページを直接再読することができ、該当ページに移動すると自動的にEink Modeが起動し、すべてのハイライトが表示されます。

記事にタグを付けるには？

ノートブックでタグを付ける

ノートブック内で、記事に直接タグを付けることができ、分類や整理が便利です。タグを付ける場所は、その記事のタイトルの下にあります。

管理ページでタグを付ける

タグを付けることで、記事を分類し、同じテーマの記事を素早く見つけることができるようになります。たとえば、いくつかの記事に「仕事」のタグを付けて、他のいくつかに「レシピ」のタグを付けることができます。

タグを付ける手順：

管理ページのリストの中で、タグを付けたい記事を見つけます。
記事の横にある「+ Add tag」ボタンをクリックします。
付けたいタグ名を入力し、Enterを押して確認します。

タグが付けられると、カラフルな小さなタグとして記事の横に表示されます。

特定のタグを削除したい場合は、タグの横にある×ボタンをクリックすると削除できます。

いずれかのタグをクリックすると、そのタグでリストをフィルタリングでき、それにタグが付けられた記事のみを表示できます。フィルタを解除したい場合は、「Clear filter」をクリックすればOKです。

検索バーを使って以前の記事を見つけるには？

ハイライトした記事が増えてきた場合、特定の記事を早く見つけたいときには、管理ページの上部にある検索バーを使います。

検索バーに覚えている記事のタイトルやURLの一部を入力すると、リストがリアルタイムでフィルタリングされ、一致する結果のみが表示されます。

例えば：

「レシピ」を入力 → 「レシピ」を含むすべての記事が見つかる
「example.com」を入力 → example.comからのすべての記事が見つかる

検索バーとタグフィルタリングは同時に使用でき、必要な記事をより正確に見つけることができます。

他の便利な機能

Markdownとしてエクスポート：「Export Markdown」ボタンをクリックすると、すべてのハイライトをテキスト形式でエクスポートでき、ノートアプリ（例えばNotion、Obsidian）に貼り付けて保存できます。
バッチ削除：「Batch Remove」をクリックすると、複数の記録を一度に選択して削除でき、手動で一つずつ削除する必要はありません。
ストレージ使用状況表示：管理ページの上部には、現在のハイライトデータがどれだけのストレージを占有しているかが表示され、使用状況を把握できます。

参考資料

MDN Web Docs — IndexedDB API（繁体中文）：ブラウザのIndexedDBデータベースについての公式ドキュメントで、詳細に理解したい読者に適しています。
Chrome Extensions — Storage API：Chrome拡張機能がどのように安全にローカルデータを保存するかの説明です。