Markdown エディター

Markdown をオンラインで書き、レンダリング結果をすぐに確認し、文字数や単語数を見ながら Markdown または HTML をコピーできます。

広告
広告

MarkdownエディターはMarkdown形式のテキストをリアルタイムで記述・プレビューできます。Markdownはプレーンテキスト記号(#で見出し、**で太字、[リンク](url)でリンク)を使用してフォーマットされた文書を作成する軽量マークアップ言語です。このエディターはGitHub-Flavored Markdown(GFM)に対応し、テーブル、コードブロック、タスクリスト、ライブプレビュー、HTMLエクスポートをサポートします——すべてブラウザ内で動作します。

ライブプレビュー付きMarkdownエディター——アップロード不要、登録不要

インスタントレンダリング、単語カウント、ワンクリックHTML/Markdownコピー付きの分割ペインエディタ。すべてブラウザ内でローカル実行。

ライブプレビュー
Word count
無料・無制限

使い方

  1. 1

    Markdown を書く

    エディター欄に Markdown を入力または貼り付けます。

  2. 2

    すぐにプレビュー

    見出し、リスト、リンク、強調を編集しながら、横並びのプレビューを確認します。

  3. 3

    結果をコピー

    文書、CMS、課題管理ツール向けに Markdown ソースまたは生成 HTML をコピーします。

素早い Markdown 下書き

入力しながらレンダリング結果を確認できます。

文章統計

文字数、単語数、行数を下書き中に確認できます。

HTML

Markdown を HTML に変換し、ワンクリックでコピーできます。

広告

Markdownについて

Markdownとは何か、なぜ使うのか

Markdownは2004年にJohn Gruberによって、シンプルで読みやすいテキストからHTMLへの変換構文として作成されました。設計理念は、ソーステキストがそのまま読めるべきというものであり、# 見出しや**太字**を含むMarkdownドキュメントはプレーンテキストエディターでも理解できます。これは、

見出し

や太字が角括弧でテキストを混乱させるHTMLとは対照的です。Markdownはドキュメンテーション(GitHub README、npmパッケージドキュメント)、ブログ(Jekyll、Hugo、Ghost)、ノート(Obsidian、Notion)、技術文書の標準フォーマットになっています。

GitHub-Flavored Markdown(GFM)はオリジナルのMarkdown仕様を拡張し、フェンスコードブロック、テーブル、タスクリスト、取り消し線、自動リンクURLなどの機能を追加します。GFMはGitHub、GitLab、Bitbucket、Discord、Redditなど多くのプラットフォームでサポートされる最も広く使用されるMarkdownバリアントです。私たちのエディターはmarked.jsライブラリを使用してGFMをレンダリングします。

Markdownでの執筆にはWYSIWYGエディター(Microsoft WordやGoogle Docsなど)に対するいくつかの利点があります:ファイルはプレーンテキスト(将来性あり、バージョン管理対応、検索可能)、フォーマットはセマンティック(見た目ではなく内容を記述)、ソースはポータブル(任意のテキストエディターで動作)。コンテンツとプレゼンテーションの分離により、同じMarkdownファイルを異なるスタイルでHTML、PDF、EPUB、スライドとしてレンダリングできます。

広告

Markdown構文のベストプラクティス

ATXスタイルの見出し(#はH1、##はH2)を使用し、ハッシュの後にスペースを入れてください。Setextスタイルの見出し(===や---で下線)はGFMで非推奨です。見出し、リスト、コードブロックの前後に空行を入れてください——多くのパーサーは正しいレンダリングにこれを必要とします。強調には**太字**と*イタリック*(アスタリスク)を一貫して使用してください。技術文書の変数名と競合する可能性があるため、_の使用は避けてください。

コードブロックには常にシンタックスハイライトの言語を指定してください:三重バッククォートの後に言語名(javascript、python、bash)を続けます。インラインコードには単一バッククォートを使用します。リンクには[text](url)形式を使用します。画像には![alt text](url)を使用します。テーブルにはパイプ構文とセパレーター行を使用します。テーブルにはヘッダー行とセパレーター行が必要です。

広告

他のMarkdown editorsとの比較

人気のonline Markdown editorsの比較。

機能NovaToolsStackEditDillinger.io
プライバシー(サーバーなし)100% ローカルサーバーに同期サーバー側
GitHub-Flavored MarkdownGFM
ライブプレビュー分割ビュー
Syntax highlighting
Export to HTML
登録不要(同期に必要)(保存に必要)

私たちのエディターはブラウザ内で完全に動作します——文書はサーバーにアップロードや保存されません。コンテンツはブラウザのローカルストレージに保存されるため、アカウントなしでセッション間で保持されます。

よくある質問

Markdown はサーバーにアップロードされますか?
いいえ。エディターとプレビューはブラウザ内で動作するため、メモ、下書き、HTML 出力は端末内に残ります。
レンダリングされた HTML をコピーできますか?
はい。HTML をコピーボタンでレンダリング結果をコピーできます。元の Markdown もコピーできます。
Markdown 内の生 HTML はレンダリングされますか?
いいえ。貼り付けた内容をより安全に扱うため、プレビューでは生 HTML を無効にしています。
どのMarkdown機能がサポートされていますか?
ツールは完全なCommonMark仕様に加えて、いくつかのGitHub Flavored Markdown(GFM)拡張をサポートします:見出し(h1-h6)、太字と斜体、取り消し線、インラインコードとシンタックスハイライト付きコードブロック、ブロッククォート、順序付き・順序なしリスト、ネストされたリスト、タスクリスト(チェックボックス)、テーブル、水平線、リンク(インラインと参照スタイル)、画像、自動URLリンク。パーサーは一部の設定で脚注と定義リストもサポートします。入力時に各構文要素がどのようにレンダリングされるかをプレビューペインで確認してください。
エディターは単語数と文字数を表示しますか?
はい。ツールはエディタ下のステータスバーにリアルタイムの単語数、文字数(スペースあり・なし)、行数を表示します。単語数は標準的な定義に従います:空白で区切られた非空白文字のシーケンスが1単語としてカウントされます。これはドキュメント、ブログ投稿、学術論文、ソーシャルメディアコンテンツの文字数制限要件を満たすのに便利です。カウントは入力に合わせて即座に更新されます — ボタンをクリックしたり更新したりする必要はありません。
このエディターをドキュメント作成に使用できますか?
もちろんです。エディタは技術ドキュメント、APIドキュメント、READMEファイル、Wikiページ、ナレッジベース記事の作成に適しています。ライブプレビューでドキュメントがレンダリングされた時の正確な外観を確認でき、ワンクリックのHTMLコピーでクリーンなセマンティックHTMLを取得し、任意のCMSやドキュメントプラットフォームに貼り付けることができます。ツールはシンタックスハイライト付きコードブロック、データ用テーブル、コールアウト用ブロッククォート、ドキュメントTODO追跡用タスクリストをサポートします。長文ドキュメントの場合、エディタはディスクに自動保存しないため、定期的にMarkdownをデバイス上のファイルにコピーすることを検討してください。
タブを閉じても作業内容は保存されますか?
ツールは作業をディスクやクラウドストレージに保存しません。ブラウザタブを閉じたり更新したりすると、すべてのコンテンツが失われます。「Markdownをコピー」ボタンを使用して定期的にMarkdownをデバイス上のファイルにコピーするか、ブラウザの「ページを別名で保存」機能を使用してページ全体を保存することをお勧めします。自動保存機能が必要な場合は、Obsidian、Typora、VS CodeとMarkdown拡張機能などの専用Markdownエディタアプリケーションの使用を検討してください。このツールは長期的なドキュメント保存ではなく、クイックでプライベートなブラウザベースの編集のために設計されています。
キーボードショートカットを使用できますか?
はい。エディタは標準的なテキスト編集ショートカットをサポートしています:太字はCtrl/Cmd+B、斜体はCtrl/Cmd+I、リンクはCtrl/Cmd+K、コードインデントはTab。エディタは標準的なカーソル移動と選択ショートカットもサポートしています。プレビューペインは入力に合わせてリアルタイムで更新されるため、手動で更新する必要はありません。サポートされているMarkdown構文の完全なリストについては、CommonMark仕様を参照するか、プレビューペインで試してみてください。

あなたのプライバシーが私たちの優先事項です

このツールは完全にブラウザ内で実行されます。ファイルはサーバーにアップロード、保存、分析されません。

  • ファイルをアップロード、保存、分析することはありません。
  • 処理するすべてのものはデバイスに残ります。
  • サーバー側処理、クラウドストレージ、分析はありません。

インターネット接続が切断されても、ファイルは安全です。

こちらもおすすめ

役立つガイド

広告