構造化・自動化・ガードレール - Vibe Coding実践記 -

2025/07/14 めぐろLT #29 「Vibe Codingで作ったものをおしえてください」

Transcript

1. 構造化・自動化・ガードレール - Vibe Coding実践記 - ふくすけ (@tonegawa07) 2025/07/14 | めぐろLT 1
2. 自己紹介 ふくすけ (@tonegawa07) スタークス株式会社 仕事: Engineer 主戦場はバックエンド Ruby on Rails, TypeScript(Node.js) 趣味: サッカー観戦 (Jサポ) ひとこと: 最近社内向けテックブログを立ち上げました。 次はポッドキャストをやろうと思ってます。 2025/07/14 | めぐろLT 2
3. Vibe Coding環境を整える3つのアプローチ 1. 構造化 PR/Issueテンプレートの整備 2. 自動化 Claude Codeのカスタムスラッシュコマンドを活用 3. ガードレール テストとLintで安全運転 2025/07/14 | めぐろLT 3
4. 構造化 : PR/Issueテンプレートの整備 2025/07/14 | めぐろLT 4
5. テンプレートってもともとは... 記載者目線 何を書けばいいか迷わない 必要な情報を漏らさない レビュアー目線 情報が構造化されていて読みやすい 確認したいポイントがすぐ分かる 人間のために作ったもの 2025/07/14 | めぐろLT 5
6. Vibe CodingするならPRもIssueもAIに書いてほしい テンプレートを整備するぞ！！！ 2025/07/14 | めぐろLT 6
7. テンプレートが整備されていると （人間よりも）正確に埋めてくれる 構造が明確だから（人間よりも）必要な情報を漏らさない 人間のための工夫がAIの精度を上げる 2025/07/14 | めぐろLT 7
8. 自動化 : Claude Codeのカスタムスラッシュコマンドを活用 2025/07/14 | めぐろLT 8
9. Claude Codeのカスタムスラッシュコマンド カスタムスラッシュコマンドを使用すると、Claude Codeが実行できる頻繁に使 用されるプロンプトをMarkdownファイルとして定義できます。 スラッシュコマンド - Anthropic 2025/07/14 | めぐろLT 9
10. 作ったコマンド /commit コミットメッセージを自動生成 /pr-create PR作成 .github/PULL_REQUEST_TEMPLATE.mdを参照して記載するよう指示 /pr-main デプロイ用PR ( main <- develop )を自動作成 ブランチ運用ルールに従うよう指示 /do-issue Issue内容をもとに実装開始 ※ 全て内部でGitHub CLIを使用 2025/07/14 | めぐろLT 10
11. /commit : コミットメッセージを自動生成 例 fix: ログインエラー時のメッセージ表示を修正 パスワードが間違っている場合にメッセージが 表示されない問題を修正 prefixルールがあると AIが適切なprefixを選んでくれる コミット履歴が統一される テンプレートと同じように構造化がAIの精度を上げる 2025/07/14 | めぐろLT 11
12. ガードレール : テストとLintで安全運転 2025/07/14 | めぐろLT 12
13. Vibe Coding = コードはAIが書く 爆速実装を支えるガードレール 自動テスト 既存機能への悪影響を防ぐ TDDの実践 Lint コード品質を自動で維持 レビュー負荷を削減 CIで自動チェック lint → test → build 2025/07/14 | めぐろLT 13
14. Lintの活用例 ： ログ出力フォーマットの統一 運用・監視のためにログフォーマットを定め、専用のlogger関数を実装したが... 人力でのルール遵守は限界がある レビュアーがルールを理解している必要がある 見落とす可能性 Lintルール化で解決 console.log → エラー logger関数の使用を強制 コーディング規約等をLintルール化するアプローチは有効かも 2025/07/14 | めぐろLT 14
15. まとめ 構造化 人間のための工夫がAIにも効く : テンプレートがAIの精度を上げる 自動化 繰り返し作業をコマンド化 : commit、PR作成、Issueからの実装開始まで ガードレール 爆速実装と品質の両立 : テスト、Lint、CIで安全運転 2025/07/14 | めぐろLT 15
16. Enjoy Vibe Coding! 2025/07/14 | めぐろLT 16
17. ご清聴ありがとうございました 2025/07/14 | めぐろLT 17