はじめに
株式会社ネクストスケープ Chief Technology Office所属の小野塚です。
4月11日にClaude CodeにおいてUltraplanという機能が公開されたということでどんなものか試してみました。
Ultraplanは、ローカルのCLIから、Web版のClaude Codeプランニングを依頼し、クラウド上ではプランを作成し、その間もユーザーはターミナルで作業を続けることができるというものです。
「CLI上で提供される内容よりも充実したレビュー画面が必要な場合に便利」とのこと。
他の利点として公式ドキュメントで挙げられているのは以下になります。
的を絞ったフィードバック：
計画全体に返信するのではなく、計画の個々のセクションについてコメントできる
ハンズフリー設計：
図面はリモートで作成されるため、端末は他の作業に自由に使用可能
柔軟な実行：
ウェブ上で実行するためのプランを承認し、プルリクエストを開くか、
ターミナルに送り返すことができる
準備
Ultraplanを利用するには、ウェブ版でClaude Codeが利用でき（https://claude.ai/code/）、GitHubリポジトリが必要となります。
Web版のClaude Code、Claude Code on the Webの画面は以下の通り。
プロンプト入力欄でGithubのリポジトリが選択できるので事前に対象のリポジトリを設定したほうがよいかもしれません。
まずはお試しで事前にToDoアプリを作成し、GitHubにコミット＆プッシュしておきます。
実行
その上でUltraplanを実行してみましょう。
CLIから /ultraplan ＋プロンプト で起動するほか、プロンプト中に「ultraplan」という単語を含めるだけでも動作します。今回は以下のように入力しました。
「/ultraplan テスト自動化の仕組みを整備する」
すると以下のようにClaude Code on the webを起動するかどうか聞かれますのでそのまま実行してもらいます。
そうするとClaude Code on the webが起動し、依頼した内容が実行されます。
Ultraplan実行時のCLI上では以下の赤枠部分にインジケーターが表示され、進行状況が把握できます。
進行状況は以下の３種類が存在します。
◇ ultraplan：
コードを調査し、計画を立案中
◇ ultraplan needs your input：
クロードから確認したい質問があります
◆ ultraplan ready：
プランはブラウザで確認可能
計画が作成されるとブラウザ上にその内容が表示されます。
スクリーンショットでは文字が小さく見えますが、このブラウザ上でのプラン表示が今回のポイントでもありますので３枚ほどスクリーンショットを載せておきます。
ブラウザの拡大機能等で見てみてください。
いかがでしょうか。プロンプトとしては非常に簡単な内容ではありますが、変更対象ファイルや変更手順、フロー図や検証方法といった構成でかなり詳しく計画が立てられています。
さらにこの計画内容についてはユーザーがコメントを追加することも可能であり、コメントへの対応を依頼すると、計画が修正され、更新されたプランが再度提示されます。このように実装までに何度でもClaudeと納得がいくまで計画を練り直すことができます。
プランが問題無ければ次に進みますが、on the webのプロンプトでは以下の３つの選択肢が表示されています。
・Claudeのプランを承認してコーディングを開始
・プランを承認してターミナルに戻る
・代わりにClaudeに何をすべきか指示する
今回は「Claudeのプランを承認してコーディングを開始」を選び、Web上で作業を進めてもらいましょう。
実装が終わると以下のようにPull Requestを作成するか求められます。
ちなみにクラウド上でビルド・テストができればPull Requestの作成まで進められるのですが、今回のサンプルプロジェクトはC#であるためクラウド上ではビルド・テストができず、一旦ローカルで確認してからPRを作成することになります。
とりあえず 「PRを作成」 ボタンを押して作業を進めます。
GitHubを見るとPull Requestが作成されていることが確認できます。
今回ビルド時にCIが失敗していたためにローカル環境で修正を行いまして、CIが通ったことも確認済みです。
最後に
UltraplanはResearch Previewということもあり、現時点では制約もありますが、計画の作成・レビュー・実行をクラウドとローカルで柔軟に使い分けられる点は、従来のCLI上での作業に比べて明確なメリットがあります。大規模なリファクタリングや複数ファイルにまたがる変更を扱うケースで、特に効果を発揮しそうな機能です。
当社ネクストスケープはこのように生成AIをはじめとした新しい技術・知識を日々取り入れており、Webサイト、スマホアプリ、Hololensアプリの開発をはじめ、CMSを利用したサイトの新規構築やリニューアルなど、お客様のニーズに幅広く対応いたします。お困りのことがございましたら、いつでもお気軽にお問い合わせください。
（以下当社お問合せフォーム）
当社では一緒に働いてくれる仲間を募集しています。是非以下のサイトよりお申込みください。
