Material Shell におけるワークスペース表記の最適化

Material Shell は Linux 環境向けのモダンなデスクトップインターフェースであり、ウィンドウ操作の簡素化を通じて生産性向上を目指しています。マルチタスク環境では、ワークスペース名が長すぎると UI レイアウトが崩れたり、視認性が低下したりする問題が発生します。本稿では、ソースコードを修正してワークスペース名の表示桁数を制御する方法を解説します。

表示制限が必要な理由

デフォルト設定では名称の長さ制限がないため、以下の弊害が生じる可能性があります。

• パネルやリスト領域への収まりが悪くなる
• 長い名称により他の UI 要素が圧迫される
• 一目でワークスペースを識別しづらくなる

実装手順

現状の GUI 設定ではこの項目を調整できないため、拡張機能のソースコードを直接編集する必要があります。

1. 開発環境の準備

まず、リポジトリをクローンし依存関係をインストールします。

git clone https://github.com/material-shell/material-shell.git
cd material-shell
npm install

2. 名称処理ロジックの修正

ワークスペースの描画処理を担当する src/layout/msWorkspace/msWorkspace.ts を開きます。名称表示を行う関数内に、文字数制限のロジックを挿入します。

3. 文字列整形機能の追加

以下の様に定数とヘルパー関数を定義し、名称が閾値を超えた場合に省略記号を付与する処理を実装します。

const TITLE_MAX_CHARS = 10;
const SUFFIX_MARK = '…';

const adjustWorkspaceTitle = (title: string): string => {
    if (title.length <= TITLE_MAX_CHARS) {
        return title;
    }
    return title.slice(0, TITLE_MAX_CHARS) + SUFFIX_MARK;
};

この関数をワークスペース名が表示される箇所で呼び出すように修正してください。

4. ビルドと反映

変更をコンパイルし、GNOME Shell を再起動します。

npm run build

ビルド完了後、Alt+F2 を押して r と入力し、Enter キーでシェルをリロードします（Wayland 環境ではログアウト・ログインが必要です）。

命名のベストプラクティス

制限機能を効果的に活用するため、以下の命名規則を推奨します。

• 単語を省略形にする（例："Development" → "Dev"）
• 絵文字を活用して視認性を高める（例："📧 Comm", "🔧 Sys"）
• 半角文字で 10 文字以内を目安にする