OpsView AI

課題・制作の目的

問い合わせ対応・社内検索・議事録整理へのAI活用を、操作できる自主制作デモで提示すること。

担当範囲

要件整理 / 画面設計 / 実装

技術スタック

• Next.js 16
• React 19
• TypeScript
• Tailwind CSS v4
• shadcn/ui
• Firebase Auth
• Firestore
• OpenAI API

実装内容

Next.js 16 + TypeScript + Firebase + OpenAI API で構築した、AI業務改善の営業向けポートフォリオ。主力の「AI問い合わせ対応アシスタント」を軸に、「社内ナレッジ検索AI」「商談議事録整理AI」を共通基盤で展開し、導入前 / 導入後の違いを見て分かる形で整理しました。Sample Mode でも主要デモを確認でき、ダッシュボードでは文書管理や履歴確認まで含めて運用イメージを提示しています。

• 問い合わせ対応、社内検索、商談議事録整理の 3 つの AI デモを実装
• Firebase Auth / Firestore と Next.js Route Handlers でデモと管理画面を構成
• 導入前後の比較、Sample Mode、文書管理ダッシュボードを整備

確認できる成果

AI導入で業務がどう変わるかを、非エンジニアにも短時間で伝えやすい営業用デモとして公開。

確認対象は以下の公開サイト・デモ・ソースコードと記載した実装範囲です。売上・問い合わせ数・工数削減率の測定値は掲載していません。外部デモは公開状況によって利用できない場合があります。

関連サービス

• 生成AIアプリ開発 →