Day 10 - 12/10
アンビギュイティ・レーダー
JavaScriptTailwindCSS
GenSparkChatGPTGemini
概要
「明日中によろしく」「いい感じにやっておいて」...
ビジネスチャットやメールに潜む、トラブルの元凶となる「曖昧な表現」を自動検出するチェッカーツールです。
1.5時間のタイムアタック開発（Day10課題）で作成されたMVPプロダクトです。
ビジネスチャットやメールに潜む、トラブルの元凶となる「曖昧な表現」を自動検出するチェッカーツールです。
主な機能
- 曖昧ワードの自動ハイライト: 指示語、曖昧な期限、責任の所在不明な箇所を即座に発見し、色分け表示します。
- 具体化アシスト: 「明日中」なら「日時を指定」、「いい感じに」なら「基準を提示」など、具体的な書き換えヒントをカード形式で提示します。
- 多義性チェック: Wikipedia APIと連携し、複数の意味に取れる言葉（専門用語や略語など）を警告します。
- 完全セキュア: 入力された文章はサーバーに送信されず、すべてブラウザ内で処理されるため、機密情報を含む文章でも安心して利用できます。
1.5時間のタイムアタック開発（Day10課題）で作成されたMVPプロダクトです。
リンク
制作時間
2時間
学んだこと・振り返り
学んだこと・振り返り
- AIツールの使い分け: 企画・要件定義にはChatGPTの構成力を活かし、実装・コーディング段階ではGenSpark (Gemini) の瞬発力とコーディング能力を活用するという「適材適所」のワークフローが非常に効果的でした。
- Vanilla JSの可能性: Reactなどのフレームワークを使わなくても、現代のJavaScript標準機能だけで十分リッチで高速なインタラクションが作れることを再確認しました。
- UXライティングの重要性: 単にエラーを出すだけでなく、「なぜ危ないのか」「どう直すべきか」というユーザーへのフィードバック（マイクロコピー）を作り込むことで、ツールの納得感が大きく向上しました。
初回プロンプト（計画）
# 25日間AIチャレンジ - Day 10のアイデア相談
## 制約条件
- **制作時間**: 1.5時間
- **必須要素**: 外部APIを使う
- **ストレージ**: メモリ上のみ（永続化なし）
- **制限**: フロントエンドのみ
## こだわりポイント（特に重視）
- ♿ **アクセシビリティ**: 誰でも使える、ユニバーサルデザイン
- 🔒 **セキュリティ**: 安全性、プライバシー保護
- 💡 **革新性**: 新しさ、独創性、ユニークさ
## 選択したキーワード
1. 検索する
2. 通知する
3. 把握できない
## お願い
上記の制約条件と選択したキーワードを考慮して、1.5時間で作れる具体的なWebアプリのアイデアを3つ提案してください。
各アイデアには以下を含めてください：
1. **アプリ名**（キャッチーな名前）
2. **何を解決するアプリか**（1行で）
3. **主な機能**（3つ程度）
4. **なぜこの時間で完成できるか**（簡潔に）
できるだけクリエイティブで、キーワードを意外な形で組み合わせたアイデアを期待しています。
チャレンジ生成ツールで作成した最初の計画です
メインAIツールの評価
GenSpark
⭐⭐⭐⭐⭐
良かった点
詳細なMVP仕様書に基づき、要件を満たすコード（HTML/CSS/JS）を迷いなく実装できた点。特に正規表現を用いた辞書マッチングの実装や、Tailwind CSSを用いたレスポンシブなUI構築がスムーズに行えた。
改善してほしい点
特になし。強いて言えば、ハイライト表示のようなDOM操作をVanilla JSで実装する際、コード量がやや増える傾向にあったが、許容範囲内であった。
総合コメント
企画段階でChatGPTを使用して詳細な仕様を詰め、開発段階でGenSpark (Gemini) を使用することで、迷いのないスムーズな実装が実現できました。
公開日: 2025/12/9