開発事例 / Webアプリ

スクレAI（AIスクレイピング）

URLを貼って日本語で指示するだけでWebデータを抽出

公開中

URLを貼って「商品名と価格を表で」と日本語で指示するだけで、AIがWebページから欲しいデータを表・CSV・JSONで抜き出すツール。CSSセレクタもコードも不要。JavaScriptで描画される動的サイトにも対応し、これまでエンジニアに頼むしかなかったデータ収集を誰でも3ステップで完結できる。

この作品の要点

困っていたこと	スクレイピングにはCSSセレクタとコードの知識が必要。
やったこと	自然言語の指示をAIが解釈して抽出ルールを自動生成。
起きたこと	非エンジニアでもWebデータ収集ができるようになった。

どこでつまずいたか

01スクレイピングにはCSSセレクタとコードの知識が必要

02動的サイトは通常のスクレイピングでは取得できない

03毎回エンジニアに依頼するとコストと時間がかかる

01自然言語の指示をAIが解釈して抽出ルールを自動生成

02ヘッドレスブラウザで描画後のDOMから確実に取得

03CSV/JSONで business ツールにそのまま流し込める

URLを貼って日本語で指示するだけでデータ抽出	自然言語の指示をAIが解釈して抽出ルールを自動生成
CSSセレクタ・コード記述が一切不要	ヘッドレスブラウザで描画後のDOMから確実に取得
JavaScript描画の動的サイトにも対応	CSV/JSONで business ツールにそのまま流し込める

AI・連携・データ	生成AI / ヘッドレスブラウザ / CSV/JSON出力

スクレイピングにはCSSセレクタとコードの知識が必要	自然言語の指示をAIが解釈して抽出ルールを自動生成
動的サイトは通常のスクレイピングでは取得できない	ヘッドレスブラウザで描画後のDOMから確実に取得
毎回エンジニアに依頼するとコストと時間がかかる	CSV/JSONで business ツールにそのまま流し込める

担当	企画・UI設計・フルスタック開発・生成AI統合
使った技術	Next.js・TypeScript・Tailwind CSS・生成AI・ヘッドレスブラウザ・CSV/JSON出力

おなじものが作れます

同じ仕組みを、あなたの商品でも作れます。

この事例をシェアする

同じ課題を持っている人に届くかもしれません。

似た課題を解いた他の事例です。