Markdown言語入門 - Speaker Deck

Slide 1

Slide 1 text

Markdown 入門〜初心者のための基本ガイド〜 Markdown は簡潔で読みやすいテキスト形式で文書を作成できる軽量マークアップ言語です。このスライドでは、Markdown の基本から応用までを初心者向けに解説します。 1

Slide 2

Slide 2 text

Markdown とは何か Markdown は、プレーンテキストをHTML やその他のフォーマットに簡単に変換できるマークアップ言語です。2004 年にJohn Gruber と Aaron Swartz によって開発されました。 2

Slide 3

Slide 3 text

主な特徴プレーンテキストで書けるため、どのテキストエディタでも編集可能シンプルな構文で学習が容易書式装飾よりも内容に集中できる広く普及しており、様々なプラットフォームでサポートされている 3

Slide 4

Slide 4 text

Markdown を使う利点 1. 簡潔さと読みやすさ: シンプルな構文で読みやすい文書作成が可能 2. プラットフォームの独立性: どのデバイスやエディターでも使用可能 3. 学習が早い: 直感的な構文で短期間で習得できる 4. 幅広い採用: GitHub 、WordPress 、様々なブログシステムなどで使用されている 5. 速度と効率: 書式よりも内容に集中できるため、文書作成が効率的 4

Slide 5

Slide 5 text

Markdown の基本構文 5

Slide 6

Slide 6 text

見出し見出しは # 記号で表現します。 # の数が見出しのレベルを示します。 # 見出し1 ## 見出し2 ### 見出し3 #### 見出し4 ##### 見出し5 ###### 見出し6 6

Slide 7

Slide 7 text

段落と改行段落は空行で区切ります。改行するには、行末に2 つ以上の半角スペースを入れます。 1段落目 2段落目 1行目（行末に2つ以上の半角スペース） 2行目 7

Slide 8

Slide 8 text

強調（太字・斜体）テキストを強調するには、アスタリスク( * ) やアンダースコア( _ ) を使います。 *斜体* または _斜体_ **太字** または __太字__ ***斜体と太字*** または ___斜体と太字___ 8

Slide 9

Slide 9 text

リスト番号なしリスト行頭に * 、 - 、 + のいずれかを使います。 * リスト項目1 * リスト項目2 * サブ項目1 * サブ項目2 9

Slide 10

Slide 10 text

番号付きリスト行頭に数字とドット( . ) を使います。 1. リスト項目1 2. リスト項目2 1. サブ項目1 2. サブ項目2 10

Slide 11

Slide 11 text

応用的な構文 11

Slide 12

Slide 12 text

リンクリンクは [リンクテキスト](URL) の形式で書きます。 [Google](https://www.google.com) [Google](https://www.google.com "Googleへのリンク") 12

Slide 13

Slide 13 text

画像画像は`` の形式で書きます。 ![サンプル画像](https://example.com/image.jpg) ![サンプル画像](https://example.com/image.jpg "画像タイトル") 13

Slide 14

Slide 14 text

コードブロックインラインコードバッククォート( ` ) で囲みます。これは `インラインコード` です。 14

Slide 15

Slide 15 text

コードブロックバッククォート3 つで囲み、言語を指定するとシンタックスハイライトが有効になります。 def hello(): print("Hello, world!") 15

Slide 16

Slide 16 text

表縦線( | ) とハイフン( - ) を使って表を作成します。 | 見出し1 | 見出し2 | | ------- | ------- | | セル1 | セル2 | | セル3 | セル4 | 16

Slide 17

Slide 17 text

引用行頭に > を使います。 > これは引用です。 >> ネストされた引用です。 17

Slide 18

Slide 18 text

水平線 3 つ以上のハイフン( - ) 、アスタリスク( * ) 、アンダースコア( _ ) で表現します。 --- *** ___ 18

Slide 19

Slide 19 text

Markdown でスライドを作成できるツール 19

Slide 20

Slide 20 text

Marp VSCode の拡張機能として利用可能 HTML やPDF 、PowerPoint としてエクスポート可能 CSS でカスタマイズ可能スライドを --- で区切る 20

Slide 21

Slide 21 text

Remark.js シンプルなデザインが特徴 HTML ファイルに直接Markdown を書く方式 CSS でスタイル調整可能 21

Slide 22

Slide 22 text

Slidev Markdown とVue.js でスライド作成可能コードブロックのシンタックスハイライトが優れているインタラクティブな要素を追加可能多様な公開方法に対応（PDF 、PPTX 、PNG 、Web ページのSPA ） 22

Slide 23

Slide 23 text

実践的な使い方 Markdown は様々な場面で活用できます： GitHub のREADME.md ファイルブログ記事の執筆技術文書の作成チームでの情報共有ドキュメントプレゼンテーションスライド 23

Slide 24

Slide 24 text

Markdown で数式を記述する方法 24

Slide 25

Slide 25 text

1. Markdown で数式を書く理由数式をそのままテキストで表現でき、論文や技術資料の作成に便利 GitHub やMarp 、VSCode など多くのツール・サービスでサポート 25

Slide 26

Slide 26 text

2. 数式記述の基本ルールインライン数式テキスト中に数式を埋め込む場合は、数式を $ で囲むこれはインライン数式 $y = x^2 + 1$ の例です。 26

Slide 27

Slide 27 text

ブロック数式独立した数式を表示する場合は、数式を $$ で囲む $$ y = x^2 + 1 $$ 27

Slide 28

Slide 28 text

3. よく使うLaTeX 数式記法記法表現例結果例 2 乗 $$x^2$$ ルート $$\sqrt{x}$$ 分数 $$\frac{a}{b}$$ 総和 $$\sum_{i=1}^n a_i$$ 積分 $$\int_a^b f(x)dx$$ 行列 $$\begin{pmatrix}1 & 2\3 & 4\end{pmatrix}$$ 28

Slide 29

Slide 29 text

4. Markdown スライド（Marp 等）での数式サポート Marp やGROWI などのMarkdown スライドツールでは、上記の記法で数式をそのままスライドに表示できる $...$ や $$...$$ で囲むだけでOK KaTeX またはMathJax によるレンダリングが一般的 29

Slide 30

Slide 30 text

5. 注意点・補足一部のMarkdown エディタやサービスでは、数式表示のために MathJax やKaTeX の設定が必要な場合がある GitHub やVSCode 、Marp など主要なツールでは標準でサポートされていることが多いサポートされていない場合、MathJax のスクリプトを埋め込んで対応可能 30

Slide 31

Slide 31 text

まとめ Markdown は簡単に習得でき、効率的に文書作成ができる軽量マークアップ言語です基本構文（見出し、段落、リスト、強調）は数分で習得できます応用的な構文（コード、表、引用）で文書の表現力が高まります Marp やRemark.js 、Slidev などのツールを使えば、Markdown だけでプレゼンテーションスライドも作成できます Markdown は一度覚えれば長く使える実用的なスキルです。ぜひ日常的な文書作成に取り入れてみてください。 31