💻 WezTerm (meet me)

前回から間を置かず、3月の終わりに子羊のように去ろうかな〜🐑 ...とも思っていましたが、 "はるのかぜが あんなにうたっている" ことを子供たちに教えてもらったので、 これはもう春の始まりを見届けていかなきゃいけない...と、思った今日この頃でした🌸

東京での満開日は全部曇りや雨の荒々しい予報になっていたので、「なんやまだライオンおるんかいな🦁」って感じでしたね。

もう "東京に空がないといふ" とかなんとかオチつけて丸く収めたろ〜かしら、とも考えましたが...。

ありました、空🌞

そうでした、吉祥寺に「ないものは無い」のでした❗

井の頭公園には、 もはや通ってるのかと言われるぐらい能天気に来まくってます。

ここ数ヶ月ぐらいは池のボート乗り場を改修していて、しばらくはスワン²もボートもいませんでした。

が❗

...ご覧の通り、今じゃすっかりですよ❗🦢🦢🦢

鳥さんも羽休めに来るぐらいだし🐦‍⬛

こんなに HAPPY✨ な演奏にも巡り会えるし🎻

ほらね、吉祥寺に「ないものは無い」のです🥰

わたしも大好きなばしょです😄

⚙️ Configuration

ぐるっと巡ってきましたが、最後はWezTermの設定を少しだけ見直します🤗

wezterm.luaの記述方法があの頃から少し進歩しているので、 まずはここから始めましょう❗

-- Pull in the wezterm API
local wezterm = require 'wezterm'

-- This will hold the configuration.
local config = wezterm.config_builder()

-- This is where you actually apply your config choices

-- For example, changing the color scheme:
config.color_scheme = 'AdventureTime'

-- and finally, return the configuration to wezterm
return config

🔧 config_builder

肝心なのはここですね。

-- This will hold the configuration.
local config = wezterm.config_builder()

config_builderオブジェクトを使用するように案内されています。

ローカル変数名はconfigで案内されていますが、ここはなんでもいいです。

わたしはこのパターンだといつもMにしちゃうんで、Mで進めていいかな...❓

-return {
+local wezterm = require 'wezterm'
+local M = wezterm.config_builder()

-color_scheme = 'Catppuccin Mocha',
+M.color_scheme = 'Catppuccin Mocha'

-window_background_opacity = 0.93,
+M.window_background_opacity = 0.93

-}
+return M

これで完璧😉

東京大神宮もちょいちょい参拝させてもらってます⛩️

新見附橋

外濠公園

この辺まで来たらこっちも見て回りたくなるでしょ❓ 🚶‍♀️

🧚‍♀️ Font

フォントについては、このサイトでは以下のように紹介していました。

font = require("wezterm").font("Firge35Nerd Console"),

特に不満がなければこのままでもいいんですが、 最新のフォントを自分で追っかけたい場合なんかだと、後の項で出てくるfont_with_fall_backを使うと良いです。

⛲ FontSets

...ってことで、まずはフォントを用意しましょう❗

🪺 nerd-fonts

nerd-fontsはWezTermに含まれているので特に設定はいらないんだけど、 前回はNerd Fontが含まれているFirgeNerdを使う方法を紹介していました。

2024/04/17 時点ではFirgeNerd・WezTermのどちらよりも、 本家のnerd-fontsのバージョンはだいぶ進んでいて、 新しいアイコンも続々と増えているので、定期的に確認してみるのも楽しいと思います😆

ってことで、今回は本家のnerd-fontsを使った楽しいほうで進めます。

Releasesから感謝しながら最新版をダウンロードしましょう😉

好きなたまご🥚 を選べば良いのですが、このページではNerdFontsSymbolsOnlyを使って進めていきます。

❤️‍🔥 FiraCode

で、次に英字フォントを用意するんですが、ここでは一例としてFiraCodeを紹介します。

これも素直にReleasesから感謝しながらダウンロードするのが簡単でしょう😊

🎏 ヒラギノ角ゴシック

これだけだと "漢字・ひらがな・カタカナ" がイマイチに戻っちゃうので、日本語に対応したフォントも用意しましょう。

わたしはmacOSに標準で入っているヒラギノ角ゴシックを使っているので、ここでは特に示せる手順がありません😅

🐣 font_with_fall_back

フォントが用意できたら、これらをWezTermで使うためにfont_with_fall_backを設定しましょう❗

local wezterm = require 'wezterm'

return {
  font = wezterm.font_with_fallback { 'JetBrains Mono', 'Noto Color Emoji' },
}

これで、複数のフォントを好きなように組み合わせて使用することができます😌

- font = require("wezterm").font("Firge35Nerd Console"),
+ M.font = wezterm.font_with_fallback {
+ }

 M.font = wezterm.font_with_fallback {
+ 'Fira Code',
+ 'ヒラギノ角ゴシック',
+ 'Symbols Nerd Font',
 }

 M.font = wezterm.font_with_fallback {
  'Fira Code',
  'ヒラギノ角ゴシック',
  'Symbols Nerd Font',
+ 'Apple Color Emoji',
 }

綺麗に表示できたかな❓☺️

🪟 Window

「そういえばライトアップされた桜をまだ見てないな〜」と気づきました。

満開日もとうに過ぎて、おまけに雨も降っちゃったんで、もう無理かなーとも思いましたが...。

ありました、八芳園🌝

場所が白金台なので、ちょっと前のわたしならビビり散らかしちゃうことこの上なし❗

...でしたが、安心してください❗

今のわたしは "とやマネーゼ"...❗

"6000 とやマネーゼ" なのです🥴

たとえ "億万シロカネーゼ" と並んでも互角であることに疑いの余地はありません❗

ごめんあそばせ〜🤭

💖 window_decorations

これは面白いので、ぜひ取り入れてみましょう😆

-window_decorations = 'RESIZE',
+M.window_decorations = 'INTEGRATED_BUTTONS|RESIZE'

そしたら Configuring Mouse Assignments で書いた、タイトルバーを操作するためのコードはもう、ぽいっちょ❗うるのねん❗

 return {
   mouse_bindings = {
-    {
-       event = { Down = { streak = 1, button = 'Left' } },
-       mods = 'NONE',
-       action = act.EmitEvent 'show-title-bar',
-    },
   },
 }

- local TITLE_BAR_DISPLAY_TIME = 3000

- function DisableWindowDecorations(window, interval)
-   if interval then
-     wezterm.sleep_ms(interval)
-   end
-
-   local overrides = window:get_config_overrides() or {}
-   overrides.window_decorations = nil
-   window:set_config_overrides(overrides)
- end

- wezterm.on('window-focus-changed', function(window, pane)
-   if window:is_focused() then
-     return
-   end
-
-   DisableWindowDecorations(window)
- end)

- wezterm.on('show-title-bar', function(window, pane)
-   local overrides = window:get_config_overrides() or {}
-
-   overrides.window_decorations = 'TITLE | RESIZE'
-   window:set_config_overrides(overrides)
- end)

...ってやれば、こんな外観になるはずです🍦

before
after

このサイトでも、もう散々この状態でスクリーンショットを載せてるんですけどね❗

🎁 Wrap Up

まあ、無理やり詰め込んだ感じも否めないけど、これでわたしがやりたかった事は大体やれたかな❗

この章も、ちょっと注釈みたいなの並べてさっさと終わるものだと思っていたんだけど、なんか気づけばガッツリやってました😅

...でも、ちゃんとやり遂げることが出来ただろう❓😏

新しいことを始めるのもいいし、今やっていることのレベルを上げるのもいいし...。

そろそろみんな次のステップに進まないとね😆

🎸 While My Guitar Gently Weeps

な〜んて言いながら、もう一回だけ話飛ぶんですけど、オランダに行ってきたんですよ〜😋

間違えました、いたばしのオランダでした🦧

色々開き直って、ず〜っとすっとぼけながらここまで来たんだけど、結局何が言いたいかっていうとね...、

🎸 Still, my guitar gently weeps