🪶 Muya MD エディタ - Muya Markdown オンラインエディタ - Markdown リーダー - オンラインで.mdファイルを開く - スムーズなMarkdown記述

ドキュメント

エディタ設定 ⚙️

Markdownから高画質画像を生成しています。少々お待ちください...

🎉

画像のエクスポートが完了しました！

📄 対象ドキュメント数: {{ docList.length }} 件

📦 エクスポート形式: 選択されたドキュメントは単一の ZIPアーカイブ にまとめられます。解凍すると、個々のMarkdownファイル (.md) に分かれます。

💡 バックアップと復元のヒント: このZIPファイルはローカルバックアップとして利用可能です。再度インポートしたい場合は、解凍後の .md または .markdown ファイルをサイドバーへドラッグ＆ドロップするだけで簡単に読み込めます。

エクスポートを開始してZIPをダウンロード

圧縮ファイルを生成しています。完了すると自動的にダウンロードが始まります。そのままお待ちください...

🪶 Muya Markdown オンラインエディタの特徴

❓ よくある質問 ✨ 主な機能 🔗 共有ガイド 🖼️ 画像変換

1. Muyaエディタで何ができる？

🚀 Markdownリアルタイム編集＆プレビュー: 書いた内容がその場で美しくレンダリングされる、軽快なWYSIWYGライティングを体験。KaTeX数式やMermaid/Vega-Liteによる作図にも標準対応しています。
📖 軽量なMarkdownビューア: 面倒なアプリのインストールは一切不要。デバイス内の .md や .markdown ファイルをブラウザでサッと開いてクリアに閲覧できます。
📝 ポータブルなMarkdownメモ管理: macOSの「メモ」アプリに似た、本格的なドキュメント管理用サイドバーを搭載。自動保存、ファイル名変更、全文検索、並べ替えに対応。
🖼️ Markdownを素早く画像化: 文書を作成または読み込んだ後、高解像度のPNG/JPG縦長画像としてエクスポート。SNSなどでの手軽な情報発信に便利です。
📄 高品質なPDF・HTML出力: 数式やシンタックスハイライトを維持した状態で、標準的なPDFや単独で動くHTMLファイルを出力可能。WordやWPSへコピー＆ペーストするためのリッチテキストコピーもサポート。

2. どうやって使う？

1. ドキュメントの作成と管理

サイドバーの「+」ボタンをクリックすると新規ファイルが作成されます。文章を書くと、ハイブリッド自動保存アルゴリズム（10秒ごとの定期保存＋ 1.5秒の入力検知自動保存）により、データがブラウザのローカルIndexedDBデータベースへ即座に書き込まれます。

2. 外部ファイルの取り込み

「ファイルをインポート」ボタンからローカルの .md または .markdown ファイルを選択するか、複数のファイルを直接サイドバー領域へドラッグ＆ドロップして一括で取り込めます。

3. エクスポートと形式変換

ヘッダーの「エクスポート」から、Markdownソースファイル (.md)、PNG/JPG画像、HTMLページ、PDFとして保存できます。またはコピーアイコンをクリックしてMarkdownをコピーするか、「リッチテキストをコピー」してスタイルを維持したまま他のワープロソフトへ貼り付けます。

WindowsやmacOSのパソコンはもちろん、タブレットやスマホなどのモバイルブラウザでも快適にご利用いただけます。

3. 対応しているMarkdown表記と拡張機能

本アプリは、人気のデスクトップエディタ「MarkText」と同じ描画エンジン「Muya」をコアに採用しており、同等の編集・表現力を提供します。

✨ 主なレンダリング機能

📝 CommonMark & GFM ブロック要素: 見出し、リスト、チェックリスト、コードブロック、テーブル、引用、生HTML、画像の表示に対応。CommonMark 0.31およびGFM 0.29仕様に厳格に準拠しています。
🛠️ インライン装飾メニュー: テキストを選択すると、書式設定用フローティングメニューが表示されます。太字、斜体、打ち消し線、インラインコードの他、脚注、Front Matter設定、上下付き文字、インライン数式を素早く指定できます。
⚓ 相互参照可能な脚注機能: [^id] の表記による注釈挿入に対応。エディタ上で注釈部分にマウスを乗せるとポップアッププレビューが表示され、HTML/PDF出力時にも双方向の移動リンクが自動で張られます。
🔗 参照リンクと画像: [テキスト][ref] や ![代替テキスト][ref] のような参照リンク表記に対応。ドキュメント下部の [ref]: URL 定義と自動で紐付けされ、記述部をすっきりと保てます。
🔢 コードブロックの行番号表示: 設定（codeBlockLineNumbers）を有効にすると、コードブロックの横に行番号が表示され、複数行にわたるコードの確認やレビューがしやすくなります。
📊 多彩な図表と数式の表現: 高速な KaTeX による数式表示、Mermaid（フローチャート、シーケンス図、ガントチャート）、Vega/Vega-LiteによるJSONデータ視覚化、PlantUMLによる設計図描画、Prismコード装飾に対応。

# 🪶 Muya Markdown オンラインエディタ

Muyaエディタへようこそ！
### [it365.janqi.com/markdown/editor/muya/](https://it365.janqi.com/markdown/editor/muya/)

## 🛠️ 主な特徴

- **WYSIWYG**: Markdownの記法を入力すると、その場でリアルタイムに見栄えが反映されます（そのまま編集可能）。
- **豊かな作図機能**: **Mermaid**、**Vega-Lite**、**PlantUML** を標準でサポート。
- **美しい数式表現**: 高速数式レンダリングライブラリ **KaTeX** を内蔵し、インラインとブロック形式の両方に対応。
- **スマートな入出力**: ローカルの `.md` ファイルの読み込みや、ワンクリックでの **PDF** 変換に対応。
- **モバイル対応**: パソコン、タブレット、スマートフォンそれぞれに最適化されたレイアウト。

---

## 📊 図表の作成 (Mermaid)

コードブロックを作成するだけで、簡単にMermaidのフローチャートなどを描画できます：

```mermaid
graph TD
    A[📄 Markdownを書く] --> B(⚡ リアルタイム反映)
    B --> C{📤 エクスポート形式の選択}
    C -->|Markdown| D[💾 Markdownファイル]
    C -->|PDF| E[💾 綺麗にフォーマットされたPDF]
```

---

## 📐 数式の挿入 (KaTeX)

マクスウェル方程式の $\nabla \times \mathbf{E} = -\frac{\partial \mathbf{B}}{\partial t}$ のようなインライン表記が可能です。

また、以下のような複数行にわたるブロック形式の複雑な行列式も美しく表示されます：

$$
\mathbf{A} = \begin{pmatrix}
a_{11} & a_{12} & \cdots & a_{1n} \\
a_{21} & a_{22} & \cdots & a_{2n} \\
\vdots & \vdots & \ddots & \vdots \\
a_{m1} & a_{m2} & \cdots & a_{mn}
\end{pmatrix}
$$

---

## 🥗 表とタスクリスト

| 機能 | 対応状況 | 満足度 |
| :--- | :---: | :---: |
| リアルタイム数式表示 | 完了 | ⭐⭐⭐⭐⭐ |
| Mermaidフローチャート | 完了 | ⭐⭐⭐⭐⭐ |
| モバイル端末の最適化 | 完了 | ⭐⭐⭐⭐⭐ |

- [x] オンライン編集とリアルタイムプレビュー
- [x] 表示言語の動的な自動切替
- [ ] さらに自由なMarkdownの記述方法を探求する

---

## 💡 知っておくと便利なヒント（効率よく執筆するために）

1. **クイック挿入**: 空行で `/` キーを押すと、見出しやテーブルなどの挿入メニューが起動します。
2. **段落操作**: 段落の左端にマウスを合わせると、ドラッグ用ハンドルと操作メニューが表示されます。
3. **インライン装飾**: 装飾したい文字を選択すると、太字・斜体・リンクなどのメニューがポップアップします。
4. **絵文字**: `:`を入力すると、絵文字の入力支援リストが表示されます。

### アドレスを保存する：[it365.janqi.com/markdown/editor/muya/](https://it365.janqi.com/markdown/editor/muya/)