デモを見やすく分かりやすくするための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」にしています。



Transmitで特定拡張子のファイルを開くアプリケーションを指定する方法
Backlogフリープランでプライベートの課題管理を行う方法
人前でデモをするための設定や、始める前のチェックリスト
zshのMacターミナルの「%」記号前表示をカスタマイズする方法
1PasswordのWatchtowerを使って、脆弱なパスワードを管理する
Chrome拡張機能「PocketTube」を使って、YouTubeの登録チャンネルをグループ分けして管理する
macOSのスクリーンショット音やゴミ箱移動時の効果音(サウンドエフェクト)をオフにする方法
220以上の有料Macアプリが使えるサブスクサービス「Setapp」
Transmitでダブルクリックしてファイルを開こうとすると、ファイルがダウンロードされてしまう
iStat Menusの「ネットワーク」アイコン表示と設定
iTerm2で「Use System Window Restoration Setting」を設定しているとアラートが表示されて機能しない
Google Chromeのサイト内検索(カスタム検索)機能を別のプロファイルに移行する方法
iPadで入力モードを切り替えずに数字や記号をすばやく入力する方法
iPhoneやiPadでYouTubeの再生速度を3倍速や4倍速にする方法
Keynoteで有効にしているはずのフォントが表示されない現象
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
AirPodsで片耳を外しても再生が止まらないようにする方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
GitHubの通知を見逃さない!通知に特化したアプリ「Gitify」
Keyboard Maestroの変数基礎
Neovimを使い始める最初の一歩として便利な「LazyVim」
ウェブサイトをmacOSアプリとしてラッピングする「Unite Pro」
Keyboard Maestroの「Macro Debugger」で複雑なマクロのデバッグを行う方法
無料版でも高機能なランチャーアプリ「Raycast」の基本機能と環境設定
OnyXでターミナルを使わずにmacOSの詳細設定を行う
軽量で高速なターミナルエミュレーター「Ghostty」の設定方法
Eagleで実現するクリエイティブ素材の簡単管理
かゆいところに手が届く「Supercharge」でMac環境を便利にカスタマイズする