🛠️Lifetools100← 一覧に戻る

📝 Markdownプレビュー

書きながらリアルタイムにプレビュー。外部ライブラリなし・ブラウザ完結。

384文字 / 39

✏️ 編集

👁 プレビュー

Markdownプレビュー

太字イタリック打ち消しインラインコードが使えます。

見出し2

テキストを書いてリアルタイムにプレビューできます。

リスト

  • 箇条書き1
  • 箇条書き2
  • ネストもOK
  1. 番号付きリスト
  2. 2番目の項目

コードブロック

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

引用

これは引用文です。
複数行も書けます。

リンク

Cloudflare Pages でホスティング中。

水平線で区切れます ↑

📖 記法チートシート

# 見出し1H1〜H6(# の数で調整)
**太字**ボールド
*イタリック*イタリック体
~~打ち消し~~取り消し線
`コード`インラインコード
```言語名コードブロック(```で囲む)
- 項目箇条書きリスト
1. 項目番号付きリスト
> 引用ブロック引用
[テキスト](URL)リンク
---水平線

※ 入力内容はサーバーに送信されません。ブラウザ内で完結します。

このツールでできること

入力したMarkdownをその場でHTMLの見た目に変換し、リアルタイムでプレビューできるツールです。見出し・箇条書き・太字・リンク・コードブロックなどがどう表示されるかを確認しながら文章を書けます。GitHubのREADMEやブログ記事の下書き、ドキュメント作成に役立ちます。

  • Markdownを入力すると即座にプレビューに反映
  • 変換後のHTMLをコピーして他サービスに貼り付け可能
  • 見出し・リスト・コードブロック・リンク・引用などに対応

使い方

  1. 左側(または上部)の入力欄にMarkdownを入力します。
  2. 右側(または下部)のプレビューに変換結果がリアルタイムで表示されます。
  3. 必要に応じてHTMLをコピーし、ブログやドキュメントに貼り付けて使います。

Markdownとは

Markdownは、記号を使って文章の見た目を手軽に指定できる軽量な記法です。たとえば行頭に「#」を付けると見出し、「-」を付けると箇条書き、「**文字**」で太字になります。HTMLタグのように長く書く必要がなく、記号そのものが少ないため、書きやすく読みやすいのが特長です。最終的にはHTMLへ変換されて表示されるため、ブログ・ドキュメント・チャットなど幅広い場面で使われています。

Markdownが使える主なサービス

サービス・場面主な用途
GitHub / GitLabREADME・Issue・Pull Requestの説明文
note・各種ブログ記事の執筆・装飾
Slack・Discordチャットでの強調・コード表示
ドキュメントツール仕様書・メモ・Wikiの作成

※ サービスごとに対応する記法が一部異なる場合があります。

よくある質問

Q. Markdownとは何ですか?
A. 記号を使って文章の見た目(見出し・箇条書き・太字など)を簡単に指定できる軽量な記法です。書きやすく読みやすいのが特長で、ブログやドキュメント作成で広く使われています。
Q. MarkdownとHTMLの違いは何ですか?
A. HTMLはタグで細かく指定できる一方、記述が長くなりがちです。Markdownは少ない記号で同じ見た目を表現でき、最終的にHTMLへ変換されます。本ツールでは変換後のHTMLをコピーして利用できます。
Q. Markdownはどこで使えますか?
A. GitHubやnote、各種ブログ、Slack・Discordなどのチャット、ドキュメントツールなど多くのサービスで使えます。サービスによって対応する記法が一部異なる場合があります。

※ 入力したテキストはブラウザ内でのみ処理され、サーバーには送信されません。

関連ツール

🔢
文字数カウント
テキストの文字数・行数・単語数・バイト数をカウントします。スペースあり/なしも確認できます。
全角・半角変換
テキストの全角英数字・記号を半角に、または半角を全角に変換します。
🔐
Base64エンコード・デコード
テキストをBase64形式にエンコード、またはBase64テキストをデコードします。
✂️
重複行削除
テキスト内の重複した行を削除します。大文字/小文字を区別するかどうかも選べます。