【Chrome拡張】フォーム制約マップ｜入力条件を一覧・JSON／CSV保存

Webフォームの必須設定や文字数・数値の条件を、項目ごとに確認したいときに。現在のページにある入力欄を調べ、項目名とHTMLに設定された入力条件を一覧にするChrome拡張機能です。気になる欄をページ上で強調し、結果をJSON・CSVへ保存できます。

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

・入力欄、選択欄、複数行入力欄をフォーム別に一覧表示

・必須項目とラベルなし項目の件数を表示

・最小／最大値、文字数、数値の刻み、入力形式、自動入力などの設定を確認

・1項目または表示中の項目をまとめて強調し、解除

・結果をJSON・CSVで保存し、ページ変更後に再スキャン

■ こんな方に

Webフォームを制作・確認する方、各入力欄の条件やラベルの設定を一覧で確認したい方向けです。

■ 基本的な使い方

1. 確認したいページで拡張機能を開き、自動スキャンの結果を確認します。

2. 一覧の「強調」を押して、ページ上の対象欄を確認します。

3. 必要に応じてJSON・CSVを保存します。ページ内容を変更した場合は「再スキャン」を押します。

■ 商品内容・動作環境

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

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

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

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

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

対象はページ本体にある通常のHTML入力欄（input・select・textarea）です。埋め込みページ（iframe）内、部品の内部（Shadow DOM）、画像のように描画されたフォーム（Canvas）は対象外です。

調べるのはHTMLに設定された条件です。JavaScript独自の入力条件は、HTMLの設定に表れていなければ検出しません。非表示の項目は一覧に含まれても強調できません。

ラベルは代表的な関連付けを調べる方式で、読み上げ支援で使われる名前を完全に再現するものではありません。すべての不備の発見や、アクセシビリティ規格への適合を判定するツールではありません。

■ データの扱い

操作した現在のタブで入力欄の構造を調べ、対象を強調します。入力済みの値や選択状態は取得せず、フォームへの入力・変更・送信もしません。本拡張機能による外部送信・アクセス解析・データの永続保存はありません。

書き出したJSON・CSVは端末に保存します。保存するページURLからは「?」以降のクエリ文字列と「#」以降のハッシュを除きます。

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

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

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

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