ウェブページ上でMarkdownダイアグラムをレンダリングする
Markdown Diagramsは、Chrome、Edge、Opera、Firefoxで利用可能なブラウザ拡張機能で、ユーザーはマークダウンの図やチャートのコードブロックをプレビュー画像に変換することができます。modulo.srlによって開発されたこの無料の拡張機能は、PlantUML、Mermaid、GraphVizなどのさまざまな言語をサポートしています。Markdown Diagramsを使用すると、ユーザーはGitHub、GitLab、Bitbucket、Atlassianなどの人気プラットフォームを含む、任意のウェブサイトで簡単に図を作成および表示することができます。
この拡張機能は、mdファイル、プルリクエスト、イシュー、ギスト、ウィキ、Jira、Confluence、Trelloなど、既知のパターンに従う他のウェブサイトでのマークダウンの図やチャートの表示をサポートしています。さらに、Markdown Diagramsは、マークダウン拡張子でレンダリングされたローカルファイルもサポートしています。
Markdown Diagramsの使用は簡単で直感的です。ユーザーは図やチャートのコードをブロック引用符に入れるだけで、拡張機能が自動的にレンダリングします。レンダリングされた図をダブルクリックすると、ユーザーはコードビューと図ビューを切り替えることができ、拡張機能アイコンをクリックすることで、現在のブラウザタブでの解析の有効化または無効化も簡単に行えます。
Markdown Diagramsの使用例については、GitLab、Bitbucket、GitHubのリポジトリへの提供されたリンクをご覧ください。これらのリンクではさまざまな図の例が紹介されています。
