ウインドウリサイズを素早く行う!BetterTouchToolのウインドウスナップ機能の自分なりのカスタマイズ設定

以前BetterSnapToolとBetterTouchToolの比較記事を書き、「そこまで大差がないからBetterTouchToolで統一していこう」と決めました。
今回は改めてBetterTouchToolのスナップ機能を自分が使いやすいようにカスタマイズしていきます。
スナップ機能の設定
今回は下記のようなことを設定していきます。
- 画面端にウインドウを持っていくと、リサイズされる
- 上:画面最大
- 左右:画面の半分
- 四隅:画面の4分の1
- ショートカットキーでリサイズ
- fn + ↑:画面最大
- fn + ← or →:画面の半分
- スナップ時に出てくるオーバーレイが薄い水色なので、白色(好みの見た目)にする
- fnキーを押しながらマウスを動かすと、ウインドウの移動ができるようにする
画面端にウインドウを持っていくとリサイズ
ウインドウスナップの設定はBetterTouchToolの[環境設定]→[ウインドウスナップと移動]から行います。
また、「ウインドウスナップ」タブでスナップ機能(画面端にウインドウを持っていくと、リサイズされる機能)の設定が可能です。
まずは「ウインドウスナップを有効にする」にチェックを入れてスナップ機能をオンにしましょう。

デフォルトでは「左上へスナップ」「右上へスナップ」「右下へスナップ」「左下へスナップ」のチェックが外れています。チェックを入れて四隅へのリサイズもできるようにしておきましょう。
チェックを入れたら試しに画面を端っこへ持っていって、ちゃんと画面のリサイズができるかどうか確認しておきましょう。
ショートカットキーでリサイズ
BetterTouchToolの場合はショートカットキーでのリサイズは、それ用のアクションを作成してあげる必要があります。
BetterTouchToolにてアイテムを追加し、トリガーでショートカットキーを指定します。
あとはアクションの方で「ウインドウのサイズ変更と移動」内にある「ウインドウを最大化」を選択すればOKです。

ひと通り必要なアクションを用意すればOKです。
| トリガー | アクション |
|---|---|
| fn + ↑ | ウインドウを最大化 |
| fn + ← | ウインドウを左に最大化 |
| fn + → | ウインドウを右に最大化 |
スナップ時のオーバーレイをカスタマイズする
ウインドウスナップ時に、どのようにリサイズされるのか示すためのオーバーレイが表示されます。
デフォルトのままだと背景が薄い青色に太い枠線、角丸がガッツリ効いた見た目になっています。いかにもデフォルトという感じがするので、この見た目を自分好みにカスタマイズします。

[環境設定]→[ウインドウスナップと移動]→[スナップ外観]からスナップ時のオーバーレイをカスタマイズできます。

自分の場合はオーバーレイの色は真っ白にしています。
| 項目 | 設定値 | 備考 |
|---|---|---|
| ボーダーの色 | #fff | |
| ボーダーの幅 | 2px | |
| 背景の色 | #fff | 透明度30% |
| アニメーション | 0.3 seconds | |
| 角を丸くする | 8px |
設定したら再度スナップしてオーバーレイを表示してみましょう。ちゃんと設定した値が反映されて白いオーバーレイになっているはずです。

fnキーを押しながらマウスを動かすと、ウインドウの移動ができるようにする
ウインドウの移動には本来タイトルバーをドラッグする必要がありますが、設定すればウインドウの上で修飾キーを押しながらドラッグすればウインドウの移動ができます。
設定するには[環境設定]→[ウインドウスナップと移動]→[修飾キーの移動とサイズ変更]の「ウインドウの移動」で修飾キーにチェックを入れます。
自分の場合はfnキーを設定しています。

あと、表示が崩れてテキストが見切れてしまっていますが「動かすウインドウを全面に持ってくる」のチェックを外すと、修飾キー + ドラッグで移動する時にウインドウが全面に来なくなります。
邪魔なウインドウをどける時などに便利なので外しておくのをオススメします。
まとめ
基本的にはBetterSnapToolでやっていたことは、今回の設定でBetterTouchToolに移行できました。
ただ、ショートカットキーでウインドウリサイズのリストが表示される設定だけ、BetterSnapToolにしかない機能らしく、代替を探しています(そこまで頻繁に使うようなものでもなかったので、ひとまずは現状で満足してますが)。


ATOKのクラウド推測変換やナントカ変換を使って、単語をラクで正確に変換する
Search Consoleのカバレッジで「送信された URL に noindex タグが追加されています」と表示された時の対処法
ATOKに「短縮読み」の単語を登録して、よく使うフレーズを一瞬で入力する
Keyboard MaestroでGoogle Chromeのタブグループ化にショートカットキーを割り当てておく
Keyboard Maestroでダークモードかどうか判定して、条件分岐で処理を変える方法
BetterTouchToolを使って、Finderのファイルを「規定アプリケーションで開く」ショートカットキーを設定する方法
macOSのシステム環境設定「ユーザとグループ」の設定見直し
クリップボード履歴を複数一括でペーストしたり、コピーした順にペーストするアプリ「Paste」
Google Chromeでメモリ使用量の高い拡張機能を調べる方法
Path Finder 8から大幅に強化されたモジュール機能の設定方法
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
MacWinZipperでWindowsでも文字化けしないZipフォルダの作り方
情報収集に最適!!RSSリーダー「Feedly」の登録から簡単な使い方まで
ブック.appのライブラリに表示されている読み終わった書籍を非表示にする方法
GitHubの通知を見逃さない!通知に特化したアプリ「Gitify」
ATOKで英単語変換時に、すべて大文字・小文字の状態で変換する方法
2019年時点で使っている便利なAlfredのWorkflowまとめ
Figmaでデザインを作成するときの基本的な操作方法
Neovimを使い始める最初の一歩として便利な「LazyVim」
CSS Nite in Kobe, vol.48「ウェブサイトの課題発見とアイデア創出の方法を学ぶワークショップ」に参加してきました
Macのスニペットアプリ「Dash」の環境設定