MacBook ProのTouch Barに新型コロナウイルスの情報を表示する

# はじめに

MacBook Pro(Touch Bar付き)をお使いの皆さまに送る記事です。

[BetterTouchTool](https://folivora.ai/)が必要です。
以下の記事が参考になるので、持っていない方は是非入手してみてください。
[お前らのTouch Barはダサい](https://qiita.com/2357gi/items/8235093de77aa3e5fecc)

新型コロナウイルス関連の情報に限らず、Webに掲載されているものであれば、いろいろと表示することができますので、興味のある方は是非チャレンジしてみてください。


# どんな感じになるの？

「北海道 新型コロナウイルスまとめサイト」に掲載されている内容をTouch Barに表示します。
全国版も行けるんじゃないかなーと思っているのだけど、自分が住んでいない地域を出してもしょうがないので、今のところ対応しているのは北海道のみです。記事にするなら東京の方が良かったかな。
この状況が早く落ち着いてくれればいいですね。
なお、curlコマンドでごにょごにょしているので、Python等の環境は不要です。

<img width="1085" alt="Touch Barショット.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/150734/220de474-4fc5-8151-27a0-80736eea48b0.png">

タッチバーに表示されている数字は、左から順に、

- 陽性累計
- 死亡累計
- 陽性率%
- 日陽性数
- 日死亡数

一番左の「CoronaVirus  COVID-19」をタッチすると、以下の画面が開きます。
<img width="1378" alt="スクリーンショット 2020-05-17 9.48.18.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/150734/28f1626f-705f-4971-1fe5-b4a2249004dc.png">


## ダウンロード先

設定ファイルは、私のGitHubに置いてあるので、ご自由にお使いください。
https://github.com/akikinyan/BTT-Hokkaido-CoronaVirus


# 番外編

ネタ切れが早いので、私のTouch Barを晒しておきます。

## IoT機器の状態表示

気になるあの数字を表示しています。

<img width="400" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/150734/e3b006cd-4521-5938-ef57-6097f950104f.png">

事務所に設置しているIoT機器の情報を取得して表示しています。
「空」-[空]- の表示は、トイレの空室状況。
使われているときは「満」になります。ハイフンのところは滞在時間。
詳しくは書けないのだけど、滞在時間の長いトイレの神が現れたら、ごにょごにょ状態になります。
こう言うのがあると、ほんと助かりますよね。

その隣の温度と湿度は、事務所のフロアに設置しているIoTの温度計から取っています。


## VSCode

VSCodeをよく使うので、npm関係のコマンドがボタン一つで打てるようにしました。

<img width="1085" alt="Touch Barショット 2020-05-17 9.40.52.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/150734/35e7c221-6d76-c4c9-dcd3-584694d91297.png">

設定するときは、キーマップを開いて

<img width="611" alt="スクリーンショット 2020-05-17 9.39.29.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/150734/88d9671b-fcba-034e-ddbb-13db810c37f9.png">

キー設定を流し込んで

<img width="501" alt="スクリーンショット 2020-05-17 9.39.56.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/150734/e896ca2a-b607-aa54-77d2-205ccb1a5e57.png">

```json:keybindings.json
// 既定値を上書きするには、このファイル内にキー バインドを挿入します
[
    {
        "key": "ctrl+shift+n",
        "command": "workbench.action.terminal.sendSequence",
        "args": {
            "text": "npm run start\u000d"
        }
    },
    {
        "key": "ctrl+shift+b",
        "command": "workbench.action.terminal.sendSequence",
        "args": {
            "text": "npm run build\u000d"
        }
    },
    {
        "key": "ctrl+shift+c",
        "command": "workbench.action.terminal.sendSequence",
        "when": "terminalFocus",
        "args": {
            "text": "\u0003"
        }
    }
]
```

BetterTouchToolの方を設定します。

<img width="552" alt="スクリーンショット 2020-05-17 9.41.36.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/150734/92fe7ef3-5d19-f515-f20b-c4052d381327.png">

VSCode宛に送らなくても大丈夫な気がするんだけど、今はこうしてます。


## Chrome

ブラウザの設定。
私はSafariを使っておらず、普段からChromeです。
TipTapって操作を知らなかったのだけど、覚えたらめっちゃ便利ですね。

<img width="552" alt="スクリーンショット 2020-05-17 9.42.19.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/150734/0ea766e1-050a-78d9-d6e6-79b846a3aa92.png">


それでは、良いTouch Barライフを！