モテるtmux – 超クールな設定

このエントリーをはてなブックマークに追加
はてなブックマーク - モテるtmux – 超クールな設定
LINEで送る
Pocket

とりあえず、こちらをご覧ください。一番下の行に注目!

description
ダウンロード(右クリックでファイルに保存)

このエントリーをはてなブックマークに追加

これは、tmuxtmux-powerlineを使って実現しています。

以下に、導入方法を書きます。

0. (強く推奨)powerline用のフォントをインストール

まず、大なり、小なりのフォントを使うための設定をします。これをインストールした方が、すごい見栄えがかっこよくなります!

パッチを当てたフォントをインストールして、ターミナルなどでそのフォントを使って表示するようにします。
この記事で使われているスクリーンショットのフォントは、AdobeのSource code proにパッチを当てたフォントを使っています。

その他のフォントはこちら。
https://gist.github.com/qrush/1595572

自分でパッチを当てる場合はこちら。
https://github.com/fncll/vimstuff/tree/master/powerline-fonts

1.tmuxのインストール

パッケージ又はソースコードからインストールします。

1.1 パッケージでインストール

1.2 ソースコードからインストール

(もし、libeventが古いかインストールされていなくてエラーが出たらlibeventをインストールする。)

2. tmux-powerlineのインストール

tmux-powerlineをダウンロード

~/.tmux.conf に以下を追加

※サンプルには set-option -g status-justify "center" とありますが、leftの方が綺麗です

この状態でtmuxを起動すれば、それっぽい表示になると思います。

clean

3. tmux-powerlineの設定

tmux-powerlineの設定は多種多様なので、費用対効果が高い設定を紹介します。
(詳細は、README(英語)にとても良くまとまっています。)

3.1 色を統一する

デフォルトだとtmuxの背景とpowerlineの背景が合っていないので、色を変更します。
~/.tmux.confへ、背景色をグレーにするために、以下の設定を追加します。
また、左右の表示が途中で切れないように表示文字数をデフォルトより多めに設定します。

3.2 ウィンドウリストを左寄せにする。

3.3 現在のブランチ名を表示する

以下のコードを、.bashrcまたは.zshrcなどのシェルの設定ファイルの後ろの方へ追加します。

再読み込みします。

あとは、レポジトリのディレクトリへ移動すれば、情報が表示されるはずです。

4. tmux-powerlineの応用設定

4.1 オリジナル設定の準備

自分用の設定を記述するためのファイルを準備します。
まずは、tmux-powerlineの表示項目を設定するためのファイルであるtmux-powerline/mytheme.shを作成します。

次に、環境変数やユーザ設定を記述するための~/.tmux-powerlinercを作成します。

4.2 天気を表示する

~/.tmux-powerlinerc を開き、TMUX_POWERLINE_SEG_WEATHER_LOCATIONに表示したい場所のコードを入れます。
東京なら、以下のコードになります。

場所のコードは、yahoo.comの天気ページにて、URLの一番右にある数字を利用します。
http://weather.yahoo.com/japan/tokyo-prefecture/tokyo-26237038/

4.3 ネットワーク情報を表示する

tmux-powerline/segments/ifstat_sys.shを開き、モニタリングしたいネットワークのインターフェイス名に変更します。
デフォルトではwlan0となっています。インターフェイス名は、ifconfigコマンドなどで確認出来ます。

bcコマンドが必要になるため、bcコマンドが無い場合はインストールする必要があります。

そして、tmux-powerline/themes/mytheme.shを開き、以下の行のコメントアウトを外します。

4.4 色の変更

GNU screenでは色の変更がすごい大変でしたが、tmuxではとても簡単です。

まず、オリジナルの設定を用いるために、 ~/.tmux-powerlinerc のTMUX_POWERLINE_THEMEをmythemeに設定します。

以下のコマンドを実行するとカラーコードが表示されます。

ブランチの記号のコントラストが変なので、tmux-powerline/themes/mytheme.shを開き、88から253へ変更します。
第1引数が背景で、第2引数が文字色です。

また、~/tmux-powerline/segments/vcs_branch.shを開き、こちらにも設定があるので5を253に変更します。

4.5 地震情報を表示する

.tmux-powerlinercを開き、地震情報のコメントアウトを外します。デフォルトでは日本中の地震情報から拾ってきます。

例:
Screenshot_2013_02_16_11_22

4.6 その他

gmailの未読数や、macの場合はitunesの再生中の曲などを取得できます。

5 まとめ

5.1 やったこと

tmux-powerlineを使ってかっこよくて使い勝手の良いシェルを作りました。

setting_done

良い点
  • tmux-powerlineを使えば、シェルスクリプトさえ用意すれば自分の欲しい情報が簡単に表示できる。(アイディアとしては、株価や、為替表示とか、1時間前の売り上げ情報とか)
  • tmuxのパフォーマンスは良い。
  • 11MBのテキストをcatした時間をベンチマーク
  • GNU screen: 50s
  • byobu: 25s
  • tmux: 15s
  • 無し: 3s
悪い点
  • シェルスクリプトが頻繁に動いているので、計算リソースを多少食う
  • tmux-powerlineプログラム自体と設定が明確に分かれていない。

5.2 補足資料

4まで行った設定ファイルの結果
https://gist.github.com/matsubo/4746629

tmuxの基本操作はこちら
「screen(だけ)の時代は終わり。tmuxでリモートコンソールを便利に使うTips」
http://blog.asial.co.jp/881

一番最初にあるスクリーンショットに掲載してある設定を行ってある私の設定ファイル達
https://github.com/matsubo/matsu-shell-setting

このエントリーをはてなブックマークに追加
はてなブックマーク - モテるtmux – 超クールな設定
LINEで送る
Pocket

matsubokkuri

Please feel free to contact me via e-mail, twitter and facebook!

あわせて読みたい

1件の返信

  1. 2013/2/24 日曜日

    […] 上記のスクリーンショットのように、別のtmuxなどの別ペインに表示しておけば保存した瞬間にユニットテストの実行結果が見られます。 […]

コメントを残す