https://d226lax1qjow5r.cloudfront.net/blog/blogposts/customize-your-macos-terminal-using-starship/customize-macos-starship.png

Starshipを使ってmacOSターミナルをカスタマイズする

最終更新日 April 11, 2024

所要時間:1 分

それは全体の雰囲気

きれいで美しいものに惹かれやすい私は、macOSのターミナルをカスタマイズして、自分が共感できる環境を作ることで、生産性を向上させ、複雑な作業を簡素化することができた。このブログでは、自分だけの雰囲気を作るために スターシップ.

端末をカスタマイズする準備はできていますか?行きましょう!

スターシップとは?

スターシップは、コマンドラインインターフェイス(CLI)で使用されるシェル環境用のカスタマイズ可能なオープンソースのプロンプトである。Android、BSD、Linux、macOS、Windowsで利用可能で、このブログではmacOSについて説明する。簡単な設定ファイルを編集するだけで、Gitの状態やプログラミング言語のバージョンなど、表示する情報の種類や見た目を簡単に変更できる。素早く軽快に動くように設計されているので、ターミナルでの作業が滞ることはないだろう。Starshipの主な利点は、以下のような様々なシェルで動作することです。 Bash, ZshFishなどをサポートしており、ターミナル体験の一貫性と効率性を保っている。つまり、毎回新しいセットアップに調整する必要がなく、異なる環境でも使用できるということだ。

This gif shows a customized terminal with colorful words in a unique font being typed.Demo of Customized Terminal

出典:starship.rs

では、ターミナルを開いて始めよう!

スターシップの設定方法

1.スターシップのインストール:ターミナルで curl -sS https://starship.rs/install.sh | shを実行する。

あるいは brewがインストールされている場合は brew install starship.

2.シェルのセットアップ:シェルを選択して設定します。スターシップは シェルのリスト.このブログではZshを使います。

次に、実行する: nano ~/.zshrc

nanoでファイルを開いたら、次のようにファイルの最後に追加する。 ~/.zshrc: eval "$(starship init zsh)"

nanoでCtrl + Oで変更を保存したら、Ctrl + Xでnanoを終了するだけで、変更はすぐにコンフィギュレーションに適用される。

3.正しいフォントの選択:好きなフォントを選んでください。私は FiraCode Nerdフォントをダウンロードした。

This image displays a window from the macOS font book titled 3 typefaces showing FiraCode Nerd Font as a dropdown option.Font Book

フォントを選択し、「ダウンロード」をクリックしたら、ダウンロードしたzipファイルをダウンロードフォルダ内に探します。zipファイルをダブルクリックして中身を取り出します。この操作で、フォントファイルを含む新しいフォルダが作成されるはずです。その新しいフォルダを開いて、中のフォントファイルを表示してください。

インストールしたいフォント・ファイル(通常 .ttf拡張子)をすべて選択します。選択したフォントファイルを右クリックし、"開く "または "で開く"→"Font Book"(macOSのデフォルトフォントマネージャー)を選択します。

フォントブックが開き、選択したフォントファイルが表示されます。

This image displays a window from the macOS font book titled 3 typefaces showing FiraCode Nerd Font as a dropdown option.Font Bookインストールしたいフォントバリエーション(レギュラー、ボールド、イタリックなど)ごとに「フォントのインストール」をクリックします。または、フォントファイルをフォントブックウィンドウにドラッグ&ドロップしてインストールすることもできます。インストールが完了すると、フォントブックの「マイフォント」に新しいフォントが表示されます。

This image shows the window titled Profiles from Terminal with the Text tab opened, showing that FiraCode Nerd Font is set as the font.Terminal Profilesフォントがインストールされたら、ターミナルを開いてインストールを Verify できます。画面左上の「Terminal」→「Settings」をクリックします(「Profiles」ウィンドウが表示されます)。プロファイル」をクリックします。フォント選択のドロップダウンにFiraCode Nerd Fontオプションが表示されたら、フォントが正常にインストールされたことを意味します。これを選択すると、ターミナルのフォントが変更されます。

This image shows the window titled Profiles from Terminal with the Text tab opened, showing that FiraCode Nerd Font is set as the font.Terminal Profiles4.スターシップ設定ファイルの作成と編集:ターミナルで作業しているので、以下のようなコマンドライン・テキストエディタを使うことができます。 Nano, VimEmacs.Nanoを選んだのは、かなり使いやすいからだ。

ターミナルに以下のコマンドを入力して starship.tomlファイルを作成し編集する: nano ~/.config/starship.toml

スターシップのカスタマイズ

ここでターミナルを変更する。プロンプトのあらゆる面を starship.tomlファイルで変更できる。

スターシップの設定:

私はtherubberduckieeのターミナルに触発されたので、彼女の 開発環境ファイルをテンプレートとして使った。このファイルの内容をコピーして、あなたの starship.tomlファイルにコピー&ペーストし、HEXコードを好きなものに変更してください。私は彼女の色をVonageカラーのHEXコードに置き換えた:

Color HEX Code
Purple 871FFF
Magenta D62190
Cyan 80C7F5
Peach FFA68C
Orange FA7554

The image displays a color chart with six colors, each accompanied by their respective RGB, HEX, CMYK, and PMS codes. The colors and their codes are:  Purple: RGB (135, 31, 255), HEX #871FFF, CMYK (79, 87, 0, 0), PMS 2090C Magenta: RGB (214, 33, 156), HEX #D6219C, CMYK (16, 100, 0, 0), PMS 2405C Cyan: RGB (128, 199, 245), HEX #80C7F5, CMYK (50, 0, 0, 0), PMS 2141C Peach: RGB (255, 166, 140), HEX #FFA68C, CMYK (0, 42, 32, 0), PMS 487C Orange: RGB (250, 117, 84), HEX #FA7554, CMYK (0, 68, 68, 0), PMS 2024C The chart is organized in blocks of color with the information below each color, set on a white background for clear readability.Vonage Colors色の選択のHEXコードを見つける必要がある場合は、次のようなカラーページで計算された色に関する情報を提供するツールを使用してください。 カラーヘックス.

変更を保存すれば、ターミナルは使えるようになるはずだ!

新しい端末を試す

では、この美しい変化を見てみよう。私はVisual Studio Codeを使い、ターミナルを開いた。ターミナルで実行できるカスタマイズを確認するコマンドは以下の通りだ:

インストール Vonage CLI: npm install --location=global @vonage/cli

The image shows the output of a package installation using npm. The terminal prompt displays the current time in purple and pink, a peach-colored location indicator, and a command running with the output message Completed in 191930ms highlighted in cyan.Installインストールされているバージョンを確認してください: vonage --version

The image (version.png) displays the output for the version check of the Vonage CLI. The prompt includes the same colored elements as before, and the output shows the Vonage CLI and Node.js versions installed on the system.VersionVonage開発者アカウントを作成した後、ダッシュボードでAPIキーとAPIシークレットを見つけることができます。設定を行います: vonage config:set --apiKey=XXXXXX --apiSecret=XXXXXX

The image shows the successful configuration of the Vonage CLI with an API key and secret. The output message Configuration saved confirms the action, and a deprecation warning for a module is also shown.Config現在のVonageアプリを確認するには、以下を使用します: vonage apps

The image (apps.png) depicts an attempt to display Vonage applications, but it only shows the column headers Name and Id without any entries. A deprecation warning for the punycode module is repeated here as well.AppsVonage アプリケーションの作成および管理方法については Vonage CLIまたは Michael Crump のブログ "Better together:GitHub & Vonage CLI" をご覧ください。.

結論

このブログでは、Starshipを使ってmacOS端末をカスタマイズする方法を紹介し、Vonage CLIを使ってテストした。開発者として、私たちの環境は私たちの生産性の鍵となります。もしきれいなターミナルを作るのに助けが必要なら、私たちのコミュニティ コミュニティSlackチャンネル.このチュートリアルに従ったら、X(以前はTwitterとして知られていた)であなたのターミナルをシェアして、私をタグ付けしてください。 タグをつけて.あなたの新しい環境を見てみたい!

シェア:

https://a.storyblok.com/f/270183/384x384/b68093ec17/diana-pham.png
Diana Phamデベロッパー・アドボケイト

ダイアナはVonageのデベロッパー・アドボケイト。新鮮な牡蠣を食べるのが好き。