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

ステータスバー

ステータスバーは、VS Code ワークベンチの下部にあり、ワークスペースに関連する情報とアクションを表示します。アイテムは、プライマリ(左)とセカンダリ(右)の2つのグループに配置されます。ワークスペース全体に関連するアイテム(ステータス、問題/警告、同期)は左側に、セカンダリまたはコンテキストに関連するアイテム(言語、間隔、フィードバック)は右側に配置されます。他の拡張機能も同じ領域に貢献するため、追加するアイテムの数を制限してください。

Status Bar example

✔️ すべきこと

  • 短いテキストラベルを使用する
  • 必要な場合にのみアイコンを使用する
  • 明確なメタファーにのみアイコンを使用する
  • プライマリ(グローバル)アイテムを左に配置する
  • セカンダリ(コンテキスト)アイテムを右に配置する

❌ すべきでないこと

  • カスタムカラーを追加する
  • 複数のアイコンを追加する(必要な場合を除く)
  • 複数のアイテムを追加する(必要な場合を除く)

ステータスバーアイテム

Status Bar Item

この例は、GitHub Pull Requests and Issues 拡張機能によって提供されるアイテムを示しています。ワークスペース全体に関連するため、左側に配置されます。

進行状況ステータスバーアイテム

目立たない進行状況(バックグラウンドで進行している状況)を表示する必要がある場合は、ロードアイコン付きのステータスバーアイテムを表示することをお勧めします(スピンアニメーションを追加することもできます)。ユーザーの注意を引くために進行状況を強調する必要がある場合は、進行状況通知に移動することをお勧めします。

Status Bar Progress

この例は、目立たない進行状況ステータスバーアイテムを示しています。

エラーおよび警告ステータスバーアイテム

警告またはエラーの目的で非常に目立つアイテムを表示する必要がある場合は、ステータスバーアイテムを警告またはエラーの背景色を使用するように構成できます。ステータスバーでの目立ち具合を考慮し、このパターンは最後の手段として、特別な場合にのみ使用してください。

Status Bar Error

この例では、ファイル内のブロッキングエラーを示すためにエラーのステータスバーアイテムを使用しています。

Status Bar Warning

この例では、ファイル内の警告を示すために警告のステータスバーアイテムを使用しています。