• Home
• コーポレートブログ
• ターミナル「Hyper」であそぼ

今回のブログ担当の石川です。
以前はIterm2を使って作業をしていたのですが、最近になってHyperというターミナルアプリに乗り換えました。理由は、見た目が好みだったから。見た目が良く、挙動が気持ちいいとテンションも上がるので、個人的には重要なポイントです。

Hyper™

Hyper™: HTML/JS/CSS terminal

以前は日本語対応がされていなかったため使いたくても使えなかったのですが、バージョンが2系になってようやく日本語も扱えるようになりました。速度面ではIterm2には勝てないとは思いますが、普通に使う分には問題ないと感じています。

今回はそんなHyperで気持ちよく作業をする上で嬉しい機能やプラグインなどを紹介しようと思います。

Hyperの便利機能・プラグイン

標準機能: クリックでURLを開ける

iterm2にもURLを開く機能はありましたが、Command + クリックだったため、併用しているvscodeの統合ターミナルでURLを開くoption + クリックとこんがらがって辛く感じていました。

Hyperではクリック一つでURLをブラウザで開くことができるため、とても直感的です。

HyperCwd

新しいタブやペインを開くときに元々開いていたディレクトリと同じ階層を維持するためのプラグインです。 機能としては小さいですが、同じ階層で平行して作業をすることが多いのでストレスなく作業をするのに役立っています。

• https://www.npmjs.com/package/hypercwd
  
• https://github.com/hharnisc/hypercwd#readme

hyper-pane

ペインの扱いを良い感じにしてくれるプラグインです。ハードにペインを使う人はこれがないと駄目かもしれません。

ペイン間を移動するショートカットを追加したり、1つのペインを一時的に全体表示にしたり、非アクティブのペインを暗くしたり...。

• https://www.npmjs.com/package/hyper-pane
  
• https://github.com/chabou/hyper-pane

おまけ（"役には立たないけどなんか良い"プラグイン達）

gitrocket

git pushしたときに画面の右下からロケットが打ち上がります。頑張って作業した結果がロケットともに打ち上がっていく様は涙なしで見られません。

会社で使っているターミナルには入れていませんが、自分のPCでは活躍しています。ペアプロやモブプロの時にロケットを打ち上げると格好いいかもしれません。

※ 時折挙動が不安定なときも...

• https://www.npmjs.com/package/gitrocket
  
• https://github.com/bomanimc/gitrocket

Hyperpower

Atom等にもある、入力時にエフェクトを出す拡張です。

• https://www.npmjs.com/package/hyperpower
  
• https://github.com/zeit/hyperpower

hyperborder

アプリケーションのまわりにグラデーションの線を追加します。Hyperのアイコンとそっくりにすることができます。また、設定でアニメーションをオンにすることでグラデーションの色がどんどん移動していくようにすることもできます。

• https://www.npmjs.com/package/hyperborder
• https://github.com/webmatze/hyperborder

最後に

Iterm2等と比べるとデフォルトで使える機能の少ないHyperですが、大体の欲しい機能はプラグインが提供されています。まだまだプラグインの数は少ないですが、おもしろいプラグインもあります。プラグインなどを入れすぎると動作が重くなったり落ちたりしかねないので、その点は注意が必要です。

もし興味を持った方は、是非使ってみてください。