AI組み込み・業務自動化のWeb開発

「AIで何ができるか」を、
動くデモでお見せします。

Web開発の実務経験をベースに、Claude APIを組み込んだアプリと業務自動化ツールを開発しています。 以下の3つのデモはすべて実際に触れます(APIキー不要のデモモード付き)。

制作デモ

ドキュメントQAボットのスクリーンショット

ドキュメントQAボット

PDF・テキストをアップロードすると、AIが内容に基づいて出典付きで回答するRAGアプリ。

  • 軽量RAG(ベクトルDB不要のバイグラム検索)
  • 出典チャンクID付き回答
  • APIキー不要のデモモード搭載

Next.js / TypeScript / Claude API / pdfjs-dist / Vitest

埋め込み型AIチャットウィジェットのスクリーンショット

埋め込み型AIチャットウィジェット

scriptタグ1行で任意のWebサイトに設置できるAIカスタマーサポート。架空ECサイトでの設置デモ付き。

  • 設置はscriptタグ1行(iframe方式で非干渉)
  • 店舗情報に基づくマルチターン応答
  • ホストページのCSS・JSに干渉しないiframe分離設計

Next.js / TypeScript / Claude API / Vanilla JS / Vitest

業務自動化ダッシュボードのスクリーンショット

業務自動化ダッシュボード

売上CSVを自動集計してグラフ化し、AIが経営者向けの月次レポートを文章で生成。

  • CSV解析・集計の完全テスト
  • 集計サマリーのみ送信で低コスト・低リスク
  • デモ数値はテストで実データと一致を担保

Next.js / TypeScript / Claude API / Recharts / Vitest

対応できること

AI組み込み開発

RAG・チャットボット・レポート自動生成など、Claude APIを使った機能を既存・新規のWebアプリに組み込みます。

業務自動化ツール

CSV集計・定型レポート作成・データ整形など、毎月の手作業をWebツール化して自動化します。

Webアプリ開発

Next.js + TypeScriptでの小規模Webアプリ・社内ツール・LPの設計から公開までを一貫して対応します。

お問い合わせ

お仕事のご相談は、下のお問い合わせフォームからお気軽にどうぞ。 「こんなことはできる?」という段階のご相談も歓迎です。通常2営業日以内にメールでご返信します。

お問い合わせフォーム