WebDesigner's Memorandumウェブデザイナーの備忘録

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

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

以前BetterSnapToolとBetterTouchToolの比較記事を書き、「そこまで大差がないからBetterTouchToolで統一していこう」と決めました。

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

スナップ機能の設定

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

  • 画面端にウインドウを持っていくと、リサイズされる
    • 上:画面最大
    • 左右:画面の半分
    • 四隅:画面の4分の1
  • ショートカットキーでリサイズ
    • fn + :画面最大
    • fn + or :画面の半分
  • スナップ時に出てくるオーバーレイが薄い水色なので、白色(好みの見た目)にする
  • fnキーを押しながらマウスを動かすと、ウインドウの移動ができるようにする

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

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

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

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

BetterTouchTool ウインドウスナップ

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

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

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

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

BetterTouchToolにてアイテムを追加し、トリガーでショートカットキーを指定します。
あとはアクションの方で「ウインドウのサイズ変更と移動」内にある「ウインドウを最大化」を選択すればOKです。

BetterTouchTool ウインドウ最大化アクション

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

トリガーアクション
fn + ↑ウインドウを最大化
fn + ←ウインドウを左に最大化
fn + →ウインドウを右に最大化

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

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

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

BetterTouchTool デフォルトのオーバーレイ

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

BetterTouchTool スナップ外観

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

項目設定値備考
ボーダーの色#fff 
ボーダーの幅2px 
背景の色#fff透明度30%
アニメーション0.3 seconds 
角を丸くする8px 

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

BetterTouchTool カスタマイズ後のオーバーレイ

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

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

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

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

修飾キーの移動とサイズ変更

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

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

まとめ

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

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

著者について

プロフィール画像

サイトウ マサカズ@31mskz10

1997年生まれ。2016年から専門学校でデザインについて勉強。卒業後は神戸の制作会社「N'sCreates」にウェブデザイナーとして入社。このブログでは自分の備忘録も兼ねて、ウェブに関する記事や制作環境を効率的に行うための記事を書いています。

Twitterをフォロー Facebookでいいね