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

URL: https://webrandum.net/mousepose-settings/
公開日: 2021-07-07
更新日: 2022-02-06
カテゴリー: 作業環境整備
タグ: Mousepose
出典: Webrandum（著者: サイトウ マサカズ）

Mouseposéはデフォルトの状態ではショートカットキーも設定されておらず、見た目も見やすくするために少し調整した方がよかったりします。

今回は自分がしている設定についてまとめておきます。

Mouseposéがそもそもなに？という人は過去の記事をご覧ください。

[![](https://www.google.com/s2/favicons?domain=webrandum.net)Webrandum![](//webrandum.net/mskz/wp-content/uploads/2021/06/eyecatch-1.jpg)カーソルハイライトや入力したキーの表示など、デモに便利な機能が使える「Mousepo...https://webrandum.net/mousepose今回はデモをするときによく見かけるMouseposéに関してまとめておきます。MousepóseでできることMousepóseを使うと、下記のようなデモ中にあると便利な機能が使えるようになります。 カーソルのハイライト機能（カーソルの周辺以外を暗くするスポットライトのような機能） マウスクリック時に、クリックしたことが分かるエフェクトを表示 キー入力した内容を画面下に表示デモを行う人や、オンラインMTGなどで画面共有をして説明する人は入れておくと便利です。MouseposéのインストールMouseposéは公式サイトからダウンロードできますが...](https://webrandum.net/mousepose)

## ショートカットキーの設定

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 + ○は全アプリ共通して使えるショートカットキーにしています）。

[![](https://www.google.com/s2/favicons?domain=webrandum.net)Webrandum![](//webrandum.net/mskz/wp-content/uploads/2019/12/eyecatch-7.jpg)macOSで画面を拡大縮小するズーム機能の設定https://webrandum.net/mac-zoomデモをしたり、画面を見せたり共有して人になにか教えるとき、見やすいようにズームをする必要が出てきます。今回はmacOS標準のズーム機能についてまとめておきます。ズーム機能の設定ズーム機能の細かい設定は［システム環境設定］→［アクセシビリティ］→［ズーム機能］で設定できます。まずズーム機能を使うためには、「キーボードショートカットを使ってズーム」にチェックを入れておきましょう。ショートカットキーの設定に関しては、あとの項目で説明します。項目内容備考キーボードショートカットを使ってズームズーム機能を使う...](https://webrandum.net/mac-zoom)

ズーム機能の設定は［システム環境設定］→［アクセシビリティ］→［ズーム機能］でできます。

ここで「キーボードショートカットを使ってズーム」にチェックが入っている必要があるのと、デモをするなら「ズームの方法」は「フルスクリーン」がオススメです。

ショートカットキーの設定は［システム環境設定］→［キーボード］→［ショートカット］→［アクセシビリティ］の「ズーム機能」の項目で設定できます。

自分の場合は下記で設定しています。

| 機能 | ショートカットキー |
| --- | --- |

| ズーム機能のオン/オフ | caps lock + 1 |
| --- | --- |

| 縮小 | caps lock + - |
| --- | --- |

| 拡大 | caps lock + + |
| --- | --- |

縮小と拡大に関しては分かりやすさ重視で、片手で使うことにこだわっていません。

デモ中はあまり拡大率をいじらずに、あらかじめそれなりにズームされるようにしておいて、ズーム機能のオン・オフ切り替えで一気にズームされるようにしておけばある程度は問題ありません。

## スポットライト機能

それではここから見た目など細かい部分の設定です。

まずスポットライト機能ですが、表示領域が微妙に狭いので、「Circle Radius」を「100」から「150」にしています。

あとは「Circle Blur」を「10」とかなり軽めに設定しています。ブラーが強すぎると逆に見にくかったりするので、正直「0」でもいいかもしれません。

![スポットライト機能](https://webrandum.net/mskz/wp-content/uploads/2021/07/image_1.png)

あとは完全に好みの問題ですが、「Animate Zoom」を「0.2」にしています。

アニメーションはあった方がいいですが、スポットライト機能はデモ中に何回も使うことがあるので、アニメーション時間が長いと野暮ったくなってしまうので、限界まで短くしています。

## マウスクリック機能

マウスクリックに関しても、表示領域が狭いので自分の場合は「Radius」の値を「30」から「60」にしています。

![マウスクリック機能](https://webrandum.net/mskz/wp-content/uploads/2021/07/image_2.png)

ただ、クリックするたびに表示されてしまって主張が激しすぎるとよくないので透明度を下げたり、「Expand Clicks」の秒数をこちらも「0.2」にしています。

## キーストローク機能

キーストローク機能に関しては、見た目の設定は特に何もしていませんが、「Show」の設定を「Only modifier key combos」にしておくのがオススメです。

なにを見せたいかによっても変わってくるのかもしれませんが、「Only modifier key combos」にしておけばcommand + Cなどの「修飾キー + 他のキー」のいわゆるショートカットキーのみが画面上に表示されます。

![キーストローク機能](https://webrandum.net/mskz/wp-content/uploads/2021/07/image_3.png)

なんでもかんでも入力したキーが表示されてしまうのは、逆に分かりにくくなってしまうので、ショートカットキーだけが表示されるようにしておきましょう。

あとは「Fade out after」がデフォルトだと「1.5」なのを「2.0」にしています。