Markdownプレゼンター

Markdownを書くだけでスライドを作成し、そのままブラウザで発表できます。

Markdownはこのブラウザ内だけで扱います。サーバーには保存されません。

テーマ文字サイズ100%

Markdown

9 枚

# Markdownプレゼンター

Markdownを書いて、スライドを作ります。

# Markdownプレゼンターでできること

> Markdownプレゼンターでは、Markdownの文章からスライドを作成できます。見出し、箇条書き、引用、画像、コードはスライドに表示し、通常の文章は発表者用のメモとして扱います。

# 書く、確認する、発表する

- ブラウザでMarkdownを編集
  - hogehoge
- すぐにスライドを確認
- そのまま全画面で発表

Markdown の本文は、発表者向けのメモになります。

# いつものMarkdownで作る

- 見出しはスライドのタイトル
- 箇条書きと引用はスライドに表示
- 通常の文章はSpeaker Notes

見出しでスライドを開始します。

# AIに渡すフォーマット指示

```text
Markdownプレゼンター用のMarkdownを作成してください。
- 各スライドを # で始める。--- による区切りは任意とする。
- # で新しいスライドを開始し、スライド内の見出しには ## または ### を使う。
- 箇条書き、引用、画像、リンク、コードはスライドに表示する。
- 話す内容は通常の文章としてSpeaker Notesに入れる。
- 1枚につき1つのメッセージにする。
- ネストした箇条書きは半角スペース2つでインデントする。
- Markdownだけを出力する。
```

# リンクと画像にも対応

![プレゼンテーションのプレビュー](https://placehold.co/1200x675/png?text=Markdown+Presenter)

- [OneDollarLabのサイトを見る](https://onedollarlab.com)

# 詳細はSpeaker Notesへ

> 伝えたいことを見せて、詳しい内容は話す。

通常の文章は観客には表示せず、発表者用のSpeaker Notesとして表示します。

# ブラウザから発表する

- Minimal、Business、Dark、Boldからテーマを選ぶ
- 観客向け表示から始める
- 全画面と左右キーで発表する

内容は保存されないため、このページを開いている間だけ使えます。

# コードも表示できる

```typescript
const slide = "Ready";
console.log(slide);
```

コードは見やすく表示し、この文章は発表者が説明するためのメモになります。

プレビュー

1 / 9

Markdownプレゼンター

スライド 1 / 9

Speaker Notes

Markdownを書いて、スライドを作ります。

できること

Markdownプレゼンターでは、Markdownの文章からスライドを作成できます。見出し、箇条書き、引用、画像、コードはスライドに表示し、通常の文章は発表者用のメモとして扱います。

# AIに渡すフォーマット指示

Markdownプレゼンター用のMarkdownを作成してください。
- スライドのタイトルには # または ## を使う。
- 箇条書き、引用、画像、リンク、コードはスライドに表示する。
- 話す内容は通常の文章としてSpeaker Notesに入れる。
- 1枚につき1つのメッセージにする。
- ネストした箇条書きは半角スペース2つでインデントする。
- Markdownだけを出力する。

使い方

左側のMarkdownを編集し、各スライドを # 見出しで開始します。
テーマを選び、スライドとSpeaker Notesを確認します。
発表モードを開き、左右のキーでスライドを進めます。

補足

1枚のスライドには1つの内容を置きます。
声に出して説明する内容は通常の文章として書きます。
画像はMarkdownに外部URLを記述して表示します。

FAQ

プレゼン内容は保存されますか？

いいえ。ページを開いている間だけブラウザ内で保持し、サーバーには保存しません。

どのMarkdownに対応していますか？

見出し、箇条書き、引用、画像、コードブロック、Speaker Notesとして扱う通常の文章に対応しています。

画像を表示できますか？

はい。![画像](https://example.com/image.jpg)のように、Markdownで外部画像URLを指定できます。