📝 概要
シンタックスハイライト、ショートカット、Markdown/HTMLエクスポートに対応したリアルタイムMarkdownエディター＆プレビュー。
✨ 機能
- ライブプレビュー： 左で編集、右でプレビューが更新されます。
- シンタックスハイライト： エディター内でMarkdown構文がハイライトされます。
- ショートカット： よく使う書式設定のキーボードショートカット。
- エクスポート： .mdまたは完全なHTMLとしてエクスポート。
- レスポンシブ： さまざまな画面サイズに対応。
- 自動保存： 内容はローカルストレージに自動保存されます。
💡 手順
- 左側のエディターにMarkdownを入力または貼り付けます。
- レンダリングされたプレビューが右側に表示されます。
- ツールバーまたはショートカットでテキストを書式設定します。
- 「Markdownをエクスポート」をクリックして.mdファイルを保存します。
- または「HTMLをエクスポート」で完全なHTMLドキュメントを取得します。
⌨️ ショートカット
- Ctrl + B： 太字
- Ctrl + I： 斜体
- Ctrl + K： リンク挿入
- Ctrl + Shift + I： 画像挿入
- Ctrl + Shift + C： コードブロック挿入
- Ctrl + Shift + Q： 引用
- Ctrl + Shift + L： 箇条書きリスト
- Ctrl + Shift + O： 番号付きリスト
📋 構文
- 見出し： # を使用（# H1、## H2 など）。
- テキスト： **太字**、*斜体*、~~取り消し線~~。
- リンク： [テキスト](URL)。
- 画像： 。
- コード： `インライン` と ```フェンスブロック```。
- リスト： - 箇条書きと 1. 番号付きリスト。
- 引用： > 引用テキスト。
- テーブル： | 列 | と | --- | ヘッダー行。
- 区切り線： --- または *** で水平線。
🎯 活用例
- 技術ドキュメントとREADMEファイル。
- ブログ記事とメモ。
- プロジェクトドキュメント。
- APIドキュメント。
- プレゼンテーション。
- 学習ノートとナレッジベース。
⚠️ 注意事項
- 内容はブラウザのローカルストレージに自動保存されます。
- ページ更新後も内容は保持されます。
- 重要なドキュメントは定期的にファイルにエクスポートしてください。
- 標準的なMarkdown構文のほとんどに対応しています。
- 一部の拡張機能は異なる場合があります — 不明な場合は確認してください。
- HTMLエクスポートには完全なドキュメント構造が含まれます。
❓ よくある質問
- テーブルを挿入するには？
列の間に | を使い、2行目に --- を置いてヘッダーを作成します。例：| Col1 | Col2 | Col3 |。 - 数式に対応していますか？
はい — $ 区切りのLaTeX。例：$E=mc^2$。 - スタイルをカスタマイズできますか？
エクスポートしたHTMLファイルのCSSを編集してください。 - フローチャートやシーケンス図に対応していますか？
はい — Mermaid構文経由。 - コードブロックでシンタックスハイライトを使うには？
開始フェンスの後に言語名を追加します。例：```javascript または ```python。