以下の内容はhttps://techblog.spiderplus.co.jp/entry/2026/02/05/120000より取得しました。


ターミナル環境を100倍楽しくする

こんにちは。EMの本田です。
まずはこれを見てください。

Ghosttyでシェーダーを利用できると知り、ゲームエフェクトのような見た目をターミナル環境で実現すべくAIでGLSLを作成した結果、上のようなアニメーションのターミナル環境が爆誕しました⚔️

去年の記事では Alacritty を使っていたのですが、シェーダーを使いたかったので乗り換えました。 また、Neovimの smear-cursor.nvim で似たようなことができたのですが、Ghosttyの場合はターミナル全体で使えるのとアニメーションの自由度が高いのがやはり良いです。 techblog.spiderplus.co.jp

以下、設定例へのリンクです。

カーソルの軌道を表示

これが最も実用性があります。稲妻のような無駄なエフェクトに関しては実用性皆無の趣味です。

タイピング時の爽快感

打鍵時の気持ちよさは快適な体験をもたらします。気持ち以外の実用性は薄いです。

カーソル静止状態

ターミナルに目線を戻したときのためにカーソルを目立たせる事ができます。

ghostty config例

~/.config/ghostty/config では以下のように複数のシェーダーを指定することができます。

custom-shader = ./shaders/cursor_blaze.glsl
custom-shader = ./shaders/cursor_lightning.glsl
custom-shader = ./shaders/sparks.glsl
custom-shader = ./shaders/slash.glsl
custom-shader = ./shaders/gravity.glsl

感想

GLSL作成に関してはド素人だったのでAIの力をかなり借りました。
こういったアニメーション効果のイメージをAIに伝えるのがとても難しく、めちゃくちゃラリーしたのも良い思い出です。
使い始めてそろそろ半年くらいになるのですが、いまだにターミナル操作時の満足度が非常に高いです。

まとめ

ターミナルはロマン。

おまけ

これをチーム内で紹介したらノリの良いメンバーがとてもユニークな設定を作って披露してくれました 🔫

最後に、スパイダープラスでは仲間を募集中です。スパイダープラスにちょっと興味が出てきたなという方がいらっしゃったらお気軽にご連絡ください。ご覧いただき、ありがとうございます。

参照

GLSLを書くに当たり、KroneCorylus/ghostty-shader-playground のコードを参考にしました。作者の方、ありがとうございます🙏




以上の内容はhttps://techblog.spiderplus.co.jp/entry/2026/02/05/120000より取得しました。
このページはhttp://font.textar.tv/のウェブフォントを使用してます

不具合報告/要望等はこちらへお願いします。
モバイルやる夫Viewer Ver0.14