# Macで画面上に図形やフリーハンドで注釈が書ける「DemoPro」

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

最近のオンラインMTGやちょっとした修正指示に便利なのが「DemoPro」です。

似たようなアプリに「[Presentify](https://webrandum.net/presentify/)」がありますが、こちらは描画モードに切り替えてから書くのに対して、DemoProはショートカットキーを入力すればすぐに書けます。

[![](https://www.google.com/s2/favicons?domain=webrandum.net)Webrandum![](//webrandum.net/mskz/wp-content/uploads/2022/04/eyecatch-11.png)画面共有しながら説明するときに画面上に図形が描ける「Presentify」https://webrandum.net/presentify画面共有しながら説明するとき、「ここを見てください」と伝える方法はいくつかあります。 「ここ」ではなく具体的な名称を口頭で補足する マウスカーソルでぐるぐる円を描いて伝える Mousepóseなどを使ってハイライトする OS標準の拡大機能で画面を大きくするただ、具体的な名称を細くしても相手にはうまく伝わらなかったり、「マウスカーソルでぐるぐる円を描く」はやってしまいがちですが、画面共有相手にはマウスカーソルがかなり小さく表示されてしまうため見にくくて親切ではありません。今回はそんな画面共有やプレゼン時に使え...](https://webrandum.net/presentify)

## DemoPro

![DemoPro](https://webrandum.net/mskz/wp-content/uploads/2022/11/image_1-3-scaled.jpg)

[![](https://www.google.com/s2/favicons?domain=www.demoproapp.com)www.demoproapp.com![](https://s.wordpress.com/mshots/v1/http%3A%2F%2Fwww.demoproapp.com%2F?w=160)DemoPro – Screen annotation and countdown timer for Machttp://www.demoproapp.com](http://www.demoproapp.com/)

Demo ProはMacの画面上に矢印や長方形などの図形、フリーハンドが書けるアプリです。料金は320円で買い切りになっています。

- オンラインMTGで画面共有をして説明をするときに「ここを見てください」とマウスカーソルをくるくるしないで矢印や長方形を書ける

- ちょっとした修正指示を出すときに、直してほしい場所を囲ってスクショを撮れば、「ここを直して」で場所が伝わる [Gyazo Pro](https://webrandum.net/gyazo-pro/)でも同じことができます

画面共有先の人にとって、画面はひと回り小さく表示されてしまうので、マウスはかなり小さくなってしまいます。

共有している側はマウスカーソルをくるくるして説明した方がラクですが、余計なすれ違いを生まないためにも、こうしたアプリを使って1つ1つ確実に意思疎通を取った方が早かったりします。

## 基本的な使い方

ショートカットキーを入力しながら、左クリックですぐに描画されます。

「[Presentify](https://webrandum.net/presentify/)」は描画モードにショートカットキーで切り替えてから書けるようになるので、そこが大きな違いです。

デフォルトのショートカットキーはcontrol + ○系で統一されています。

簡単すぎるのと、MacデフォルトのEmacsキーバインドともバッティングしてしまうので変更をオススメします。

| 項目 | ショートカットキー | 備考 |
| --- | --- | --- |

| フリーハンド | control + S |   |
| --- | --- | --- |

| 線 | control + Q |   |
| --- | --- | --- |

| 矢印 | control + A | Arrowの頭文字 |
| --- | --- | --- |

| 四角形 | control + Z |   |
| --- | --- | --- |

| 取り消し | control + U | Undoの頭文字 |
| --- | --- | --- |

| 画面のクリア | control + X | command + Xで切り取りなので、切り取りつながりで覚える |
| --- | --- | --- |

| タイマーの表示 | control + T | Timerの頭文字 |
| --- | --- | --- |

| ホワイトボード | control + W | Whiteboardの頭文字 |
| --- | --- | --- |

| ブラックボード | control + K |   |
| --- | --- | --- |

ちなみに、このデフォルトのショートカットキーは「タイマーの表示」「ホワイトボード」「ブラックボード」以外は片手ですぐに押せるようにキーボード左側のキーに寄せられています。

ショートカットキーを押したあとにドラッグして図形を描画する必要があるので、マウスを持つことを前提とすると片手で押せるショートカットキーにしておくのは必須条件ですね。

カスタマイズする場合は、その辺を考慮して設定するようにしておきましょう。

### 描画設定

メニューアイコンから「Line Width」でペンの太さ、「Pen Color」でペンの色を変更できます。

![DemoProのメニュー内](https://webrandum.net/mskz/wp-content/uploads/2022/11/image_2-2.png)

| 色 | ショートカットキー | 備考 |
| --- | --- | --- |

| 青 | control + B | Blue |
| --- | --- | --- |

| ピンク | control + P | Pink |
| --- | --- | --- |

| オレンジ | control + O | Orange |
| --- | --- | --- |

| 黄 | control + Y | Yellow |
| --- | --- | --- |

| 緑 | control + G | Green |
| --- | --- | --- |

「Activation」で「Hold hotkey down」だとショートカットキーを押しながらドラッグで描画できますが、「Press Start & Stop」だと1度ショートカットキーを押したらキーを離してもドラッグで描画できて、もう1度ショートカットキーを押せばストップするようになります。

### タイマーの表示

タイマー機能も付いています。

真ん中に秒数が表示され、「Reset」と「Pause」が付いているだけのシンプルなタイマーです。

![DemoProのタイマー表示機能](https://webrandum.net/mskz/wp-content/uploads/2022/11/image_3-2.png)

右上の歯車アイコンから「分数」「メッセージ（デフォルトは「resuming in」）」や「色」を設定できます。