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
170
構造化・自動化・ガードレール - Vibe Coding実践記 -
2025/07/14 めぐろLT #29 「Vibe Codingで作ったものをおしえてください」
ふくすけ
July 14, 2025
Tweet
Share
More Decks by ふくすけ
See All by ふくすけ
DuckDBを使ってみたら分析プロジェクトが動き出した
tonegawa07
7
1.6k
Other Decks in Programming
See All in Programming
DatadogのArchived LogsをSnowflakeで高速に検索する方法(Archive Searchでオワコンにならないことを祈って) / How to search Datadog Archived Logs quickly with Snowflake (hoping Datadog Archive Search doesn’t make this obsolete)
civitaspo
0
110
React は次の10年を生き残れるか:3つのトレンドから考える
oukayuka
41
16k
DMMを支える決済基盤の技術的負債にどう立ち向かうか / Addressing Technical Debt in Payment Infrastructure
yoshiyoshifujii
5
760
Jakarta EE Meets AI
ivargrimstad
0
590
[DevinMeetupTokyo2025] コード書かせないDevinの使い方
takumiyoshikawa
2
260
ワープロって実は計算機で
pepepper
1
550
画像コンペでのベースラインモデルの育て方
tattaka
3
1.2k
Dart 参戦!!静的型付き言語界の隠れた実力者
kno3a87
0
160
令和最新版手のひらコンピュータ
koba789
3
1.1k
AIのメモリー
watany
12
1.3k
新しいモバイルアプリ勉強会(仮)について
uetyo
1
250
JetBrainsのAI機能の紹介 #jjug
yusuke
0
190
Featured
See All Featured
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.6k
For a Future-Friendly Web
brad_frost
179
9.9k
KATA
mclloyd
31
14k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
880
YesSQL, Process and Tooling at Scale
rocio
173
14k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
How to Think Like a Performance Engineer
csswizardry
25
1.8k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
332
22k
A Tale of Four Properties
chriscoyier
160
23k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.9k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
Writing Fast Ruby
sferik
628
62k
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