カーソルハイライトや入力したキーの表示など、デモに便利な機能が使える「Mouseposé」

今回はデモをするときによく見かけるMouseposéに関してまとめておきます。
Mousepóseでできること
Mousepóseを使うと、下記のようなデモ中にあると便利な機能が使えるようになります。
- カーソルのハイライト機能(カーソルの周辺以外を暗くするスポットライトのような機能)
- マウスクリック時に、クリックしたことが分かるエフェクトを表示
- キー入力した内容を画面下に表示
デモを行う人や、オンラインMTGなどで画面共有をして説明する人は入れておくと便利です。
Mouseposéのインストール
Mouseposéは公式サイトからダウンロードできますが、有料のアプリで年間1,246円のサブスクリプション形式になっています。
月に100円ちょっとだと考えるとサブスクリプションの中ではかなり安い部類ですが、どれくらいの頻度で使うかどうかで契約するかどうかが分かれてくると思います。
ちなみに無料で使うこともできますが、その場合はMouseposé使用中の画面左上に透かしが表示されてしまいます。
(しかも画面の大きさに比例して大きくなる)

この表示はかなりダサいですし、他人に見せることが前提のアプリなので、無料でなんとかしようとするのは諦めましょう。
機能のオン・オフ
Mouseposéはアプリを起動させるだけではなく、各機能をオン(Activate)にしておかないと使えません。
オン・オフの仕方は下記の3つがあります。
- メニューバーから使いたい機能をクリックして切り替え
- ショートカットキーを設定して切り替え
- 環境設定画面から切り替え
ただ、他人に画面を見せながら使うこと前提なので、わざわざメニューバーをいじったりしているとモタついて見えてしまいます。
ショートカットキーが最もスマートなので、後述する「設定」でショートカットキーを設定して覚えておくようにしましょう。
設定
Mouseposé
スポットライトのように、マウス付近以外が暗くなる機能のことをアプリ名そのまま「Mouseposé」と呼ぶみたいです。
(紛らわしいので当記事では「スポットライト機能」と呼びます)

[Mousepóse]タブではこのスポットライト機能の設定ができます。
![[Mousepóse]](https://webrandum.net/mskz/wp-content/uploads/2021/06/image_1-2.png)
| 項目 | 内容 | 備考 |
|---|---|---|
| Toggle Hotkey | スポットライト機能のオン・オフ切り替えのショートカットキーを設定 | |
| Deactivate after | チェックを入れて秒数を指定すると、オンになってから指定秒数後に自動でオフになる | 自分でオン・オフ切り替えた方がやりやすいので、オフ推奨 |
| Circle Radius | スポットライトのサークルの大きさを指定 | |
| Circle Blur | スポットライトのサークル境界線のぼやけ具合を指定 | |
| Opacity/Color | スポットライト外の色と透明度を指定 (バーの左右移動で透明度の設定) | |
| Animate Zoom | チェックを入れると画面外からマウスカーソルに向かってアニメーションしながら、 スポットライト機能がオンになる | 分かりやすいので、オン推奨 |
Mouse Clicks
マウスをクリックしたときに、クリックしたことが分かるようにカーソル周辺に色つきのサークルエフェクトが表示されます。
左クリック・右クリック・それ以外のクリックで色も別々に指定できるので、何のクリックをしたのかが見ている人から分かりやすくなります。

[Mouse Clicks]タブでは、このマウスクリック機能の設定ができます。
![[Mouse Clicks]](https://webrandum.net/mskz/wp-content/uploads/2021/06/image_2-2.png)
| 項目 | 内容 | 備考 |
|---|---|---|
| Toggle | 下記の2つからオン・オフ切り替え方法を設定
| 「With Mouseposé Effect」の場合はHotkeyが設定できなくなる |
| Hotkey | オン・オフ切り替えのショートカットキーを設定 | |
| Raidus | クリックエフェクトの大きさを指定 | |
| Click Colors | クリックエフェクトの色を指定 「Left(左クリック)」「Right(右クリック)」「Other(それ以外)」で別々に指定できる | |
| Expand Clicks | エフェクトが消えるときの、少し拡大しながら消えるアニメーションにかかる秒数を指定 | |
| Click Sound | クリック時の音声のオン・オフと音量を指定 | 邪魔になる可能性の方が高いのと、 画面上のエフェクトだけでクリックは伝わるので、オフ推奨 |
Keystrokes
デモ中に伝わりにくいのがショートカットキーの入力です。
マウスはまだ目で追えるのでなんとなくで理解してもらえますが、ショートカットキーは口頭で何を押したか補足しないと伝わりませんし、ショートカットキー自体が口頭で伝えにくいものだと自分は考えています。
ショートカットキーは基本的なものを除いて、メニューバーに表示されているものを「見て」入力したり、記事に書かれてあるものを「見て」使うことが大半です。
耳からショートカットキーを聞いて使うようになる機会は、一般的に少ないのではないでしょうか。
Mouseposéのキーストローク機能を使えば、画面下に入力したキーが表示されるようになるので、ショートカットキーが見て分かるようになります。
また、この修飾キーの並びや表示は、Macのメニューバーに表示されるショートカットキーの表記方法と全く同じです。

[Keystrokes]タブでは、このキーストローク機能の設定ができます。
![[Keystrokes]](https://webrandum.net/mskz/wp-content/uploads/2021/06/image_3-2.png)
| 項目 | 内容 | 備考 |
|---|---|---|
| Toggle | 下記の2つからオン・オフ切り替え方法を設定
| 「With Mouseposé Effect」の場合はHotkeyが設定できなくなる |
| Hotkey | オン・オフ切り替えのショートカットキーを設定 | |
| Fade out after | 表示から何秒でフェードアウトするかを指定 | |
| Font Size | 表示されるフォントサイズの指定 | |
| Opacity/Color | 背景の色と透明度を指定 | |
| On Toggle | オン・オフ切り替え時に「ON」「OFF」の文字を表示して 切り替えたことが分かるようにするかどうか指定 | |
| Show | 下記の3つから、反応するキーストロークを指定
| ショートカットキーの説明をしたいなら 「Only modifier key combos」推奨 |
| Show on Display | 表示するディスプレイの指定(デュアルディスプレイ時に設定) |
Miscellaneous
[Miscellaneous]タブでは、他のアプリの[General]や[Other]と同じような設定ができます。
ちなみに自分は色んなアプリの環境設定を見てきているのですが「Miscellaneous」というタブは初めて見ました。
意味は「その他・雑多」らしいので、「Other」とほぼ同じと考えていいでしょう。
![[Miscellaneous]](https://webrandum.net/mskz/wp-content/uploads/2021/06/image_4-2.png)
| 項目 | 内容 | 備考 |
|---|---|---|
| When logging in | ログイン時に自動でMousepóseを起動するかどうか | |
| Show App Icon in | アプリアイコンを表示させる場所を選択する
| [Menu Bar]が推奨 |
| Check for updates | アップデートのチェック期間を選択する | |
| Reset Mousepóse | 右上のボタンをクリックすると設定がすべてリセットされる |
Purchase
[Purchase]タブではライセンスの購入・設定ができます。
![[Purchase]](https://webrandum.net/mskz/wp-content/uploads/2021/06/image_5-1.png)
「Purchase…」ボタンをクリックするとブラウザで購入ページが開き、すでに購入済みであれば、「Licenses…」をクリックしてライセンスを入力してアクティベートできます。
スクリーンショット時の注意点
これは僕の勝手な推測ですが、Mouseposéは起動すると、Mouseposé用の透明なレイヤーを画面全体に表示させるようです。
そして、その透明なレイヤー上にエフェクトを表示させたり、明るさを変えてスポットライトを実現していそうです。
そのため、ウインドウを選択するタイプのスクリーンショット(shift + command + 4のあと、spaceを押してウインドウをクリック)を撮ろうとすると、ウインドウが選択できずに画面全体が選択されてしまいます。
ウインドウのスクリーンショットを撮りたい場合は、Mouseposéを終了させてから撮影しましょう。
表記に関して
Mouseposéの「é」部分ですが、このように「e」の上に点がついている表記のことをアキュート・アクセントと呼ぶそうです。
英語圏の人が単語を発音を理解する助けになるそうで、Macでこの文字を入力したいときはoption + Eを押したあとにキーを離してすぐEを押します。


新しいMacBook Proを購入して移行するときにやること|最低限のアプリ設定編
Macのバッテリー効率を上げるアプリ「Endurance」
入力関連のトラブルを防ぐためにも、システム環境設定の[キーボード]→[ユーザ辞書]を確認しておく
Chrome拡張機能「PocketTube」を使って、YouTubeの登録チャンネルをグループ分けして管理する
Bartender 4のShow for Updates機能を使って、平日の指定時間の間だけメニューアイコンを表示させる
機能の差が分かりにくいDropboxの「選択型同期」と「同期の無視」の違い
macOSのスクリーンショット音やゴミ箱移動時の効果音(サウンドエフェクト)をオフにする方法
軽量で高速なターミナルエミュレーター「Ghostty」の設定方法
ATOKで特定辞書の単語登録画面を表示するKeyboard Maestroマクロ
Transmitでダブルクリックしてファイルを開こうとすると、ファイルがダウンロードされてしまう
iTerm2で「Use System Window Restoration Setting」を設定しているとアラートが表示されて機能しない
Google Chromeのサイト内検索(カスタム検索)機能を別のプロファイルに移行する方法
iPadで入力モードを切り替えずに数字や記号をすばやく入力する方法
iPhoneやiPadでYouTubeの再生速度を3倍速や4倍速にする方法
Keynoteで有効にしているはずのフォントが表示されない現象
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
AirPodsで片耳を外しても再生が止まらないようにする方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
Eagleで実現するクリエイティブ素材の簡単管理
かゆいところに手が届く「Supercharge」でMac環境を便利にカスタマイズする
超軽量なコードエディタ 「Zed」をサブエディタとして活用する
Bartender 6で追加されたWidgets機能で自作メニューバーアイテムを簡単に作成する
Googleカレンダーを便利に活用するための小技集(祝日だけを表示・月末の繰り返しイベントを追加)
Obsidianを使った「自己流PKM」で行う知識トレーニング
テキストエディタ・ノートアプリ関連のショートカットキーをKeyboard Maestroで統一する
Path Finderを使ってキーボードだけでファイル操作する方法(応用編)