📝 今回の内容 前回までに作成したCSV管理ダッシュボードのブラッシュアップフェーズを実践。 「15分で完成するモックプロトタイプ、その後の改善に時間をかける」開発の真髄を体験。 実際に触りながら課題を発見し、Claude Codeと対話しながら使いやすいダッシュボードに仕上げていきます。 🎯 動画トピック 🔍 検索機能のUX改善 ・「法定福利費」検索で関係ないデータも表示される課題発見 ・Claude Codeに現在の検索仕様を確認させる ・ベストプラクティスを提案させる対話手法 ・フィルターチップ方式の採用（勘定科目・取引先・適用を個別検索） ・検索結果のCSV出力機能も追加 ⚙️ ソート機能の不具合修正 ・昇順・降順が動作していない問題を発見 ・矢印は変わるのに並び替えが発生しない状態 ・「実装されているはずなのに動いていない」を伝える重要性 ・修正後の動作確認プロセス 💰 現金残高入力機能の実装 ・ランウェイ計算に必要な現金残高をどう入力するか ・3つの実装案から最適解を選択 ・案A：設定画面／案B：ダッシュボード上で編集（採用）／案C：ヘッダー常設 ・生存指標セクションでの直接編集が最も自然 ・5,000万円入力→月次支出600万円→ランウェイ8ヶ月とリアルタイム計算 🎨 CSVアップロード画面のUI最適化 ・初期状態が空白画面のみという課題 ・ダッシュボード骨格を表示する改善案を採用 ・全体像が見える状態でCSVアップロードできるUIに ・コンテキストの明確化による使いやすさの向上 📊 実装後の動作確認プロセス ・モックプロトタイプ作成は15分、その後のすり合わせが本質 ・実際に触って初めて分かる使いにくさ ・大規模開発でも小規模開発でも同じプロセスが重要 ・一つ一つの機能を丁寧にチェックしていく姿勢 💬 Claude Codeとの効果的な対話方法 ・「ベストプラクティスを考えて提案して」という依頼の仕方 ・コードを書かせる前に設計を提案させる ・「動いているかチェックして、動いていなかったら実装して」という指示 ・段階的に改善していく開発スタイル 🔑 今回のキーメッセージ 「モックプロトタイプは15分で完成するけど、その後のすり合わせとチェックが大事」 → AIによる高速実装と人間による丁寧な検証のバランスが実用的なツールを生む 「一つの検索メニューだけじゃ使いにくい。ベストプラクティスを考えて提案して」 → Claude Codeに考えさせることで、より良いUI/UX設計が得られる 「実装されているけど動いていない」 → 実際に触って確認することでしか発見できない不具合がある 「自分の手に馴染むものを作る」 → freee会計のような多機能ツールではなく、自分が本当に必要な機能だけを持つダッシュボードの価値 ご不明点や質問はコメント欄までどうぞ！ ┈┈┈┈┈┈┈┈┈┈ 『セナリ学院』とは？🏫✨ ┈┈┈┈┈┈┈┈┈┈ 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スクール