tty007【Bash】ターミナルのプロンプトを自在にカスタマイズするツイートシェアはてブLINEPocketMacのターミナルのプロンプトをカスタマイズしたいと思ったことはありませんか?(この記事にたどり着いた人は恐らくそう思っているはずですね)初期設定だとなんとなく無機質ですよね。そこで、よく見かけるおしゃれなプロンプトを再現すべく、この機会に勉強がてらプロンプトのカスタマイズをしてみました。?色も付けて、おしゃれな感じにしました。ちなみに僕の設定は左から自分のホスト名(名前が入っているので隠してます)、ディレクトリ名、Gitのブランチ名が入り、それぞれ背景色を紫・灰色・水色としています。今回はこのプロンプトを自分の力で再現できるように1から解説していきます。書体/文字色/背景色の同時指定Gitブランチの表示プロンプトをラベルのようにカスタムまとめBashプロンプトを変更するための手順まずは、プロンプトを変更するための手順を知っておきましょう。プロンプトの表示を変更する記述は以下の通りです。‘」の中にプロンプトの表示設定を記述します。このファイルに記述を行う際はviエディタを使うと良いでしょう。記述しなくとも、PS1コマンドで一時的にプロンプトの表示設定を変えることも可能です。(一度ターミナルを閉じたら元に戻ります。)プロンプトカスタマイズの基礎プロンプトの表示する内容を変えてみましょう。追加するとプロンプトが以下のようになります。viエディタを終了するには、escを押して:wqコマンド(書き込んで保存)を打ち込みます。いうコマンドを打ってみて下さい。)簡単にプロンプトを変更することができます「\t」や「\w」などの意味不明な記述が目に止まったかと思われますが、これはプロンプトで特定の表示を行うための特殊記号です。以下にその一覧を表にまとめておきましょう。※ホスト名は「システム環境設定>共有」で変更できます。これで、表示内容は自由に変更することが出来るようになりました。PS1の記述を自分で変更して、色々弄って確かめてみてください。プロンプトの文字の色と書体プロンプトの文字は、書体や色を変更することができます。ここではその方法をマスターしましょう。文字出力の制御・設定を行うためには「エスケープシーケンス」をしてからプロンプトの設定を書き込みます。ASCIIのエスケープ文字を使うという意味です。後に紹介する▶︎の記号を使うならば、この記述は必須です。文字の色は、太さ同様に設定できますが、数字が30~37のレンジになります。灰これらはANSIカラーというカラーコードで設定されています。Rendition)と呼びます。興味のある人は是非調べてみてください。この手法では非常にバリエーション豊富な色指定が出来るのですが、端末によってどこまで色のサポートが入っているのかわからないため、基本的には上で紹介した0~7の色を大まかに覚えておくと良いかと思います。背景色は、40m~47mで設定できます。強い(明るい)色を使いたい場合、文字色であれば90m~97m、背景色であれば100m~107mのレンジで指定をしてみて下さい。'Gitブランチの表示GitプロジェクトではGitブランチを表示させると非常に便利です。https://raw.githubusercontent.com/git/git/master/contrib/completion/git-prompt.shこのコードを全て選択し、コピーして下さい。いう名前のファイルを作り、そこにペーストして保存して下さい。Gitが用意した公式のシェルスクリプトです。これを読み込む記述を記載します。'するとこのようになります。(master)という表示がプロンプトに出現しました!現在masterブランチにいるのが一目瞭然です。関数となっており、%sというフォーマット指定子でブランチ名を出力しています。プロンプトをラベルのようにカスタムさて、はじめに紹介した僕のプロンプトを再現してみましょう。これは背景色と▶︎の記号をうまく組み合わせた方法でこのラベルのような表現を実現しています。ターミナルで「▶︎」の記号を使うにはPowerlineという特別なフォントが必要です。Powerlineのインストールから始めましょう。fontsから、手順に従ってインストールしていきます。Powerline」のフォントに変更しましょう。ターミナルのフォントの変更方法は「ターミナル>環境設定>プロファイルタブ>テキストタブ>フォント」で変更できます。変更が終わった後に、.bash_profileに以下の記述をします。'これで、上の画像と同様のラベルのような表示になったかと思います。色や表示内容の変更は各自で出来るようになっているはずなので、上の表等を活用して、各々好きなようにカスタムしてみて下さい!!まとめコマンドプロンプトをカスタムするのは意外と簡単です。コツを掴んで気分で変更してみたりするのも良いかもしれません。本記事作成にあたり、以下の記事を参考にさせて頂きました。ありがとうございました。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。S3+CarrierWave+Fog::AWSを利用して画像アップロード機能を作成する【JavaScript】axiosを使って、HTTP通信を簡単に操る。RECOMMENDこちらの記事も人気です。(TECH::CAMP)の無料説明会に行ったら衝撃の事実が発覚した件について【2019年最新】テックキャンプ(TECH::CAMP)の評判と料金、概要まとめ。実際の最新情報を解説します。