Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationEventAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
153
Help us understand the problem. What are the problem?

Macのターミナル(bash)を最低限色付けする

デフォルトのままターミナルを使っているデザイナーとかは多いのかなと思った.zshやfishを入れるのが最高なんだけど,そこまで手をかけられないことは多い.そもそも使用頻度低いし.でもさすがにどぎつい黒はちょっとなぁみたいな.

よくわからなくても記事通りに設定していけば出来上がるみたいな記事が見つけられなかったのでまとめてみる.既存のbashでも最低限いい感じに見やすくする設定を淡々と書き残していく.

ターミナルを何度か触っている人なら10分もあれば設定できると思う.

デフォルト

既存はこんな感じで悲しくなるほど見にくい(モチベーションも上がらない...)
a1.png

1. bashrcを作る

ターミナルを開いたら、

$ vi ~/.bashrc  

入力画面が出てくるのでキーボードの i を押すと 画面下部に --INSERT--と表示される.
その状態で下記の内容をコピーして黒い画面に cmmand + v (ペースト)する

~/.bashrc
# default:cyan / root:red
if [ $UID -eq 0 ]; then
    PS1="\[\033[31m\]\u@\h\[\033[00m\]:\[\033[01m\]\w\[\033[00m\]\\$ "
else
    PS1="\[\033[36m\]\u@\h\[\033[00m\]:\[\033[01m\]\w\[\033[00m\]\\$ "
fi

# "-F":ディレクトリに"/"を表示 / "-G"でディレクトリを色表示
alias ls='ls -FG'
alias ll='ls -alFG'

ペーストされたらキーボードの esc ボタンを押してから :wq と入力してファイルを閉じる.

2. 設定の反映を自動化

$ vi ~/.bash_profile

1.と同様に,i を押してから,下記の内容をコピーして黒い画面に cmmand + v (ペースト)する

~/.bash_profile
if [ -f ~/.bashrc ]; then
  . ~/.bashrc
fi

キーボードの esc ボタンを押してから :wq と入力してファイルを閉じる.

3. 設定を反映する

$ source ~/.bashrc

(上記コマンドを打たなくても,ターミナル再起動でもOK)
これで幾分かはましになる.
a2.png

4.より良くしたい場合はターミナルの環境設定をする

ここまででも最低限は良くなるけど,もうちょっといい感じにしたいと思う人は多いはず!

デフォルトから選んでもいいんだけど,個人的な好みでこのテーマを入れてみる.
Icebergのページにアクセスして,ページ下部の Download からzipファイルをダウンロードする.
ダウンロードしたらzipファイルを解凍しておく.

ss 2018-08-14 23.23.23.png

こんな感じの色味になるテーマです.
macos-terminal.png

ターミナルの環境設定を開く

・テーマを読み込む

スクリーンショット 2018-08-14 23.29.55.png

⚙∨ をクリックして, 読み込む... をクリックして,解凍したフォルダに入っている Iceberg.terminal を選択すると,左のテーマ一覧に Iceberg が追加されるので,クリックして選択したら, デフォルト ボタンを押す.

・テーマを少し編集する

テーマを選択したら, 背景カラーとエフェクト をクリックして 透明度を 90% にする.

・フォントを変更する

フォント変更 ボタンをクリックして,
ファミリーを Menlo 書体を レギュラー サイズを 18 にする

ここまで設定するとこんな感じになった!!

a3.jpg

gitの設定は下記に書いてみました。
gitのブランチ名をターミナルで表示できるようにする

参考:


2020年11月追記

前職の時に書いたこの記事ですが、他の記事にもリンクして頂けているおかげもあるのか、実は4万近い方に見られております。(読んでいただいた方、ありがとうございます。)

gitの設定をする続きも書いて上記にリンクを載せているのですが、もうちょっとキャリア的なところも需要あるのかなと思い少し書き始めてみました。

どんな流れでWebエンジニアになったの?

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
153
Help us understand the problem. What are the problem?