【ぺいん】

ペイン とは?

💡 ウィンドウを分割した「個別の区画」、IDEやターミナルの分割表示領域
📌 このページのポイント
ペイン — 画面分割の概念 分割なし(1ペイン) メインペイン 複数ペイン分割 ファイル ツリー エディタ ターミナル ペインの特徴 1つのウィンドウ内を区切る領域 各ペインは独立して操作可能
ペイン(画面分割)のイメージ
ひよこ ひよこ

ペインって何?

ペンギン先生 ペンギン先生

アプリのウィンドウを分割した個別の表示領域のこと。VSCodeで例えると、左のファイルエクスプローラー・中央のエディタ・下のターミナルがそれぞれ「ペイン」。ガラス窓を複数の板ガラス(pane)に分けるイメージから来ている。

ひよこ ひよこ

タブとどう違うの?

ペンギン先生 ペンギン先生

タブは同じ場所に重なって切り替えるUIブラウザのタブのように)。ペインは並べて同時に表示できる。VSCodeでCmd+\(Mac)でエディタを分割すると2つのペインが横並びになる。タブは「切り替えながら使う」、ペインは「同時に見ながら使う」。

ひよこ ひよこ

tmuxのペインって何?

ペンギン先生 ペンギン先生

tmuxターミナルをペインで分割できるマルチプレクサ。Ctrl+b %で縦分割、Ctrl+b "で横分割、Ctrl+b 矢印でペイン移動。1つのターミナルウィンドウで複数のシェルを同時に見ながら操作できるので、ログを見ながらコマンドを実行するなどの作業に便利。

ひよこ ひよこ

ペインを使いこなすコツってある?

ペンギン先生 ペンギン先生

キーボードショートカットを覚えるのが一番だよ。VSCodeならCtrl+BでサイドバーのON/OFF、Ctrl+`でターミナルの切り替えが定番。「コードを書くペイン」「ドキュメントを見るペイン」「ターミナル」を同時に表示すると作業効率が爆上がりするよ。

ひよこ ひよこ

画面が狭いノートPCだとペインを並べるのは厳しくない?

ペンギン先生 ペンギン先生

そこが悩みどころだよね。13インチだと横に2ペイン並べると狭い。外部ディスプレイを使うのが王道だけど、tmuxの「ウィンドウ」機能でペインのセットを切り替える方法もある。実はtmuxセッションSSH切断後もサーバ上で生き続けるから、再接続すれば作業状態がそのまま復帰するんだ。リモートサーバ作業には欠かせないツールだよ。

ペンギン
まとめ:ざっくりこれだけ覚えればOK!
ペインって出てきたら「ウィンドウを分割した個別の表示領域、IDEのエディタ・ファイルツリー・ターミナルがそれぞれペイン」と思えばOK!
📖 おまけ:英語の意味
「Pane」 = 窓枠・板ガラス1枚
💬 ガラス窓の1枚の板ガラス(pane)に例えた用語。ウィンドウ(窓)を複数の「ガラス板」に分けるイメージ。タブとも区別され、タブは同じ場所に重なるがペインは並べて表示される
← 用語集にもどる