投稿日：
2018年10月7日
最終更新日：
【Hyper】イケてて使いやすいターミナル環境を作るためのオススメプラグインまとめ【Electron】
YouTubeも見てね♪
ねこじゃすり
猫を魅了する魔法の装備品！
Anker PowerCor
旅行には必須の大容量モバイルバッテリー！
[ノースフェイス] THE NORTH FACE メンズ アウター マウンテンライトジャケット
防水暴風で耐久性抜群なので旅行で大活躍です！
モンスターエナジー 355ml×24本 [エナジードリンク]
脳を活性化させるにはこれ！
Bauhutte ( バウヒュッテ ) 昇降式 L字デスク ブラック BHD-670H-BK
メインデスクの横に置くのにぴったりなおしゃれな可動式ラック！
BANDAI SPIRITS ULTIMAGEAR 遊戯王 千年パズル 1/1スケール
もう一人の僕を呼び覚ませ！！
MOFT X 【新型 ミニマム版】 iPhone対応 スマホスタンド
Amazon一番人気のスマホスタンド！カード類も収納出来てかさ張らないのでオススメです！
目次
カスタマイズしてみよう！
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"
],
|
終わりに
上記のようにプラグインの導入はとても簡単です。
そして、プラグインを入れる事でHyperの使い勝手が一気に上がるので作業効率もアップします。
他にも様々なプラグインがあるようなので探してみてください♪