Day 11 - 12/11
Graphy Habit Share モック開発振り返り
JavaScriptAPI
ChatGPT

概要
疲れが出始めた11日目。思考までAIに任せる発想で、ChatGPTにアイデアを相談しながらフロントエンドを実装しました。しかし、ChatGPTで整理したアイデアをCodexに渡してコーディングする流れは、思ったほどの成果にはつながりませんでした。モックモードでもカテゴリ別にグラフ化できる仕組みを整え、AI連携時の利用イメージを示すことを重視しています。
リンク
制作時間
2.5時間
学んだこと・振り返り
- 体力が落ちてきたタイミングでも、AIを活用すると発想の停滞を一時的に打破できる。
- とはいえ、アイデアと実装を別AIに分担するだけでは成果が伸びず、最終的な品質は人間側の統制力に左右されると痛感した。
- 今後はAIの役割をより限定的かつ明確に設計し、活用パターンを事前に検証してから作業に入るべきと学んだ。
初回プロンプト(計画)
# 11日チャレンジ - アイデア相談
## 制約条件
- **制作時間**: 30分
- **必須要素**: 外部APIを使う
- **ストレージ**: LocalStorageのみ
- **制限**: JavaScript 100行以内
## こだわりポイント(特に重視)
- 📱 **レスポンシブ**: PC・タブレット・スマホ対応
- 💡 **革新性**: 新しさ、独創性、ユニークさ
- 🎨 **デザイン・UI/UX**: 見た目の美しさ、使いやすさ、直感的な操作
### 📐 採用デザインガイドライン
**Fluent Design**
- **特徴**: Microsoft開発。透明感、ぼかし、奥行きのあるレイヤー構造が特徴
- **デザイン要素**: アクリル素材、奥行きと動き、シームレスな体験
- **参考サイト**: [Fluent UI公式](https://fluent2.microsoft.design/)、[Microsoft 365](https://www.office.com/)、[Windows 11風デザイン例](https://www.microsoft.com/en-us/windows)
**このガイドラインの雰囲気やデザインパターンを踏襲したWebアプリを提案してください。**
## 選択したキーワード
1. グラフ
2. 共有する
3. 分類する
## 補足情報
日常生活に入り込むAIを体験できるツール
## お願い
上記の制約条件と選択したキーワード、そして補足情報を考慮して、30分で作れる具体的なWebアプリのアイデアを3つ提案してください。
各アイデアには以下を含めてください:
1. **アプリ名**(キャッチーな名前)
2. **何を解決するアプリか**(1行で)
3. **主な機能**(3つ程度)
4. **なぜこの時間で完成できるか**(簡潔に)
5. **補足情報との関連性**(どのように課題を解決するか)
できるだけクリエイティブで、キーワードを意外な形で組み合わせたアイデアを期待しています。
チャレンジ生成ツールで作成した最初の計画です
メインAIツールの評価
ChatGPT
⭐⭐
良かった点
アイデア出しの初期段階では、短時間で複数の切り口を提案してくれた。
改善してほしい点
アイデアからコーディングへの橋渡しはうまくいかず、実装の質も期待ほど向上しなかった。
総合コメント
発想の整理には助かったが、開発効率を大幅に高めるほどの効果は感じられなかった。
公開日: 2025/12/10