プラットフォーム機能
この章では、Plannotatorの2つのコア機能であるプランレビューとコードレビューを紹介します。AIが生成したプランを可視化してレビューする方法、各種アノテーションの追加、画像マークアップの添付、そしてgit diffコード変更のレビュー方法を学びます。
前提条件
開始前にご確認ください
この章を学習する前に、以下の準備が完了していることを確認してください:
- ✅ クイックスタートチュートリアルを完了済み
- ✅ Plannotatorプラグインをインストール済み(Claude CodeまたはOpenCode)
この章の内容
プランレビュー
AIが生成した実行プランをレビューし、修正提案を追加して、AIをあなたの意図通りに動作させる方法を学びます。
| チュートリアル | 説明 |
|---|---|
| プランレビューの基本 | Plannotatorを使用してAIが生成したプランを可視化レビューする方法を学びます。プランの承認または却下を含みます |
| プランアノテーションの追加 | プランに異なるタイプのアノテーション(削除、置換、挿入、コメント)を追加する方法を習得します |
| 画像マークアップの追加 | プランレビューに画像を添付し、ブラシ、矢印、円形ツールでマークアップする方法を学びます |
コードレビュー
コード変更をレビューし、行レベルのアノテーションを追加して、コミット前に問題を発見する方法を学びます。
| チュートリアル | 説明 |
|---|---|
| --- | --- |
| コードアノテーションの追加 | コードレビューで行レベルのアノテーション(comment/suggestion/concern)を追加する方法を習得します |
| Diffビューの切り替え | コードレビューで異なるdiffタイプ(uncommitted/staged/last commit/branch)を切り替える方法を学びます |
学習パス
推奨学習順序
使用シナリオに応じて、適切な学習パスを選択してください:
パスA:プランレビュー優先(初心者におすすめ)
- プランレビューの基本 → まず基本的なプランレビューフローを学ぶ
- プランアノテーションの追加 → プランを正確に修正する方法を学ぶ
- 画像マークアップの追加 → 画像でより明確に意図を伝える
- その後、コードレビューシリーズを学習
パスB:コードレビュー優先(Code Review経験のある開発者向け)
- コードレビューの基本 → コードレビュー画面に慣れる
- コードアノテーションの追加 → 行レベルアノテーションを学ぶ
- Diffビューの切り替え → 異なるdiffタイプを習得
- その後、プランレビューシリーズを学習
次のステップ
この章を完了したら、以下の学習を続けることができます:
- URL共有 - URLでプランとアノテーションを共有し、チームコラボレーションを実現
- Obsidian連携 - 承認したプランをObsidianに自動保存
- リモートモード - SSH、devcontainer、WSL環境でPlannotatorを使用