Mac
BetterTouchTool
MacBook
MacbookPro
TouchBar

お前らのTouch Barはダサい

タッチバーをカスタマイズしようというお話。
こんな感じに出来ます!!
20181012_002723-01.jpeg
Touch Barショット 2018-10-12 0.31.35.png

まえがき

これは釣りタイトルみたいなものなんで、すごい人は怒らずブラウザバックしてください。

どうもこんにちは。
アンドロイドを手に入れてから2,3年はホーム画面メチャクチャ凝って作ってたけど,
今は無操作にショートカットが転がっている@2357gi です。
ああいうの、最初は楽しいけどある時急に楽しさよりもカスタマイズする面倒くささが上回りますよね・・・。

話を戻しまして、

私は先日MacbookProを購入したのですが、スペック面からTouch Bar付きを購入しTouch Barのあまりにものしょうもなさに愕然としていました。

デフォルトのTouch Bar、ヤバい

私がメインで使用するブラウザはGoogleChromeなのですが、
GoogleChromeを使用している際のTouch Barはこれです。
Touch Barショット 2018-10-10 22.24.43.png

ホゲええええええええwwwwwwww!!!!

ちなみにTouch Barが対応していないアプリを開くとこれです
Touch Barショット 2018-10-10 22.39.02.png

何もねええええええwwwwwwww!!!!

これではあまりにも悲しいので、

これをこんな感じでご機嫌なTouch Barにカスタマイズしましょう
GoogleChromeを開いた状態での私のTouch Barです

Touch Barショット 2018-10-11 14.20.10.png

あぁ・・・///

また、実利として
タッチバーを拡張することによる1番のメリットは3キー同時押しのショートカットがワンボタンで実装できることだと思います。
ブラウザの開発者モードなんかもワンボタンでできるようになります。

さらに、このTouch Barボタンを押したらAppleScriptが走ったりShellScriptが走ったりします。
さらにその結果をTouch Barに表示も出来ちゃいます。

夢、めっちゃ広がりません?

使用ツール

Better Touch Tool

このTouch Barを実現するためにはBetterTouch Toolという物(以下BTT)を使用します。
BTTはタッチパッドやキーボードショートカットなどを強化するツールで、その中でTouch Barも編集することができます。最高。
450円ぐらいから、自分で支払う金額決めれたりするシェアウェアなのですが、45日間トライアルがあるのでまずはトライアルで試してみましょう。
また、同じ方の開発した別のツールを買ってからそのツールを元にライセンス登録するとより安く購入することができる、と言ったものもあるので興味がある方は調べてみてください。
すぐに出てくるのでここでは割愛します。

導入方法

公式からダウンロードし、いいかんじにアプリケーションへ移動したりインストールしたりします。

詳細な導入方法はこちらのサイトなどが参考になるかと思います。
BetterTouchTool(BTT)の使い方と設定まとめ!神アプリを使いこなそう! | Aprico

Touch Barを編集しよう!

私のGoogleChromeのTouch Barを用いて解説をしていきたいと思います。
ちなみにここに入っているYoutubeは色合い的な、”映え”を意識しました。
私はナウでヤングな学生なので・・・w
Touch Barショット 2018-10-11 14.20.10.png
こちらが先ほども紹介した私のGoogleChromeのTouch Barです。現在ではいろいろ変わっていますが、とりあえずこのTouch Barがいろいろ実装した状態のものなので、こちらを元に説明して行きたいと思います。

左から

  • Escキー
  • 最大化最小化ボタン
  • 開発者オプションの表示
  • スーパーリロード
  • 各種ブックマークボタン
  • Spotifyのなうプレ
  • シークレットモードへのショートカット
  • ボリュームスライダー
  • date/time となっております。

最初のスクリーンショットの方の解説に後々書き換えたいと思います。

各種ボタンの設定基準は
実行に3キーかかる、もしくは押しにくい2キーショートカット
ないしは
使い慣れていないショートカットキーを追加しています。
今までLinuxとWindowsを使っていたため、MacOSの開発者ツールショートカットに戸惑っていたのでちょうどよかったです。
また、こちらへブックマークを設置することによりブックマークバーを表示する必要がなくなるのも嬉しいです。

ボタンを追加しよう!

 ショートカットキーボタンを設定しよう!

試しに開発者モードの設定ボタンを追加します

スクリーンショット 2018-10-11 10.40.17.png
①BTTを開き、①から設定を適用するアプリを追加します。
今回はGoogle Chromeを選びますが、ここでGlobalを選べば全アプリへ適用できます。

④の赤枠で指定した範囲でアイコンや実際の動きなんかを設定する事ができます。
左からいきます。

  • アイコン設定
    クリックすることでこの様にアイコンを選択できる他、自分で画像を設定することもできます。
    スクリーンショット 2018-10-11 10.39.29.png
    今回は開発者モードなのでそれっぽいのを選択しましょう。
    左の吹き出しからドラッグ&ドロップで画像を設定できる他、ローカルの画像もそのまま持ってくることもできます。

  • Touch Bar Button name
    ここに設定した名前がTouch Barに表示されます。
    ですが、今回はアイコンのみ表示する様に設定するので、適当でいいです。

  • custom keyboard short cut
    ここへキー入力をすることでショートカットを設定することができます。
    今回は開発者モードなので ⌥ ⌘ I を設定します。

これでChromeをアクティブにすれば追加されているのですが、デフォルトではアイコンサイズや色がちょっと野暮ったいのでそれなりに設定します。

Touch Bar Button Nameの下の[:gear:advanced Configration]ボタンから設定を開きます。
スクリーンショット 2018-10-11 10.55.17.png
デフォルトのアイコンを使用する場合、だいたいこんな感じの設定がいい感じになります。

色は#363636がデフォルトのTouch Bar Buttonに使用されている色なので、ボタンを作るならこの色が無難だと思います。

その後Chromeに切り替え、Touch BarのBTTボタンを押すことでTouch Barが切り替わり反映されていることが確認できると思います。

Scriptを動かそう!

BTTにより動かせるScriptはShell ScriptとApple Scriptがあります。
Shell Scriptでも良いかとは思ったのですが、Apple Scriptを触ったことがなかったのでこの機会に触れてみることにします。

今回は一例としてYoutubeを開くボタンを設置しましょう
先ほどと同じ様に新規ボタンを作成したのち、ショートカットキーを設定するのではなく
[predefined Action:]
から
Run Apple Scriptを選択します。
スクリーンショット 2018-10-11 12.19.36.png

サクッとApple Scriptも記述します。
Apple Scriptは英語の文法に近くて読みやすいですね。
スクリーンショット 2018-10-11 12.21.58.png
結局Shell Scriptじゃん・・・

ちなみに余談ですが緑のDeckはQiitaDeckです。
Tweetdeckのようにカラム式でQiitaを見れて捗ります。良いサイト。

ちなみに、Touch bar Buttonを新規追加し、ボタンをタップしたときに動く動作を指定するPredefined Actionの選択肢に[Open url...]があるのでこんなことしなくてもブックマークボタン作れます。

・・・ぼくもついさっき知りました。

詳細設定はこんな感じ

スクリーンショット 2018-10-11 12.24.06.png
おめでとうございます、
これでApple ScriptをTouch Barで動かすやつも完成です。

Spotifyのなうプレや音量スライダーを設置しよう

BTTにはTouch Barへ表示するwidgetも多数用意されており、音量スライダーなんかも実装することができます。
Touch Bar Buttonを設置する画面から
+widget/Gesture-> select widget -> Now playing Widget...
なりで良い感じにします。;)
音量スライダーはWidgetのVolume Sliderを選択してください。

Escキーの位置を固定しよう

今現在Escキーの右に(x) ボタンが表示されていると思います。
ダサいし位置がズレるし消しちゃいましょう。
Touch Bar Buttonを新規追加する画面の右上「general Touch Bar setting」から
以下の様に設定すると良い感じになります。
Screenshot_2018-11-26 18.19.47_Y57PgN.png

スクリーンショット 2018-10-11 14.16.26.png

Show Esc~~というチェックボックスを外すことによりEscボタンを非表示にすることができます。
Escボタンを自分で作ることにより、通常よりも大きなEscキーを作ることができます。
デカイEscキーは物理キーにはできない特権でパワーです。パワーですよ。

その他設定

日付け、バッテリーウィジェットを追加しよう!

右側のアレです。
ズルをしましょう。
Screenshot_2018-10-12 18.25.12_DW36l7.png

画像の赤枠内部を右クリックするとPaste JSON from clipboardという選択肢が出てくるので、その選択肢を使用して以下のJsonを貼り付けてみてください。

Battery_Time_Widget.json
{
  "BTTTriggerType" : 632,
  "BTTTriggerTypeDescription" : "Remaining Battery Time Widget",
  "BTTTriggerClass" : "BTTTriggerTypeTouchBar",
  "BTTPredefinedActionType" : -1,
  "BTTPredefinedActionName" : "No Action",
  "BTTEnabled2" : 1,
  "BTTUUID" : "58565999-B2C5-48BB-943F-1B24CC662EC4",
  "BTTEnabled" : 1,
  "BTTOrder" : 0,
  "BTTTriggerConfig" : {
    "BTTTouchBarShowRemainingBatteryTime" : true,
    "BTTTouchBarShowBatteryPercentage" : true
  }
}

ついでにこいつも

Date_Time_widget.json
{
  "BTTTriggerType" : 633,
  "BTTTriggerTypeDescription" : "Date \/ Time Widget",
  "BTTTriggerClass" : "BTTTriggerTypeTouchBar",
  "BTTPredefinedActionType" : -1,
  "BTTPredefinedActionName" : "No Action",
  "BTTEnabled2" : 1,
  "BTTUUID" : "1CBA68ED-DAF3-457A-8D14-B7A2B0CB5FE3",
  "BTTEnabled" : 1,
  "BTTOrder" : 14,
  "BTTTriggerConfig" : {
    "BTTTouchBarItemIconWidth" : 22,
    "BTTTouchBarDateFormat" : "yyy.MM.dd 'at' HH:mm:ss",
    "BTTTouchBarButtonTextAlignment" : 2,
    "BTTTouchBarItemPlacement" : 2,
    "BTTTouchBarAlternateBackgroundColor" : "0.000000, 0.000000, 0.000000, 0.000000",
    "BTTTouchBarButtonCornerRadius" : 6,
    "BTTTouchBarDateWidgetTimeZone" : 9,
    "BTTTouchBarButtonFontSize" : 11,
    "BTTTouchBarButtonColor" : "0.000000, 0.000000, 0.000000, 255.000000",
    "BTTTouchBarFreeSpaceAfterButton" : 5,
    "BTTTouchBarItemIconHeight" : 22,
    "BTTTouchBarItemPadding" : -20
  }
}

つよい。

設定項目を覗いてみてください。だいたいこんな感じです。

Escキーをビッグに

デカさは力なのでESCキーをデカくします
まずはEscを固定した際の設定画面を開き[show esc button...]をdisableに
あとはいつもどおりJsonを置いておきます。
コピペしたのち設定を眺めてみてください。

esc.json
{
  "BTTTouchBarButtonName" : "ESC",
  "BTTTriggerType" : 629,
  "BTTTriggerClass" : "BTTTriggerTypeTouchBar",
  "BTTPredefinedActionType" : -1,
  "BTTPredefinedActionName" : "No Action",
  "BTTShortcutToSend" : "53",
  "BTTEnabled2" : 1,
  "BTTUUID" : "19DD0EC1-5B95-4567-8CD9-D25DDEDB5E76",
  "BTTEnabled" : 1,
  "BTTOrder" : 0,
  "BTTIconData" : "iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAMK2lDQ1BJQ0MgUHJvZmlsZQAASImVVwdYU8kWnluSkJDQAqFICb2JUqRLDS1SpQo2QhJIKCEmBBU7sqjAWlBRwYoVUXQtgCwqYi+LomLXhwUVZV3UxYbKmySArn7vve+d75t7_5w5c85_zp2ZzACgHsMRi7NRDQByRHmS2NBA5oTkFCbpEaAAFBCBAwAcrlQcEBMTAaAMvf8p724ARP6+5iD39XP_fxVNHl_KBQCJgTiNJ+XmQHwIANyNK5bkAUDogXrz6XliiImQJdCWQIIQW8hxhhJ7yHGaEkcobOJjWRCnAqBC5XAkGQCoyXkx87kZ0I9aGcSOIp5QBHEzxL5cAYcH8WeIR+bk5EKsbgOxTdp3fjL+4TNt2CeHkzGMlbkoRCVIKBVnc2b+n+X435KTLRuKYQ4bVSAJi5XnLK9bVm64HFMhPidKi4qGWAvi60Kewl6OnwpkYQmD9h+4UhasGWAAgFJ5nKBwiA0hNhNlR0UM6n3ThSFsiGHt0XhhHjteORblSXJjB_2jM_jS4LghzJEoYsltSmRZCQGDPjcK+Owhn00FgvgkJU_0Sr4wMQpiNYjvSbPiwgdtXhQIWFFDNhJZrJwz_OYYSJeExCptMIsc6VBemJdAyI4axBF5gvgw5VhsCpej4KYHcSZfOiFiiCePHxSszAsr5IsSBvlj5eK8wNhB+23i7JhBe6yZnx0q15tB3CbNjxsa25sHJ5syXxyI82Lildxw7UzOuBglB9wORAAWCAJMIIMtDeSCTCBs62nogb+UPSGAAyQgA_DhilNqhkYkKXpE8BkHCsCfEPGBdHhcoKKXD_Kh_suwVvl0AOmK3nzFiCzwFOIcEA6y4W+ZYpRoOFoieAI1wp+icyHXbNjkfT_pmOpDOmIwMYgYRgwh2uIGuC_ujUfApz9szrgH7jnE65s94SmhnfCI0EHoJNyeKiyU_MCcCSJBJ+QYMphd2vfZ4VbQqyseiPtA_9A3zsANgAM+BkYKwP1gbFeo_Z6rbDjjb7Uc9EV2JKNkXbI_2eZHBmp2aq7DXuSV+r4WSl5pw9ViDff8mAfru_rx4Dv8R0tsMXYQO4udwM5jzVgDYGLHsUbsEnZUjofnxhPF3BiKFqvgkwX9CH+KxxmMKa+a1LHWsdvx82AfyOPPyJMvFlaueKZEmCHIYwbA3ZrPZIu4o0YynR2d4C4q3_uVW8tbhmJPRxgXvukWugPgUzQwMND8TRe+HYCDyQBQrn_TWX+E+yfcm85t5Mok+UodLn8Q4L+KOlwp+sAY7l02MCNn4Aa8gT8IBuNANIgHyWAKrLMAzlMJmA5mgwWgGJSC5WA1qASbwFawC+wFB0ADaAYnwBlwEVwBHeAunCtd4CXoBe9AP4IgJISG0BF9xASxROwRZ8QD8UWCkQgkFklGUpEMRITIkNnIQqQUKUcqkS1IDfIbcgQ5gZxH2pHbyEOkG3mDfEIxlIpqo0aoFToa9UAD0HA0Hp2MZqDT0AK0CF2KrkWr0T1oPXoCvYh2oJ3oS7QPA5gqxsBMMQfMA2Nh0VgKlo5JsLlYCVaBVWN1WBP80tewTqwH+4gTcTrOxB3gfA3DE3AuPg2fi5fhlfguvB4_hV_DH+K9+FcCjWBIsCd4EdiECYQMwnRCMaGCsINwmHAarp0uwjsikcggWhPd4dpLJmYSZxHLiBuI+4gtxHbiY2IfiUTSJ9mTfEjRJA4pj1RMWkfaQzpOukrqIn1QUVUxUXFWCVFJURGpFKpUqOxWOaZyVeWZSj9Zg2xJ9iJHk3nkmeRl5G3kJvJlche5n6JJsab4UOIpmZQFlLWUOsppyj3KW1VVVTNVT9XxqkLV+aprVfernlN9qPqRqkW1o7Kok6gy6lLqTmoL9Tb1LY1Gs6L501JoebSltBraSdoD2gc1utooNbYaT22eWpVavdpVtVfqZHVL9QD1KeoF6hXqB9Uvq_dokDWsNFgaHI25GlUaRzRuavRp0jWdNKM1czTLNHdrntd8rkXSstIK1uJpFWlt1Tqp9ZiO0c3pLDqXvpC+jX6a3qVN1LbWZmtnapdq79Vu0+7V0dIZo5OoM0OnSueoTicDY1gx2IxsxjLGAcYNxiddI90AXb7uEt063au67_VG6Pnr8fVK9Pbpdeh90mfqB+tn6a_Qb9C_b4Ab2BmMN5husNHgtEHPCO0R3iO4I0pGHBhxxxA1tDOMNZxluNXwkmGfkbFRqJHYaJ3RSaMeY4axv3Gm8SrjY8bdJnQTXxOhySqT4yYvmDrMAGY2cy3zFLPX1NA0zFRmusW0zbTfzNoswazQbJ_ZfXOKuYd5uvkq81bzXgsTi0iL2Ra1FncsyZYelgLLNZZnLd9bWVslWS2yarB6bq1nzbYusK61vmdDs_GzmWZTbXPdlmjrYZtlu8H2ih1q52onsKuyu2yP2rvZC+032LePJIz0HCkaWT3ypgPVIcAh36HW4eEoxqiIUYWjGka9Gm0xOmX0itFnR391dHXMdtzmeNdJy2mcU6FTk9MbZztnrnOV83UXmkuIyzyXRpfXY+zH8MdsHHPLle4a6brItdX1i5u7m8Stzq3b3cI91X29+00PbY8YjzKPc54Ez0DPeZ7Nnh+93LzyvA54_eXt4J3lvdv7+Vjrsfyx28Y+9jHz4fhs8en0Zfqm+m727fQz9eP4Vfs98jf35_nv8H8WYBuQGbAn4FWgY6Ak8HDge5YXaw6rJQgLCg0qCWoL1gpOCK4MfhBiFpIRUhvSG+oaOiu0JYwQFh62Iuwm24jNZdewe8e5j5sz7lQ4NTwuvDL8UYRdhCSiKRKNHBe5MvJelGWUKKohGkSzo1dG34+xjpkW8_t44viY8VXjn8Y6xc6OPRtHj5satzvuXXxg_LL4uwk2CbKE1kT1xEmJNYnvk4KSypM6J4yeMGfCxWSDZGFyYwopJTFlR0rfxOCJqyd2TXKdVDzpxmTryTMmn59iMCV7ytGp6lM5Uw+mElKTUnenfuZEc6o5fWnstPVpvVwWdw33Jc+ft4rXzffhl_Ofpfukl6c_z_DJWJnRLfATVAh6hCxhpfB1Zljmpsz3WdFZO7MGspOy9+Wo5KTmHBFpibJEp3KNc2fktovtxcXizmle01ZP65WES3ZIEelkaWOeNjxkX5LZyH6RPcz3za_K_zA9cfrBGZozRDMuzbSbuWTms4KQgu2z8FncWa2zTWcvmP1wTsCcLXORuWlzW+eZzyua1zU_dP6uBZQFWQv+KHQsLC_8e2HSwqYio6L5RY9_Cf2ltlitWFJ8c5H3ok2L8cXCxW1LXJasW_K1hFdyodSxtKL0cxm37MKvTr+u_XVgafrStmVuyzYuJy4XLb+xwm_FrnLN8oLyxysjV9avYq4qWfX36qmrz1eMqdi0hrJGtqZzbcTaxnUW65av+1wpqOyoCqzat95w_ZL17zfwNlzd6L+xbpPRptJNnzYLN9_aErqlvtqqumIrcWv+1qfbEred3e6xvWaHwY7SHV92inZ27orddarGvaZmt+HuZbVoray2e8+kPVf2Bu1trHOo27KPsa90P9gv2__it9TfbhwIP9B60ONg3SHLQ+sP0w+X1CP1M+t7GwQNnY3Jje1Hxh1pbfJuOvz7qN93Nps2Vx3VObrsGOVY0bGB4wXH+1rELT0nMk48bp3aevfkhJPXT40_1XY6_PS5MyFnTp4NOHv8nM+55vNe549c8LjQcNHtYv0l10uH_3D943CbW1v9ZffLjVc8rzS1j20_dtXv6olrQdfOXGdfv9gR1dF+I+HGrZuTbnbe4t16fjv79us7+Xf6786_R7hXcl_jfsUDwwfV_7L9175Ot86jD4MeXnoU9+juY+7jl0+kTz53FT2lPa14ZvKs5rnz8+bukO4rLya+6HopftnfU_yn5p_rX9m8OvSX_1+Xeif0dr2WvB54U_ZW_+3Ov8f83doX0_fgXc67_vclH_Q_7Pro8fHsp6RPz_qnfyZ9XvvF9kvT1_Cv9wZyBgbEHAlHcRTAYEPT0wF4sxMAGjw70K_A88NE5d1MIYjyPqlA4D9h5f1NIW4A1MGX_BjOagFgP2xW8xVXCiA_gsf7A9TFZbgNijTdxVnpiwpvLIQPAwNvjQAgNQHwRTIw0L9hYODLNkj2NgAt05R3QrnI76CbfeWoQ483H_wg_wZkV3Dt_wZIPwAAAAlwSFlzAAAWJQAAFiUBSVIk8AAAF+xJREFUeAHtnQu0HVV5xy9PeSfRBZFXbkiQhwQ0IqUojxQLCVkKBKsoXUAoVkTiC6lg12qx4HJZlq6q1PqgVlpBC+VVCtIQ0RBAUh7SKOElkCCygBBeRcJLtL8_9445uXfOmT2z957Zc873rfW_M3dm729_+7_3N_s5c4aGTIwBY8AYMAaMAWPAGDAGjAFjwBgwBowBY8AYMAaMAWPAGDAGjAFjwBjoTwbW88jW1sTdA+wANvPQk0rU32PI02AluBs8D1KTLTFoQ_ASWJOacf1oTxUH2Q0iTgVzwfZ9SMrvyNM94Hvgm+AZ0KQMk_j7wSFgCtgIvACeAI+AlWAFeAA8CFaBF4FJAwwcQ5oqAD1tBwG3kc8ZoAnRw+tkICdw4VqO_RS4C1wGPgsOBNsAkxoYkHO8AlwKq5_C6Mm8cw38diaxPv+cA0Lw+DB6FoK_BXPAtsAkMAO7ou9JEKLA2qjjWvKurk1d8lESisWTumbXgU8BlatJAAb+GR2xCqwteo8MwKOLiikEqqsb+xxpLQJyyLpbSZLsD1Ef9lHQloocy87_gIMqkxpla8EZDXH9LOleAz4CpgITRwZmES5WpWuT3vvhYStHzqoG09hD3Z+meVmNDeeBfcBAiwqkSLTOYTI09AZI2CIyEZujf3rkNFzUK68fAkvA5UCDe62_DJy4OIgKzWRoSNOoerLHlA1Q_rqYCZTUvQnhNfZS10vOMh9MBAMjLg4Su1K0hezHMVSD2pjyMso1FkhR9sOo74L_AQvAQDw4XRwELkxgQBXjN5GZWIP+5ZHT8FW_CwrOBdeDo0AdExck04yYg7jx_luC_ZtbUO9Ql3prqEfB3iQjW68E+9aTZJqpfBizmp5VaTr9C+GgrielJgJuaxnnavm0by2FCQbMqFcG3UGWQrd2Ltcp7yQxbZJs+sFQNn0tcH4a1LnrgOSalUF2kEugfnJD9M8l3cdA2UqaQnjNeu3REG+1JztIDqKxhirlVWAeaHqMths2XAQ0OZBCxS9jg2b9PgKa5hATqotLv1oO8q3qSZSOqfWGLwNt2a57cUp9aRWstpinJHoaq9s1E0wFw0C7cjVeqZsjkiwlGsifBlaWitWiwE20IOrLzm4RR3WbuhkJbgc0e3Q0+Ay4AGiK+AVQ5klfR9iHsOkDoC+lCQdRof0fOKIvGY2XqU1RrdZmPtBeqjuAFjfrcIKiNNQz+ArYBPSVNOUg5iT+1WhjVOwK_hJcDVKYGdO6yRtB30iTDiIn0daLw_uGzWYzMo3kF4AfgSZblmWkvxfoC2naQawliVONdkft6UDjlqLuUYz7mi3siwdfCg6SOcmRkGoSlgHNhH0QXA+yHcsxHCJPpyYUPglaLak4SOYkNnCPU500XXwI0OJo3TNhGrynPl2NifmSkoPISTQmMSfJL6tQV7UR8WKghdO8J3+Ma18nLb0P0zpJzUGsJamvCs0hqRtBDIfI03kuabXOSVJ0EHOS+pxEbzieCO4FeZU69LXWOUmqDqKCsSlgSKhJXk86Z4PnQWinGKuvVU7i6yCaGTkHPBmJWFtxh9ga5QDSuhWMrdSh_5eTtGLg7usgIm5voP6sKnNoIqVPLck8YFIPAxNI5ktA79DHKM9M5z_Ukx2_VEI4yP6jJmj2SZU5IyDk0VoSv3KuEnsuke6JVJ5Z3Uh+nSSkg6gQtHoay0mkty9WZ0VUS0T7qr4Psgod+qg1mfekzEVoB1FeYzqJtST11yaNFTSAfxWEdhDp07aUt4AkJYaDKKPqbsUak5iTNFOVjo9YpsvQneQu4FgOoiLU3qqY3S05oUm9DPwJya0AMVoSvQqtd16SkpgOooyqEj8HYhBqLYkYrl92IcmbQYwy_Vr92emdYmwHUepyklgtiZxknhIxqZWByaR2A4jhJNp9nIzU4SDKbMwxiVoo627VX6U0ZojhJPqoxtT6s5OfYl0OotRjzm6phbIp4Pwyjnk1VktyGUYn8UmhOh1EBaVKrG5RjKbZxiRiuH6J1ZKcXH9WxqdYt4PIgpjdLXOS8WVcxxW1JEtByAffavQ1_gXHJhxEBaaBtbUkYqJ_ZDpZWQFCOski9GlLfmPSlIMow9aSNFbs0RI+EM2hZyxPjWatg+ImHUTmxR6T2BSwQyUIHOQ49IXclqKulj5p1Ig07SDKdMyWxKaAG6lWr+3dCtnV+nYz2RgaSsFBYjuJxjrWktRbwzYiuX8HoZxEu373qTcLI6ml4iCyxlqSJmpAvDS3QXXId92vRt8G8czN15ySg8hCOYnt3covqzZePQyjXwEhWhK93q0NsLVKag6izMfcBWzrJLVWr9cS0+_BhHAQ6fgZ0M9D1CYpOogyH7slqf1JVFuJppfQBExSxQ7lJAvqzGKqDiIOYo5JbOBeZy0bGnoHyYX6qbn70LVVXean7CDiQE96VeZQT59OPRrrWEsCCTXJ50mnk3+f8+NrsjmZad5e+bWWpBc77bk3CVP19PdxjCyuXtjauI6sp96CZBzEdBJbTMxYjn88gSSySu5z1Er97PjmprNQ6JJXOYlNAbswlW4YbTz8KfBxjizuFehZL3ZW29KCZDxoRTzWmER6bUySMR3veCiqQ6yNaHX9bfHMHNHcNgeR1bFbEnOSuLVOT339PknWEvgc9Wu_UUW_kOpjoOJmnx6NaugY5bFbEjmhSTwGZqJ6DfCte_po+o7xzBwaep+nkWoqozdzXQjQkz5Wd8umgLuQHvDypejydRDFPyWgTeNUvZ0rPj_FtYr424_TWt+FmLNbcj61VCZxGHgXakO8N7IEPdF+SmFzlN8NqnryNcSNPpNAGr0kppNYS9KLeb97qtQhPhv0EnrUZYsmp6O5qoOkMqC1gXu06hFVsT4SV7XudcY7K6aVE1F+ewVD1YeM1rRVyHDsgXsqD4MK1CQbZQssuwt0VvYq56q_ekkrmsxA8_3A1Th94mVyNGuqK1YljrmYaE5SvWy6xfwrbrjWu27hXkRH1G6WjH8TWAi6GaHrGtB_D2wNUhVrSVItmXy7duVyiIfaGfnqw17VK42qYBcBbSx7GjwJloPvgINBGyRmS2ID97A1QJM8Pwa9Hswu9xajQ_W3NtGe++3AtkCzXW2TmLNbNgUctjZ8HHUuTtArzDPomBLWrP7XFtNJrCUJV3+moyrEou9R4UwaHE3qboUgP+_pJb02cPevS+pmaU0tj+My177qb8pgaojZkpiThKlTITbO3oYpUad7w2Q1TS0xB+7mJP5lrllU39ksjUOm+psyuBpsCjjdsteT_w5QpkuVF1bf4jLxYCBmS2IDd4+CIare78ir9GWunelngsUWA3KSmAP3o4zmSgzMJ1YZZ8gLe0WllC3SOAZiOolaEnXnTMoxoF+UegHkVXzXa_cQf5NyyVrobgzEdBIbuHdjvft1fVbUd_PiM+gY7p6E3SnLgDlJWcbihr8A9a6tRV44vYR1UFwTB0+7nMR3ijGvsHTNWpJy9ek0gnfj0vX6X5RL0kK7MGBTwC4sxQ_zZyTh6gjdwn0hvpmDmULMlsQG7m51al+CvQy6VX6X6+qmmURiIPaYxKaAexecdpA_DVwcoVsYbZ83ichATCexlqR3wWkmS1O13Sq_y_VfEH_T3snYXV8GYna3NHC3liS_hLSzdxFwcYRuYR4hvn4j0SQyA7FbEuk3Gc+A3l7tVvldrusBNDxerV2JwYBmt2JOAduK+_hS+yKXXByhWxh9O2H38WrXvbL+uv_afxUZuJx4xwM5SWjZEoXngwNDK265vuc97de76ROLdJiDFDHkfv8ygspJ9Dt7oUXv_qtLYX3mtcyG4HnSWnX5Z+Yg+bxUvaqW5FgQoyXZGb1RP8JcNdMNxQvhIIWzWOYg4Uv3ClQeB0IU4Fjr3s+FNn49Zmw+Qvzv28WSDXoBq6eYg_Skp_JNOUmMlkStyLTKVvVXxBAPoFocRINIDXa0eGOyloGsJQnZ3doQ9VpFNgnTQm9cRGTVFkQf3zodXAt+DvRVxVvBJeAYYN0ASEAyJwnxtBvRaH+TZ0ADxcdAt_llXddvVO8HTEYY0Iq4FqZ6ceZyT7_WteeIyoH_e0QAPtUNDiaaNz4HuBSkwmgz2VxgMsJAiMXEu1FlrfMIn3_OwbUudgt39IiqMH9PqmDQKuLoy9wmIwyoJfFZcf87I_IPDFSpj2MdJdgOhR0wq6hbNTbx7P+L_5AlOxEDVVuSXxLXFgrX1qFPc5rVsarHYD2c0zyMWUPcPdbmy85g4EjwLHAtWHVXbasJJHTI5zh35a9buHd26Ms9dZ3Fmp0b2+2iViv3dws6MKE0u3U4uM8hxwojh1riEHaQguin2XzkVSI_VaTAxUG0zrFjkaKC+28tuD+It68n02oVzgIafGt3aSY61zXdUxiFNVmXgQnr_lv6P63EF67Ga+GpSBSmcMWxQMlO3F8PqKkzWcvA45yeCf4e6Pcv9ENEkkfBA0DdU5PxDKgu+T60NVmi3y3sKS4O8hIaXuippfimFhb1JTtfPcUptTOEHOEXo2hnDuq1Wt32Yc8kNQYsbEFculgqvCc8jdGTcZKnDotuDGQMqC5lrW12rexRdTqIgyjhX5dNfUx4Dah8m8QxKu3fAWZArYfvgqlTnXZpQVQOD3kWhrpyvk2ipwkWvY8YUF1yGR70yrJTnXZ1kBW9UnK8t5NjOAtmDBQxoAkNX1nposDVQe5H2e9cFPYIM6PHPbtlDJRhwHf7kuqyZgkLxdVB1IJoN6qPzCSyZh9MjAEfBl5HZN8dzZridXIQV0Nl1F3g9x7QFO+bgYkx4MPA7kTWzKpPXVRdVp0uFNcWRGsh9xZq6x1A6yD79A5id42BQgb2JYRvT0Tbd1SnC8XVQaTolkJtxQFsT1YxRxaiNwPaeuMrWpR1kjIOchMa1az5iFoQ320rPulb3HYzoF6IWhBfudlXQV78rbn4CPDp+2lw9KY85XbNGHBgYC_CaCzrUwf16sCwQ1qvBSnTgmhpfrmr4i7htKJ+UJd7dtkYKGLgjwigVsRHtGShB72TlHEQKbzRSWvvQPO4rd2YJsZAWQYOKxshJ_ytXNPrBFFkNlq1yOLTxD1L_GlRrDOl_cyAukXqHvnUPcV9XxmSyrYgy1Be+BZWgQFbcT_Yu8AFadnt_mHgCLIy0TM7qrtRBuiZXXKo64CvF0uHdbMyVu1YxIA+OXUD8K13i9BRqt6VbUHUvboK+IoGWzab5cvi4MTX7JWWCHwle7g76ynrIFL8Q+D7KU3NZqnJNDEGXBh4L4Gctob0UPYy967tcT_YLTVRPwK+zZ32w8hRTIyBXgxoW4mWF3zrm3aCbNQrobx7VVoQGXpZnrKS17Tp7N0l41jwwWPgELKsuuIrV6LgFV8lrvGnETDEx5iXoMf3zTBXmy1c+xjQ4PwnwLf10MbEWj89pW7WNQEM14LNwcDEGMhj4FAuvgp8HeSn6CjdvZJBVbpYiieDr9CJp+gJcbKnDovenwyobn4KVK2jnaxcyD+1da+yhKdwshr4evcadNTa_GUZsGPSDGhbuyq1b_1ahY7tmsrpeQEyIAIuBqUWcJrKsKVbGwOaCPJ1DsU_vzaLcxJ6G9d8tx8rE3pSaLbCxBgQA_sBfRbU10E0xp0FGhM99f8T+GZE8W8CvotBqDBpOQMbYX+IdTbVqcWg8VnSORgRYqZBGToBmAw2AyeS_RAPXOk4OgUq9VO6SwNlSi_TT0ohU2ZDIwxoMP0QCOEgd6Jns0ZykZPofK6FyJR0fD5Hv10aDAa+QTZD1aMFKVG2Fcb8MlDmtBHyHSllzmyphYEDSCXEhI8cTD0R33dHgmf6FDSG8v7b0TUhuIWmMFUG9J65JmlC1Z8kF5_V31PFDpXJL6PLZDAYOItshqo32iWuHk2Sonc8Qs1oaW3ksCRzaUaFZEA7ul8GoRxEs2DJivZWXQ1CZVafO9062dyaYb4MTEVBqFkr1Tl103w_C4SKuKJXI0MNtpTpH4DGF3viUjaQ2rUorLdTQz1M1eP407Yw+c2AGReBZ7cl42anMwNnEjKUc0iPHqTa2dEK2Qkr9SXGUARoXHNcK3JuRrow8B4ChdhrldWvp9C3m0vCKYU5FWOyDIQ46g3Gg1LKoNlSiYH9iRXiNYnOOvXJSpY0HEl9zGtBZ0Z8z1eib2dg0k4G9sTsXwPfetAZ_3r0JT8w71Zcetk+ZFdLxCwFk7slaNeTZWAqlmmNorNy+55r14UmhVotJ2G9LxFj49+Azje2mpXBMn4bsqsH29hy9P3_b_qBRr1TfGkEcuQk1pKkX0O0ZWhhhPK_Dp3qxveFDJOLh4HvE2NsfGtJ0q4eajn+O0K56z3z1s1aFRXV0QTQt33HVnLf_60lKWK+mfua6o_RrVJ9md9MluKn+hWS8HWIvPj67pHNbsUvP9cU3kLA0APyrNzPdTWijeE2xeirQJbZkMcH0XtQG0npM5v1uZ4Y3WnVlR+DzfuMr3HZ0ezT_4KQzpHpeha9x45L0S7UxcCRJBR6ETAr25XonlZXRppOZy8MeAxkmQ951LYUvV+wATCphwHNJolzfQM3ZFlmurSLYhYYKNF7ACF3_WZkZscL0a9ZFJO4DOip_kOQ8R76qF26A9sr+EREYlVQGijOASZxGNCmw4dAaKfo1PfXcUxvj9ZYM1sZyXpb7RygBSuTMAxoskVdqpBvAmbl1Xns6xkr16LQl_S+DjqJiXF+C2loJ6mJHwOziL4ExCijTp3fIQ3VDRMY0ID6H0EnQTHOnyeNs8HrgUk5BrYn+D+BWAPxzvK+gHT6ZhtJOZq7h96QW3U4iQpC77qfCKwQIKFA9BT_MIg91sgc5BLS0hdyTHIYUEvyNZCRFft4I2nZID6nIEYvHcAx1IekXcpSLUffLwR2p9vtjpxEgzMXQkOE+S1pXQT2BiYjDMzioCd5Hd2prAw15tB3nk0cGJCTxJ7dygomO2pNRpXiEKDu3qDJ+mRYranWNF4FGS91HPVAtAE5JJQV_UZdzMXEvMLXjuPF4ANgEJp79fe1nqGulPKex0msa2q9PwvWAyYVGTiceLG2pRQV_J2k_RmgV4f7SVQhZwKtZfwcFPEQ4762jxwLTAIwoO3Ty0CMgnLR+Rxp6wn7MbAzaKtMxXDlYTGou2Xu5PlB0j8YmARkYFt0_RfoJLqJc+0YvgacBHYFKQ8sN8E+PVw+BDS+ehI0wVlnmouwoc0PGcxPV7TF4augk_Amz9VNuAOcB+aDPUCTc_hyVnUHTwD_ApaDNaBJjjrTVtm1alzX1sHRMRD9RbAjSEk0LfoAkNMIvxrFwxzV8mglP4Sokk0Ew6OYznE3MAPsAvQgSUkex5gzwPkpGeViS1sdRHmbBr4E5umfhEXbteUYqiRyFDnNaqBxja7_puOoayqTLcCWo8fO8wlc2wFMBepyylFSn5LW2O3j4G5gUjMD65PeR8EToLMpt_Pm+ZDjfw7Ydh5IaFpmYMBCYI6RBgeLKYv9gElCDGgl9jRgrUlzTqJZslOBtRqQkKpowPot0OQ8_6C1ZNqaciF4MzBpCQN_jJ1XgUGrrHXn9wY4PrQldcLMHMOABvHvBbeDuitOv6d3J5yeCLQYadJyBjQd+jFwL+j3ihs7f_fB4SlAU84mfcaACvV4cBOIXZH6Tb82NX4CTAImfc6AFtfmgMuBDea7Pyyyrf8fhCctWJoMIAP7kGftpVoN+u2pXzU_q+DiX8G7wAbAxBh4bfuGxilLwEugauVqazx940pdzwUgtT1umNSMaN+PyboMaOZrJjgCzAV7gpS3tGNeZdE+sWXgSqBXbXWut_xMRhkwB+ldFbQ6r20ss0fxVo7aRdtmeRrjfwZ+AhYCOYUcxSSHAXOQHFK6XBJX6nq8HRwI9gfTQeoOI4fQFvxbwGKwFDwMTBwYMAdxIKlLEA1epwC9VbgvUOuil5UmgwmgCW6fId1HwT1gObgZ3AV+BTQjZVKSgSYKsaSJrQquVeVtwLRRqIUZBtuDN4xiS46bATlYGdF+J70_ondG5AiadXsErAArR4_3c9R7Jy8CkwAMmIMEINFRxaaEk3PoKAdR12zS6P8a6wjZZIBmlASNDTSjpm6SoNdntW4jRxFMjAFjwBgwBowBY8AYMAaMAWPAGDAGjAFjwBgwBowBY8AYMAaMAWPAGDAGjIFKDPw_DJEuWQMrHisAAAAASUVORK5CYII=",
  "BTTTriggerConfig" : {
    "BTTTouchBarButtonColor" : "0.000000, 150.399228, 255.000000, 255.000000",
    "BTTTouchBarItemIconWidth" : 18,
    "BTTTouchBarButtonTextAlignment" : 5,
    "BTTTouchBarItemPlacement" : 1,
    "BTTTouchBarButtonFontSize" : 13,
    "BTTTouchBarButtonCornerRadius" : 6,
    "BTTTouchBarAlternateBackgroundColor" : "0.000000, 0.000000, 0.000000, 0.000000",
    "BTTTouchBarAlwaysShowButton" : true,
    "BTTTouchBarLongPressActionName" : "wide",
    "BTTTouchBarButtonName" : "ESC",
    "BTTTouchBarFreeSpaceAfterButton" : 7,
    "BTTTouchBarItemIconHeight" : 18,
    "BTTTouchBarItemPadding" : 40,
    "BTTHUDText" : "Virtual Esc is Feature"
  }
}

ついでに
Touch BarタブではなくOtherタブにこいつを追加すると、
長押しで最大化、最小化が出来る様になります。

wide.json
{
  "BTTTriggerType" : 643,
  "BTTTriggerTypeDescription" : "Named Trigger: wide",
  "BTTTriggerClass" : "BTTTriggerTypeOtherTriggers",
  "BTTPredefinedActionType" : 112,
  "BTTPredefinedActionName" : "Enter Fullscreen (If Supported)",
  "BTTTriggerName" : "wide",
  "BTTEnabled2" : 1,
  "BTTUUID" : "5A57BCC3-02AA-4314-8FA9-B6034C334323",
  "BTTEnabled" : 1,
  "BTTOrder" : 0
}

後書き

後書きというか余談なのですが、BTTはTouch Bar以外にもタッチパッドを超絶進化させる事が出来るので、Touch Barが無い方も導入してみる価値は大いにあります。
タッチパッドでタブ切替ができるのはメチャクチャ捗ります。
蛇足ですがタッチパッドの設定も載せておきますのでよろしければどうぞ。
スクリーンショット 2018-10-11 12.51.30.png

まずは試しに導入しカスタマイズしてみてください。
こんなこと出来るよとかこんなこと出来たよとかあったら是非とも教えてください、真似します。

Reddit(海外の2chの様なサイト)では「お前らのTouch Bar晒してけwwww」みたいなスレッドもあります
Share your BetterTouchTool touchbar shortcuts! : apple

こんなのも
vas3k/btt-touchbar-presets: BetterTouchTool Touch Bar Presets

カスタマイズは良いもので楽しいものです。
クリエイティブで楽しさを享受できるのはとても贅沢で最高な楽しさなので、楽しめるだけ、カスタマイズを楽しみましょう。
目指せ、自分だけの最高のTouch Bar!!!

参考文献

BetterTouchToolを使ってGoogle ChromeなどTouch Bar非対応アプリをTouch Barで操作する方法。 | AAPL Ch.

MacでGoogle ChromeをHotkeyで1発起動する | RickyNews

リスペクト元
お前らのターミナルはダサい - Qiita

ちなみにMarkdownで参考文献を引用する時などのUrl操作はこれが楽でオススメですよ
MarkdownでUrl引用するときにちょっと簡単にするハック【小ネタ】 - Qiita