Espanso Manager：Espansoのスニペット管理をGUIで効率化するWebアプリを作った

Espanso のスニペットが増えてきて、base.yml を直接編集するのが辛くなってきたので、GUI で管理できるデスクトップアプリ Espanso Manager を作りました。macOS 向けの DMG を GitHub で無料公開しています。

Espanso Manager とは

Espanso はオープンソースのテキスト展開ツールです。:ai; と入力すると align-items: center; に展開されたり、<div; と入力すると HTML テンプレートが展開されたりと、コーディングの定型入力を大幅に効率化できます。

ただ、スニペットが増えてくると管理が大変になってきます。

Espanso Manager は、これらの問題を解決するための GUI ツールです。aText のような 2 ペイン構成で、コードエディタを開かずにスニペットの検索・編集・追加・削除が完結します。

macOS 向けの DMG を GitHub Releases で公開しています。

Apple Silicon Mac の場合は Espanso.Manager_0.1.0_aarch64.dmg をダウンロードしてください。

初回起動時に「開発元が未確認」の警告が出る場合は、システム設定 → プライバシーとセキュリティ → このまま開く をクリックしてください。

起動時に ~/Library/Application Support/espanso/match/base.yml を自動で読み込みます。編集後は Cmd+S で直接上書き保存されるので、Export → ファイルを手動でコピーという操作が不要です。

トリガーのプレフィックスを見て、14 種類のカテゴリに自動分類します。

画面上部のチップをクリックするとカテゴリで絞り込めます。検索バーでは trigger と replace の両方を対象に全文検索（部分一致）できます。

右ペインのテキストエリアは複数行対応で、Tab キーでタブ文字を挿入できます（フォーカス移動ではなく）。85 行・2500 文字を超えるような大きな CSS ブロックや HTML テンプレートも問題なく扱えます。

編集中に変更があると、ヘッダーの Save ボタンが青く光り「●」が表示されます。別のスニペットを選択すると自動的に変更が適用されるので、保存忘れの心配がありません。

歯車アイコンから設定モーダルを開けます。base.yml のパスをカスタム設定したい場合や、OS 起動時にアプリを自動起動したい場合はここで設定します。

Tauri は OS の WebView を使うため、Electron と比べてバンドルサイズが大幅に小さくなります（今回の DMG は約 3MB）。バックエンドを Rust で書けるので、ファイルの読み書きや OS との連携を安全に実装できます。

開発の詳細（Tauri で詰まったポイントや自前 YAML パーサーの実装など）は別の記事で書いています。