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


1Passwordでウェブサイトの入力フォームを一瞬で入力する方法
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Keyboard Maestroを使ってDropboxの「同期の無視」を簡単にできるようにする
Brewfileを使ってMac移行時にコマンド1つで必要なアプリを全てインストールできるようにする|Homebrew Bundle
BetterTouchToolの設定ファイルをエクスポート・インポートする方法
ATOKで簡単に今日の日付を入力する方法
Path Finder 8の「パスのコピー」の種類とその違いについて
撮影したスクリーンショットを、Hazleを使って自動的にImageOptimで画像圧縮する方法
MacWinZipperでWindowsでも文字化けしないZipフォルダの作り方
コーディング初心者が入力ミスを減らすためにできる設定
iTerm2で「Use System Window Restoration Setting」を設定しているとアラートが表示されて機能しない
Google Chromeのサイト内検索(カスタム検索)機能を別のプロファイルに移行する方法
iPadで入力モードを切り替えずに数字や記号をすばやく入力する方法
iPhoneやiPadでYouTubeの再生速度を3倍速や4倍速にする方法
Keynoteで有効にしているはずのフォントが表示されない現象
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
AirPodsで片耳を外しても再生が止まらないようにする方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
Obsidianで整理した知識をAnkiで定着させる方法
Figma × Keyboard Maestroでどこまで効率化できる?
マウス操作の完成度が高いウインドウリサイズアプリ「Magnet」
Macで複数ディスプレイを使っている場合に便利な設定集
AppCleanerでMacアプリを関連ファイルごと完全に削除する
操作に没頭できる!Firefox版 Arcのようなブラウザ「Zen Browser」
chezmoi(シェモア)で始めるdotfiles管理
GitHubの通知を見逃さない!通知に特化したアプリ「Gitify」
Keyboard Maestroの変数基礎
Neovimを使い始める最初の一歩として便利な「LazyVim」