Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
Claude Code 10連ガチャ
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
uhyo
November 12, 2025
Technology
1.2k
4
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Claude Code 10連ガチャ
2025-11-12 現場で役立つ!みんなでシェアするAI活用Tips(ブックライブ / BookLive #1)
uhyo
November 12, 2025
More Decks by uhyo
See All by uhyo
Content Mapper APIの応用例~CSS Modules、言語ファイル~
uhyo
2
550
Reactの設計論
uhyo
26
18k
型があると何が嬉しいか
uhyo
3
170
Baseline対応のDOMの型定義を作った
uhyo
3
1k
AIのReact習熟度を測る
uhyo
2
1.1k
React、まだ楽しくて草
uhyo
7
5.3k
TypeScript 7.0の現在地と備え方
uhyo
6
3.9k
React 19時代のコンポーネント設計ベストプラクティス
uhyo
20
11k
型定義でAIと会話する:型を通じてAIに意図を伝えるテクニック
uhyo
1
130
Other Decks in Technology
See All in Technology
現場を動かすAIエージェント#2_製造業現場でのAI活用から見た、ハマる罠と実践知
kintotechdev
1
130
re:Invent2026 事前勉強会 歴史と愉しみ方10分LT編
toshi_atsumi
0
110
Jev の中身は50行で再現できる。でも本物との差はどこにあるのか
hisuzuya
0
290
Autonomous AI Lakehouse - Live AI Hubから始めるセキュアなAIデータ活用 -
oracle4engineer
PRO
3
190
20261016_Nagoya Tech Talk #4 データ活用のリアル AIも人も間違える
bessaralink55
0
130
(swiftc) NonCopyableとライフタイム修飾子
teamhimeh
0
170
You Have Agency(サンキュー、Ruby)
snoozer05
PRO
5
670
WireGuard for Apache NuttX - Bringing Secure Remote Access to embedded Devices -
aki310ooooo
0
140
AI時代のエンジニアの情報発信〜個人の発信を組織の力に変える〜
ryo_kawamata
1
7.2k
スマートロックを支えるFlutter × ネイティブ連携の実践 / Flutter and Native Integration in Practice: Powering Smart Locks
bitkey
PRO
0
150
クラウドエージェントの先駆け Devin。今も最先端を走る、他との違い
kinopeee
2
560
Agent 活用環境の構築・運用のための AWS サービスのご紹介/agentcore-for-building-and-operating-agents
ren8k
1
320
Featured
See All Featured
More Than Pixels: Becoming A User Experience Designer
marktimemedia
3
610
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
soudai
PRO
68
59k
How to build an LLM SEO readiness audit: a practical framework
nmsamuel
2
970
End of SEO as We Know It (SMX Advanced Version)
ipullrank
3
4.5k
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
techseoconnect
PRO
0
730
[Rails World 2026] Durable orchestration on Rails: from continuation to workflow
palkan
2
1k
Build The Right Thing And Hit Your Dates
maggiecrowley
39
3.5k
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
aleyda
2
2.2k
Imperfection Machines: The Place of Print at Facebook
scottboms
270
14k
New Earth Scene 8
popppiees
4
2.8k
Fashionably flexible responsive web design (full day workshop)
malarkey
409
67k
Collaborative Software Design: How to facilitate domain modelling decisions
baasie
1
360
Transcript
Claude Code 10連ガチャ 2025-11-12 現場で役立つ!みんなでシェアするAI活用Tips @ブックライブ
発表者紹介 uhyo 株式会社カオナビ フロントエンドエキスパート 好きなAIエージェントはClaude Code。 2
Claude Code 10連ガチャとは バグの原因調査がとても難航したとき、 同じ調査をClaude Codeに10回依頼してみた。 7回目の調査で本当の原因を発見できた。 3
This Talk このように、私が日々開発現場でAIを使用する にあたって会得したさまざまなTipsを紹介します。 4
Claude Code 10連ガチャ 5
背景 弊社では、Reactバージョンアップ案件を実施 していた。 全画面の動作確認を行い、数十件の不具合が発生。 その中でも、調査がとても難航するものがあった。 6
難航するバグ調査 問題の画面はドラッグ&ドロップなど複雑なGUI 操作を擁する。 さらに、複数のライブラリ(ちょっと古い)が絡み 合っている。 自分で2日ほど調べても全然分からない。 7
だめもとでClaude Codeに依頼 ぼく「なんかバグってるんですけど見てもらえま すか?」 •バグの概要を説明 •React 16から18にアップデートしたら発生した ことを説明 8
結果 Claude Codeさん「直りました!!」 (直ってない) それっぽい原因を推測して直してくれたが、 当てが外れた。 MCPでブラウザ操作とかもしておらず、ソース コードリーディングだけではさすがに厳しい。 9
そしてガチャへ 同じプロンプトで何度も調査させると、 異なる答えが返ってくることも多い。 他に手も無いので10回くらい回してみることに。 →7回目で成功! 10
学び •ガチャを回すと上振れることがある。 完 11
他に工夫したこと 依頼の仕方の工夫: 「不具合の候補をいくつか挙げてください。 修正せず、原因の特定に集中してください」 →突っ走らず、視野を広くして原因を探して くれるようになった(気がする) 12
不具合のコンテキストを伝える 「Reactのバージョンを16から18に上げたら発生 したバグ」 →Reactの破壊的変更の知識から関連しそうな ところを見てくれるので、原因発見の確率アップ 13
リファクタリングに Claude Codeを使う 14
背景 自分のお仕事的に、機能開発よりも既存コードの 改善(リファクタリング)が多い。 そういう場合のAIの使い方をお話しします。 15
リファクタリングの進め方 前提: プロジェクト全体に似たようなコードが多数 あり、全て新しい方式に移行したい。 ぼく「〇〇を使っている箇所を全部 にしてく ださい!」 Claude Codeさん「わかりました!」 16
うまくいかない例 やりたいことをプロンプトで全部説明しても、 実際の移行中に想定外の使い方が発見される。 AIは頑張って移行をこなそうとするが、 こちらの想定と違う結果になってしまう。 膨大な作業結果から問題を見つける負荷が高い。 17
順番に進めるやり方 •まず1ヵ所だけAIに移行してもらう •会話しながら移行を完遂する •移行の方法をAIにドキュメント化してもらう •次からは、「ドキュメントを読んで〇〇を移行し てください」と指示する 18
継続的改善 ドキュメントでカバーできないケースがあった 場合、対話しながら軌道修正しドキュメントを 改善する。 ドキュメントの精度が上がったら「まとめて移行 してください」といった指示で作業を加速。 19
ポイント ドキュメントに「この通りに作業できない例外的 な状況になった場合は、作業を停止してユーザー に方針を聞くこと」のような記載をすると効果的。 •やり直しを最小限に抑えられる •自然なコンテキストで起動修正できる 20
最初の1回は人間がやることも 最初の1回を完璧にAIにやらせることが難しい場合 は、最初は人間がやっても良い。 AIへの指示: 「古い方式と新しい方式を読んで 理解し、〇〇を新しい方式に移行してください」 21
人間が最初の1回をやる場合のポイント 読んで理解してもらう方式では、コンテキストが 重要。 •移行対象: どんな仕様のコードを移行するのか •移行目的: 古いコードの問題点は何か、新しい コードでどう解消するのか を伝えると移行が成功しやすい。 22
まとめ 23
まとめ 2つのTipsを紹介しました。 •難しい調査でも、10連ガチャを回すとうまく いくことがある •プロダクト横断的なリファクタリングをAIと 一緒に進めるときのやり方 24