Markdown Preview

左側でMarkdownを書き、右側でレンダリングされたHTMLを確認できます。GFM構文（テーブル、コードブロック、タスクリスト）に対応。完全にブラウザ内で動作します。

動作方法: 下のエディタにMarkdownを入力またはペーストすると、リアルタイムでHTMLとしてレンダリングされます。見出し、太字、イタリック、リンク、画像、コードブロック、テーブル、リスト等に対応しています。データはサーバーに送信されません。

Welcome to Markdown Preview

This is a live Markdown editor. Everything you type is rendered instantly.

Features

  • Bold and italic text
  • Strikethrough text
  • Links and images
  • Code blocks with syntax highlighting
  • Tables and lists

Code Block

function greet(name) {
  return `Hello, ${name}!`;
}
console.log(greet("World"));

Inline Code

Use console.log() for debugging.

Blockquote

"The best way to predict the future is to invent it."
— Alan Kay

Table

Feature Status Notes
Headers Done h1-h6
Lists Done Ordered & unordered
Tables Done GFM style
Code Done Fenced & inline

Ordered List

  1. First item
  2. Second item
  3. Third item

Horizontal Rule

That's it! Start editing to see your Markdown rendered.

147 単語880 文字50 行

Markdownとは

Markdownは2004年にJohn Gruberによって作られた軽量マークアップ言語です。プレーンテキストの構文を使用して、読みやすく書きやすいフォーマット済みテキストを記述できます。Markdownはドキュメント、READMEファイル、ブログ、フォーラム、メッセージングアプリなど広く使用されています。ファイルは通常 .md または .markdown 拡張子を使用します。構文は、レンダリングされていなくても読める設計になっています。

一般的なMarkdown構文

ヘッダーは#シンボルを使用します（#はh1、##はh2、######までサポート）。太字は**ダブルアスタリスク**を使用し、イタリックは*シングルアスタリスク*を使用します。リンクは[text](url)形式、画像は![alt](url)を使用します。コードブロックはトリプルバッククォーク(```)にオプションでサイト言語識別子を指定します。リストは-または*で順序なし、1.で順序ありアイテムを指定します。ブロッククォートは行の開始に>を使用します。

GitHub Flavored Markdown（GFM）

GitHub Flavored MarkdownはStandard Markdownを拡張し、テーブル（|と-を使用）、タスクリスト（[ ]と[x]を使用）、打消しテキスト（~~ダブルチルダ~~を使用）、シンタックスハイライト付きのフェンスコードブロックなどの追加機能を提供します。GFMは開発者コミュニティで最も一般的に使用されているMarkdownバリアントです。

Markdownのベストプラクティス

  • ブロック要素間に空白行を使用してソースを見やすくする
  • 可読性のために行を80文字以下に保つ
  • 繰り返されるURLに対してはリファレンススタイルリンクを使用する
  • シンタックスハイライト用に言語識別子付きのフェンスコードブロックを使用する
  • ヘッダー階層を一貫して使用する（レベルをスキップしない）
  • 公開前にMarkdownをプレビューしてフォーマットエラーを確認する