iTerm2でランダムにポケモン背景にする

# はじめに
ポケモン好きキャラだった自分もいつからか普通の人になってて．．．
サンムーンも対戦なんてしなくなって種族値は愚か名前さえ出てこなくなって．．．
googleカレンダーに登録した日々のタスクと代わり映えのしないソードシールドの発売日．．．

他の人がchromeの新規ウィンドウ背景をリザードンにしてたりとか．．．
ポケモンの技術関連をまた見返していたりしたときとか．．．

普段普通に使うツールにポケモン色を与えられたらな


# iTerm2の背景をポケモンに
https://github.com/LazoCoder/Pokemon-Terminal

自分はiTerm2をインストールしてはいたのですが，デフォのターミナルを使ってました(Mac)．
これができるってことで今度からiTerm2を使っていきたいって思えますね
ちなみに自分はnpmのグローバルインストールが失敗してしまったので，[こちら](https://github.com/LazoCoder/Pokemon-Terminal/archive/master.zip) からダウンロードし，そのフォルダ内で

```
$ sudo python3 setup.py install
```

でインストールしました．
これで

```
//pokemon id or name
$ pokemon 1
```

で背景を変更できました！

<img width="562" alt="スクリーンショット 2019-10-18 13.46.58.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/76572/d59e9736-e878-6ca6-8f27-29a58537e679.png">


これだけでもテンソンアガル

# iTerm2立ち上げ時にコマンド実行
https://orebibou.com/2015/12/iterm2%E3%81%A7%E3%82%BF%E3%83%BC%E3%83%9F%E3%83%8A%E3%83%AB%E8%B5%B7%E5%8B%95%E6%99%82%E3%81%AB%E8%87%AA%E5%8B%95%E7%9A%84%E3%81%AB%E3%82%B3%E3%83%9E%E3%83%B3%E3%83%89%E3%82%92%E5%AE%9F%E8%A1%8C/

こちらに習ってこんな感じにしました
<img width="560" alt="スクリーンショット 2019-10-18 13.49.58.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/76572/bd8826fd-91f1-73ec-e8b5-ac59df3d2180.png">


# ランダムでどれかのポケモンにしてみよ
びっくりしたのが，
さきほどの[pokemon-terminal](https://github.com/LazoCoder/Pokemon-Terminal)内のreadmeで．．．
<img width="410" alt="スクリーンショット 2019-10-18 13.51.38.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/76572/53679607-b26f-e0e2-aa91-0e899eeb82d1.png">



・719 unique Pokemon　ってすげーな
ってなって　んじゃランダムで出したろうぜってことですね

## シェルでランダム
https://qiita.com/piroor/items/6300e665bc8ac314211b

今回は単純に数字を出すだけ
それから起動時のコマンドを
<img width="488" alt="スクリーンショット 2019-10-18 13.54.45.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/76572/ff662485-3497-0e4c-8b1c-87da10f3c076.png">

```shell
pokemon $(($RANDOM % 769))
```

としました．
719ってすげーってなったけど試しに768やったらできたので

# できた！
<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">iTerm2の背景をポケモンに！しかも起動毎にランダムで！！ <a href="https://t.co/3yBcDdtKPM">pic.twitter.com/3yBcDdtKPM</a></p>&mdash; るしわん (@tkyko13) <a href="https://twitter.com/tkyko13/status/1185057748913774592?ref_src=twsrc%5Etfw">October 18, 2019</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

ふぅ満足．
モチベは上がるがこれ何のポケモン？ってなって一人クイズが始まったりポケモン調べ事しちゃうかも...

# 追記(その日のうちに)
pokemonコマンドをあまり見ていなかったでしたね
ランダムだけでしたら

```
pokemon
```

のコマンドだけでランダムは出せますね
-v オプションつけると英語ですが名前もでてきます

<img width="556" alt="スクリーンショット 2019-10-19 1.39.17.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/76572/22235ca7-53d4-2b63-9b85-0df358f91043.png">

そこでそこの差別化のために公式の図鑑のURLを出して日本語でさらに詳細を見れるようにしてみました．
iTerm2の設定で
「Preferences」 -> 「Profiles」タブ -> [自分の使っているテーマを選択] -> 「command」 -> 「Send text at start:」内に

```shell
id=$(($RANDOM % 769));id=$(printf "%03d\n" "${id}");pokemon $id; echo No.$id - https://zukan.pokemon.co.jp/detail/$id;
```

> 2020年11月更新　公式の図鑑のURL変更に対応しました

こんな風に記載しました．

## 結果

<img width="536" alt="スクリーンショット 2019-10-19 1.44.20.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/76572/37796733-1c91-cc5d-4639-67e1e16444fe.png">

iTerm2だとurlを⌘クリックでブラウザが立ち上がって図鑑が見れますね．
また，719以上はextraというフォルダがあって(フォームチェンジなど)図鑑番号とは一致しないのでご了承を...

まぁ久々にシェルスクリプトを書けたかなって感じで．．．


## clearもつけるともっといいかも

Qiitaにも以前に記事が上がっていたので紹介します
https://qiita.com/ryoma-tokushige/items/e5ac32c67d7318e7cb8a
https://qiita.com/dorara/items/80a18c25ae3172b4c4db

こちらを参考にclearもつけ，起動時の余計な出力をなくしてみました．

```shell
id=$(($RANDOM % 769));id=$(printf "%03d\n" "${id}");pokemon $id; clear; echo No.$id - https://zukan.pokemon.co.jp/detail/$id;
```

> 2020年11月更新　公式の図鑑のURL変更に対応しました

## さらに追記(iTerm2を使う機会を増やす)
### vscodeでiTerm2を開く
vscode v1.39.2
https://marketplace.visualstudio.com/items?itemName=mushan.vscode-open-iterm2
右クリックでiTerm2を開けるプラグイン

https://dev.classmethod.jp/tool/visual-studio-code-change-terminal/
↑この設定はうまく行かなかったでした

### Finderの右クリックからiTerm2を開ける設定
mac10.14.6
たしかyosemiteあたりからずっと同じ設定していますので，多分まだまだ使える設定かと．．．

「システム環境設定」>「キーボード」>「ショートカット」　下までスクロールして，「ファイルとフォルダ」項目内の「New iTerm2 Tab(Window) Here」


逆輸入でiTerm2を使える環境になってくるとiTerm2をもっとカスタマイズしたくなりますね！