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
開発生産性を上げるための生成AI活用術
Search
starfish719
October 02, 2025
Programming
1
110
開発生産性を上げるための生成AI活用術
starfish719
October 02, 2025
Tweet
Share
More Decks by starfish719
See All by starfish719
ファインディ株式会社におけるMCP活用とサービス開発
starfish719
0
3.2k
ファインディ株式会社における生成AI活用までの軌跡
starfish719
1
3.5k
ファインディの テックブログ爆誕までの軌跡
starfish719
3
3.2k
動作確認やテストで漏れがちな観点3選
starfish719
6
1.5k
GitHub CopilotでTypeScriptの コード生成するワザップ
starfish719
28
6.8k
Findyの爆速開発を支えるPull requestの粒度
starfish719
0
4.8k
フロントエンドの設計刷新〜決断から効果検証まで〜
starfish719
0
62
開発生産性実践入門 Pullrequestの粒度編
starfish719
0
1.8k
Gatsby + Netlifyで ポートフォリオサイトを 作った話
starfish719
0
78
Other Decks in Programming
See All in Programming
メモリ不足との戦い〜大量データを扱うアプリでの実践例〜
kwzr
1
680
非同期jobをtransaction内で 呼ぶなよ!絶対に呼ぶなよ!
alstrocrack
0
370
フロントエンド開発に役立つクライアントプログラム共通のノウハウ / Universal client-side programming best practices for frontend development
nrslib
7
3.8k
Let's Write a Train Tracking Algorithm
twocentstudios
0
220
Reduxモダナイズ 〜コードのモダン化を通して、将来のライブラリ移行に備える〜
pvcresin
2
650
CSC509 Lecture 02
javiergs
PRO
0
400
Web Components で実現する Hotwire とフロントエンドフレームワークの橋渡し / Bridging with Web Components
da1chi
2
1.4k
ИИ-Агенты в каждый дом – Алексей Порядин, PythoNN
sobolevn
0
140
階層構造を表現するデータ構造とリファクタリング 〜1年で10倍成長したプロダクトの変化と課題〜
yuhisatoxxx
3
850
ててべんす独演会〜Flowの全てを語ります〜
tbsten
1
220
Back to the Future: Let me tell you about the ACP protocol
terhechte
0
120
プログラミングどうやる? ~テスト駆動開発から学ぶ達人の型~
a_okui
0
190
Featured
See All Featured
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
3k
jQuery: Nuts, Bolts and Bling
dougneiner
64
7.9k
Intergalactic Javascript Robots from Outer Space
tanoku
273
27k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
45
2.5k
Testing 201, or: Great Expectations
jmmastey
45
7.7k
Statistics for Hackers
jakevdp
799
220k
Mobile First: as difficult as doing things right
swwweet
224
9.9k
Java REST API Framework Comparison - PWX 2021
mraible
33
8.8k
How To Stay Up To Date on Web Technology
chriscoyier
791
250k
The Straight Up "How To Draw Better" Workshop
denniskardys
237
140k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.5k
How to Ace a Technical Interview
jacobian
280
23k
Transcript
© Findy Inc. みんなで学び合おう!開発⽣産性向上のためのナレッジ共有会【D-Plus Fukuoka】 開発⽣産性を上げるための⽣成AI活⽤術 1 ファインディ株式会社 テックリードマネージャー ⼾⽥
千隼 @starfish0206
© Findy Inc. 2 今⽇の内容を聞いて欲しい⼈ • ⽣成AIを活⽤したいが、思ってるような結果が出ない • 上司から「⽣成AIってやつで開発速くしてよ」と⾔われている •
開発⽣産性と⽣成AIのどっちに着⼿すればいいのかわからない 今⽇の内容から学びがない⼈ • 開発⽣産性を完全に理解している • ⽣成AIをバリバリ活⽤しまくっている • 答え合わせで使ってください
© Findy Inc. 3 今⽇のお品書き • ⽣成AIあるあると解決法 ◦ プロンプトがわからない ◦
思ったコードが出⼒されない ◦ レビュー疲れ • まとめ
© Findy Inc. 4 ⽣成AIあるあると解決法
© Findy Inc. 5 プロンプトがわからない
© Findy Inc. 6 プロンプトがわからない • ⾃分⾃⾝が理解できていないことが原因 ◦ プロンプトの書き⽅がわからない ◦
Vibe Codingのやり⽅がわからない ◦ ⽣成AIに何を依頼したらいいのかわからない • Issueに書き出してみる タスク分解と階層構造を理解しましょう
© Findy Inc. 7 タスク分解 • 開発に⼊る際に、⼀番最初に着⼿する • GitHubのIssueにタスクリストを作成し、実装着⼿前にレビューしてもらう •
タスクの内容、対応する順番などを確認して実装着⼿前に認識を合わせる • 何をどう作るのかを明記する • いきなり⽣成AIに依頼するのではなく、まず⼈間が理解する必要がある
© Findy Inc. 8 階層構造 • ⻑⽂のプロンプトよりも階層構造のプロンプトの⽅が、⽣成AIの理解度が⾼い傾向にある buttonを作成して返すReact Componentを作ってください。propsにはテキストと無効フラグとクリック時のイベントを受け取ることが出来ます。テキストは必 須です。無効フラグは任意で
`is` のprefixを付けてデフォルト値は無しです。クリック時のイベントは任意です。 buttonを作成して返すReact Componentを作ってください。 - props - テキスト - 必須 - 無効フラグ - 任意 - `is` のprefixを付ける - デフォルト値は無し - クリック時のイベント - 任意
© Findy Inc. 9 思ったコードが出⼒されない
© Findy Inc. 10 思ったコードが出⼒されない • ⽣成AIが迷ってしまっている環境が原因 ◦ 意図したコードが出⼒されない ◦
既存コードが壊れる • ⽣成AIフレンドリーな開発環境を整える ⽣成AIが迷わないために ガードレール整備をしましょう
© Findy Inc. 11 既存コードの最適化 • 不要なコードの削除 ◦ 不要なコードも学習してしまい、不適切な出⼒になることがある •
統⼀されたコーディング規約 ◦ Google の Style Guides などに代表されるようなスタイルガイドを採⽤ ◦ 統⼀されたコーディング規約に従ったコードベースは⽣成AIの理解度を向上させる ◦ 命名規則が⼀貫していれば、⽣成AIはその規則を学習する ▪ 命名パターンを⼀貫して提案できる
© Findy Inc. 12 ドキュメンテーションの充実 • ⽣成AIが読み込む内容はREADMEなどのドキュメントも含まれる • docコメントやAPIドキュメント ◦
⽣成AIがコードの意図を理解する上で重要な情報源となる • カスタムインストラクション ◦ ⽣成AIに対して特定のコンテキストやルールを教えるための⼿段 ◦ 調整して育てることで、⽣成されるコードや提案内容の精度を向上できる ◦ プロジェクトやリポジトリのコーディング規約やドメイン知識などを記載する ▪ それらの内容を⽣成AIに読み込ませて提案内容に反映
© Findy Inc. 13 テストコード • ⽣成AIが仕様を把握するための重要な情報源 • ⽣成AIが暴⾛しないためのガードレールの役割 ◦
⽣成AIが仕様を理解しやすくなる ◦ 既存の振る舞いが壊れた時、既存のテストコードがコケることで⽣成AIが検知できる • ⽣成AI時代のテストコードが持つ役割は、今までよりも重要となる
© Findy Inc. 14 レビュー疲れ
© Findy Inc. 15 レビュー疲れ • ⼈間が理解しづらいPull requestを⼤量に作成していることが原因 ◦ AIが出⼒したものを理解しないままレビューに出している
▪ AIが出⼒したコードの合否の判断ができないのが理由 ▪ Pull requestの質が低下 ▪ リードクラスのレビュー負担が増加 ◦ AIに使われている状態 ⽣成AIが出⼒したコードを理解する
© Findy Inc. 16 セルフレビュー • ⽣成AIが出⼒したコードを理解する ◦ 読むのではなく読み解いて理解する •
セルフレビューで⾃分が説明出来ないコードはレビュー依頼を出したらダメ ◦ ⼀次情報を参照して、理解する ◦ 読み解いて理解するために基礎が重要となる • ⽣成AIが出⼒したコードの責任は⼈間にある ◦ 出⼒してもらったコードに⾃分⾃⾝が責任を持つ
© Findy Inc. 17 Pull requestの粒度 • 要件を全て同じPull request内で実現しようとしない ◦
Pull requestの粒度が⼤きすぎるとレビューの負担が上がる ◦ AIにレビューしてもらったとしても、コンテキストが⼤きくなるので精度が落ちる • ⼈間とAI、どちらがレビューしたとしても、⼀度にレビューする範囲を限定的にする
© Findy Inc. 18 まとめ
© Findy Inc. みんなで学び合おう!開発⽣産性向上のためのナレッジ共有会【D-Plus Fukuoka】 開発⽣産性を上げるための⽣成AI活⽤術 19 ファインディ株式会社 テックリードマネージャー ⼾⽥
千隼 @starfish0206
© Findy Inc. みんなで学び合おう!開発⽣産性向上のためのナレッジ共有会【D-Plus Fukuoka】 ⽣成AIを活⽤するために必要な開発⽣産性 20 ファインディ株式会社 テックリードマネージャー ⼾⽥
千隼 @starfish0206
© Findy Inc. まとめ 21 • ⽣成AIを活⽤できていないのではなく、⽣成AIを活⽤する準備が出来ていないだけ ◦ ⽣成AIとの協働は1⽇にして成らず ▪
事前準備や環境、ガードレールの整備などの⽇々の⼩さな積み重ねが重要 ▪ ⽣成AIと⾃然に協働できるAIフレンドリーな環境を⽬指す ◦ ⾼い開発⽣産性の延⻑線上に⽣成AIを乗せる • 結局のところ、やるべきことは変わらない ◦ ⼈間の開発⽣産性を上げることが、⽣成AIのガードレール整備に繋がる ◦ ⾼い開発⽣産性の延⻑線上に⽣成AIとの協業が実現 • 更に重要度が⾼まる3要素 ◦ タスク分解 ◦ テストコード ◦ 基礎
© Findy Inc. ご清聴ありがとうございました 22