Plannotator
backnotprop · コーディング
Plannotatorは、ローカルで動くブラウザベースのAIコードレビューツールで、コーディングエージェント向けに作られている。エージェントが書いたばかりの計画、あるいは変更したばかりのコードをブラウザウィンドウで開き、テキストをハイライトしてコメントを付け、それを構造化されたフィードバックとしてエージェントにまとめて送り返せる。エージェントの出力のためのMarkdown注釈ツールだと考えればいい。手元のマシンで動き、無料でオープンソースであり、Claude Code、Codex、Copilot CLI、Gemini CLI、OpenCodeといったエージェントに組み込める。
Plannotator について
Plannotatorとは何か
Plannotatorは、AIエージェントが計画を書いたものの、まだ何も作り始めていない段階に向けた視覚的なレイヤーだ。ターミナルで長いテキストの塊をスクロールする代わりに、同じ文書をWebページとして描画した状態で見られる。文を選んでコメントを添え、送信ボタンを押す。エージェントはそのフィードバックを受け取り、作業を修正する。プロジェクト自身が「レビュー面」と表現していて、その通りだ。エージェントとタスクの次の一手のあいだに位置する。
魅力はタイミングにある。計画の中の誤った前提は、見つけるのに数分しかかからない。同じミスをコードを書き終えてから見つけると、はるかに高くつく。Plannotatorはその隙間に乗る。とくに、1つの設計ミスが何十ものファイルに波及しうる大きな機能でエージェントを使う人にとって効く。
何でないかも知っておく価値がある。Plannotatorはコードを書かないし、何かをホストしてくれるわけでもない。すべてローカルで動く。計画、差分、コメントは手元のマシンに留まる。共有のクラウドワークスペースに依存するワークフローなら、Plannotatorをその周りに合わせる必要がある。逆ではない。もう1つの制約は、コーディングエージェントの隣で暮らすツールだという点で、このマシンでClaude CodeやCodexのようなエージェントツールをすでに動かしていなければ、単体では使い道がない。
はじめ方
- 自分のプラットフォーム向けのインストーラーを実行する。macOS、Linux、WSLなら
curl -fsSL https://plannotator.ai/install.sh | bashだ。WindowsならPowerShellかコマンドプロンプトの相当するコマンドを実行する。 - インストーラーをエージェントに組み込ませる。どのコーディングエージェントがあるかを検出し、対応するフック、スラッシュコマンド、スキルを追加する。
- 新しいターミナルを開き、
plannotator --versionを実行してコマンドが動くか確認する。 - コーディングエージェントでレビューを起動する。コマンドには
/plannotator-annotate <file|dir|url>、/plannotator-review [PR_URL]、エージェントの直近のメッセージ向けの/plannotator-lastがある。 - ブラウザが文書を開くので、マークを付けるとコメントがそのままエージェントへ戻る。
AIツール情報
Plannotatorの料金、対応プラットフォーム、性能を簡単に確認できます。
こんな人におすすめ
このツールが最も力を発揮するユーザー、タスク、シーン。
ユーザー
- AIコーディングエージェントを使い、コードが書かれる前に計画を方向づけたい開発者
- Claude CodeやCodexで機能を出し、1人で差分をレビューする個人開発者
- エディタの流れを離れずにPRや仕様にコメントしたいチームリード
タスク
- エージェントが書いた計画をマークし、次の改訂を自分の意図に合わせる
- ローカルの変更、またはGitHubとGitLabのプルリクエストを行単位でレビューする
- エージェントが生成した描画済みHTML成果物に注釈を付ける
シーン
- 1つの設計判断ミスが何十ものファイルに触れる大規模リファクタリング
- レビューメモをスクロールするチャットではなくブラウザに残しておきたい深夜の作業
- 手元に開いていないコードに触れる同僚のPRをレビューするとき
主な機能
エージェントが動く前の計画レビュー
Plannotatorの中核は、直すのがまだ安い段階で問題を捕まえることにある。エージェントが計画を提示すると、その計画がブラウザで開き、読みやすいようにテキストが整えられる。セクションを選び、コメントを打ち、送る。エージェントはメモをまとめて受け取り、計画を書き直す。このループにより、1つのファイルが変わる前にAI計画へ注釈を付けられる。エージェントが自信満々に20分かけて間違ったものを建てていくのを見たことのある人にとって、これはインストールする価値のある機能だ。
完全な差分ビューア付きのコードレビュー
エージェントがコードを書き始めると、Plannotatorはそのレビューに切り替わる。ローカルの変更とリモートのプルリクエストが並んで開き、特定の行にコメントし、置き換えを提案できる。Git、GitButler、Jujutsu、Perforce、GitHub、GitLabを扱う。実際に使われているスタックの大半をカバーする。行単位のコメントは計画のコメントと同じようにエージェントへ戻る。
HTML成果物への注釈
エージェントはますますHTMLを出力する。ダッシュボードのモックアップ、レポート、小さなインタラクティブページなどだ。PlannotatorはそのHTMLをブラウザで描画し、ソースではなく描画後の結果に注釈を付けられる。小さな機能だが、実際の面倒を解決する。生のタグを読むのは遅い。もうそうしなくていい。
1つのインストーラーから幅広いエージェントを支援
インストーラーはどのエージェントがあるかを検出し、それぞれを設定する。対応リストにはClaude Code、Codex、Copilot CLI、Gemini CLI、OpenCode、Kiro、Droid、Amp、Piが含まれる。エージェントが対応する場所ではフックを、より適する場所ではスラッシュコマンドを使う。9通りの設定ガイドを同時にさばく必要はない。プロジェクトごとにエージェントを切り替えるなら、これは効いてくる。
ローカル優先のプライバシー
Plannotatorは手元のマシンのブラウザタブで動き、利用データを収集しないと明言する。計画、差分、コメントは、自分自身のエージェントへ送るまでローカルに留まる。非公開のコードを扱うチームにとって、コンテキストをホスト型サービスにアップロードさせたがるツールとの差は現実的だ。
メリットとデメリット
メリット
- 無料かつオープンソースで、サブスクも席単位の料金もない
- 設定は1本のスクリプトで、検出したすべてのエージェントを構成してくれる
- 計画レビューは設計ミスがコードになる前に捕まえる
- レビューのコメントは別のチャットに残らず、そのままエージェントへ流れる
- すべてローカルに留まるので、非公開のコードベースに向く
デメリット
- すでにコーディングエージェントを動かしている場合しか役に立たず、単体では使えない
- 統合ターミナルはWindowsといくつかのLinux環境でNode.jsとnpmを要求し、なければ一部の機能が縮退する
- 追加スキルと、モデルにスキルを自ら起動させるオプションは既定でオフなので、インストール時に自分で有効にする必要がある
よくある質問
はい。Plannotatorは無料かつオープンソースで、プロジェクトは有料プランを挙げていない。サブスクするものは何もなく、コードはGitHubで公開されている。
関連コンテンツ
Plannotatorに関連するツール、スキル、記事を探す。
Plannotatorの代替ツール
Forefront
Forefront · コーディングForefrontはオープンソースAIで構築するためのウェブプラットフォームだ。主要なオープンソース言語モデルを自分のデータで微調整し、性能を評価し、API経由で実行したり、エクスポートして自分でホストしたりできる。クローズドなプラットフォームの手軽さを求めつつ、モデルとデータの所有権にはこだわる開発者が対象だ。
Startkit
StartKit.AI · コーディングStartkitは、AI SaaSとAIラッパー製品を作るためのボイラープレートだ。面倒な部分をあらかじめ配線済みにしたAIスタートアップボイラープレートと考えればいい。認証、StripeとLemon Squeezyの決済、利用制限、トランザクションメール、そしてOpenAI、Anthropic、Groq、Llamaと通信するAI APIスターターキットが含まれる。リポジトリをクローンして価格を設定し、ユーザーが実際にお金を払う部分に取りかかれる。ReactとTailwind上のNext.jsで作られているため、ボイラープレートコードの多くはすでに見慣れたものだ。
Testim
Tricentis · コーディングTestimは、Web・モバイル・Salesforceアプリ向けにエンドツーエンドテストを構築して実行するAIテスト自動化プラットフォームだ。機械学習を頼りに、インターフェースが変わってもテストを安定させ、チームが壊れたセレクターの修正に費やす時間を減らす。今日から使い始められる自動テストツールとしては悪くない。ブラウザで操作を録画してテストを作り、より細かい制御が必要なときはJavaScriptを足す。忙しいQAチームにとって堅実な選択肢である。