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

パネル

パネルは、ビューコンテナーを表示するための、もう一つの主要な領域として機能します。

✔️ すべきこと

  • より広い水平スペースが有益なビューをパネルにレンダリングする
  • 補助的な機能を提供するビューに使用する

❌ すべきでないこと

  • ユーザーがパネルを最小化することが多いため、常に表示されることを意図したビューに使用する
  • 他のビューコンテナー(プライマリまたはセカンダリサイドバーなど)にドラッグされたときに、適切にサイズ変更/リフローできないカスタムWebviewコンテンツをレンダリングする。

Example of a panel

パネルツールバー

パネルツールバーは、現在選択されているビューにスコープされたオプションを公開できます。例えば、ターミナルビューは、新しいターミナルを追加したり、ビューのレイアウトを分割したりするためのビューアクションなどを公開しています。「問題」ビューに切り替えると、異なる一連のアクションが公開されます。サイドバーツールバーと同様に、ツールバーは単一のビューしかない場合にのみレンダリングされます。複数のビューが使用されている場合は、各ビューが独自のツールバーをレンダリングします。

✔️ すべきこと

  • 利用可能な場合は既存の製品アイコンを使用する
  • 明確で有用なツールチップを提供する

❌ すべきでないこと

  • アイコンボタンを過剰に追加しない。特定のボタンにさらにオプションが必要な場合は、コンテキストメニューの使用を検討する。
  • デフォルトのパネルアイコン(折りたたみ/展開、閉じるなど)を重複させない。

Example of a panel toolbar with a single view

この例では、パネルにレンダリングされた単一のビューが、そのビューアクションをメインのパネルツールバーにレンダリングします。

Example of a panel toolbar with multiple views

この例では複数のビューが使用されており、各ビューが独自の特定のビューアクションを公開しています。