Slide 1

Slide 1 text

やさしい Claude Code⼊⾨ KDDIアジャイル開発センター株式会社 テックエバンジェリスト 御⽥ 稔(みのるん)

Slide 2

Slide 2 text

1 KDDI Agile Development Center Corporation ⾃⼰紹介 御⽥ 稔(みのるん) @minorun365 テックエバンジェリスト KDDIアジャイル開発センター株式会社(KAG) クラウドや⽣成AIで内製開発を⾏いながら 技術の楽しさを広める活動をしています AWS Community Hero AWS Samurai 2023, 2024 2024 Japan AWS Top Engineer 2024 Japan AWS All Certs Engineer Qiita 2024 Top Contributor

Slide 3

Slide 3 text

2 KDDI Agile Development Center Corporation 先⽇5/23、Claude 4が リリースされました︕

Slide 4

Slide 4 text

3 KDDI Agile Development Center Corporation Claude 4とは︖ Anthropic社のLLM「Claude(クロード)」シリーズの最新モデル Claude Sonnet 4 Claude Opus 4 Claude 3.7 Sonnet Claude 3.5 Haiku Claude 3.5 Sonnet V1/V2 Claude 3 Haiku Claude 3 Sonnet Claude 3 Opus 2025年 2⽉ 2024年 10⽉ 2024年 3⽉ 2025年 5⽉ 軽量 バランス パワフル

Slide 5

Slide 5 text

4 KDDI Agile Development Center Corporation Claudeシリーズの特徴 元OpenAI社員らがAnthropicを創業し開発。特に安全性を重視している(企業ユース向き) 特徴 • OpenAI/Geminiに負けず賢い。RAGやAIエージェントなど万能 • 何にでも使えるが、特にコーディングは地球最強クラス • 「⻑考」の有無をモードで切り替えられる、ハイブリッド推論に対応 実際に使ってみて • 他社よりも、⾃然でこなれた⽇本語の⽣成が得意。ビジネス⽤途にぴったり • 画像の解釈もかなり優秀。⽇本語の図表や、写真も⾒事にテキスト化できる

Slide 6

Slide 6 text

5 KDDI Agile Development Center Corporation 会社でAIアプリ作るなら、セキュアなクラウド必須ですよね AWS(Bedrock)とGoogle Cloud(Vertex AI)で、最新のClaude APIが使えます︕

Slide 7

Slide 7 text

6 KDDI Agile Development Center Corporation Claude Codeとは︖

Slide 8

Slide 8 text

7 KDDI Agile Development Center Corporation Claude Codeとは︖ Anthropicが提供するCLIベースのAIコーディングエージェント製品 沿⾰ • 2025年2⽉、Claude 3.7の発表と同時にプレビュー提供が開始 • 2025年5⽉、Claude 4の発表と同時にGA。 ◦ ここでVS Codeに対応︕ ➡ CLIベースのとっつきづらさを⼀気に解消。⼤ブームに ◦ Claude Code SDKもリリース。GitHub Actionsからの呼び出しなどが可能に この分野はCursorやClineが⼈気だったが、 VS Codeに対応したClaude Codeへ⼀気にユーザーが流れている

Slide 9

Slide 9 text

8 KDDI Agile Development Center Corporation Claude Codeの特徴 基本機能 • コードを⽣成するLLMがClaudeのため、品質がめちゃ⾼い︕ • 指⽰を出すのはCLIだが、コード編集の際にちゃんとGUIで差分表⽰してくれる • Web検索は標準装備。もちろんMCPサーバーの利⽤にも対応 特⾊ • To Doリストを作って、今何をやっているのか報告しながら作業してくれる • 作業中に追加のオーダーや質問を送ると、キリの良いところで拾って対応してくれる とにかく作業品質が⾼い︕ ⽣成されたコードが⼀発で動くことが多い印象

Slide 10

Slide 10 text

9 KDDI Agile Development Center Corporation 既存のAIエディターでClaude使うのと、何が違うの︖ 圧倒的なコストメリット • なんと定額プランで最新のClaude APIが使える︕これは⾰命。 ◦ 従来のツールだと、⾼性能LLMを使うと従量課⾦コストがかさむことが多かった ◦ Claude Max(⽉100ドル or 200ドル)プランで定額利⽤できる ◦ もちろん、サブスクせずに使った分だけAPI課⾦することも可能 安定の本家Anthropic品質 • 同じClaude 4 API利⽤時でも、コード⽣成の品質がさらに⾼い(⼀発で動く) • Web検索をかなり良い感じに使ってくれる。最新分野でもハルシネーションが少ない Claudeアプリでも Opus利⽤上限が緩和

Slide 11

Slide 11 text

10 KDDI Agile Development Center Corporation どうやって使えばいいの︖ ターミナルを起動して、Node.jsのパッケージをインストールするだけ︕ 「Claude」を呼ぶだけで起動。 以降は⽇本語で操作できる npm install -g @anthropic-ai/claude-code claude > このアプリにxxx機能を追加実装して、テストしてPR出しといて︕

Slide 12

Slide 12 text

11 KDDI Agile Development Center Corporation VS Codeでの利⽤イメージ みんな⼤好き 差分表⽰ To Doリストを作って 順番に対応してくれる

Slide 13

Slide 13 text

12 KDDI Agile Development Center Corporation デモ (コード理解 → 改修 → PR作成)

Slide 14

Slide 14 text

13 KDDI Agile Development Center Corporation おまけ

Slide 15

Slide 15 text

࿩୊ͷ.$1ʹ΍͘͞͠ೖ໳͠Α͏ ,%%*ΞδϟΠϧ։ൃηϯλʔ ޚా ູʢΈͷΔΜʣɺେ௶༔ ൃചɻΞϚκϯͰ༧໿ड෇தʂ ٕज़ͷ͘͠Έ ˍ Ϗδωεల๬͕Θ͔Δʂ ਤղͨͬ΀ΓͷίϯύΫτͳຊͰ͢ɻ

Slide 16

Slide 16 text

15 KDDI Agile Development Center Corporation 6/18(⽔) 夜、KAGのLT会はじめてのオフライン回やります︕

Slide 17

Slide 17 text

Be a Change Leader. アジャイルに⼒を与え 共に成⻑し続ける社会を創る