Upgrade to Pro — share decks privately, control downloads, hide ads and more …

AIの最新技術/テーマをつまんで紹介＆フリートークするシリーズ #3 はじめてのAIコー...

Avatar for Ryoto Katagiri Ryoto Katagiri
July 23, 2025
0
100

AIの最新技術/テーマをつまんで紹介＆フリートークするシリーズ #3 はじめてのAIコーディング

2025/07/23に行われた、IBM TechXchange dojoの発表資料です。

録画：
https://video.ibm.com/recorded/134445090

概要：
Cursor, Cline, Claude code, Gemini CLIなど、さまざまなAIコーディング支援ツールがここ最近急速に話題になっていますね。

「最近の流れに追いつきたいけど何から手をつけていいか分からない」という方のために、AIと対話しながらコードを書く「バイブコーディング（Vibe Coding）」を体験した感想と共に、これらの技術のキャッチアップを行うためのステップを紹介します。

Avatar for Ryoto Katagiri

Ryoto Katagiri

July 23, 2025
Tweet

More Decks by Ryoto Katagiri

See All by Ryoto Katagiri
新卒1年目、はじめてのアプリケーションサーバー【IBM WebSphere Liberty】
Avatar for Ryoto Katagiri ktgrryt
0
350
脆弱性を管理して、ビジネスリスクに備えよう 〜駆け出しエンジニアがCVEとSBOMを可視化してみた〜
Avatar for Ryoto Katagiri ktgrryt
0
420

Featured

See All Featured
Designing Experiences People Love
Avatar for Jonathan Moore moore
142
24k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
29
2.8k
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
43
7.6k
Building Adaptive Systems
Avatar for Chris Keathley keathley
43
2.7k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
7
530
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
51
8.7k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
248
1.3M
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
179
9.8k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
5.7k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
110
19k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
184
22k
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
15
1.6k

Transcript

  1. AIの最新技術/テーマを つまんで紹介＆ フリートークするシリーズ #3 はじめてのAIコーディング

  2. スナップショット 録画 資料公開 SNS拡散 ◯ × 後日公開します ◯ ◯ #IBMTechXchange

    #Dojo #AI AIの最新技術/テーマをつまんで紹介＆フリートークするシリーズ

  3. オープニング

  4. 17:00-17:05 オープニング 17:05-17:35 技術テーマの紹介/デモ 17:35-17:55 質疑応答・フリートーク 17:55-18:00 クロージング 本日のアジェンダ

  5. 当イベントは日本IBMおよび日鉄ソリューションズの有志エンジニアによって企画された勉強会です。 クラウドネイティブやマイクロサービスなどのテーマを中心に、今後も色々な勉強会・イベントを開催する 予定です。 本勉強会の内容は、エンジニア個人の見解であり、所属する企業の公式見解ではありません。 セッション中はマイクミュートでの参加にご協力お願いします。 本イベントは録画してアーカイブ公開する予定ですので、その点ご了承ください。 本資料で参照しているURLは2025年7月17日時点のものです。 はじめに

  6. • ゴール • AIを使用したコーディング（バイブコーディング）の最近の流れをざっくりと掴む • 注意 • 各種ツールの詳細な説明や、利用を開始する手順の説明はしません • 対象者

    • AIの最新動向に興味のある方（初心者歓迎） • バイブコーディングに興味がある方 このセッションについて

  7. アンケートのご協力をお願いします https://app.sli.do/event/nWCJk42zbJZxDy2ZbzzVdQ

  8. 片桐 亮人 (かたぎりりょうと) <所属> 日本IBM テクノロジー事業本部 カスタマー・サクセス・マネージャー (CSM) <経歴> 2018

    大学入学（電気電子工学科） 2021 身体運動 * 確率統計・機械学習に関する研究を行う 2024 日本IBM入社、モダナイゼーションとインテグレーション製品担当のCSM <趣味など> ボルダリング 家具集め（引越ししたてで色々集め中です） メインスピーカー自己紹介

  9. 技術テーマの紹介/デモ

  10. 業務でコーディングをする際、AIチャットボットとエディタを交互に行き来していました。 その中で、いくつか課題が見えてきました。 AIでのコーディングに関する所感 TODOリストのwebアプリを作成しよう と思います。 フロントエンドのコード をhtml, css, javascriptで作成してくだ さい。

    # TODOリストアプリ シンプルで使いやすいTODOリストアプ リを作成します。以下のコードをコ ピーして使用してください。 ## HTML (index.html) ```html <!DOCTYPE html>

  11. 一方で、最近では様々なAIでのコーディング支援ツールを耳にします。 何やらすごいスピードで流行が移り変わっているようなのですが、全くついていけておりませ んでした。 AIでのコーディングに関する所感 Cursor Gemini CLI Cline watsonx Code

    Assistant Windsurf GitHub Copilot Claude code

  12. AIに対して自然言語プロンプトを使用して、コードの生成・改良・デバッグを行う ようなプロセス。 2025年初頭にAI研究者のAndrej Karpathy氏が提唱。 “バイブス（感覚）に完全に身を委ね、指数関数的な進化を受け入れ、コードの存在 そのものを忘れてしまいます” →今回のセッションでは、バイブコーディングのツールを初心者が触ってみた感想 や、技術のキャッチアップをどう進めていけばいいのかを皆様と共有したいと思い ます。 バイブコーディングとは？

    引用：https://www.technologyreview.jp/s/359884/what-is-vibe-coding-exactly/

  13. VS Codeの拡張機能であるClineを、 watsonx.aiのモデルを呼び出して使用します。 デモ内容 Visual Studio Code Cline LiteLLM LLMプロバイダーを統一APIで

    利用できるプロキシサーバー watsonx.ai IBMのエンタープライズ向けAI プラットフォーム Cline: VSCode内でAIとペアプログ ラミングができる拡張機能 参考：https://qiita.com/Genutty/items/f1f1e09817f65908bd58 ローカル SaaS

  14. Cline + watsonx.ai 以外にも色々なツールを触ってみました。 • Cursor: VS Codeに近い操作感、複数ファイル横断のエージェント編集 • GitHub

    Copilot: GitHub連携が強く、自立作業しPR生成可能 • Gemini CLI: ターミナル上から動作可能、無料高レート • Bolt: ブラウザだけでアプリ生成・実行・デプロイまで実行可能 • watsonx Code Assistant: 企業システムのモダナイズに強く、ガバナンス機能が充実 →一見似たようなサービスでも利用できるモデルや機能、ライセンス体系、インターフェース など異なる点も多い。AIにコードを書いてもらうという意味では本質的にできることは同じ？ その他のAIツールについて

  15. 技術の変化がかなり激しく、数ヶ月後にはまた別のツールが流行っているかもしれません。 その中で最新情報をキャッチアップするにはどうすればいいか考えてみました。 • 1つ1つを触るよりも、現在の技術で何ができるかをざっくり把握しておく • トレンドを追いかけている人を追いかける • SNSで流行をキャッチできるようにしておく →チャットで皆様のご意見・アイデアもぜひ聞かせていただきたいです。 キャッチアップするには？

  16. 質疑応答・フリートーク

  17. 江﨑 崇浩 (えさきたかひろ) <所属> 日本IBM テクノロジー事業本部 カスタマー・サクセス・マネージャー (CSM) <経歴> ビジネス／ITコンサルタント：BPR、SCM改革、システム刷新

    新規事業開発：コンサル社内やJVによる新規事業案件にてアジャイル開発 CSM：日本IBMに参画してAI・クラウドソリューションの活用促進やコミュニティ活動 (2021-) <趣味など> 筋トレ：年内目標はベンチプレス100kg お酒：ウィスキー、ブランデー、ジン、ビール…何でも パネルスピーカー自己紹介

  18. 飯島 和之（いいじま かずゆき） <所属> 日鉄ソリューションズ システム研究開発センター <経歴> 2014年に日鉄ソリューションズに入社 性能管理の研究開発や、大規模負荷試験案件を経験し、2019年よりクラウドネイティブ技術の研究開発に注 力、複数案件の設計・構築・運用を担当

    <趣味など> 猫（9歳）、ゲーム、音楽（ピアノ楽譜の作成、ごくまれに作曲） パネルスピーカー自己紹介

  19. • どのツールが良かった？ • ツールを選ぶ上で重視したいポイント • うまくいかなかったポイントは？ • 普段の業務で導入する際のハードルは？ • コーディング以外にどんなユースケースや可能性がある？

    • 他に使ってみたいツール、気になっているツールはある？ • 情報のキャッチアップはどうすればいい？ フリートーク

  20. アンケートのご協力をお願いします https://app.sli.do/event/nWCJk42zbJZxDy2ZbzzVdQ

  21. クロージング

  22. ワークショップ、セッション、および資料は、IBMまたはセッション発表者によって準備され、それぞれ独自の見解を反映したものです。それらは情報 提供の目的のみで提供されており、いかなる参加者に対しても法律的またはその他の指導や助言を意図したものではなく、またIBM製品やサービスがお 客様に適用ある特定の法令に適合することを保証するものでもありません。本講演資料に含まれている情報については、完全性と正確性を期するよう努 めておりますが、「現状のまま」提供され、明示または黙示にかかわらず、商業性、特定の目的への適合性、非侵害性を含め、いかなる保証も伴わない ものとします。本講演資料またはその他の資料の使用によって、あるいはその他の関連によって、いかなる損害が生じた場合も、IBMは責任を負わない ものとします。 本講演資料で言及されるIBM製品、プログラム、またはサービスは、IBMがビジネスを行っているすべての国・地域でご提供可能なわけ ではありません。本講演資料で言及される将来の展望（製品リリース日付や製品機能を含む）は、市場機会またはその他の要因に基づいてIBM独自の決 定権をもっていつでも変更できるものとし、将来の製品または機能が使用可能になること、もしくは特定の結果を確約することを意図するものではあり ません。本講演資料は、言及される

    IBM製品またはサービスに適用ある契約条件を変更するものでも、追加の表明または保証を意図するものでもありま せん。 本講演資料に含まれている内容は、参加者の活動によって特定の結果が生じると述べる、または暗示することを意図したものでも、またそのような結果 を生むものでもありません。 パフォーマンスは、管理された環境において標準的なIBMベンチマークを使用した測定と予測に基づいています。ユーザー が経験する実際のスループットやパフォーマンスは、ユーザーのジョブ・ストリームにおけるマルチプログラミングの量、入出力構成、ストレージ構成、 および処理されるワークロードなどの考慮事項を含む、数多くの要因に応じて変化します。したがって、個々のユーザーがここで述べられているものと 同様の結果を得られると確約するものではありません。記述されているすべてのお客様事例は、それらのお客様がどのようにIBM製品を使用したか、ま たそれらのお客様が達成した結果の実例として示されたものです。実際の環境コストおよびパフォーマンス特性は、お客様ごとに異なる場合があります。 • IBM、IBM ロゴ、ibm.com、 watsonx.ai® 、 watsonx Code Assistant®は、 世界の多くの国で登録されたInternational Business Machines Corporationの商標です。他の製品名およびサービス名等は、それぞれIBMまたは各社の商標である場合があります。現時点での IBM の商標リストに ついては、www.ibm.com/legal/copytrade.shtmlをご覧ください。
  23. None