Ghostty を VSCode みたいにする — FileTree・keifu・zellij で軽量なターミナル開発環境を組む

Tue, 02 Jun 2026 00:00:00 +0000

Claude Code でコーディングする時間が増えると、ふと気づくのが「VSCode って、けっこうメモリを食うな」という事実です。プロジェクトを 5 つも同時に開けば、エディタだけでメモリがカツカツになります。

note の記事「GhosttyをVSCodeみたいにしよう！」（Naoki | 電電猫猫氏）では、まさにこの悩みを起点に、高速なターミナルエミュレータ Ghostty の上に VSCode 風の開発環境を再現する構成が紹介されていました。本記事ではその考え方を整理しつつ、使われている TUI ツール群を補足して紹介します。

なぜターミナルで VSCode を再現するのか

VSCode の基本的な画面構成はだいたいこうなっています。

左サイドバー：ファイル一覧と Git のツリー表示
右側メイン：エディタ（または Claude Code）と、その下にターミナル

便利な一方で、Electron ベースの VSCode は 1 ウィンドウあたりのメモリ消費が大きく、プロジェクトを並行して開くほど重くなります。そこで「同じレイアウトを、軽量なターミナル上で組めないか？」という発想に至ります。

Ghostty は Mitchell Hashimoto 氏が開発する GPU アクセラレーション対応のターミナルエミュレータで、標準で画面分割（split）機能を持っています。この分割機能と、小さな TUI ツールを LEGO のように組み合わせることで、VSCode のレイアウトをそのまま再現するというのが今回のアプローチです。

前提：以降の手順は Rust の cargo と Ghostty がインストール済みであることを前提にしています。FileTree・keifu・zellij はいずれも cargo install で導入できます。

各パーツの役割は次のとおりです。

サイドバー（細い列）：上に FileTree、下に keifu
メイン領域（広い列）：上に Claude Code / エディタ、下に ターミナル
高頻度で触るプロジェクトは zellij のセッションとして保存しておく

FileTree — VSCode 風のファイルツリー TUI

FileTree は、VSCode のファイル一覧をターミナル上で模倣した TUI ファイルエクスプローラです。記事の著者（電電猫猫氏 = Naoki Takahashi 氏）自身が作ったツールで、Vim キーバインドに対応した高速・軽量なファイルブラウザになっています。

Ghostty on hdknr blog

Ghostty を VSCode みたいにする — FileTree・keifu・zellij で軽量なターミナル開発環境を組む

なぜターミナルで VSCode を再現するのか

FileTree — VSCode 風のファイルツリー TUI