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


Alfred4の電卓機能で「x」を乗算記号として認識させる方法
Google Chromeの開発者ツールに出てくる「[Deprecation] chrome.loadTimes() is deprecated」に関して
Keyboard Maestroの変数基礎
BetterTouchToolを使って、ショートカットキーでAirPods ProをMacBook Proに接続する方法
Path FinderとFinderのリスト表示時の「新規フォルダ作成」の挙動違い
Alfredの環境設定の同期・バックアップの方法
Path Finderで選択したファイルを特定アプリケーションで開く方法
Alfred 4のスニペットで使えるプレースホルダー機能
Finder上のファイルの「変更日」と「作成日」を特定の日時に変更する方法
Path Finderで設定しておくと便利なショートカットキー一覧
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
時間に合わせてディスプレイの色温度を調節してくれるアプリ「f.lux」の導入方法
MacのQuick Lookをもっと便利にしてくれるプラグインまとめ
CSS Nite in Kobe, vol.43「ウェブページを高速化してユーザーに価値を届けたい制作者のためのセミナー&ワークショップ」に参加してきました
macOSのシステム環境設定「デスクトップとスクリーンセーバ」の設定見直し
BetterTouchToolでトラックパッドやタッチバーにアクションを割り当てる
Google Chromeで「パスワードを保存しますか?」ポップアップを非表示にする方法
サイトを運営する時必ず登録しておきたいGoogle Search Console(サーチコンソール)の登録方法
自分の管理下にないどうしようもできないログイン情報は1Passwordの「脆弱なパスワード」を無視しておく
瞑想をするならApple Watchにも対応している「Insight Timer」がオススメ!
【前編】もうライティングで困らない!説得型ランディングページとアフィリエイター活用で売り上げアップ【CSS Nite in Kobe】