Sample

Marpで作成したスライド

@jyoppomu

sample

マークダウン記法

<!--_class: lead -->#headingの前に追加するとタイトルページになります。
<!-- _paginate: false -->#headingの後に追加するとページ番号が表示されなくなります。
<!--fit-->#headingに含めるとそのheadingが画面全体に拡大されます。

sample

リンク

このスライドはaYukiYoshida/tipsのリポジトリで管理しています。

sample

リスト

箇条書きリスト

  • 項目1
  • 項目2
  • 項目3
    • サブ項目1
    • サブ項目2

順序付きリスト

  1. 項目1
  2. 項目2
    1. サブ項目1
    2. サブ項目2
  3. 項目3
sample

文字の色

white
black
gray
red
blue
light-blue
green
yellow
orange
purple

==white=={.white}
==black=={.black}
==gray=={.gray}
==red=={.red}
==blue=={.blue}
==light-blue=={.light-blue}
==green=={.green}
==yellow=={.yellow}
==orange=={.orange}
==purple=={.purple}
sample

文字の大きさ

xl5
xl4
xl3
xl2
xl
lg
sm
xs
xs2
xs3

==xl5=={.text-xl5}
==xl4=={.text-xl4}
==xl3=={.text-xl3}
==xl2=={.text-xl2}
==xl=={.text-xl}
==lg=={.text-lg}
==sm=={.text-sm}
==xs=={.text-xs}
==xs2=={.text-xs2}
==xs3=={.text-xs3}
sample

画像

![height:300](./images/marp.png)
sample

Note

これは情報です。

これは情報です。{.note}
sample

Tip

これは補足です。

これは補足です。{.tip}
sample

Important

これは重要です。

これは重要です。{.important}
sample

Warning

これは注意です。

これは注意です。{.warning}
sample

Caution

これは警告です。

これは警告です。{.caution}
sample

Mermaid

sample

PlantUML

sample

カラムレイアウト

:::c
ここに1列目の内容を書きます。
空行によって分割します。

ここに2列目の内容を書きます。

ここに3列目の内容を書きます。
:::

ここに1列目の内容を書きます。
空行によって分割します。

ここに2列目の内容を書きます。

ここに3列目の内容を書きます。

sample