teratail header banner
teratail header banner
質問するログイン新規登録

質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.30%
Markdown

Markdownは、文書の構造、修飾情報を記述するための軽量マークアップ言語です。

学習

学習は、プログラミングやITスキルの学習方法、学習記録、教材の紹介などに関する投稿に使用されます。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

意見交換

16回答

1197閲覧

Markdownとはなんですか?

conanku

総合スコア0

Markdown

Markdownは、文書の構造、修飾情報を記述するための軽量マークアップ言語です。

学習

学習は、プログラミングやITスキルの学習方法、学習記録、教材の紹介などに関する投稿に使用されます。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

1クリップ

投稿2025/05/31 11:06

0

1

テーマ、知りたいこと

Markdownってよく聞くのですが、具体的にどんなメリットがあるのでしょうか?
他の記法と比べて何が優れているのか、初心者に分かりやすく教えてほしいです。

背景、状況

最近、ブログを始めようと思っています。色々な記事を読んでいると、Markdown記法で書くのが良いと書かれていましたが、HTMLなど他の記法と比べて何がどう良いのかイマイチ理解できていません。HTMLで書くのと比べて、具体的にどんなメリットがあるのでしょうか?
また、学習コストも気になっています。簡単に習得できるのでしょうか?

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

回答16

#1

hiroki-o

総合スコア1431

投稿2025/05/31 11:11

HTMLより簡単で楽です。
実際に書いてみると、わかります。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

#2

conanku

総合スコア0

投稿2025/05/31 11:20

ご返事ありがとうございます!

「HTMLより簡単で楽」とのことですが、具体的にどのような点が簡単で楽だと思われますでしょうか?
例えば、HTMLだとタグの開始と終了をしっかり記述する必要がありますが、Markdownだと記号を使ってシンプルに記述できるという認識ですが、その点でしょうか?
他にも、初心者にとってMarkdownがHTMLより簡単な点があれば、具体的に教えていただけると嬉しいです!

また、実際に書いてみるとわかる、とのことですが、Markdownを始めるにあたって、何かおすすめのツールや学習方法はありますか?
具体的なアドバイスをいただけますと幸いです。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

#3

hiroki-o

総合スコア1431

投稿2025/05/31 11:31

Markdownを解説しているページはたくさんあるので、それを見て、実際に手を動かしたほうが早いです。
Visual Studio CodeかVisual Studioなら、標準機能でMarkdownに対応しているので、簡単に確認できます。
(書いて、拡張子*.mdで保存して、プレビューするだけ)

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

#4

TakaiY

総合スコア14494

投稿2025/05/31 13:29

markdownは元のテキストドキュメントも読みやすいことが大きな利点です。HTMLなどは基本的に整形後の見栄えのみに重点を置いた記法なので、タグなどの余計な要素があるので、元のドキュメントでは読み取ることが困難です。
また、そのままでも読みやすいということはそのままでも書きやすいということですので、メンテナンスが楽になります。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

#5

shiketa

総合スコア4133

投稿2025/06/02 02:11

編集2025/06/02 02:12

メモ帳もサポートしますね。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

#6

tt-tt

総合スコア183

投稿2025/06/03 01:58

横からすみません!
ブログサービスのnoteはwysiwyg対応してますけど、それとmarkdownだったらどっちのほうが便利なんだろうって疑問に思いました。
自分は前職でAtlassianのコンフルとか使ってたので、割とwysiwygのようなリッチテキストエディターに馴染みがあるのですが、現職でmarkdown結構利用してるかた多く、皆さんの知りたくなりました!

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

#7

fana

総合スコア12205

投稿2025/06/03 04:57

HTMLなど他の記法と比べて何がどう良いのかイマイチ理解できていません。HTMLで書くのと比べて、具体的にどんなメリットがあるのでしょうか?
また、学習コストも気になっています。簡単に習得できるのでしょうか?

Wikipedia情報ですが,元々は

プレーンテキスト形式で手軽に書いた文書からHTMLを生成するために開発された

との話みたいです.ということは,最初は

  • HTMLを得ることが目的なんだけど
  • でも「HTMLを自分で書くのって辛くね?」

…みたいな状況が何かあって,そこでどうにかして楽をするための手段として考案されたわけですね.

Markdownの記法の多くは、電子メールにおいてプレーンテキストを装飾する際の慣習から着想を得ている

との話もあり,素人でもとっつきやすい記法になっていると言えるでしょう.

要するに,「HTMLが欲しいけど,HTMLのお勉強とかは辛いです.やりたくないです,絶対.」という私みたいな人向きな代物だったわけですね.きっと.

例えば,HTMLのことを何一つ知らない私が
「HTMLの文書をつくって,そこに箇条書きでなにやら書きたいんだけど,DOしたらE?」
という感じでググって実践するとしたら,まぁ2日~くらい費やしたりしそうな気がしないでもないですが,
Markdownで同じことをするならきっと5分くらいで終わるでしょう.

……っていう感じの,記法の簡単さ(学習コストの低さ)が「私みたいな素人が感じる」メリットということになりますね.

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

#8

hatena19

総合スコア34367

投稿2025/06/03 08:27

編集2025/06/03 12:07

#6

ブログサービスのnoteはwysiwyg対応してますけど、それとmarkdownだったらどっちのほうが便利なんだろうって疑問に思いました。

wysiwygは編集画面の表示と出力が結果が同じになるという機能のこと、
markdownはHTMLと同じマークアップ言語の一種、
ジャンルが違う概念なので比較するものではないですね。

noteはブログサービスなので出力はHTMLですので、その編集画面はwysiwyg対応のHTMLエディターということになります。

ということでwysiwyg対応のmarkdownエディターも存在するわけで、
#5
でふれられてますが、メモ帳もwysiwyg対応のmarkdownエディターということになります。

以前私が使っていた typora というエディターは markdown記法で入力してその場で装飾が反映されます(つまりwysiwyg)。
これは最近有料化されたのですが、同様の機能のエディターで Mark Text という無料のものもあります。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

#9

AmaiSaeta

総合スコア166

投稿2025/06/04 15:12

既に皆さんが言及されているとおり、MarkdownのHTMLに対する利点としては、 書きやすい 点、及び 読みやすい 点が挙げられるでしょう。#7 の回答者が言及しているとおり、Markdownは、英語圏でのプレーンテキストでのメールの内容の修飾に用いられていた慣習が元になっていると聞きます。よって、太字は太字で、引用は引用として視覚的な変換を されなくても パッと見で「そこがどういう修飾をされている場所か」が(少なくとも英語圏の人間にとっては)判別しやすいという点が個人的にはMarkdown最大の利点だと思います。


最近、ブログを始めようと思っています。色々な記事を読んでいると、Markdown記法で書くのが良いと書かれていましたが、

……との事ですが、 全てのblogのプラットフォームでMarkdownが使用出来る訳ではありません。 Markdownに対応している物も在れば、HTMLを受け付ける物も在ります。何方にも対応しておらず、文字修飾はWYSIWYGエディタ上での操作でしか出来ないというケースも在ります。そこには注意が必要です。 先ずMarkdownありきではなく、使いたいblogプラットフォームが何に対応しているか?をよく調べてみる事をお勧めします。


ところで、ではMarkdownが最も良い記法なのでしょうか?HTMLはMarkdownに比べ形無しなのでしょうか?そういった点も考慮にいれると良いと思います。

HTMLに対し、Markdownが劣っている点は以下の2点と考えます。

  • 表現できる内容が少ない。
  • アクセシビリティ面が非常に弱い。

HTMLのタグの種類と、Markdownで用いる記号の数を比べると自明ですが、 HTMLで表現出来る全てがMarkdownで表現出来る訳ではありません。 表現出来る内容を必要最小限に絞っているからこそ、Markdownはより読み書きしやすい記法を採用出来たと言えるのでしょうが、「自分が表現したい内容が表現出来ない可能性が(HTMLに比べて)高くなる」という点は覚悟しておく必要が在ります。

また、アクセシビリティ面への考慮が欠けているのは、個人的なMarkdownに対する最大の不満点です。確かに此れもMarkdownの読み書きしやすさとのトレードオフだとは思いますが。Markdownの文字修飾は 視覚的な修飾 に偏っています。例えば **文字列** と書いた場合、それの意味する所は「『文字列』を太字にする」ですが、「何故、太字にするのか」といった情報は、そこから抜け落ちています。webの情報を目で読み取る事が出来る方であれば、前後の文脈で何となく意図を察する事も出来るでしょうが。例えば全盲の方がスクリーンリーダーを用いた場合にも「太字にした意図」が問題なく伝わるでしょうか?blogのような不特定多数へ公開する文書に採用する記法として妥当かどうか、考慮する必要が在るでしょう。

全ての面において他より優れている物と言うのは、一般に存在しません。HTMLにはHTMLの長所と短所が、MarkdownにはMarkdownの長所と短所が在る事を理解し、 どのケースでは何方がより適しているか、判断して使い分ける 事が必要です。皆さん「メリット」のみに着目されているので、「デメリット」面にも言及させて頂きました。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

#10

hiroki-o

総合スコア1431

投稿2025/06/07 04:21

#9
WordPressは標準機能でMarkdown入力に対応していますが、**文字列**<strong>文字列</strong>に変換されます。
他のブログシステムでも、teratailでも、最終的にHTMLに変換されるのは同じだと思います。

ですから、Markdownは視覚障害者に対するアクセシビリティが悪いという意見には同意できません。

きっかけはブログでも、他にも使える技術です。
質問者さんが、「Markdownは視覚障害者に対するアクセシビリティが悪いから」という理由で、学習を断念することがないように願っています。
私は、誰かが新しいことを始めようとするときに、背中を押す側の人間でありたいです。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

#11

TakaiY

総合スコア14494

投稿2025/06/07 06:05

アクセシビリティ面への考慮が欠けているのは、個人的なMarkdownに対する最大の不満点です。

例えば 文字列 と書いた場合、それの意味する所は「『文字列』を太字にする」ですが、「何故、太字にするのか」といった情報は、そこから抜け落ちています。

Markdownに問題があるという文脈でのこの主張について意図がよくわからないのですがどういう意味でしょうか? HTMLやリッチテキストなど他の記法であれば、「何故、太字にするのか」が明確に表現されるということでしょうか?

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

#12

AmaiSaeta

総合スコア166

投稿2025/06/07 13:36

編集2025/06/07 14:08

#10

私は「Markdownを学習するのは止めておけ」とは言っていません。以下の引用のとおり、 長短が在るのでそれを考慮して適切に選びましょう と言っています。

全ての面において他より優れている物と言うのは、一般に存在しません。HTMLにはHTMLの長所と短所が、MarkdownにはMarkdownの長所と短所が在る事を理解し、 どのケースでは何方がより適しているか、判断して使い分ける 事が必要です。

敢えて短所に言及している理由も、以下のとおり述べているので読み直して頂けると幸いです。物事の比較をする際に、長所のみで比べる人って居ませんよね?

皆さん「メリット」のみに着目されているので、「デメリット」面にも言及させて頂きました。

また、「WordPressやTeratailでは **文字列**<strong>文字列</strong> になる」というのは、あくまでWordPressやTeratail独自の仕様ではないですか?当質問が特定のMarkdownのHTMLへの変換の実装に限定した物であるのならば貴方の指摘は尤もですし、HTML4位からのHTMLから見た目を分離する潮流との整合性を取ろうとするとそうなる事を考えると、そのような実装が多いだろう事は認めますが。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

#13

AmaiSaeta

総合スコア166

投稿2025/06/07 13:52

#11

HTMLやリッチテキストなど他の記法であれば、「何故、太字にするのか」が明確に表現されるということでしょうか?

そうではないです。

例えば貴方がMarkdown文書を書いて、その一部を太字化する為に **** で囲った場合、「それを太字にした意図」という物が有る筈です。それはもしかしたら「強調」(HTMLで strong 要素を使う場面)かも知れませんし、もしかしたらインラインでの「引用」(同じくHTMLで q 要素を使う場面)かも知れません。もっと他の何かかも知れません。少なくとも現代のHTMLにおいては、その「意図」で文章をマークアップしましょうという事になっています(一応 b という要素は在りますが、此れは主に英文の慣習上の太字の話となるので、此処では取り上げません)。ところが、Markdownの場合は、あくまで「太字」という「見た目」上の話になってしまい「意図」が削ぎ落とされてしまいます。そこがアクセシビリティ上の問題だと思うのです。

※リッチテキストについては、そもそも言及していないので省きます。

此れについては、#11 の方の読み方も出来る表現だったと思いますので、お詫びし、前述の通り補足します。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

#14

TakaiY

総合スコア14494

投稿2025/06/07 13:57

#13
なるほど、より細分化された表現が可能であるということですね。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

#15

utm.

総合スコア860

投稿2025/06/08 04:27

別にブログなんて好きな方法で書けばいいのではないでしょうか。
太字や引用をよりシステム化された形(?)で書きたい時に、MarkdownなりHTMLなりを学べば良くないでしょうか。

もし質問がHTMLの学習でも同様の意見です。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

#16

aokikenichi

総合スコア2264

投稿2025/06/15 02:09

すでに多数の方がお答えいただいていますがまだ閉じていないので違う観点から

ChatGPTなどとの対話にMarkdwonは非常に有効です。通常は普通のテキストでやり取りすればいいですが

  • ChatGPTへの入力として
    - プロンプトは「目的」「指示」「条件」などとタグ的に指示した方が良いとされてますが、箇条書きで詳細な指示をつけるなどとなるとMarkdownが有効です。
    - 数式(KaTex)、図(Mermaid, PlantUML)などMarkdownと親和性の高い書式を使うとChatGPTと数式や図で指示することも可能です。
  • ChatGPTからの出力として
    - 長文のレポートなどを出力する時、最近はデフォルトでMarkdownとなっているようですが、指示内容によっては読みにくい書式で返ってくることもあります。「読みやすくして」でもいいのですが「Markdownで出力して」の方が間違いが少ないです。
    - またMarkdown出力をしておけばその後PDFや、Marpなどを使ってプレゼン資料にも加工しやすいです。
    • 数式、図で回答を得る場合もInputで書いたのと同様、Markdownと親和性の高い書式で出力を得られます

一般の方には勧めにくいですが、エンジニアならばこの観点だけでもMarkdownはほぼ必須かなと推奨しています

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

この意見交換はまだ受付中です。

会員登録して回答してみよう

アカウントをお持ちの方は

関連した質問