入力しながらレンダリング結果を確認できます。
Markdown エディター
Markdown をオンラインで書き、レンダリング結果をすぐに確認し、文字数や単語数を見ながら Markdown または HTML をコピーできます。
MarkdownエディターはMarkdown形式のテキストをリアルタイムで記述・プレビューできます。Markdownはプレーンテキスト記号(#で見出し、**で太字、[リンク](url)でリンク)を使用してフォーマットされた文書を作成する軽量マークアップ言語です。このエディターはGitHub-Flavored Markdown(GFM)に対応し、テーブル、コードブロック、タスクリスト、ライブプレビュー、HTMLエクスポートをサポートします——すべてブラウザ内で動作します。
ライブプレビュー付きMarkdownエディター——アップロード不要、登録不要
インスタントレンダリング、単語カウント、ワンクリックHTML/Markdownコピー付きの分割ペインエディタ。すべてブラウザ内でローカル実行。
使い方
- 1
Markdown を書く
エディター欄に Markdown を入力または貼り付けます。
- 2
すぐにプレビュー
見出し、リスト、リンク、強調を編集しながら、横並びのプレビューを確認します。
- 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)形式を使用します。画像にはを使用します。テーブルにはパイプ構文とセパレーター行を使用します。テーブルにはヘッダー行とセパレーター行が必要です。
他のMarkdown editorsとの比較
人気のonline Markdown editorsの比較。
| 機能 | NovaTools | StackEdit | Dillinger.io |
|---|---|---|---|
| プライバシー(サーバーなし) | 100% ローカル | サーバーに同期 | サーバー側 |
| GitHub-Flavored Markdown | GFM | ||
| ライブプレビュー | 分割ビュー | ||
| Syntax highlighting | |||
| Export to HTML | |||
| 登録不要 | (同期に必要) | (保存に必要) |
私たちのエディターはブラウザ内で完全に動作します——文書はサーバーにアップロードや保存されません。コンテンツはブラウザのローカルストレージに保存されるため、アカウントなしでセッション間で保持されます。
よくある質問
Markdown はサーバーにアップロードされますか?
レンダリングされた HTML をコピーできますか?
Markdown 内の生 HTML はレンダリングされますか?
どのMarkdown機能がサポートされていますか?
エディターは単語数と文字数を表示しますか?
このエディターをドキュメント作成に使用できますか?
タブを閉じても作業内容は保存されますか?
キーボードショートカットを使用できますか?
あなたのプライバシーが私たちの優先事項です
このツールは完全にブラウザ内で実行されます。ファイルはサーバーにアップロード、保存、分析されません。
- ファイルをアップロード、保存、分析することはありません。
- 処理するすべてのものはデバイスに残ります。
- サーバー側処理、クラウドストレージ、分析はありません。
インターネット接続が切断されても、ファイルは安全です。
こちらもおすすめ
役立つガイド
ライブプレビュー付き Markdown エディターの使い方
Markdown をより速く下書きする方法を紹介します。ライブプレビュー、文字数確認、HTML コピーを README、CMS、Issue 作成に活用できます。
MarkdownをWordに(およびその逆に)書式を失わずに変換する方法
文書変換の悩みはもう終わり。MarkdownをWord(DOCX)に、WordをMarkdownに無料でオンライン変換する方法を学びましょう。100%プライベートで、ブラウザベース、画像の自動処理も可能です。
時間を節約する10の無料開発者生産性ツール
多額の費用をかけずに生産性を向上させる最高の無料開発者ツールを発見してください。コードフォーマッターからAPIテスターまで、これらのツールはワークフローを効率化します。