ラサクブMarkdown党宣言！

:::note info
- 社内LT用に作ったのだが登壇者が集まり不要となったのでこちらに晒す
- Marpで作成したのでQiita「スライドモード」でいけるかと思いましたが、フォントサイズ等変えられず断念。普通記事にします
:::

---
SpeakerDeckにも上げました。

https://speakerdeck.com/aokikenichi/rasakubumarkdowndang-xuan-yan

---

<font color="red">エンジニアはこの革命においてMS Officeの他に失う何物もない。彼らの得る物は生産性である。万国の技術者よ、団結せよ。</font>

# Markdownは<font color="red">ラサクブ</font>

||ク|ブ|
|:-:|:-:|:-:|
|**ラ**|プレゼンもレポートも<br/>**ラクラク**|対話型AIと<br/>**ラブラブ**|
|**サ**|図表も<br/>**サクサク**|このネタ<br/><b>サブサブ</b>|

# Markdownとは

> 「書きやすくて読みやすいプレーンテキストとして記述した文書を、妥当なXHTML（もしくはHTML）文書へと変換できるフォーマット」として、ジョン・グルーバー（英語版）により作成された。[^1]

> Markdown（マークダウン）とは、文書を記述する軽量マークアップ言語である。プレーンテキスト形式で手軽に書いた文書からHTMLを生成するために開発されたが、PowerPoint形式やLaTeX形式のファイルへ変換するソフトウェア（コンバータ）も開発されている。[^1]

[^1]: https://ja.wikipedia.org/wiki/Markdown

# プレゼンもレポートも<font color="red">ラクラク</font>

<table border=0 align="center">
<tr><th>こうかくと</th><th></th><th>こうなる</th></tr>
<tr>
<td>

<font size=5>

\# 第一段落
\## 第二段落
\- 箇条書き
&nbsp;&nbsp;&nbsp;&nbsp;\- \*Italic\*、\*\*Bold\*\*、\*\*\*Italic Bold\*\*\*
&nbsp;&nbsp;&nbsp;&nbsp;\- \\$\\$数式も\int{x}dx=\frac{x^2}{2}+C\\$\\$

</td>
<td>

$$\Rightarrow$$

</td>
<td>
<font size=3>

# 第一段落
## 第二段落
- 箇条書き
  - *Italic*、**Bold**、***ItalicBold***
  - $$数式も\int{x}dx=\frac{x^2}{2}+C$$

</font>
</td>
</tr>
</table>

# プレゼンもレポートも<font color="red">ラクラク</font>

- PDF化で報告書
- Marp拡張を使うとPowerPoint資料も

# 図表も<font color="red">サクサク</font>

<table border=0 align="center">
<tr><th>こうかくと</th><th></th><th>こうなる</th></tr>
<tr>
<td>

<font size=5>

\```plantuml
@startuml
start

while (data available?)
  :read data;
  :generate diagrams;
endwhile

stop
@enduml
\```

</font>

</td>

<td>

$$\Rightarrow$$

</td>

<td>

```plantuml
@startuml
start

while (data available?)
:read data;
:generate diagrams;
endwhile

stop
@enduml
```

</td>
</tr>
</table>

# こんな図も<font color="red">サクサク</font>
<div align="center">
<table>
<tr><td align="center"><img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/116049/563e3e5e-7ba9-4f12-91ed-12690a417e9c.png" width=200 /></td><td align="center"><img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/116049/52d2c9dd-4ede-4c64-a53f-6a3ee8ad4b25.png" width=150 /></td><td align="center"><img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/116049/8510fd7c-865a-4e00-b43a-b5887aa8bb16.png" width=200 /></td></tr>
<tr><td align="center"><img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/116049/51d854ee-3fc8-4ac1-8fa8-182899077310.png" width=300 /></td><td align="center"><img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/116049/8ff19acb-513d-4000-a9b0-405baab595e0.png" width=300 /></td><td align="center"><img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/116049/77b6bef8-26a2-4059-82a6-3a504c2540dd.png" width=300 /></td></tr>
</table>
</div>



c.f. 

https://mermaid.js.org/

https://plantuml.com/ja/

https://qiita.com/aokikenichi/items/cb65c546fced7d89fdfb

# 図表も<font color="red">サクサク</font>


<table border=0 align="center">
<tr><th>こうかくと</th><th></th><th>こうなる</th></tr>
<tr>
<td>


```

||Markdown|Word|
|:-:|:-:|:-:|
|A|O|X|
|B|O|X|
|C|:thumbsup:|:sob:|

```


</td>
<td>

$$\Rightarrow$$

</td>
<td>

||Markdown|Word|
|:-:|:-:|:-:|
|A|O|X|
|B|O|X|
|C|:thumbsup:|:sob:|


</td>
</tr>
</table>

# 対話型AIと<font color="red">ラブラブ</font>

- 対話型AIと一人ブレスト

    ```
    plantumlのmindmap形式でMarkdownの良さを端的にキーワードで示して
    ```
- 返答を図示して議論

```plantuml
@startmindmap
* Markdown
** シンプル
** 軽量
** 読みやすい
** 直感的
** テキストベース
** 拡張性
** GitHub連携
@endmindmap
```

- XXXをもう一段深く、、、など追加の依頼
- 逆に自分でMindmapを描いて対話型AIの意見をもらうなど

# その他の<font color="red">ラサクブ</font>

- ファイルサイズの小ささ
- バージョン管理のしやすさ
- エディタに依存しない
- WordやPowerPointでレイアウトに無駄に時間をかける必要がない
  - Markdownは表現力が落ちるが内容に重点
  - レイアウトに凝るならHTML/CSSでもできる
- **先頭の英文字が勝手に大文字になったりしない!!!** :laughing:


# まとめ：Markdownは<font color="red">ラサクブ</font>

<div align="center">



</div>

<div align="center">

||<font size=10>ク</font>|<font size=10>ブ</font>|
|:-:|:-:|:-:|
|<font size=10>**ラ**</font>|<font size=10>プレゼンもレポートも<br/>**ラクラク**</font>|<font size=10>対話型AIと<br/>**ラブラブ**</font>|
|<font size=10>**サ**</font>|<font size=10>図表も<br/>**サクサク**</font>|<table><tr><th>&nbsp;</th><th>
まき
</th><th>
みき
</th></tr><tr><td>
さかい
</td><td>
坂井真紀
</td><td>
酒井美紀
</td></tr><tr><td>
みずの
</td><td>
水野真紀
</td><td>
水野美紀
</td></tr></table>|

</div>



Enjoy!


- 皆もLTしましょう、気が向けばMarkdown/MarpやQiitaで！