VKT Toolkit · 2026年9月15日 · 約7分で読めます

Chrome でウェブフォームデータを CSV・JSON にエクスポートする方法（2026年）

サポートチケットを入力しました。次も入力しました。そしてさらに40件。チケット30件あたりで気づきます——このデータはすべて、エクスポートボタンも API もないウェブフォームの中に閉じ込められていて、スプレッドシートに取り出す方法がないのです。次の合理的な一手——Ctrl+C、Ctrl+V、フィールドごとに Excel へ——は、キャリアの選択を問い直したくなる種類の作業です。

もっと速い方法があります。Developer Tools で DOM をスクレイピングできます。ブラウザ拡張機能でフォームの状態をスナップショットできます。そして VKT Form のようなフォームデータエクスポート専用ツールなら、すべてのフィールドの名前と値を構造化 JSON ファイルとしてキャプチャし、どのスプレッドシートでも開けます。各方法の仕組み、使い分けのタイミング、そして正直なトレードオフを解説します。

手作業の苦痛：コピーペーストがスケールしない理由

フォームデータを手動でコピーすることには、量に応じて増幅する三つの問題があります：

• コンテキストの喪失。値はコピーできますが、フィールド名はコピーできません。三週間後、「42」という数字が優先度なのか、部署コードなのか、数量なのか——フォームを開き直さなければわかりません。
• フォーマットの崩壊。ドロップダウンはプレーンテキストになります。複数選択チェックボックスは一つのセルに潰れてしまいます。日付ピッカーはフォーマットを失います。スプレッドシートはフォームの見た目とはまったく別物になります。
• 時間税。フィールド14個のフォームを手動でコピーするのに2〜3分かかります。50件分送信すると、2時間の人生がウェブページとスプレッドシートの間の人間ブリッジとして消費されます。

根本的な問題は、ウェブフォームが入力用に作られていて、出力用には作られていないことです。社内ツール、チケットシステム、ベンダーポータルの多くにバルクエクスポートがないのは、「自分のデータをスプレッドシートに取りたい」というユースケースがロードマップに載っていなかったからです。

方法 1：Chrome DevTools（無料・手動）

ブラウザーコンソールに慣れているなら、拡張機能なしでフォームデータを抽出できます：

1. DevTools を開きます（F12 または Ctrl+Shift+I）。
2. コンソールで document.querySelectorAll('input, select, textarea') などのスクリプトを実行し、NodeList をイテレートして名前と値を取得します。
3. 出力を JSON または CSV としてコピーし、スプレッドシートに貼り付けます。

メリット：インストール不要、どのページでも動作、抽出内容を完全に制御可能。デメリット：サイトごとに JavaScript を書く必要がある（フィールドセレクターが変わる）、再インポート機能がない、複数の送信分を収集する場合は各ページでスクリプトを再実行する必要がある。二度と訪れないページから200行を一回限り抽出するには正しいアプローチです。

方法 2：フォームスナップショット拡張機能（VKT Form）

フォームスナップショットツールは異なるアプローチを取ります——事後に DOM をスクレイピングするのではなく、ワークフローの途中でフォームの状態をキャプチャします。VKT Form は二つのステップで動作します：

• 収集。入力済みのフォームを開き、ワンクリック——すべてのフィールドの名前、値、型、URL バインディングが chrome.storage.local に JSON スナップショットとして保存されます。
• エクスポート。Premium ユーザーはすべてのスナップショットを単一の JSON ファイルとしてエクスポートできます。ファイルにはフィールド名をキーとした構造化オブジェクトが含まれており、スプレッドシート、データベース、スクリプトですぐに利用できます。

DevTools との決定的な違いは、スナップショットが再インポート可能な点です。データをエクスポートし、別のマシンに移動してインポートすると、同じフォームが即座に入力されます。単にデータを抽出するだけでなく、ポータブルで再生可能なフォーム状態を作成しているのです。

方法比較

フォームデータエクスポートの実践シナリオ

チケット管理・サポートシステム

社内 IT デスク、HR ポータル、ベンダー管理プラットフォームには CSV エクスポートがないことが多いです。チームが毎週30件のチケットを同じウェブフォームから送信している場合、それぞれをスナップショットすると、ローカルアーカイブが作成され、プラットフォームがエクスポート機能を構築するのを待たずにクエリ、フィルタリング、レポートが可能になります。

アンケート・質問票の収集

Google Forms や Typeform にはエクスポート機能がありますが、社内アンケートツールにはないことが多いです。イントラネット上のカスタムフォームで回答を収集している場合、スナップショットは完全なフィールドラベル付きで各送信をキャプチャします。バッチを JSON としてエクスポートし、任意の分析ツールに読み込めます。

フォームデータの一括バックアップ

システム移行やベンダー切り替えの前に、数ヶ月分の送信データを保存する必要があるかもしれません。VKT Form のスナップショットは軽量な保険です：日常的に収集し、バックアップが必要なときにエクスポートし、JSON ファイルを自分のストレージに保管できます。

手順付き：VKT Form でフォームデータをエクスポートする

1. Chrome Web Store から VKT Form をインストールします。
2. キャプチャしたいフォームに移動し、エクスポートしたい値を入力します。
3. VKT Form ツールバーのポップアップで「収集」をクリックします。ページ上のすべての input、select、textarea フィールドをスキャンします。
4. スナップショットを確認します——フィールド名と値がパネルに表示されます。保持したくないフィールド（日付、フリーテキストコメント）をクリアします。
5. バッチ収集の場合は追加の送信分について繰り返します。
6. すべてのスナップショットをエクスポート（Premium）：VKT Form パネルを開き、設定 → エクスポートで JSON ファイルをダウンロードします。
7. スプレッドシートで開く——Google Sheets も Excel もネイティブで JSON をインポートします。各スナップショットがフィールド名を列ヘッダーとする行になります。

データプライバシー：エクスポート先はどこですか？

これは多くの人が考える以上に重要です。クラウド型のフォームツールはデータをサードパーティサーバー経由でルーティングします。VKT Form はそうしません：

• すべてのスナップショットは chrome.storage.local に保存されます——ご自身のマシンのみです。
• JSON エクスポートはファイルシステムに直接ダウンロードされます。アップロードなし、クラウド同期なし、アカウント不要。
• 拡張機能が要求する権限は activeTab と storage のみ——他のタブを読み取ったり、ネットワークにアクセスしたりすることはできません。

トレードオフ：ブラウザーデータを失い、エクスポートもしていない場合、スナップショットは消えます。これは設計通りです——ローカルファーストとは、データの責任はあなたにあり、好きな方法でバックアップできるということです。

よくある質問

その他の VKT ツールは拡張機能カタログに。お問い合わせは [email protected] まで。