Markdownエディタ
リアルタイムプレビュー付きMarkdownエディタ
セキュリティについて
このエディタは安全性を重視しており、http/https以外のURLは無効化されます。 信頼できるコンテンツのみをご利用ください。
Markdown Cheatsheet
Headings
# H1## H2### H3Emphasis
**Bold***Italic*`Code`Lists
- Item 11. Item 1* Item 1Links
[Title](URL)Blocks
> Quote```code```--- lineOthers
Spaces x2 = line breakTable supportMarkdownエディタの完全ガイド
Markdown（マークダウン）は、プレーンテキスト形式で記述し、簡単にHTMLへ変換できる軽量マークアップ言語です。本エディタはリアルタイムプレビュー機能を備え、ドキュメント作成を強力にサポートします。
テキストの入力
左側の編集エリアにMarkdown形式でテキストを入力します。ツールバーのボタンを使用して、太字、見出し、リンクなどの記法をワンクリックで挿入することも可能です。
リアルタイムプレビュー
入力した内容は即座に右側のプレビューエリアに反映されます。最終的な表示を確認しながら、スムーズに執筆を進めることができます。
表示モードの切り替え
ツールバーの「編集」「分割」「プレビュー」ボタンで表示形式を変更できます。執筆に集中したい時は「編集」、最終確認は「プレビュー」がおすすめです。
詳細情報の確認
ページ下部の統計エリアで、文字数、単語数、行数、および推定読書時間をリアルタイムで確認できます。分量の調整に役立ててください。
保存と活用
作成したドキュメントは「SAVE .MD」ボタンでファイルとしてダウンロードしたり、「COPY MD」ボタンでクリップボードにコピーしたりして、他のツールやサービスで利用できます。
実際の使用例
技術ブログの下書き
見出し、コードブロック、太字を組み合わせた構成例
INPUT
# タイトル
## 導入
文章内容
```js
console.log('hello');
```OUTPUT
整形された見出しとシンタックスハイライト風のコード
プロジェクトのREADME作成
リストやリンクを活用したドキュメント作成
INPUT
## インストール方法 1. `npm install`を実行 2. [詳細はこちら](url)
OUTPUT
番号付きリストとクリック可能なリンク
よくある質問
Markdownとは何ですか？
記号を使って文章の構造を指定する書き方です。例えば、行頭に # を付けると見出しになり、** で囲むと太字になります。学習コストが低く、多くの開発者やライターに愛用されています。
画像を表示させるにはどうすれば良いですか？
`` という形式で記述します。ただし、セキュリティ上の理由から http または https ではじまるURLのみが有効です。
表（テーブル）は作成できますか？
はい、Markdown標準のテーブル記法に対応しています。ツールバーにはボタンがありませんが、直接記述することでプレビューに反映されます。
オフラインでも使用できますか？
本ツールはブラウザ上で動作するため、一度ページを読み込めば基本的な編集・プレビュー機能は利用可能ですが、最新の状態を保つためにオンラインでの利用を推奨します。
HTMLを直接書くことはできますか？
セキュリティを優先するため、入力されたHTMLタグはすべてエスケープ（無効化）されます。Markdownの記法のみを使用してドキュメントを作成してください。
役立つTips
執筆の効率化
ショートカットのような感覚でツールバーを活用してください。特に入力に手間がかかるリンク `[]()` や画像 `![]()` の記法はボタンを使うと便利です。
読書時間の目安
一般的に人間は1分間に400〜600文字程度読むと言われています。統計情報の「Est. Read Time」を参考に、読者の負担にならない分量を目指しましょう。
改行のコツ
Markdownでは行末に半角スペースを2つ入れるか、空行を1行挟むことで改行・段落分けが行われます。プレビューを見ながら調整してください。
安全なリンク
外部リンクを挿入する際は、セキュリティのため自動的に `rel='noopener noreferrer'` が付与されます。安心して共有用ドキュメントを作成できます。