🌐Webアプリ公開中
📖ストーリーで見る
👥
お客様編
💻
開発編
📷
読み込み中...
🎯主要機能
URLを貼って日本語で指示するだけでデータ抽出
自然言語の指示をAIが解釈して抽出ルールを自動生成
CSSセレクタ・コード記述が一切不要
ヘッドレスブラウザで描画後のDOMから確実に取得
JavaScript描画の動的サイトにも対応
CSV/JSONで business ツールにそのまま流し込める
⚙️技術的詳細
フロントエンド・基盤
Next.js / TypeScript / Tailwind CSS
AI・連携・データ
生成AI / ヘッドレスブラウザ / CSV/JSON出力
💼活用シーン
🤝
スクレイピングにはCSSセレクタとコードの知識が必要
自然言語の指示をAIが解釈して抽出ルールを自動生成
⚡
動的サイトは通常のスクレイピングでは取得できない
ヘッドレスブラウザで描画後のDOMから確実に取得
🎯
毎回エンジニアに依頼するとコストと時間がかかる
CSV/JSONで business ツールにそのまま流し込める
👤担当領域
企画UI設計フルスタック開発生成AI統合
🛠️使用技術
Next.jsTypeScriptTailwind CSS生成AIヘッドレスブラウザCSV/JSON出力
✨ハイライト
1
URLを貼って日本語で指示するだけでデータ抽出
2
CSSセレクタ・コード記述が一切不要
3
JavaScript描画の動的サイトにも対応
4
表・CSV・JSONでそのまま使える形式に出力
😰課題・問題
- ✗スクレイピングにはCSSセレクタとコードの知識が必要
- ✗動的サイトは通常のスクレイピングでは取得できない
- ✗毎回エンジニアに依頼するとコストと時間がかかる
💡解決策
- ✓自然言語の指示をAIが解釈して抽出ルールを自動生成
- ✓ヘッドレスブラウザで描画後のDOMから確実に取得
- ✓CSV/JSONで business ツールにそのまま流し込める
🎯成果・結果
🏆
非エンジニアでもWebデータ収集が可能に
🏆
セレクタ探しの工程を丸ごと不要化
🏆
動的サイト対応でカバー範囲を大幅拡大