第1回：IBM BobでSPAを開発①Planモードで設計

はじめに

IBM Bobは、設計から実装までを自律的に支援するAIエージェント型開発ツールです。単なるコード補完を超え、リポジトリ全体の文脈理解やRPG等のレガシー資産の解析・最新化を強力にサポートします。

2025年後半にIBM Project Bobとして発表され、プレビュー段階ですが、アーリーアクセス版を使用する機会をいただいたので試行してみました。

IBM Bobの特徴

IBM Bobには、開発のフェーズに合わせてモードを使い分けられます。

Plan(計画)モード：実装の前に「何をすべきか」のステップを構築します。タスクの細分化や設計方針の確認に利用します。

Code(実装)モード：実際のコード生成や修正を行います。Planで決めた内容に基づき、具体的な成果物を出力します。

Ask(質問)モード：コードの意味を尋ねたり、既存のロジックを説明させたりする時に使います。仕様の把握に最適です。

Advancedモード：通常のチャットUIの枠を超え、AIがファイル操作やターミナル操作を自律的に実行する、より強力なエージェント機能です。

Bob IDE

VSCodeベースのIDEは、サイドバーに表示されるBobパネルを介してチャット形式でAIと作業を進めます。

VSCodeの拡張機能が使用できるため、Japanese Language Pack for Visual Studio Codeを追加してメニューなどを日本語化しています。

アプリケーション設計

IBM Bobは、レガシー資産の解析・変換に強みがあるAIで、モダナイゼーションに強みがありますが、ここでは、新規アプリケーションの設計・開発を試したいと思います。ここでは、TODO管理アプリを作ってみます。

設計タスク開始

1.: 作業用ディレクトリにアプリケーションの仕様を記述した"TODO管理アプリ仕様書.md"ファイルを作成します。

2.: Bob IDEで作業ディレクトリを開きます。

3.: チャット入力欄を"Plan"モードにして、@キーで表示されるメニューから"Add File"を選択して、"TODO管理アプリ仕様書.md"ファイルを選択してプロンプトを送信します。

4.: Bobから仕様書を解析した結果が返信されます。

5.: Bobから実装計画を立てるために必要な技術スタックをいくつか提案されます。

6.: 技術スタック「React (フロントエンド) + Node.js/Express (バックエンド) + JSON Server (モックAPI)」を選択します。

7.: Bobから技術スタックを考慮した解析結果が返信されます。

8.: 実装計画とドキュメント作成のタスクリストが表示されます。

9.: Bobによる設計作業が開始されます。

10.: ファイル作成やタスク更新のタイミングでBobから求められる確認項目を承認して作業を進めます。

設計タスク完了

TODO管理アプリの設計と計画が完了すると、作成したドキュメントの概要がまとめられた完了報告が表示されます。

まとめ

IBM Bobのフェーズ別で使い分けられるモードのPlanを使用したため、設計タスク完了で一旦停止しました。システム開発では、設計の承認後に、実装に入ることが多いため、フェーズ毎に区切られるのは、IBM Bobの利点だと思います。Google Antigravityでも同様のアプリ開発を行いましたが、設計から実装、テストまで連続したタスクリストを作成していました。

また、Antigravityでは、未定の技術スタックが自動で決定されるが、数種類の候補を提案してくれるのも良かったです。このあと、Codeモードで作成された設計ドキュメントを使った実装に移ります。

※ IBM、ibm.comは、米国やその他の国におけるInternational Business Machines Corporationの商標または登録商標です。他の製品名およびサービス名等は、それぞれIBMまたは各社の商標である場合があります。現時点での IBM の商標リストについては、ibm.com/trademarkをご覧ください。
※ 記載の製品名及び社名は各社の商標もしくは登録商標です。

執筆者：
IBM Bob検証コミュニティ（基盤システム本部　モダナイゼーション部　代表編集）

次話へ

連載コラム：IBM BobでAIエージェント開発を試してみた

エクサでは、様々なAIエージェントを検証していますが、セキュリティや規制が厳しいエンタープライズの基幹システム構築やレガシーモダナイゼーションにも適用可能な選択肢として、間もなく正式版が公開されるIBM Bobの活用も視野に入れています。
公開に先立ち、アーリーアクセス版を試用しましたので、その過程を共有します。