VS Codeのエージェントモードを拡張するには、を試してください!

サイドバー

プライマリサイドバーとセカンダリサイドバーは、ビューコンテナによって提供される1つ以上のビューで構成されます。拡張機能は、既存のビューコンテナ(例: エクスプローラー)にビューを提供したり、全く新しいビューコンテナを提供したりできます。

✔️ すべきこと

  • 関連するビューとコンテンツをグループ化する
  • ビューコンテナとそのビューには、明確で分かりやすい名前を使用する

❌ すべきでないこと

  • 過剰な数のビューコンテナを使用しない。ほとんどの拡張機能では、単一のビューコンテナ(その拡張機能固有のビューを持つサイドバーなど)で十分です。
  • 過剰な数のビューを使用しない(ほとんどの画面サイズでは3〜5が快適な最大数です)
  • 簡単なコマンドで済むようなコンテンツをサイドバーに追加しない。
  • 既存の機能を繰り返さない

Example of two sidebars

プライマリサイドバー

多くの拡張機能は、コンテンツの高い視認性を考慮して、ビューやビューコンテナをプライマリサイドバーに提供することを選択します。ここにコンテンツを追加する際は、適切な判断を下してください。提供されるUIが多すぎると、ユーザーを混乱させる散らかったエクスペリエンスにつながる可能性があります。

Example of the primary sidebar

セカンダリサイドバー

その名前が示す通り、セカンダリサイドバーは通常、ビューの補助的な場所とみなされます。デフォルトでは、拡張機能が直接ビューを提供することはできませんが、ユーザーはプライマリサイドバーまたはパネルからビューをドラッグしてレイアウトをカスタマイズできます。

Example of the secondary sidebar

デフォルトでは、サイドバー内の複数のビューを持つビューコンテナには、各ビューの表示/非表示を切り替えるためにサイドバーツールバーに単一の...アイコンボタンが表示されます。これは次のようになります。

Sidebar with two views

ただし、ビューが1つだけの場合、サイドバーは自動的にUIを統合し、サイドバーツールバーを使用してそのビューに特有のアクションをすべてレンダリングします。...ボタンの代わりに、「メモ」ビューに関連付けられた2つのアクションがその場所にレンダリングされます。

Sidebar with a single view and toolbar with actions

他のツールバーと同様に、散乱や混乱を減らすためにアクションを過度に追加しないよう注意してください。可能であれば、既存のプロダクトアイコンと分かりやすいコマンド名を組み合わせてください。