【Chrome拡張】キーボードフォーカスの記録・可視化｜JSON保存

Tabキーでどこへ移動したか、移動順を画面と記録の両方で確認したいときに。キーボード操作で移る選択先（フォーカス）を番号と枠線で表示し、時系列をJSONへ保存するChrome拡張機能です。

拡張機能内の名称は「Focus Trace Overlay」です。

■ この拡張機能でできること

・フォーカスの移動順をページ上の番号で表示

・直近の移動先を紫色の枠で表示

・記録の停止・再開・リセット

・移動順、時刻、キー種別、移動先の要素情報をJSONで保存

・マウスやタッチによる移動を記録対象から除外

■ こんな方に

Webページをキーボードで操作して確認する方、移動順を見返したり記録として残したりしたい方向けです。

■ 基本的な使い方

1. 確認したいページで拡張機能を開くと、記録が始まります。

2. ポップアップを閉じ、Tabキーなどで移動して番号と枠線を確認します。

3. 記録を残す場合は、ページの移動・再読み込み前に「JSONを書き出す」を押します。

■ 商品内容・動作環境

拡張機能本体、README、プライバシー説明、利用条件.txt、確認用HTMLページを収録したZIPです。

動作確認済み環境はWindowsのPC版Google Chromeです。Edge、macOS、Linux、スマートフォン・タブレットでの動作は未確認です。マクロ・VBAは使用しません。

手動導入が必要です。ZIPを展開し、chrome://extensions でデベロッパーモードを有効にして「パッケージ化されていない拡張機能を読み込む」から導入します。ローカルHTMLを使う場合は「ファイルのURLへのアクセスを許可する」も有効にしてください。

ブラウザ内部ページとChromeウェブストアでは使用できません。サイトの構造やブラウザの仕様変更により利用できない場合があります。

■ ご購入前にご確認ください

保持する履歴と番号は直近500件です。上限を超えた分は、省略件数として表示・記録します。ページの再読み込み・移動・タブ終了・リセットで未保存の記録は消えます。

対象はページ本体で、埋め込みページ（iframe）内は対象外です。部品の内部（Shadow DOM）の要素は識別できない場合があります。キー操作から2秒を超えて遅れて起きるフォーカス移動は記録しません。

移動順を目視・記録で確認するためのツールです。アクセシビリティのすべての問題の発見や、規格への適合を判定するものではありません。

■ データの扱い

操作した現在のタブで移動を記録・表示します。入力欄の値や実際に入力した文字列は記録せず、文字キーの種類は一律「文字キー」とします。

記録はタブ内で一時保持し、本拡張機能による外部送信・アクセス解析・データの永続保存はありません。書き出したJSONは端末に保存します。JSONにはページ名、URL（「?」以降のクエリ文字列と「#」以降のハッシュを除く）、要素の名前・ID等が含まれます。

■ 利用条件・お問い合わせ

購入者本人、または購入した1法人・1個人事業の内部で利用できます。同じ利用主体の複数端末への導入、バックアップ、商用業務・受託作業での利用、その範囲で使用するための改変が可能です。

拡張機能本体・同梱ファイル・改変版の第三者への再配布・再販売・公開は認めません。別法人や顧客へ本体を渡すことも含まれません。出力データやレポートは共有・納品できますが、含まれる第三者の情報の利用権を与えるものではありません。

購入後の不具合は、購入したショップのBOOTHメッセージでご連絡ください。