「ターミナル、ちょっと味気ないな…」
と思ったので、ポケモン風UIにしてみました。
実際にやってみると5分くらいで終わるので、
ターミナルに遊び心を入れたい人はぜひ試してみてください
※ Homebrew🍺 が入っている前提です。
未インストールの方はこちら → https://brew.sh/ja/
みんな大好きメタモン。
🍎 動作環境
- macOS
- Homebrew
- zsh
※ 🪟 Windows版は記事の最後に書いています。
🏍️ 手順（5分）
① Hyper をインストール
まずはターミナルアプリ Hyper を入れます。
brew install --cask hyper
インストール後に一度起動します。
hyper
※ 初回起動時に ~/.hyper.js が自動生成されます。
② 設定ファイルを開く
open ~/.hyper.js
もしくは好きなエディタで開いてOKです。
③ ポケモンプラグインを追加
Hyperは npm みたいにプラグインを入れられます。
hyper i hyper-pokemon
④ ランダムポケモン表示をONにする
~/.hyper.js に以下を追加します。
module.exports = {
config: {
pokemon: ['random'], // ← ここを追加
},
};
保存すると Hyper が自動でリロードされます。
🎮 完成
これで Hyper を開くたびに
ランダムでポケモンが表示されるようになります。
地味にテンション上がるのでおすすめです。
色によっては極端に見にくくなるので、白と黒の対比って見やすいんだなあと実感します笑
💡 開発者向けメモ
見た目はかなり良いですが、Hyperは少し重いみたいです。
使い分けとしてはこんな感じになりそうです：
- 普段の作業：Hyper
- Flutter / iOS / Androidビルド：mac標準ターミナル
ビルドログが長い場合は標準Terminalの方が快適かも。
🪟 Windows の場合
公式サイトからHyperをダウンロードします。
手順
1️⃣ .exe を実行してインストール
2️⃣ Hyper起動
3️⃣ ターミナルで実行
hyper i hyper-pokemon
4️⃣ Ctrl + , で設定を開く
5️⃣ macと同じ設定を追加
pokemon: ['random'],
これは誰…？
キョジオーン？レジロック？それともバグ…？
有識者の方ぜひ教えてください 🥺
✨ まとめ
- Hyperを入れる
- hyper-pokemonを追加
-
pokemon: ['random']を設定
これだけでターミナルが一気にポケモン化します。
ちょっとしたネタですが、
ショルダーハックされた際に「なんそれ！！！」となるので面白いです笑
開発の気分転換にはかなり良い感じでした 👍