本日のゴール

ここに本日のプレゼンテーションのゴールを記述してください。

  • 伝えたいこと1の説明
  • 伝えたいこと2の説明
  • 伝えたいこと3の説明

第1部

セクション1のタイトル

サブタイトル(任意)

通常スライドの例

箇条書きと強調を使ったシンプルなスライドです。

  • 重要な点<strong> タグで強調できます
  • 2つ目のポイント
  • 3つ目のポイント

2カラムレイアウトの例

左カラムにテキストや箇条書きを配置します。

  • ポイント1
  • ポイント2
  • ポイント3

アイキャッチスライドの例

.highlight-slide クラスで強調表示になります。

重要なメッセージや章の区切りとなる結論に使用してください。

強調文字は赤色で表示されます。

バッジ(Label)の例

  • カテゴリA 説明文をここに記述します
  • カテゴリB 説明文をここに記述します
  • カテゴリC 説明文をここに記述します

画像の中央表示例

第2部

セクション2のタイトル

Mermaid 図の大きな表示例

テキストと図のレイアウト例

図を使って概念や構造を可視化できます。

  • 左カラムに説明テキスト
  • 右カラムに図や画像
  • Mermaid で図を自動生成

まとめ

まとめのタイトル

本日のゴールのふりかえり

  • 伝えたかったこと1
    • ふりかえりの説明
  • 伝えたかったこと2
    • ふりかえりの説明
  • 伝えたかったこと3
    • ふりかえりの説明

結論・メッセージ

ここに本日の最も伝えたいメッセージを一言で書きます。

印象に残るキーメッセージを大きく提示しましょう。

ご清聴ありがとうございました

質疑応答 (Q&A)

表紙スライド: images/title.svg を差し替えてください。 推奨サイズ: 1280x720px

話者ノートはここに書きます。 本日のゴールを簡潔に伝え、次のスライドへ繋げましょう。

章の扉スライドです。title-slide クラスでダークパープルのグラデーション背景になります。

話者ノートはここに書きます。 1スライド1メッセージを心がけましょう。

.two-columns クラスで左右2カラムレイアウトになります。 .rounded-image クラスで画像に角丸が適用されます。

.Label クラスでバッジ/タグを表現できます。 .small-list クラスで箇条書きのフォントサイズが縮小されます。

.center-image クラスで画像を中央に60%幅で表示します。

Mermaid 図(images/src/*.mmd)を使ったスライドの例です。

.large-image クラスで画像を横幅いっぱい・最大高さ制限付きで表示します。 images/src/architecture.mmd を編集して独自の図を作成してください。

図とテキストを組み合わせるときは .two-columns + .large-image の組み合わせが有効です。

最初に提示したゴールを振り返り、達成できたかを確認します。

締めのスライドです。Q&A への導入として使います。