スポンサーリンク
カスタマイズしてみよう!
Hyperに関する記事を続けて2記事ほど投稿しました。
インストールがまだの方はこちらを参考にしてみてください。
そして今回はプラグインを使ったカスタマイズについてご紹介致します。
カスタマイズ方法
.hyper.jsのpluginに追加
Hyperで使用したいプラグインを追加するには、.hyper.js
内のplugins
の配列に追記していきます。
例えば、コチラのプラグインを入れる場合は以下のようにします。
1 2 3 |
plugins: [ "hyperpower" ], |
この状態で保存をすると以下のようなトーストが表示されるのでリロードをしましょう。
これでプラグインが反映されます。
めちゃくちゃ簡単ですね。。。!
自分でプラグインをインストールしたりビルドする必要がないのがお手軽ですね♪
オススメのプラグイン
Hyperpower
タイピングをするたびに綺麗なエフェクトが発生します。
キーを打つのが楽しくなりますね♪
導入は以下をpluginsに追加するだけです。
1 2 3 |
plugins: [ "hyperpower" ], |
Hyper Pokemon
ターミナルをポケモン風のカラーリングにしてくれます。
現在152匹に対応していてどんどん増えているようです!
デフォルトはピカチュウですが、config
に以下の設定を追加することで変えることが出来ます。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
plugins: [ "hyperpower" ], //... config: { //... colors: { //... }, pokemon: 'gengar', // Choose your favorite pokemon theme unibody: 'true', // Choose the color of the window header poketab: 'false', // Deactivate your theme's poketab //... } |
Hyperterm Material
今流行りのマテリアルデザイン風のデザインになります。
見やすくてオススメのデザインです♪
1 2 3 |
plugins: [ "hyperterm-material", ], |
Hyper Statusline
こちらはカレンドディレクトリとGitのブランチ名がターミナル下部に常に表示されるようになります。
Zshではpreztoを導入しないと実現出来なかった事をプラグインを追加するだけで実現出来るのですごいですよね・・・!
1 2 3 |
plugins: [ "hyper-statusline" ], |
Hyper Tab Icons Plus
タブに関連するSVGアイコンを表示してくれます。
また、zshを使っている場合は以下の記述を.zshrc
に追加しておけば自動でアイコンが変わります。
1 2 3 |
plugins: [ "hyper-tab-icons" ], |
1 2 3 4 5 6 7 8 9 |
precmd() { pwd=$(pwd) cwd=${pwd##*/} print -Pn "\e]0;$cwd\a" } preexec() { printf "\033]0;%s\a" "${1%% *} | $cwd" } |
Hyper Search
こちらはHyperのターミナル内で文字列検索を可能にしてくれます。
ターミナル内の文字列検索って地味に使いづらい部分が多かったのでほぼ必須のプラグインでしょう!
1 2 3 |
plugins: [ "hyper-search" ], |
本日のおすすめ商品
Anker最小最軽量・大容量モバイルバッテリー
大容量かつ小型なので持ち運びに便利です♪
モバイルバッテリー界のパイオニア・Ankerさんなので安心です♪
Anker PowerLine Micro USB ケーブル
こちらもAnkerのMicroUSBケーブルです。
1.8mのケーブルが2本付いているため、モバイルバッテリーをバッグに入れたまま充電する事が可能です♪
Anker PowerLine+ USB Type-C ケーブル
こちらは1.8mのType-Cのケーブル2本セットです。
最新のAndroid端末などを使ってる方はこちら♪
Anker PowerLine ライトニングUSBケーブル
こちらはiPhone向けのライトニングUSBケーブルとなります。
ご利用の端末に合わせて購入してみてください♪
終わりに
上記のようにプラグインの導入はとても簡単です。
そして、プラグインを入れる事でHyperの使い勝手が一気に上がるので作業効率もアップします。
他にも様々なプラグインがあるようなので探してみてください♪