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
hanetsuki
August 08, 2025
Technology
96
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
AIを用いて実践してきた開発方法について
https://scriptjam.peatix.com/
にて登壇した資料です。
hanetsuki
August 08, 2025
More Decks by hanetsuki
See All by hanetsuki
ソフトウェア開発ナニモワカラナイ
hanetsuki
0
230
検証も兼ねて個人開発でHonoとかと向き合った話
hanetsuki
1
2.2k
Next.jsの今年一年を振り返る
hanetsuki
1
1.5k
大規模メディアにおけるNext.js とVercelのレンダリングとキャッ シュ戦略について
hanetsuki
4
3.5k
Next.jsチョットデキル!サイトの規模やページ特性に合わせた開発テクニック
hanetsuki
3
2.4k
Jamstackで事前に欲しいパーツ群を洗い出す
hanetsuki
1
450
2022年最新版 GatsbyJS + TypeScript + microCMS でブログを作る。
hanetsuki
1
13k
Next.jsで静的サイトを作成時 よく使っているライブラリまとめ
hanetsuki
5
18k
Next.jsで整える。デザインとロジックの分離
hanetsuki
5
4.7k
Other Decks in Technology
See All in Technology
KAEN Company Deck
kaen
PRO
0
320
Bet AI Day 2026丨Agentは、「金融」という巨大産業の何を変えられるのか
layerx
PRO
0
1.1k
AI-DLCって実際どう? 〜聞きたいこと全部聞いてみる〜
news_it_enj
0
240
Genie Code ワークショップ 応用編 / Genie-Code-Workshop-advanced
databricksjapan
PRO
0
360
生成AIのテナント制御とシャドーMCP対策 | AIを"止めずに"、情報を守る
yukun
0
120
プロダクトエンジニアに必要な「いい感じ」に作る能力 〜たくさん作れる時代に、どこまで作るかの決め方〜
jnishime_dresscode
2
1.4k
リージョンの壁を越える、 ちょっと変わったAWSサービスの話
falken
PRO
0
270
2026-09-04 SRE Tech Talk #15 怠惰なTerraform / Lazy Terraform
masasuzu
0
210
WAF 運用改善の承認サイクル/SRE_BizReach_MIXI_1
visional_engineering_and_design
1
330
Bet AI Day 2026丨How We Bet AI: AIとともに働く場をつくる
layerx
PRO
2
2.7k
AI時代におけるプロダクト横断勉強会の設計
zozotech
PRO
0
160
作り直せるコードは迅速に 作り直せないDBは慎重に - AI時代のプロダクトエンジニアが「判断の不可逆性」で開発速度を変える話
kinosuke01
0
260
Featured
See All Featured
Embracing the Ebb and Flow
colly
88
5.2k
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
akademiya2063
PRO
1
340
Six Lessons from altMBA
skipperchong
29
4.5k
We Analyzed 250 Million AI Search Results: Here's What I Found
joshbly
1
1.9k
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
soudai
PRO
68
57k
Tell your own story through comics
letsgokoyo
1
1.1k
AI Search: Where Are We & What Can We Do About It?
aleyda
0
7.9k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Learning to Love Humans: Emotional Interface Design
aarron
275
41k
Writing Fast Ruby
sferik
630
63k
Heart Work Chapter 1 - Part 1
lfama
PRO
8
36k
Code Reviewing Like a Champion
maltzj
528
40k
Transcript
AIを⽤いて実践してきた開発⽅法について Script Jam vol.3 2025/08/08 hanetsuki
hanetsuki X, 旧Twitter:@hanetsuki_dev エンジニア歴8年目のフロントエンドエンジニア キャリアのおおよそは受託開発の組織でエンジニア、マネジメントに従事しております。そ の中で、Web制作とWebアプリケーション開発に幅広く携わり、フロントエンド領域におい てオールラウンダーとしてスキルを磨いてきました。 最近は、AIを用いての品質向上の取り組みと開発期間の短縮に着目しています。 自己紹介
?
ところで、 AIをどのように活用していますか?
AIを利用する上で気に留めておきたいこと • AIは銀の弾丸ではない • AIは単語、原則を正しく理解した上で活用する • AIが本領を発揮するのは、課題解決力ではなく、先行顕在力にある これらを踏まえて本日は、実用的向き合い方 を中心にお話していきます。
個人的 AIを用いた開発実践例 3選
Given-When-Then構文を用いる BDDでよく利用されている構文です。Given (前提条件)・When (操作)・Then (結果)を テストケースや、LLMへの指示などのフォーマットに用いることで一貫した品質をプロ ジェクトに取り入れることができました。 Feature: 自動販売機 Scenario:
飲み物を買うと、飲み物代を引いた金額のお釣りが出る Given 自動販売機がある When 550 円を入れる And 120 円の "コーラ" を選択する Then "コーラ" が出てくる And 430 円が出てくる
原則を理解しリファクタリングを任せる プログラミングに関する原理原則は、とてもLLMに対してとても使いやすいです。そのプ ロジェクトで貫きたい原理原則を事前に与えておくことで、ヒューマンリーダブルな保守 性の良いソースコードを生成することができます。 SSOT DRY YAGNI KISS
結果に明確なビジョンを持っていない領域こそ任せる 対人間に対しても同様のことがいえますが、自身が思い描いているビジョンに他人やAI で到達するのは稀です。「ざっくり設計して、詳細を詰めてもらう。」という使い方が心身 効率共に良いと言えるでしょう。 しかしながら、AIに任せる領域の知識を持っていないと生成結果の良し悪しがわかりま せん。私たちがやる仕事はむしろ現時点では増えたと言えるでしょう。 👀 💭
終わりに
AIは「答え」ではなく「補助線」 • 要件を漏れなく実装する支援 には長けている • でも、人をワクワクさせる「余白」や「こだわり」はAIが苦手 • 人とAIの“共創”こそ、次世代開発の肝 終わりに
詳しい実例というよりかは、向き合い方の話中心でさせてもらいました。 結局のところ、AIを活用するためにはLLM使用者が生成するドメインに対してどれだけ 詳しいのか、またどれほど言葉の引き出しを持っているのかでAIを用いた生産性向上度 は変わると考えています。「習うより、慣れろ!」 ですね。 都合がいいことに ソースコードを生成する上でAIの利用は世間は前向きな印象 です。 終わりに
ご清聴ありがとうございました
EOF.