📝 今回の内容 ClaudeCodeでメモアプリを開発しながら、AIとの「認識の擦り合わせ」の重要性を実践的に学ぶ講座です。デザインの色味決定から、UI実装の確認、データベースとUIの整合性チェックまで、開発フェーズごとに丁寧に認識を合わせていくプロセスを解説。AIに効果的に質問し、徹底的に調査させる対話技術も実践します。「認識のズレ」を放置すると開発が誤った方向に進んでしまう―その防ぎ方を具体例とともにお伝えします。 🎯 動画トピック 🎨 デザインの色味決定とPinterestの活用 ・「シンプル UI カラー」で効率的な配色検索 ・黄色×黒の配色を選定し、AIと方向性を共有 ・参考画像をAIに渡してデザインコンセプトを伝える実践 🔍 UI実装の確認とフィードバックの技術 ・まず全体評価「悪くはない、抜本的に進化している」 ・細かい問題点の具体的な指摘「プラスがずれている」「色味が気になる」 ・一つずつ解決していく段階的アプローチ 💬 認識のすり合わせの基本プロセス ・効果的な質問の型：「〜だと思っていますが、認識あってる?」 ・単に事実を確認し、相手に考えさせるアプローチ ・人間側の期待値を明示してから確認する重要性 ・カードスタックとメモ一覧の関係性を対話で明確化 📊 データベースとUIの整合性チェック ・「削除してもメモ件数が減らない」問題の発見 ・楽観的削除（UI上だけ消えたように見せる）の問題点 ・テストデータ60件の影響を見落としていた事例 ・思い込みではなく、実際のデータを確認する重要性 ⚡ AIに徹底的な調査を依頼する技術 ・「徹底的に調べてください」でExplorer機能が働く ・「抜本的に変えたい」など副詞的表現の効果 ・認識のズレを感じたときの警告的トーン「一旦ちゃんと調べろよ」 ・バックエンドとフロントエンドを分けて調査依頼 📝 実装ロジックの理解 ・カードスタック（メインカード）= メモ配列の1件目 ・メモ一覧 = メモ配列の2件目以降 ・最新順で表示、最大10件（メイン1件+一覧9件） ・MOREボタンで追加のメモを確認できる仕様 🔑 今回のキーメッセージ 「まず自分の理解や期待を述べてから、認識あってますか?と確認する」 → この形式が最も効果的な認識擦り合わせの方法。単に質問するのではなく、人間側の考えを明示することでAIの理解を促進 「徹底的に、抜本的に、といった副詞を使うとAIが詳細に調べてくれる」 → 特に認識のズレを感じたときや、開発が誤った方向に進みそうなときに有効。Explorer機能を活用して正確な情報を引き出す 「この確認作業を丁寧にやっていくことを、開発のフェーズごとに実施することが極めて重要」 → 認識擦り合わせは一度きりではなく、継続的なプロセス。AIとの対話を通じて、お互いの理解を一致させながら開発を進める #ClaudeCode #生成AI #AI開発 #プロンプトエンジニアリング #アプリ開発 ご不明点や質問はコメント欄までどうぞ！ ┈┈┈┈┈┈┈┈┈┈ 『セナリ学院』とは？🏫✨ ┈┈┈┈┈┈┈┈┈┈ SNS総フォロワー数4.1万人 平野友康が校長を務める 生成AIに特化したオンラインスクールです。 講師の得意分野はデザイナー、開発分野、業務改善、まちづくりなど幅広く、 多角的なアドバイスが可能です！ 今だけ14日間無料体験キャンペーン中！ 下記HPより詳細をご確認ください。 セナリ学院HP: https://www.teleport.jp/scenari/ ┈┈┈┈┈┈┈┈┈┈ ◆公式SNS Instagram: https://www.instagram.com/scenari.teleport/ X(旧Twitter): https://x.com/scenari_AI Facebook: https://www.facebook.com/people/%E3%82%BB%E3%83%8A%E3%83%AA%E5%AD%A6%E9%99%A2-Teleport/61576632806665/ note: https://note.com/scenari_teleport #セナリ学院　#teleport_ai　#生成AIスクール