2
8

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

ターミナルをオシャレに涼しくしたら俺たちも涼しくなって世界が平和になる説(環境構築編)

Last updated at Posted at 2019-05-29

ココ最近ずっとnpmでフロントタノシイヤッターーーーをしている八雲はるといいます。

なんかトウキヨでは5月にもかかわらず気温が30度超えたとかで結構騒ぎになってましたね。あついね。

で、ターミナル叩いててふと思ったわけですよ。

ターミナル涼しくしたら俺も涼しくなるのでは????(天才)

んで、ちょちょっといろいろして作ってみたので、作り方を載せておこうかなーーーと思います。
本記事では環境構築まで。

できたもの

海っぽいターミナル

右下のクラゲくんがワンポイント。

つかうもの

ターミナルアプリ

Hyper

シェル環境、プラグイン

  • zsh
  • Prezto(prompt: paradox)

0. Hyperインストールする

言うまでのことでもないのでパパっとインストールしちゃってください。

1. とりあえず黙ってzshとPrezto使いなさい

まだbash使ってつらい思いしてる方はzshに移行しましょう。
コマンドのTab補完が効くので幸せになれます。

zshインストールしてログインシェル指定する

$ brew install zsh
$ chsh -s /usr/local/bin/zsh

zshでログインされてるのを確認したら次にpreztoっていうのを突っ込みます。
こいつを使うと細かい挙動とテーマが変わったりします。

preztoを突っ込む

% git clone --recursive https://github.com/sorin-ionescu/prezto.git ${ZDOTDIR:-$HOME}/.zprezto"
% setopt EXTENDED_GLOB
for rcfile in "${ZDOTDIR:-$HOME}"/.zprezto/runcoms/^README.md(.N); do
  ln -s "$rcfile" "${ZDOTDIR:-$HOME}/.${rcfile:t}"
done

次に~/.zshrcをいじります。(コピペで貼ってもらえればOK)

% vim ~/.zshrc

↓を貼る(iでインサートモードにしてCmd+Vで貼り付け、Esc -> :wqで上書き終了)

if [[ -s "${ZDOTDIR:-$HOME}/.zprezto/init.zsh" ]]; then
  source "${ZDOTDIR:-$HOME}/.zprezto/init.zsh"
fi

ここまで出来ると多分こんな感じで起動すると思います
sorinってテーマのプロンプト
文字化けっぽくなってる人はフォントを変えましょう。
Powerlineに対応していれば基本なんでもいいですが、おすすめはSource Code Pro for Powerlineというやつが見やすくておすすめです。

Hyperの場合Cmd + ,を押すと設定ファイルが出てくるので、

fontFamily: 'Source Code Pro for Powerline, "DejaVu Sans Mono", Consolas, "Lucida Console", monospace',

こんな感じで書き換えてやればフォントが変わります。

続いてプロンプト(左に出てくる、$とか%だったやつ)ですが、prompt -pを叩くとプレビューができます。

プレビューで気に入った感じのがあればそちらでも(多分)大丈夫ですが、今回はparadoxを使う前提で進めます。

preztoの設定を変える

では、設定を起動時に反映させるために設定ファイルの記述を変更します。

% vim ~/.zpreztorc 

この.zpreztorcですが、ほとんどコメントとはいえ100行以上あるのでプロンプトの設定を記述している場所を探すのは手間です。なので検索でパパっと見つけちゃいましょう。

vimでは最初の状態で/paradoxと打つとファイル内を検索してくれます。次の場所に行くにはnを、戻るにはNを叩きます。
で、設定している行は渡しの場合110行目あたりにありました。

# Prompt   
#          
# Set the prompt theme to load.                                                                                                         
# Setting it to 'random' loads a random theme.
# Auto set to 'off' on dumb terminals.
zstyle ':prezto:module:prompt' theme 'sorin'

この一番下にあるtheme ってなってる場所をparadoxに書き換えると起動時にparadoxテーマで起動するようになります。

最後にESCでインサートモードから出て:wqで上書き保存し、ターミナルを再起動しましょう。

ちょっと長くなってきたので環境構築はここまでにします。
次回の記事でHyperの設定をして本格的に涼しく変えていきましょう。

2
8
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
8

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?