これは何？
現場作業の報告を「話すだけ」で完了させる日報デモアプリです。音声入力、AI風の自動整形、写真の自動分類、ワンタップのステータス送信を組み合わせ、「5分かかっていた日報を30秒に」を目指しています。
以下URL（Vercel）にデモアプリを公開していますのでぜひご覧になってください！
URL：RapidReport | 声で終わる爆速日報
できること
- 🎙 音声入力（Web Speech API、非対応ブラウザではデモ文を自動挿入）
- 🪄 AI風の自動要約・構造化（ローカル処理、LLMなし）
- 📷 写真の自動カテゴリ推定（ファイル名から施工前/後・不具合などを推定）
- ✅ ワンタップのスタンプ送信プレビュー（完了 / 異常なし / 要確認 / 追加手配）
- 👀 プレビュー表示で「送信前に誤りを防ぐ」UI
技術スタック
- Next.js 14 (App Router) / TypeScript
- Tailwind CSS（サイバーパンク風テーマ）
- Framer Motion（アニメーション）
- Lucide Icons
- Web Speech API（音声認識）
画面構成（ざっくり）
- ヒーロー：コンセプト説明＋日報プレビュー
- Step 1：音声メモ入力＋現場名/作業日
- Step 2：写真添付＆自動カテゴリ推定
- 要約ビュー：AI風のローカル整形結果
- スタンプ＆送信プレビュー：完了/異常なし/要確認/追加手配
- 機能ハイライト：4枚のカードで特徴を整理
こだわりポイント
- 音声認識が使えない環境でもデモ文を自動挿入して体験を途切れさせない
- 簡易キーワード判定で「安全確認済み」「不足資材あり」を自動ヒント化
- 写真はファイル名/順序から施工前/後・不具合を推定（本番は画像解析APIを想定）
- UIは片手操作・視認性を意識した大きめボタンと高コントラスト配色
今後やりたいこと
- バックエンド/API連携（認証、日報保存、S3/GCSへのアップロード）
- LLM要約と禁止ワードフィルタの実装
- 画像解析APIで施工前/後・異常検知の精度向上
- オフライン対応（PWA＋バックグラウンド同期）
- RBACと監査ログで現場向けセキュリティ強化
コメント