Day 11 - 12/11

Graphy Habit Share モック開発振り返り

JavaScriptAPI
ChatGPT
Graphy Habit Share モック開発振り返り

概要

疲れが出始めた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