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

URL: https://webrandum.net/bettertouchtool-window-snap-customize/
公開日: 2019-07-19
更新日: 2019-07-17
カテゴリー: 作業効率化
タグ: BetterTouchTool
出典: Webrandum（著者: サイトウ マサカズ）

以前BetterSnapToolとBetterTouchToolの[比較記事](https://webrandum.net/bettertouchtool-bettersnaptool/)を書き、「そこまで大差がないからBetterTouchToolで統一していこう」と決めました。

[![](https://www.google.com/s2/favicons?domain=webrandum.net)Webrandum![](//webrandum.net/mskz/wp-content/uploads/2019/06/BetterTouchTool_BetterSnapTool.jpg)BetterTouchToolのウインドウスナップ機能とBetterSnapToolの細かい違いhttps://webrandum.net/bettertouchtool-bettersnaptoolBetterTouchToolはキーボードやマウス・トラックパッドなどをカスタマイズするアプリ。対するBetterSnapToolはウインドウのサイズを瞬時に変更するアプリです。どちらも同じ制作者のアプリで、BetterSnapToolはBetterTouchToolの機能に含まれています。そして、自分は今まで「BetterSnapToolは画面を端に持っていくとリサイズするウインドウスナップ機能があるが、BetterTouchToolはその機能がない」と勘違いしていました。実際は、BetterTouchToolの［環境設定］→［ウインドウスナップと移動］へいくとウインドウスナップができました...](https://webrandum.net/bettertouchtool-bettersnaptool)

今回は改めてBetterTouchToolのスナップ機能を自分が使いやすいようにカスタマイズしていきます。

## スナップ機能の設定

今回は下記のようなことを設定していきます。

- 画面端にウインドウを持っていくと、リサイズされる 上：画面最大

- 左右：画面の半分

- 四隅：画面の4分の1

- ショートカットキーでリサイズ fn + ↑：画面最大

- fn + ← or →：画面の半分

- スナップ時に出てくるオーバーレイが薄い水色なので、白色（好みの見た目）にする

- fnキーを押しながらマウスを動かすと、ウインドウの移動ができるようにする

### 画面端にウインドウを持っていくとリサイズ

ウインドウスナップの設定はBetterTouchToolの［環境設定］→［ウインドウスナップと移動］から行います。

また、「ウインドウスナップ」タブでスナップ機能（画面端にウインドウを持っていくと、リサイズされる機能）の設定が可能です。

まずは「ウインドウスナップを有効にする」にチェックを入れてスナップ機能をオンにしましょう。

![BetterTouchTool ウインドウスナップ](https://webrandum.net/mskz/wp-content/uploads/2019/07/image_2-11.png)

デフォルトでは「左上へスナップ」「右上へスナップ」「右下へスナップ」「左下へスナップ」のチェックが外れています。チェックを入れて四隅へのリサイズもできるようにしておきましょう。

チェックを入れたら試しに画面を端っこへ持っていって、ちゃんと画面のリサイズができるかどうか確認しておきましょう。

### ショートカットキーでリサイズ

BetterTouchToolの場合はショートカットキーでのリサイズは、それ用のアクションを作成してあげる必要があります。

BetterTouchToolにてアイテムを追加し、トリガーでショートカットキーを指定します。

あとはアクションの方で「ウインドウのサイズ変更と移動」内にある「ウインドウを最大化」を選択すればOKです。

![BetterTouchTool ウインドウ最大化アクション](https://webrandum.net/mskz/wp-content/uploads/2019/07/image_2-12.png)

ひと通り必要なアクションを用意すればOKです。

| トリガー | アクション |
| --- | --- |

| fn + ↑ | ウインドウを最大化 |
| --- | --- |

| fn + ← | ウインドウを左に最大化 |
| --- | --- |

| fn + → | ウインドウを右に最大化 |
| --- | --- |

### スナップ時のオーバーレイをカスタマイズする

ウインドウスナップ時に、どのようにリサイズされるのか示すためのオーバーレイが表示されます。

デフォルトのままだと背景が薄い青色に太い枠線、角丸がガッツリ効いた見た目になっています。いかにもデフォルトという感じがするので、この見た目を自分好みにカスタマイズします。

![BetterTouchTool デフォルトのオーバーレイ](https://webrandum.net/mskz/wp-content/uploads/2019/07/image_3-6-1024x576.png)

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

![BetterTouchTool スナップ外観](https://webrandum.net/mskz/wp-content/uploads/2019/07/image_5-3.png)

自分の場合はオーバーレイの色は真っ白にしています。

| 項目 | 設定値 | 備考 |
| --- | --- | --- |

| ボーダーの色 | #fff |   |
| --- | --- | --- |

| ボーダーの幅 | 2px |   |
| --- | --- | --- |

| 背景の色 | #fff | 透明度30% |
| --- | --- | --- |

| アニメーション | 0.3 seconds |   |
| --- | --- | --- |

| 角を丸くする | 8px |   |
| --- | --- | --- |

設定したら再度スナップしてオーバーレイを表示してみましょう。ちゃんと設定した値が反映されて白いオーバーレイになっているはずです。

![BetterTouchTool カスタマイズ後のオーバーレイ](https://webrandum.net/mskz/wp-content/uploads/2019/07/image_4-3-1024x576.png)

### fnキーを押しながらマウスを動かすと、ウインドウの移動ができるようにする

ウインドウの移動には本来タイトルバーをドラッグする必要がありますが、設定すればウインドウの上で修飾キーを押しながらドラッグすればウインドウの移動ができます。

設定するには［環境設定］→［ウインドウスナップと移動］→［修飾キーの移動とサイズ変更］の「ウインドウの移動」で修飾キーにチェックを入れます。

自分の場合はfnキーを設定しています。

![修飾キーの移動とサイズ変更](https://webrandum.net/mskz/wp-content/uploads/2019/07/image_6-2.png)

あと、表示が崩れてテキストが見切れてしまっていますが「動かすウインドウを全面に持ってくる」のチェックを外すと、修飾キー + ドラッグで移動する時にウインドウが全面に来なくなります。

邪魔なウインドウをどける時などに便利なので外しておくのをオススメします。

## まとめ

基本的にはBetterSnapToolでやっていたことは、今回の設定でBetterTouchToolに移行できました。

ただ、ショートカットキーでウインドウリサイズのリストが表示される設定だけ、BetterSnapToolにしかない機能らしく、代替を探しています（そこまで頻繁に使うようなものでもなかったので、ひとまずは現状で満足してますが）。