「Notion Slides」でNotionのページを1クリックでスライド表示する(ブラウザ拡張機能)

Notionのページをブラウザ上でスライド表示する拡張機能「Notion Slides」を試してみました。
2020.08.14

Notionを使うと、メモ・ドキュメント・プロジェクト計画・タスク管理・議事録などを一纏めで管理できます。使い方次第でいろんな事ができます。

そんなNotionのページを簡単なスライドとして表示できる拡張機能を発見したので使ってみました。 簡単なスライドを作るとき、だいたい下記になると思いますが、Notionで完結するのです。

  • PowerPointやKeynoteの起動がめんどくさい
  • Goodleスライドでも良いけどマークダウンで書きたい
  • マークダウンをスライド化するサービスで作成(or コピペ)するのがめんどくさい

Notion Slides

拡張機能はChromeとFirefoxがあります。

使い方

Notionのページを開き、ブラウザの拡張機能にあるボタンを押すだけです。

Notion Slidesを使うボタン

スライド表示された様子

各スライドのスクリーンショットを1つの画像にまとめました。

Notion Sidesでスライド表示した様子

Notionのテキストページの様子

Notionページの様子

全画面表示やダークモード表示も可能

右上にあるPresentボタンを押せば全画面で表示されます。ボタンを押せばダークモード表示もできます。

各機能のボタンが表示されている様子

ページの概念

デモページ兼ドキュメントにも記載があるとおり、スライドは縦横の2次元で配置されています。 そのため、縦区切りと横区切りの分かれ方に慣れるともっと仲良くできます。

  • 横区切り: h1/Devider (---)
  • 縦区切り: h2-

おすすめの構成

  • h1が1つ、他の見出しはh2のみ使う(縦移動だけ)
  • h1を使わず、h2h3のみ使う(横移動だけ)

簡単なサンプルを下記に載せます。

  • すべてh1なら、横区切り(横移動)だけになる
  • h1が無いなら、横区切り(横移動)だけになる
  • h1が1つだけなら、縦区切り(縦移動)だけになる
  • h1が複数なら、縦横区切り(縦横移動)が混在する

すべてh1なら、横区切り(横移動)だけになる

Notion Slidesによるスライド表示の様子

テキストはこちら(折りたたみ)
# これはh1です

- 巻雲
- 巻積雲
- 巻層雲

# これはh1です

- 高積雲
- 高層雲

# これはh1です

- 乱層雲
- 層積雲
- 層雲

# これはh1です

- 積雲
- 積乱雲

h1が無いなら、横区切り(横移動)だけになる

Notion Slidesによるスライド表示の様子

テキストはこちら(折りたたみ)
## これはh2です

- もうかりまっか
- ぼちぼちでんな~

## これはh3です

- 金
- 銀
- 財宝

## これはh2です

### これはh3です

- 大根
- たまご

### これはh3です

- ちくわ
- ちくわぶ

## これはh2です

- はんぺん

### これはh3です

- さつま揚げ
- じゃがいも

### これはh3です

- こんにゃく
- もち巾着

h1が1つだけなら、縦区切り(縦移動)だけになる

先ほどのテキストの先頭にh1を追加しただけです。

Notion Slidesによるスライド表示の様子

テキストはこちら(折りたたみ)
# これはh1です

## これはh2です

- もうかりまっか
- ぼちぼちでんな~

## これはh3です

- 金
- 銀
- 財宝

## これはh2です

### これはh3です

- 大根
- たまご

### これはh3です

- ちくわ
- ちくわぶ

## これはh2です

- はんぺん

### これはh3です

- さつま揚げ
- じゃがいも

### これはh3です

- こんにゃく
- もち巾着

h1が複数なら、縦横区切り(縦横移動)が混在する

Notion Slidesによるスライド表示の様子

テキストはこちら(折りたたみ)
# This is h1

- こんにちは
- こんばんは
- おはようございます

# This is h1

- これ
- それ
- あれ
- どれ

# This is h1

- h1で横方向が分かれるらしい

## これはh2です

- もうかりまっか
- ぼちぼちでんな~

## これはh3です

- 金
- 銀
- 財宝

## これはh2です

### これはh3です

- 大根
- たまご

### これはh3です

- ちくわ
- ちくわぶ

## これはh2です

- はんぺん

### これはh3です

- さつま揚げ
- じゃがいも

### これはh3です

- こんにゃく
- もち巾着

# これはh1です

- おでん
- ゆでん

さいごに

簡単なスライドで良ければNotionで完結するのが嬉しいですね。 最近はリモートで画面共有して発表することも多いので、ブラウザでも十分なことも多いです。

参考