ゆめさくコード

Markdownの基本

markdownMarkdownについて10 枚Web 開発
スライド103触れる図解124レッスンの導入6

上から下へ、全 10 枚そのまま並べています。

発表モードで開く

Markdownについて

1 - 1

Markdownの基本

1
1
Markdownについて

Markdownとは

Markdown

プレーンテキストに記号を使って書式を指定し、HTMLなどに変換できる記法。

・2004年にJohn Gruberが考案

・README・ブログ・ドキュメントで広く使われている

・GitHubやNotion、Slackなど多くのツールが対応

2
2
Markdownについて

Markdownを使うメリット

シンプルに書ける

  • 特別なソフト不要
  • テキストエディタだけで完結
  • 記号を覚えるだけで使える

どこでも使える

  • GitHubのREADMEや Issue
  • NotionやZennなどのメモツール
  • スライドや技術ブログの執筆
3
3
Markdownについて

見出し・テキストの装飾

Markdown
# 見出し1
## 見出し2
### 見出し3

**太字**　　*斜体*　　~~打ち消し~~
4
4
Markdownについて

リストの書き方

Markdown
- 項目A
- 項目B
  - ネストした項目

1. 手順1
2. 手順2
3. 手順3
5
5
Markdownについて

リンクと画像

Markdown
[リンクテキスト](https://example.com)

![画像の説明](./image.png)

> 引用テキストはこのように書きます
6
6
Markdownについて

コードブロック

JavaScript
const greet = (name) => {
  console.log(`Hello, ${name}!`);
};

greet("World");
7
7
Markdownについて

テーブルの書き方

表示結果
用途

# テキスト

見出し

セクションタイトル

**テキスト**

太字

強調したい語句

- テキスト

箇条書き

項目の列挙

`コード`

インラインコード

変数名・コマンド

8
8
Markdownについて

よく使われる場面

  • GitHubのREADME・Issue・Pull Request
  • 技術ブログ（Zenn・Qiita）
  • 社内ドキュメント・Wiki
  • ChatGPTへの指示文（プロンプト）
  • スライド・ノートツール（Notion・Obsidian）
9
9
"

Markdownを覚えると、書くことへの摩擦がなくなる。アイデアをそのままテキストに落とせる。

— エンジニアの習慣

10
10