ウインドウリサイズを素早く行う!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にしかない機能らしく、代替を探しています(そこまで頻繁に使うようなものでもなかったので、ひとまずは現状で満足してますが)。


Drive File Streamの中にあるフォルダを登録して、Alfredから検索結果に表示する方法
Finderで選択したフォルダを特定のアプリケーションで開くAlfred Workflowの作り方
Alfredと1Password 8を連携するWorkflowの設定方法
ATOKの「ATOKパレットの表示」「単語登録」ショートカットキーが、Emacsキーバインドと被るので変更したい
1Passwordで素早くパスワードを入力するためのショートカットキー
Path Finderで、リストの1番下のフォルダを素早く選択する方法
ATOKで変換時に文章を指摘してくれる「校正支援」タブの設定項目
Alfredの1Password連携で、登録しているウェブサイトではなくアプリでログイン情報を開く方法
Google Chromeのブックマークバーを「新しいタブ」でも非表示にしたい
Google Chromeの別ユーザーへの切り替えを簡単に行うKeyboard Maestroマクロ
iTerm2で「Use System Window Restoration Setting」を設定しているとアラートが表示されて機能しない
Google Chromeのサイト内検索(カスタム検索)機能を別のプロファイルに移行する方法
iPadで入力モードを切り替えずに数字や記号をすばやく入力する方法
iPhoneやiPadでYouTubeの再生速度を3倍速や4倍速にする方法
Keynoteで有効にしているはずのフォントが表示されない現象
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
AirPodsで片耳を外しても再生が止まらないようにする方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
GitHubの通知を見逃さない!通知に特化したアプリ「Gitify」
Keyboard Maestroの変数基礎
Neovimを使い始める最初の一歩として便利な「LazyVim」
ウェブサイトをmacOSアプリとしてラッピングする「Unite Pro」
Keyboard Maestroの「Macro Debugger」で複雑なマクロのデバッグを行う方法
無料版でも高機能なランチャーアプリ「Raycast」の基本機能と環境設定
OnyXでターミナルを使わずにmacOSの詳細設定を行う
軽量で高速なターミナルエミュレーター「Ghostty」の設定方法
Eagleで実現するクリエイティブ素材の簡単管理
かゆいところに手が届く「Supercharge」でMac環境を便利にカスタマイズする