diff --git "a/docs/\343\202\265\343\203\263\343\203\227\343\203\253/draw-io-sample.drawio.svg" "b/docs/\343\202\265\343\203\263\343\203\227\343\203\253/draw-io-sample.drawio.svg" new file mode 100644 index 0000000..f9683d1 --- /dev/null +++ "b/docs/\343\202\265\343\203\263\343\203\227\343\203\253/draw-io-sample.drawio.svg" @@ -0,0 +1,388 @@ + + + + + + + + + + + +
+
+
+ + サイト閲覧 + +
+
+
+ + + サイト閲覧 + + + + + + + + + + + + + +
+
+
+ + Azure + +
+
+
+ + + Azure + + + + + + + + + + + + + +
+
+
+ + リソースグループ1 + +
+
+
+ + + リソースグループ1 + + + + + + + + + + + + + + +
+
+
+ + Azure SWA + +
+
+
+ + + Azure SWA + + + + + + + + + + + + + + + + + + + +
+
+
+ + GitHub + +
+
+
+ + + GitHub + + + + + + + + + + + + + + + +
+
+
+ + Code + +
+
+
+ + + Code + + + + + + + + + + + + +
+
+
+ + サイト更新 + +
+
+
+ + + サイト更新 + + + + + + + + + + + +
+
+
+ + Actions + +
+
+
+ + + Actions + + + + + + + + + + + +
+
+
+ + Pull requests + +
+
+
+ + + Pull requests + + + + + + + + + + + +
+
+
+ + GitHub Pages + +
+
+
+ + + GitHub Pages + + + + + + + + + + + +
+
+
+ + Discussions + +
+
+
+ + + Discussions + + + + + + + + + + + + + +
+
+
+ + ユーザー + +
+
+
+ + + ユーザー + + + + + + + + + + + + + + + + +
+
+
+ + サイト閲覧 + +
+
+
+ + + サイト閲覧 + + + + + + + + + + + + +
+
+
+ + サイト更新 + +
+
+
+ + + サイト更新 + + + + + + + + + + + + +
+
+
+ + ユーザー更新 + +
+
+
+ + + ユーザー更新 + + + + + + + + + + Text is not SVG - cannot display + + + + \ No newline at end of file diff --git "a/docs/\343\202\265\343\203\263\343\203\227\343\203\253/draw-io.md" "b/docs/\343\202\265\343\203\263\343\203\227\343\203\253/draw-io.md" index 402b8a1..76eb8ce 100644 --- "a/docs/\343\202\265\343\203\263\343\203\227\343\203\253/draw-io.md" +++ "b/docs/\343\202\265\343\203\263\343\203\227\343\203\253/draw-io.md" @@ -27,6 +27,12 @@ Draw.ioは以下のような場面で使用する。 基本的な図（フローチャート、シーケンス図、状態遷移図など）は[Mermaid](mermaid.md)を使用すること。 +## サンプル + +以下はDraw.ioで作成した図の例である。 + +![draw-io-sample.drawio.svg](draw-io-sample.drawio.svg) + ## セットアップ ### VS Code拡張のインストール