このGoogleビューアの使い方
- Markdown を書く、貼り付ける、または開きます。 ソースを直接追加するか、空のドキュメントの場合は [新しいファイル] を選択し、Markdown ファイルとその画像の場合は [ファイルを開く] を選択し、ローカル ワークスペースの場合は [フォルダを開く] を選択します。
- ライブ プレビューを確認します。 レンダリングされたビューは編集すると更新されるため、構造と書式をすぐに確認できます。
- コピーまたはエクスポートします。 完了したら元の Markdown をコピーするか、[PDF をダウンロード] を選択して共有可能なドキュメントを作成します。
Googleプレビューでは何が確認できるのでしょうか？
ライブプレビューを備えたGoogleエディター
分割ペインの Markdown エディタを使用して、レンダリングされた形式で見出し、段落、強調、引用符、リスト、リンク、自動リンク、取り消し線、表を確認します。
コードブロック
読みやすい等幅書式設定と認識された言語ラベルの構文強調表示を使用して、囲われたコード ブロックを検査します。
数学と図表
Mermaid Markdown プレビューと LaTeX Markdown プレビューを使用して、ドキュメントの残りの部分と一緒にサポートされている図や方程式を確認します。
安全なレンダリング
プレビューでは、スクリプト、イベント ハンドラー、安全でない URL、サポートされていないリソースの宛先を削除するサニタイズされたレンダラが使用されます。
ライブ プレビューでサポートされる Markdown 構文
| Markdown ソース | レンダリング結果 | プレビュー動作 |
|---|---|---|
# 見出し | レベル 1 から 6 までの見出し | 見出し ID は文書構造に対して生成されます。 |
**bold**、_italic_、~~削除されました~~ | 強調と取り消し線 | インライン書式設定は周囲の段落とともに更新されます。 |
- アイテム、1.アイテム、>引用 | リストとブロッククオート | ネストされたコンテンツは、レンダリングされたドキュメント内でグループ化されたままになります。 |
- [x] 完了 | タスクリストチェックボックス | チェックされた状態はソースを反映し、プレビューで切り替えることはできません。 |
```js | フェンスで囲まれたコードブロック | 認識された言語ラベルは構文の強調表示を受け取ります。 |
| パイプテーブル構文 | スクロール可能なHTMLテーブル | 幅の広いテーブルはプレビュー ビューポート内に留まります。 |
$E = mc^2$ または $$…$$ | インライン演算または表示演算 | サポートされている LaTeX スタイルの式は、ドキュメントとともにレンダリングされます。 |
```mermaid または zenuml で始まるマーメイド ソース | レンダリングされた図 | 無効な図は、判読可能なソースとエラー ノートにフォールバックされます。完全な TikZ ソースは引き続き読み取り可能ですが、図としてレンダリングされません。 |
Markdown プレビューの簡単な例
# リリースチェックリスト
- [x] README を確認してください
- [ ] バージョン 2.0 を公開
|アイテム |ステータス |
| --- | --- |
|ドキュメント |準備完了 |
```js
const version = '2.0';
```見出し、タスク リストの状態、テーブル レイアウト、および構文が強調表示されたコード ブロックを確認してください。チェックボックスは読み取り専用です。状態を変更するには、ソース ペインで [ ] から [x] を編集します。Markdown ファイルと README ファイルをオンラインで表示する
この Markdown リーダーと MD ビューアを使用して、README、変更履歴、リリース ノート、API ドラフト、調査ノート、または技術文書を共有する前に確認してください。 Markdown ファイルと選択した画像の場合は [ファイルを開く] を選択するか、ローカル プロジェクト フォルダ内の画像パスを解決するには [フォルダを開く] を選択します。
ソースがプロジェクトの README で、修正ファイルが必要な場合は、README から PDF へのコンバータを使用します。一般的なレポートやドキュメントの場合は、Markdown から PDF へのコンバータを使用します。
ソースがまだ Markdown ではない場合は、ファイルから Markdown への変換ツールから始めて、ここに戻って結果を確認してください。数式、図、レイアウト、PDF エクスポートについては、Markdown から PDF へのガイドをご覧ください。
あなたの Markdown はどうなるのでしょうか?
ライブプレビューはブラウザー内に留まります
ブラウザで実行されるページ上のプレビューの入力、貼り付け、解析、サニタイズ、およびレンダリング。プレビューでは、通常の Markdown テキストのサーバー リクエストは必要ありません。
ローカルファイルはローカルに残ります
選択した Markdown ファイルと画像ファイルがブラウザで読み取られ、プレビュー用に一時的なローカル オブジェクト URL にマッピングされます。 [PDF をダウンロード] を選択しない限り、ファイルはサーバーに送信されません。
安全でない HTML は削除されます
スクリプト、インライン イベント ハンドラー、安全でない URL、埋め込みドキュメント、およびサポートされていないリソースは、レンダリングされたコンテンツがプレビューに表示される前に削除または置き換えられます。
リモート画像は外部リクエストです
Markdown に公開画像 URL が含まれている場合、ブラウザはそのホストからその画像を要求することがあります。機密資料を閲覧する場合は、リモート画像参照を削除してください。
PDF エクスポートは別のアクションです
PDF をダウンロードを選択した場合にのみ、Markdown が PDF サービスに送信されます。処理と保持の詳細については、プライバシー ポリシーをご覧ください。
Markdown Viewer と Markdown to PDF の比較
| あなたの目標 | 最良の次のステップ |
|---|---|
| 編集中に書式を確認する | ライブの並べてプレビューするには、Markdown ビューアを使用します。 |
| 固定ドキュメントを共有または印刷する | Markdown から PDF へのコンバータを使用します。 |
| ハンドオフ用の README を準備する | README から PDF へのコンバータを使用します。 |
| 別のファイルを Markdown に変換する | file-to-Markdown ツールを参照します。 |
よくある質問
Markdown ビューアとは何ですか?
Markdown ビューアは、Markdown ソースをフォーマットされたドキュメントとしてレンダリングするので、結果を読んで確認できます。このオンライン Markdown ビューアには、ソースとレンダリングされたプレビューが一緒に表示されます。
Markdown をオンラインで無料でプレビューできますか?
はい。 Markdown をエディターに貼り付けて、ブラウザーでライブ プレビューを使用します。プレビュー ワークフローにはアカウントは必要ありません。
入力すると Markdown プレビューが更新されますか?
はい。ソースを編集するとすぐにプレビューが再レンダリングされるため、手動で更新しなくても見出し、リスト、表、コード、数式、および図を確認できます。
Markdown プレビューを PDF に変換できますか?
はい。プレビュー ツールバーで [PDF をダウンロード] を選択します。 PDF エクスポートでは、Markdown から SolConverter の PDF サービスに送信され、ダウンロード可能なドキュメントが作成されます。データのライフサイクルについては、プライバシー ポリシーをご覧ください。
このビューアで既存の .md ファイルを使用できますか?
はい。 [ファイルを開く] を選択して Markdown ファイルと参照画像を選択するか、[フォルダーを開く] を選択してローカル ワークスペースを読み込みます。ソースを直接貼り付けることもできます。
これを README ビューアとして使用できますか?
はい。 README.md ファイルを開くか貼り付けて、共有またはエクスポートする前に、見出し、表、タスク リスト、コード ブロック、ローカル イメージ、数式、およびサポートされている図を確認します。
プレビューでタスクリストのチェックボックスをクリックできないのはなぜですか?
レンダリングされたペインは、Markdown ソースの読み取り専用表現です。タスクを変更するには、ソース ペインで -[ ] または -[x] を編集します。プレビューにはその状態が反映されます。