Google DocsとMermaidとわたし

Google Docsでmermaidの図を扱えるツールのご紹介です。

要求

• Mermaidでシーケンス図を書いて、Google Docs上に記載したい
  • Google Docs
    • 使いやすい
    • 共有しやすい
    • 管理しやすい
  • Mermaid
    • 図形をゴニョゴニョしなくていいから楽
    • テキストだから管理しやすい

現状

シーケンス図をドキュメントに含める場合、以下の方法をとっていました。。

• markdownファイルでドキュメント作成して、シーケンス図はmermaidで記載する
• Google Docsでドキュメント作成して、シーケンス図はdraw.ioで記載する

解決法: Mermaid - Diagramming and charting tool

Google DocsでMermaidの図を作成できる拡張機能がありました。。

• Mermaid - Diagramming and charting tool - Google Workspace Marketplace

• Google Docs内でmermaidを編集して、図を埋め込めました！

  

• 画像扱いなので、場所を変えるのも楽でした。

  

• 既存の図の編集もできます！

  

まとめ

• 意外とわがままを叶えるツールは存在する
• かゆいところに手が届くツールを自分で作っていきたい