Marks: Text Highlighter ユーザーガイド

Marks: Text Highlighterをご利用いただきありがとうございます。この拡張機能を使えば、Webページのテキストを簡単かつ迅速にハイライトし、保存・管理することができます。

参考 拡張機能の中にも短い入門ガイドが用意されています。設定画面の「使い方を見る」ボタン、またはページにハイライトが1つもないときにPopupに表示される「使い方を詳しく見る」リンクから開けます。

ハイライトの追加方法

Webページのテキストを選択してハイライトを追加するには、3つの方法があります。

1. 選択アイコンを使用

テキストを選択すると、選択範囲の近くにペンの形の選択アイコンが表示されます。このアイコンをクリックするとカラーパレットが開き、希望の色をクリックするとハイライトが適用されます。

注意 デスクトップでは、設定の「テキスト選択時に選択アイコンを表示」がオンのときに選択アイコンが表示されます。モバイルでは常に表示されます。モバイルでは、パレット末尾の⋮（その他）ボタンを押すと色を追加・ハイライトしたページ一覧・設定のメニューが開きます。

2. 右クリックメニューを使用

テキストを選択して右クリックし、右クリックメニューを開きます。「Marks: Text Highlighter」メニューから色を選択してハイライトします。

制限事項 Firefox Android版では、右クリックメニューからのハイライト追加はサポートされていません。

3. ショートカットキーを使用

テキストを選択した後、キーボードショートカットを押して素早く色を適用できます。ショートカットスロットは5つあり、どの色を使うかは設定画面で変更できます。

  • Ctrl + Shift + 1 : スロット1 (デフォルト: 黄色)
  • Ctrl + Shift + 2 : スロット2 (デフォルト: 緑)
  • Ctrl + Shift + 3 : スロット3 (デフォルト: 青)
  • Ctrl + Shift + 4 : スロット4 (デフォルト: ピンク)
  • スロット5 (デフォルト: オレンジ) : キーの組み合わせが既定では割り当てられていません。ブラウザのショートカット設定で自分で割り当てる必要があります。
参考 macOSではCommand + Shift + 数字キーです。キーの組み合わせ自体はブラウザのショートカット設定で変更します (Chrome: chrome://extensions/shortcuts、Firefox: about:addons)。

ハイライト間の移動

長いページでハイライトを目次のようにたどって読めるよう、ハイライト間を移動するショートカットもあります。

  • Ctrl + Shift + ↓ : 次のハイライトへ移動
  • Ctrl + Shift + ↑ : 前のハイライトへ移動

いま表示している位置を基準に次または前のハイライトを探してスクロールし、移動先のハイライトを一瞬強調します。 最後のハイライトから次へ進むと最初に、最初のハイライトから前へ戻ると最後に戻ります。

参考 上記は Firefox の既定のキーで、macOS では Command + Shift + ↓ / ↑ です。Chrome では拡張機能が既定のキーを設定できるショートカットが 4 つまでのため、この 2 つには既定のキーがありません。chrome://extensions/shortcuts でご自身で割り当ててください。
制限事項 Firefox Android版では、ショートカット機能はサポートされていません。

ハイライトの削除方法

不要なハイライトは以下の方法で削除できます。

  • 個別削除 (カラーパレット): 既にハイライトされたテキストをクリックするとカラーパレットが表示されます。パレット先頭のゴミ箱アイコンをクリックして削除します。
  • 個別削除 (Popup): ブラウザのツールバーにある拡張機能アイコンをクリックしてPopupメニューを開きます。「現在のページのハイライト」リストで、削除したい項目の横にあるXボタンを押します。
  • ページ内全削除 (Popup): Popupメニュー下部の「このページのハイライトをすべて削除」ボタンを押すと、現在表示しているページのすべてのハイライトが削除されます。
  • ページ単位での削除 (Pages List): ハイライト一覧画面で特定のページカードの「削除」ボタンを押すと、そのページのすべてのデータが削除されます。
  • 全データ削除 (Pages List): ハイライト一覧画面上部のゴミ箱アイコン（全ページ削除）を押すと、保存されているすべてのハイライトデータが削除されます。

カスタム色の設定

色の追加と変更

デフォルトの5色 (黄色、緑、青、ピンク、オレンジ) 以外に、自分の好みの色を追加できます。ページから直接追加することも、設定画面で管理することもできます。

  1. テキストを選択して選択アイコンを押し、カラーパレットを開きます。または、既にハイライトされたテキストをクリックしてパレットを開きます。
  2. パレットの最後にある+ボタンをクリックします。（モバイルでは⋮メニューの色を追加を選びます。）
  3. カラーピッカーから好きな色を選び、「適用」を押します。
参考 テキストを選択した状態で開いたパレットから色を追加すると、選択中のテキストがその新しい色ですぐにハイライトされます。

設定画面での管理

追加した色は、設定画面の「カスタムカラー」セクションで管理します。（Popupの設定 (⚙) アイコン → カスタムカラー）

  • 追加: 「+ カラーを追加」ボタンでカラーピッカーを開いて追加します。
  • 名前の変更: 色の名前をクリックすると、その場で名前を編集できます。
  • 色の変更: 「変更」ボタンで色を変えます。既に塗られているハイライトには影響しません。
  • 並べ替え: セクション右上の「並べ替え」ボタンを押し、ハンドル (⠿) をドラッグするか▲ ▼ボタンで移動してからリスト下の「保存」を押します。カラーパレットと右クリックメニューにもこの順番で表示されます。
  • 個別削除: 色ごとの「削除」ボタンで1つずつ削除できます。
  • 全削除: セクション右上の「すべて削除」ボタンを押すと、デフォルトの5色を除く追加色がすべて削除されます。

デフォルトの色を隠す

デフォルトの5色ではなく、自分で追加した色だけを使いたい場合は、設定画面の「カスタムカラー」セクションにある「デフォルトの色を隠す」スイッチをオンにします。既定はオフです。

このスイッチはカラーパレットと右クリックメニューからだけデフォルトの色を隠します。デフォルトの色が削除されたり、使えなくなったりするわけではありません。

  • 隠れる場所: 選択アイコンから開くカラーパレット、ハイライトをクリックして開くカラーパレット、右クリックメニュー
  • 変わらないもの: デフォルトの色で作成済みのハイライトは、色も一覧での表示もそのままです。ショートカットスロットに割り当てたデフォルトの色も引き続き使えます。
  • ワンクリックハイライト: 最後に使った色が隠れたデフォルトの色の場合は、一覧の最初のカスタムカラーでハイライトします。
  • デフォルトの色で塗り直すには: 一覧には表示されないため、一時的にスイッチをオフにするか、その色を割り当てたショートカットを使ってください。
カスタムカラーが1つもない場合 スイッチがオンでも、カスタムカラーがなければ選べる色がなくなってしまうため、デフォルトの色が表示され続けます。このとき、設定画面のスイッチの下に案内が表示されます。色を1つ追加するとすぐにデフォルトの色が隠れ、カスタムカラーをすべて削除すると再び表示されます。

ミニマップ (Minimap)

ハイライトがあるWebページの右側にはミニマップが表示されます。

  • ミニマップは、ページ全体の長さに対するハイライトの位置を視覚的に表示します。
  • ミニマップのマーカーをクリックすると、そのハイライトの位置に即座にスクロールします。
  • 設定画面の「ミニマップを表示」スイッチをオフにして非表示にすることができます。

設定画面

Popup右上の設定 (⚙) アイコンを押すと開きます。以前Popupにあったスイッチやボタンは、すべてこの画面に移動しました。

一般

  • ミニマップを表示: ページ右側のミニマップの表示/非表示を設定します。
  • テキスト選択時に選択アイコンを表示: テキストをドラッグしたときに選択アイコンが自動的に現れる機能をオン/オフします。オフでも、ハイライトをクリックすればカラーパレットは開きます。モバイルにはこの項目がなく、選択アイコンは常に表示されます。
  • ワンクリックハイライト: オンにすると、選択アイコンを押した瞬間にパレットを開かず最後に使った色でそのままハイライトされます。既定はオフで、別の色を使いたい場合は作成されたハイライトをクリックしてパレットから選びます。
参考 ワンクリックハイライトは選択アイコンがあってこそ動作するため、「テキスト選択時に選択アイコンを表示」がオフのあいだ、この項目は薄く表示され使用できません。

カスタム色

追加した色の名前変更、色の変更、個別削除と全削除ができます。詳しくはカスタム色の設定をご覧ください。同じセクションの「デフォルトの色を隠す」スイッチをオンにすると、カラーパレットと右クリックメニューにカスタムカラーだけが表示されます。動作の詳細はデフォルトの色を隠すをご覧ください。

クラウド同期 (ベータ)

同期コードの発行や端末の接続、手動同期を扱います。詳しくはクラウド同期 (ベータ)をご覧ください。

ショートカットキー

5つのショートカットスロットそれぞれにどの色を使うかを選べます。既定はスロット1〜5の順に黄色、緑、青、ピンク、オレンジで、カスタム色も割り当てられます。キーの組み合わせ自体はブラウザのショートカット設定で変更します。 スロットの下には、ハイライト移動のショートカット 2 つと現在割り当てられているキーが表示されます。デフォルトの色を隠すをオンにしても、スロットに割り当てたデフォルトの色はそのまま使えます。

ヘルプ

「使い方を見る」ボタンで、拡張機能に内蔵された入門ガイドを開きます。

ハイライト一覧画面 (Pages List)

保存されたすべてのハイライト情報を一目で確認し管理できるダッシュボードです。

  • 検索: ページのタイトルやハイライトのテキストで保存された記録を検索できます。検索語に一致したテキストは結果内で強調表示されます。
  • 並べ替え: 最新順、古い順などでリストを並べ替えます。
  • すべて展開/折りたたみ: ツールバーのボタンをクリックすると、現在表示中のすべてのページのハイライト詳細を一度に展開または折りたたむことができます。ボタンのツールチップは現在の状態に応じて「すべてのハイライトを展開」と「すべてのハイライトを折りたたむ」に切り替わります。
  • ハイライトを開く: ハイライトのテキストをクリックすると元のページが開き、そのハイライトの位置までスクロールします。そのページがすでにタブで開いている場合は、そのタブに移動します。
  • コピー: ページカードのコピーボタンで、そのページのハイライトをすべてコピーします。検索中は、件数表示の横にあるコピーボタンで一致したハイライトだけをコピーできます。ハイライトはMarkdownの引用形式でコピーされます。
  • 削除: 個別のページを削除したり、上部ツールバーの削除ボタンで全データを初期化できます。
  • エクスポート/インポート: ツールバーのもっと見る(…)メニューからデータのバックアップや復元が可能です。

同期機能 (Synchronization)

ログインしているGoogleアカウント(Chrome)またはFirefoxアカウントを通じて、複数のデバイス間でハイライトデータを同期します。

動作の仕組み

あるデバイスでハイライトを追加または削除すると、同じアカウントでログインしている他のデバイスにも自動的に反映されます。データの競合が発生した場合、最も最近修正された内容が維持されます。

制限事項

  • 容量制限: 同期ストレージには合計100KBの容量制限があり、ハイライト項目1つにつき8KBを超えることはできません。
  • 古いデータの整理: 容量がいっぱいになると、最も古くに更新されたページの同期データから自動的に削除されます。（ローカルデータは維持されます。）
  • モバイル未対応: Firefox Android版では同期機能はサポートされていません。

クラウド同期 (ベータ)

Firefox for Androidのようにブラウザ自体の同期機能に対応していない環境向けに、別途提供される機能です。アカウントへのログインではなく同期コードだけでデバイスを接続し、ハイライトデータはアップロード前にデバイス上で暗号化されるため、サーバーは実際の内容を把握できません。

使い方

  1. ツールバーの拡張機能アイコンをクリックしてPopupを開き、設定(⚙)アイコンをクリックします。
  2. 設定画面の「クラウド同期（ベータ版）」セクションで「新しいコードを生成」ボタンをクリックし、同期コードを発行します。
  3. 同期したい別のデバイスの設定画面で、「他のデバイスの同期コードを入力」欄に同じコードを入力し、「接続」ボタンをクリックします。
  4. コードを生成または接続するとすぐに同期が始まり、「クラウド同期」スイッチも自動でオンになります。以降は約15分ごとに自動で同期され、「今すぐ同期」ボタンで即座に同期することもできます。スイッチをオフにすると、そのデバイスの同期が停止します。
注意 同期コードを紛失すると、クラウドにバックアップされたデータは復元できません。コードは初期状態では一部のみ表示（マスク）され、「表示」ボタンで全体を確認したり、「コピー」ボタンでクリップボードにコピーしたりできます。安全な場所に別途保管してください。

接続解除: 設定画面の「コードを削除」ボタンをクリックすると、このデバイスの同期接続が解除され、同期コードを忘れます。

参考 ブラウザ自体の同期機能とクラウド同期を同時に使用した場合の動作は保証されません。どちらか一方のみを使用することをおすすめします。

インポートとエクスポート

データを安全にバックアップしたり、他のブラウザに移行する際に便利です。

  • エクスポート (Export): 現在保存されているすべてのハイライトデータをJSONファイルとしてダウンロードします。
  • インポート (Import): 以前にエクスポートしたJSONファイルを選択してデータを復元します。