📝 今回の内容 生成AI基礎講座B「開発⑤アプリ設計・開発サーバー・土台づくりの大切さ」では、アプリケーション開発で最も重要な「土台固め」の実践を解説。Claude Codeを使った開発の60-70%はリファクタリングという驚きの真実と、その理由を徹底的に学びます。華やかな機能追加よりも、地道な整理作業こそが長期的な成功の鍵となることを実例とともにお届けします。 🎯 動画トピック 📐 アプリケーション構成の可視化 ・メインページ、予測カード、手動入力の関係性を図解 ・状態管理(Hooks)の役割と配置 ・クライアント/サーバー側の役割分担を明確化 ・頭の中でイメージしながら開発する方法 ⚙️ クライアント側とサーバー側の理解 ・ブラウザ(クライアント)で行われる処理 ・バックエンド(サーバー)で行われる処理 ・サーバーアクション：OpenAI API呼び出し、過去メモの振り返り、コンテキスト作成 ・Supabaseへのメモ登録フロー 🚀 開発サーバーの起動と管理 ・npm run devによる起動方法 ・Ctrl + Cでの終了方法 ・開発サーバーのログの見方と意味 ・複数プロセスが起動している場合の対処法 💾 キャッシュとログのトラブルシューティング ・「コードを変更したのに反映されない」問題の解決 ・ブラウザの開発者ツール(F12)の活用 ・クリーンな状態での再起動の重要性 ・コンソールログの確認方法 🏗️ 土台固めの重要性 ・開発時間の60-70%はリファクタリング ・新機能追加は実は一瞬で終わる ・「足場を固める」ことで後の開発がスムーズに ・プロトタイプ開発 vs 本格的な開発の使い分け 📚 ドキュメント管理のベストプラクティス ・推奨される3つのコアドキュメント：CLAUDE.md、README.md、PROJECT_KNOWLEDGE.md ・レガシードキュメントを作らない方法 ・ドキュメント間の食い違いを即座に解消 ・「コードが最新の真実」の原則 🔄 リファクタリングの習慣化 ・一機能実装ごとにリファクタリング ・違和感を放置しない重要性 ・後からまとめてリファクタリングする困難さ ・セナリアプリの実例：絡まった糸をほぐす大変さ 🔑 今回のキーメッセージ 「開発の体感60-70%はリファクタリング」 → 新機能追加よりも、整理・確認作業に時間をかけることで品質を保つ 「違和感を放置しない」 → 「ちょっと変だな」と思ったら必ず確認。対処法がわからなければClaudeに聞く 「結び目が1つ、2つのうちにほぐす」 → 後からまとめてリファクタリングしようとすると、絡まった糸をほぐすような大変な作業になる 「コードが最新の真実」 → ドキュメントは参考情報。3つのコアドキュメントに集約し、レガシーを作らない ▼ セナリ学院公式HP https://www.teleport.jp/scenari/ 今なら14日間無料！ #セナリ学院　#teleport_ai　#生成AIスクール