Webページのデータ抽出

WebページのデータをJSONで無料保存。

必要な項目を選び、ページ上のデータをJSON配列にまとめます。不明な値を推測で補うことはしません。

用意するもの: 同じような構造のデータが並ぶ、選択したページ内の範囲。

Chrome拡張機能とWebActアカウントが必要です。
自動化タスクは月25回まで無料。利用するAIサービス側の制限も適用されます。

コピーして使える指示文

項目をひとつずつコピーせず、データを構造化。

この指示文をコピーし、データのあるページでWebActに貼り付けてください。

WebページのデータをJSONで保存タスク
同じような構造のレコードが並ぶ、選択した範囲だけを対象にしてください。指定した項目をJSON配列に変換し、不明な値を推測で補わないでください。webact-webpage-to-json-extractor.jsonというファイルを作成し、全体をUTF-8で48,000バイト未満に収めてください。確認できた内容と私が提供した情報だけを使ってください。識別番号、日付、単位、通貨を保持してください。省略した内容、途中で切れている内容、読み取れない内容を報告し、すべて取得できたとは断言しないでください。結果を元のデータと照合し、必要な入力情報が得られない場合は作業を中止してください。構文が正しいJSONを作成し、各フィールドに使った型を説明してください。不明な値には、指定する形式に合う場合はnullを使ってください。作業前に、必要な設定や元の情報が不足していれば質問してください。最初は25レコード以内、または短い文書を対象にし、実際に含めた内容を具体的に報告してください。必要なJSONフィールドと、欠損値の表現方法を確認してください。

ブラウザのAIを使う設定にして、タスクモードに貼り付けてください。

項目を指定しましょう。 必要なJSONフィールドを挙げ、元のデータに値がない場合の表現方法も伝えてください。

ページ上のデータをJSONファイルに。使用例
この例で使用する元の情報
Two cards: Workshop A on 12 October, Workshop B date omitted
JSONファイルの出力イメージです。元のページを変更せず、別のファイルに保存します。
JSONのサンプルをダウンロード ↓
架空のデータを使った例です。ご自身のデータを取り出すには、ページを開いて対象のレコードを選択し、拡張機能でタスクを実行してください。
実践ガイド

ウェブページの情報をJSON構造に抽出する方法

JSONは、ページの情報をひとまとまりのテキストではなく、名前付きのフィールドで表す必要があるときに便利です。このツールは、別のアプリケーションや同僚が確認できる小さな構造化レコードの作成に役立ちます。

適切な資料から始めましょう。

用意するもの
同じ構造のレコードを含む、選択したブロック。
目指す結果
指定されたフィールドを JSON 配列に変換し、欠けている値は創作しないでください。

ワークフローの仕組み。

キー、想定する値の型、出力を単一のオブジェクトにするかリストにするかを指定してください。本当に値がない場合は、空文字列、ゼロ、falseと区別します。これらは後続のコードで異なる意味を持ちます。

結果で確認すること。

JSONの構文を検証し、各フィールドを元の情報と照合してください。解析可能なファイルでも事実が誤っている場合があるため、別のシステムで使う前に日付、識別子、null値を確認します。

別のアプリで使う前に JSON を解析し、実際の値を確認してください。正しい構文はパーサーが構造を読めることを示すだけで、抽出した事実の正しさは保証しません。

具体例から学びましょう。

ダウンロード例は JSON 配列です。構造と欠損値の扱いを必要な結果と比べ、自分の値を提供した資料で確認してください。

掲載例は説明用です。お使いのデータで実行した記録ではありません。

例をダウンロード ↓

自分の資料で使いましょう。

  1. 作業したい資料を開き、そのタブで WebAct を有効にします。
  2. ページ上部からタスクをコピーし、必要な項目や希望を加え、提案された操作を確認します。
  3. 最初の結果を元資料と比べます。必要な箇所は、具体的な修正や改善を求めてください。
タスクのプロンプトへ ↑
JSONファイルを作るには

データを選んで、必要な項目を指定しましょう。

  1. 01

    WebActをインストールしてログイン。

    Chrome拡張機能をインストールし、WebActアカウントの確認を済ませます。ブラウザのAIを使う設定でChatGPTを選び、求められた場合はログインしてください。

  2. 02

    変換したい範囲を選択。

    データのあるページを開き、必要な内容を表示してください。ChromeのツールバーからWebActを有効にし、対象の範囲を選択してタスクモードに切り替えます。

  3. 03

    タスクを実行してファイルを確認。

    指示文を貼り付け、提案された操作を確認します。完了したら各オブジェクトを元のレコードと照合し、フィールドの型と欠損値の扱いも確認してください。

使うページ。

同じような構造のレコードが複数ある、選択したページ内の範囲。

作成されるファイル。

指定した項目を含むJSON配列です。不明な値は補わず、指定したルールで表現します。 JSONファイル。

このタスクの対象範囲。

対象は有効にしたタブのみです。最初は25件以内、または短い文書で試してください。出力するファイル全体をUTF-8で48,000バイト未満に収める必要があります。

よくある質問

JSONファイルで確認したいこと。

この例には2つのオブジェクトがあります。2つ目の日付は不明のため、nullになっています。

チャットとタスクの違いを読む
どのようなページを用意すればよいですか?

同じような構造のレコードが複数ある範囲を選択してください。必要な内容を表示し、タスクに共有する情報を選びます。まだ読み込まれていないレコードは利用できません。

ファイルのどこを確認すればよいですか?

フィールドと型を元のレコードと照合してください。この例ではオブジェクトが2つあり、2つ目の日付はnullです。対象になるのは選択した表示中の内容だけです。不明な値を推測で補わず、使う前に結果を確認してください。

サイト全体のリンクを収集しますか?

いいえ。現在のタブで選択した小さな範囲を対象にします。非表示のレコード、リンク先のページ、未読み込みの内容は含めません。読み取れる範囲を選び、実際にどのレコードが出力されたか確認してください。

無料プランで利用できますか?

はい。WebActのFreeプランで、ブラウザのChatGPTを使って実行できます。Chrome拡張機能と確認済みのWebActアカウントが必要です。また、同じChromeプロファイルでChatGPTにログインしておいてください。WebActの有料プランや有料のAPIキーは不要ですが、ChatGPT側の利用制限は適用されます。 Freeプランでは、すべてのツールで共通の自動化タスクを月25回まで実行できます。タスクの最初の操作が始まった時点で1回分を消費します。途中の操作や完了に必要な再試行は、別のタスクとして数えません。利用枠はUTC基準で毎月初めにリセットされます。25回を使い切ったら、有料プランに変更するか、翌月までお待ちください。自動化を実行しない通常のチャットはこの回数に含まれず、AIサービス側の制限内で引き続き無料で利用できます。

このページ上でデータをJSONに変換するのですか?

いいえ。ここには使用例とコピー用の指示文を掲載しています。対象のページでWebActを有効にしてタスクを実行してください。タスクに共有したページ情報は、ブラウザで利用するAIサービスで処理されます。自動化を実行しない通常のチャット回答はWebActの自動化回数を消費しませんが、タスクモードでのファイル作成や入力欄の変更は回数に含まれます。

共有したページのコンテキストの取り扱いについては、次をご覧ください: プライバシーポリシー.

コピーと貼り付けの手間を減らす

必要な構造でデータを保存しましょう。

データのあるページでWebActを開いて、はじめましょう。

WebActをインストール