Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
構造化・自動化・ガードレール - Vibe Coding実践記 -
Search
ふくすけ
July 14, 2025
Programming
0
200
構造化・自動化・ガードレール - Vibe Coding実践記 -
2025/07/14 めぐろLT #29 「Vibe Codingで作ったものをおしえてください」
ふくすけ
July 14, 2025
Tweet
Share
More Decks by ふくすけ
See All by ふくすけ
TypeSpecで実現する辛くないOpenAPIスキーマ駆動開発
tonegawa07
0
46
DuckDBを使ってみたら分析プロジェクトが動き出した
tonegawa07
7
1.6k
Other Decks in Programming
See All in Programming
あのころの iPod を どうにか再生させたい
orumin
2
2.5k
CEDEC 2025 『ゲームにおけるリアルタイム通信への QUIC導入事例の紹介』
segadevtech
3
970
パスタの技術
yusukebe
1
400
兎に角、コードレビュー
mitohato14
0
150
モバイルアプリからWebへの横展開を加速した話_Claude_Code_実践術.pdf
kazuyasakamoto
0
260
LLMOpsのパフォーマンスを支える技術と現場で実践した改善
po3rin
8
980
Portapad紹介プレゼンテーション
gotoumakakeru
1
130
コンテキストエンジニアリング Cursor編
kinopeee
1
700
A Gopher's Guide to Vibe Coding
danicat
0
170
20250808_AIAgent勉強会_ClaudeCodeデータ分析の実運用〜競馬を題材に回収率100%の先を目指すメソッドとは〜
kkakeru
0
200
CSC305 Summer Lecture 05
javiergs
PRO
0
110
Introduction to Git & GitHub
latte72
0
120
Featured
See All Featured
Documentation Writing (for coders)
carmenintech
73
5k
Testing 201, or: Great Expectations
jmmastey
45
7.6k
It's Worth the Effort
3n
187
28k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.4k
Building a Modern Day E-commerce SEO Strategy
aleyda
43
7.5k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
110
20k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.6k
How STYLIGHT went responsive
nonsquared
100
5.7k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
30
9.6k
Transcript
構造化・自動化・ガードレール - Vibe Coding実践記 - ふくすけ (@tonegawa07) 2025/07/14 | めぐろLT
1
自己紹介 ふくすけ (@tonegawa07) スタークス株式会社 仕事: Engineer 主戦場はバックエンド Ruby on Rails,
TypeScript(Node.js) 趣味: サッカー観戦 (Jサポ) ひとこと: 最近社内向けテックブログを立ち上げました。 次はポッドキャストをやろうと思ってます。 2025/07/14 | めぐろLT 2
Vibe Coding環境を整える3つのアプローチ 1. 構造化 PR/Issueテンプレートの整備 2. 自動化 Claude Codeのカスタムスラッシュコマンドを活用 3.
ガードレール テストとLintで安全運転 2025/07/14 | めぐろLT 3
構造化 : PR/Issueテンプレートの整備 2025/07/14 | めぐろLT 4
テンプレートってもともとは... 記載者目線 何を書けばいいか迷わない 必要な情報を漏らさない レビュアー目線 情報が構造化されていて読みやすい 確認したいポイントがすぐ分かる 人間のために作ったもの 2025/07/14 |
めぐろLT 5
Vibe CodingするならPRもIssueもAIに書いてほしい テンプレートを整備するぞ!!! 2025/07/14 | めぐろLT 6
テンプレートが整備されていると (人間よりも)正確に埋めてくれる 構造が明確だから(人間よりも)必要な情報を漏らさない 人間のための工夫がAIの精度を上げる 2025/07/14 | めぐろLT 7
自動化 : Claude Codeのカスタムスラッシュコマンドを活用 2025/07/14 | めぐろLT 8
Claude Codeのカスタムスラッシュコマンド カスタムスラッシュコマンドを使用すると、Claude Codeが実行できる頻繁に使 用されるプロンプトをMarkdownファイルとして定義できます。 スラッシュコマンド - Anthropic 2025/07/14 |
めぐろLT 9
作ったコマンド /commit コミットメッセージを自動生成 /pr-create PR作成 .github/PULL_REQUEST_TEMPLATE.mdを参照して記載するよう指示 /pr-main デプロイ用PR ( main
<- develop )を自動作成 ブランチ運用ルールに従うよう指示 /do-issue Issue内容をもとに実装開始 ※ 全て内部でGitHub CLIを使用 2025/07/14 | めぐろLT 10
/commit : コミットメッセージを自動生成 例 fix: ログインエラー時のメッセージ表示を修正 パスワードが間違っている場合にメッセージが 表示されない問題を修正 prefixルールがあると AIが適切なprefixを選んでくれる
コミット履歴が統一される テンプレートと同じように構造化がAIの精度を上げる 2025/07/14 | めぐろLT 11
ガードレール : テストとLintで安全運転 2025/07/14 | めぐろLT 12
Vibe Coding = コードはAIが書く 爆速実装を支えるガードレール 自動テスト 既存機能への悪影響を防ぐ TDDの実践 Lint コード品質を自動で維持
レビュー負荷を削減 CIで自動チェック lint → test → build 2025/07/14 | めぐろLT 13
Lintの活用例 : ログ出力フォーマットの統一 運用・監視のためにログフォーマットを定め、専用のlogger関数を実装したが... 人力でのルール遵守は限界がある レビュアーがルールを理解している必要がある 見落とす可能性 Lintルール化で解決 console.log →
エラー logger関数の使用を強制 コーディング規約等をLintルール化するアプローチは有効かも 2025/07/14 | めぐろLT 14
まとめ 構造化 人間のための工夫がAIにも効く : テンプレートがAIの精度を上げる 自動化 繰り返し作業をコマンド化 : commit、PR作成、Issueからの実装開始まで ガードレール
爆速実装と品質の両立 : テスト、Lint、CIで安全運転 2025/07/14 | めぐろLT 15
Enjoy Vibe Coding! 2025/07/14 | めぐろLT 16
ご清聴ありがとうございました 2025/07/14 | めぐろLT 17