デモを見やすく分かりやすくするためのMouseposéオススメの設定

Mouseposéはデフォルトの状態ではショートカットキーも設定されておらず、見た目も見やすくするために少し調整した方がよかったりします。
今回は自分がしている設定についてまとめておきます。
Mouseposéがそもそもなに?という人は過去の記事をご覧ください。
ショートカットキーの設定
Mouseposéには大きく3つの機能があり、それぞれにショートカットキーを割り当てて、オン・オフの切り替えができます。
- Mouseposé(スポットライト機能)
- Mouse Clicks(マウスクリック機能)
- Keystrokes(キーストローク機能)
マウスクリック機能とキーストローク機能は、設定画面の「Toggle」で「With Mouseposé Effect」を選択すると、スポットライト機能がオンになったら、それに合わせてオンになる機能があります。
ただ、スポットライト機能はデモ中に一時的に使うことが多いため、この設定はオススメしません。
個別に切り替えができるようにしておいた方が便利です。
かと言って個別にショートカットキーを設定しても覚えられないですし、他のアプリのショートカットキーとバッティングする可能性もあります。
そこで、自分の場合は覚えやすくて他のアプリともバッティングしないショートカットキーを設定しています。
Karabiner-Elementsでcaps lockを修飾キー全押しにする
Karabiner-Elementsというアプリを使うとcaps lockが修飾キー全押しになるように設定できます。
これによって、shift + control + option + command + ○という長くて押しにくいショートカットキーが、caps lock + ○で済むようになります。
自分の場合はUS配列のキーボードを使っているので、あとは片手で押しやすい場所ということで、数字の2〜4をMouseposéに設定しています。
| 機能 | ショートカットキー |
|---|---|
| Mouseposé(スポットライト機能) | caps lock + 2 |
| Mouse Clicks(マウスクリック機能) | caps lock + 3 |
| Keystrokes(キーストローク機能) | caps lock + 4 |
これなら片手で押しやすいですし、横に並んでいるのでショートカットキーも忘れません。
ズーム機能の設定
余談ですが、caps lock + 1には画面のズーム機能を割り当てています(caps lock + ○は全アプリ共通して使えるショートカットキーにしています)。
ズーム機能の設定は[システム環境設定]→[アクセシビリティ]→[ズーム機能]でできます。
ここで「キーボードショートカットを使ってズーム」にチェックが入っている必要があるのと、デモをするなら「ズームの方法」は「フルスクリーン」がオススメです。
ショートカットキーの設定は[システム環境設定]→[キーボード]→[ショートカット]→[アクセシビリティ]の「ズーム機能」の項目で設定できます。
自分の場合は下記で設定しています。
| 機能 | ショートカットキー |
|---|---|
| ズーム機能のオン/オフ | caps lock + 1 |
| 縮小 | caps lock + - |
| 拡大 | caps lock + + |
縮小と拡大に関しては分かりやすさ重視で、片手で使うことにこだわっていません。
デモ中はあまり拡大率をいじらずに、あらかじめそれなりにズームされるようにしておいて、ズーム機能のオン・オフ切り替えで一気にズームされるようにしておけばある程度は問題ありません。
スポットライト機能
それではここから見た目など細かい部分の設定です。
まずスポットライト機能ですが、表示領域が微妙に狭いので、「Circle Radius」を「100」から「150」にしています。
あとは「Circle Blur」を「10」とかなり軽めに設定しています。ブラーが強すぎると逆に見にくかったりするので、正直「0」でもいいかもしれません。

あとは完全に好みの問題ですが、「Animate Zoom」を「0.2」にしています。
アニメーションはあった方がいいですが、スポットライト機能はデモ中に何回も使うことがあるので、アニメーション時間が長いと野暮ったくなってしまうので、限界まで短くしています。
マウスクリック機能
マウスクリックに関しても、表示領域が狭いので自分の場合は「Radius」の値を「30」から「60」にしています。

ただ、クリックするたびに表示されてしまって主張が激しすぎるとよくないので透明度を下げたり、「Expand Clicks」の秒数をこちらも「0.2」にしています。
キーストローク機能
キーストローク機能に関しては、見た目の設定は特に何もしていませんが、「Show」の設定を「Only modifier key combos」にしておくのがオススメです。
なにを見せたいかによっても変わってくるのかもしれませんが、「Only modifier key combos」にしておけばcommand + Cなどの「修飾キー + 他のキー」のいわゆるショートカットキーのみが画面上に表示されます。

なんでもかんでも入力したキーが表示されてしまうのは、逆に分かりにくくなってしまうので、ショートカットキーだけが表示されるようにしておきましょう。
あとは「Fade out after」がデフォルトだと「1.5」なのを「2.0」にしています。



iStat Menusの「センサー」アイコン表示と設定
Transmitでダブルクリックしてファイルを開こうとすると、ファイルがダウンロードされてしまう
ウェブサイトをmacOSアプリとしてラッピングする「Unite Pro」
zshのMacターミナルの「%」記号前表示をカスタマイズする方法
macOS 11 Big Sur以降メニューバー右上に固定表示されてしまう時計表示を目立たなくする
iStat Menusの「CPU & GPU」アイコン表示と設定
Chrome拡張機能「PocketTube」を使って、YouTubeの登録チャンネルをグループ分けして管理する
1PasswordのChrome拡張機能 (パソコンのアプリが必要)のインストール場所が分かりにくい
iStat Menusの「ネットワーク」アイコン表示と設定
Transmitで特定拡張子のファイルを開くアプリケーションを指定する方法
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
Visual Studio Codeでウインドウタイトルバーをカスタマイズする方法
サーバーの移行とブログのリニューアルをしました
Google Chromeでinput要素の補完機能を使うと背景に色がついてしまう問題
Visual Studio CodeでToDoコメントを一覧で表示する拡張機能「Todo Tree」
WordPressで「現在メンテナンス中のため、しばらくの間ご利用いただけません。」の状態でログインできなくなった場合の対処法
Visual Studio Codeで「.html」拡張子以外のファイルでもEmmetを使えるようにする
Dropbox Ignore node_modulesを使って「node_modules」を「同期の無視」に追加する方法
デフォルトのままじゃもったいない!Google日本語入力での品詞の設定方法と意味まとめ
Google Chromeのブックマークを綺麗に整理するコツ
ATOKに「短縮読み」の単語を登録して、よく使うフレーズを一瞬で入力する