# Markdownのススメ 2020/6/9 FUSION 新入社員研修 --- ## Markdownとは https://www.markdown.jp/what-is-markdown/ - 手軽に**文章構造**を明示できる - 簡単で、覚えやすい - 読み書きに特別なアプリを必要としない --- ## 文章構造とは https://www.markdown.jp/what-is-markdown/ >文章には「章」や「節」といった「見出し」がありますね。また、本文には「段落」や「箇条書き」があります。(中略)文章にはこうした「構造」があり、それを明示することで便利に読み書きできます。 --- 日報を例に ![脚注](https://i.imgur.com/qfgX3w6.png) ![image alt](https:// "title") --- 日報を見やすくしようとすると どの記号使うか迷ったりしませんか? 【 】 < > ■ ● ▼ 1) ・ --- ## 書きやすさと見やすさは反比例する? --- ## 答え Markdownを使うと簡単に見やすい文章を作成できる! --- ![](https://i.imgur.com/bTARq9q.png) --- ## HTMLでも同じことはできる でもそこがんばるの? わざわざタグ書くの? ```html <h1>今週の目標</h1> <ul> <li>システム運用チームの業務内容・雰囲気を知る</li> <li>研修後、個人的にアウトプットする</li> </ul> <h1>1日振り返り</h1> <h2>本日の業務</h2> <ul> <li>復習(前回の復習)</li> ``` --- ## (私が)Markdownを使う理由 - 文章構造になっていると読みやすい(自分も他人も) - 他人が読みやすい = 読解の負荷が下がる = コミュニケーション効率がアップ - パワフルなわりに学習コストがとても低い --- ## FUSIONでは使われている? - Backlog - Microsoft Teams - 社内アドベントカレンダー --- # Markdown記法 --- ## 見出し <div style="text-align:left"> # 見出し1<br> ## 見出し2<br> ### 見出し3<br> #### 見出し4<br> </div> #の数 = 見出しレベル --- ## 文字装飾 **太字** \*\*太字** *斜体* \*斜体* --- ## 引用 > Marketing becomes more human. <div style="text-align:center"> > Marketing becomes more human.<br> </div> --- ## 箇条書き - list1 - list2 - list2-1 - list2-2 - list3 - list3-1 - list3-1-1 --- <div style="text-align:left"> - list1<br> - list2<br> &emsp;- list2-1<br> &emsp;- list2-2<br> - list2-2<br> - list3<br> &emsp;- list3-1<br> &emsp;&emsp;- list3-1-1<br> ※ リストは*(アスタリスク)でもOK </div> --- ## 番号付きリスト 1. list1 2. list2 3. list3 --- <div style="text-align:center"> 1. list1<br> 2. list2<br> 3. list3<br> </div> --- ## チェックリスト - [x] やること1 - [ ] やること2 - [ ] やること3 --- <div style="text-align:center"> - [x] やること1<br> - [ ] やること2<br> - [ ] やること3<br> </div> --- ## リンク [FUSION](https://www.fusion.co.jp) --- <div style="text-align:center"> [表示テキスト](URL) </div> --- ## コードブロック ```python if this_seminar == "meaningful": print("It's fun!") else: print("It's boring...") ``` --- <div style="text-align:left"> ```<br> if this_seminar == "meaningful":<br> &emsp;print("It's fun!")<br> else:<br> &emsp;print("It's boring...")<br> \``` </div> --- 日報で使っている記法はこれだけ ![](https://i.imgur.com/qfzYYt7.png) --- ## 用途別おすすめエディタ --- ## 会社用 **Visual Studio Code** ![](https://i.imgur.com/n2HdCqf.gif) --- ## 個人用 **Notion** ![](https://i.imgur.com/Qj3iFml.gif) --- ## 今日使ったもの **HackMD** オンラインで公開しても良いものや共同編集するときに使っている。 --- ### 興味があったら HackMDの[機能紹介](https://hackmd.io/features-jp?both)をチェック --- ## 本日の課題 --- **岩野さんセミナーをMarkdownでまとめよう!** - ルール:見出し1は以下とする - サマリ - セミナーの内容 - 所感 - これ以外は自由でOK - チートシートを見ながら**Markdown記法をふんだんに使って**まとめましょう。 - 見出し、リスト以外にもリンク、画像埋め込みなど使うと良いです。
{"metaMigratedAt":"2023-06-15T09:12:45.730Z","metaMigratedFrom":"YAML","title":"2020 FUSION 新入社員研修","breaks":true,"slideOptions":"{\"transition\":\"fade\"}","contributors":"[{\"id\":\"d90206ea-b779-4d83-b38e-77718599533e\",\"add\":4949,\"del\":2104}]"}
    263 views