Markdown Viewer with Mermaid(Chrome拡張プラグイン)

AI
2025.08.12

・GitHubリンク：https://github.com/76Hata/markdown-viewer-with-mermaid_chrome-plugin
・Chrome Web Store：Markdown Viewer with Mermaid(Chrome Web Store)

この作品は「S2C(Spec-to-Code)」による開発検証を目的として制作しました。
Spec-to-Code は「事前に仕様を詳細まで固め、設計書や仕様書を唯一の参照元として、それに基づいてAIに実装を依頼する手法」であり、VibeCording（短文や曖昧な指示だけでAIにコーディングさせる手法）とは対極に位置する開発手法となります。

Markdown Viewer with Mermaid説明
Markdown Viewer with Mermaidは、Chromeブラウザで.mdファイルを美しく表示するための高機能な拡張機能です。

単なるMarkdownビューアーを超えて、開発者やドキュメント作成者のワークフローを向上させる豊富な機能を搭載。Mermaid図表の動的レンダリング、自動生成される階層目次、リアルタイム検索、カスタマイズ可能なテーマ、そしてPDF/HTMLエクスポート機能により、技術文書の閲覧と共有を効率化します。

レスポンシブデザインによりデスクトップからモバイルまで対応し、現代のウェブ開発におけるドキュメント管理のニーズに応える実用的なソリューションです。

主な機能

  • Markdownレンダリング: marked.jsによる高速パース
  • Mermaid図表サポート: フローチャート、シーケンス図など
  • 自動目次生成: 階層構造を持つ目次とスムーズスクロール
  • 検索機能: リアルタイム検索とハイライト表示
  • テーマ切り替え: ライト、ダーク、セピアテーマ
  • エクスポート: PDF/HTML形式での出力
  • レスポンシブ対応: デスクトップ・モバイル両対応

その他詳細はGitHubのREADME.mdをご参照下さい。
※なお、こちらはGoogleChrome拡張となっており現在Chrome Web Storeに登録されています。

コメント