🚀 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 を自動的に統合して、そのビューに固有のすべてのアクションをレンダリングするためにサイドバーツールバーを使用します。 ... ボタンの代わりに、「Notes」ビューに関連付けられた 2 つのアクションがその場所にレンダリングされます。

Sidebar with a single view and toolbar with actions

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