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
CI/CDとタスク共有で加速するVibe Coding
Search
tnbe21
June 19, 2025
Technology
0
110
CI/CDとタスク共有で加速するVibe Coding
tnbe21
June 19, 2025
Tweet
Share
Other Decks in Technology
See All in Technology
Amplifyとゼロからはじめた AIコーディング 成果と展望
mkdev10
1
180
AIにどこまで任せる?実務で使える(かもしれない)AIエージェント設計の考え方
har1101
3
1k
「規約、知識、オペレーション」から考える中規模以上の開発組織のCursorルールの 考え方・育て方 / Cursor Rules for Coding Styles, Domain Knowledges and Operations
yuitosato
6
1.6k
kotlin-lsp を Emacs で使えるようにしてみた / use kotlin-lsp in Emacs
nabeo
0
150
(非公式) AWS Summit Japan と 海浜幕張 の歩き方 2025年版
coosuke
PRO
1
190
白金鉱業Meetup_Vol.19_PoCはデモで語れ!顧客の本音とインサイトを引き出すソリューション構築
brainpadpr
2
300
研究開発部メンバーの働き⽅ / Sansan R&D Profile
sansan33
PRO
3
17k
Javalinの紹介
notoh
0
100
Securing your Lambda 101
chillzprezi
0
250
Workflows から Agents へ ~ 生成 AI アプリの成長過程とアプローチ~
belongadmin
2
140
ゆるSRE #11 LT
okaru
1
590
Kotlinで学ぶ 代数的データ型
ysknsid25
5
1.1k
Featured
See All Featured
Optimising Largest Contentful Paint
csswizardry
37
3.3k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Art, The Web, and Tiny UX
lynnandtonic
299
21k
Navigating Team Friction
lara
186
15k
Visualization
eitanlees
146
16k
The Language of Interfaces
destraynor
158
25k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.9k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
6
690
A Tale of Four Properties
chriscoyier
159
23k
Done Done
chrislema
184
16k
Transcript
CI/CDとタスク共有で加速す るVibe Coding 2025-06-19 田辺 太一 CI/CDパイプライン task-master導入 AIコーディング
自己紹介 田辺 太一 誕生日: 1985-05-21 出身: 大阪 居住地: 東京 LIKES:
⚽️ 🏃 📷 ♨️ など SaaSエンジニア TypeScript/GraphQL/React/Node.js/MySQL/MongoDB/ECS/マイク ロサービス 本業業務 コードレビュー テスト改善 本業でのAIコーディングの実情 Github Copilotでコードレビュー、Cursorトライアル中
TL;DR CI/CD早期整備の重要性 開発初期{¹CI/CD環境を整え»こxw開発速度|向上す» AIxのタス¿共有|もた¹す開発効率化 明確zタス¿定義|AIコーディンÀの成功を左右す» 上流⼯程の重要性 AIツールの活⽤w設計·要件定義スキル|¸º重要{z»
システム概要 バックエンド Node.js/Express/Google認証/Prisma フロントエンド React/Next.js インフラ AWS(ECS, Route53, etc.)/Supabase Terraformによる管理
CI/CD 自動テスト・デプロイによる継続的な 統合と配信 (Github Actions)
2ヶ月(=約40人時間)の実装プロセス 基盤構築 monorepo構成でDockerベースの開発環境を構築 フロント・バックエンドのテスト実装 認証機能 Google認証の実装と統合 インフラ整備 Terraformによるインフラのコード化と AWS環境への適用 CI/CD構築
自動テストとデプロイパイプラインの構築 AI活用 CursorのAgentモードを活用したVibeCoding、task- master導入による実装の自動化
CI/CDとタスク管理による開発加速 task-master(タスク管理ツール)導入による開発速度向上 コード変更から検証までのサイクルが短縮 環境一貫性 ローカル・リモート環境間の差異を最小化 早期CI/CD整備 開発初期からの基盤構築が重要
AIコーディングの課題点 環境差異への対応 docker-compose構成 の最適化 Dockerfile設計の複雑さ DBマイグレーションスクリプ トの互換性 テスト実装の難しさ 適切なモック実装の選択 テストケース設計の
バランス AIによる実装の検証方法 「環境差異への対応」に苦労した経験から ローカルでの作り込みで手詰まりになる前に早期にCI/CD環境を構築し 短いイテレーションで検証を進めることの重要性を痛感
AIコーディング道場稽古総括 技術進化の速さ わずか2ヶ月の間でも新ツール・新機能 が続々登場 選択肢の多さに目移りする状況 効率化の格差 同じAIツールでも、要件定義やアーキテ クチャ設計の質によって効率に大きな差 が生じる 新規ツール・新機能のキャッチアップや
タスク管理能力が重要 上流工程の重要性 AIに実装を任せられる分、開発の上流工 程のセンスがより問われる 設計・要件定義スキルが開発効率を決定 づける要因になっている