OSDN Git Service

仕組み図 (簡単に)
authorNeko7sora <75793267+Neko7sora@users.noreply.github.com>
Fri, 18 Jun 2021 19:44:27 +0000 (04:44 +0900)
committerNeko7sora <75793267+Neko7sora@users.noreply.github.com>
Fri, 18 Jun 2021 19:44:27 +0000 (04:44 +0900)
README.drawio.svg [new file with mode: 0644]
README.md

diff --git a/README.drawio.svg b/README.drawio.svg
new file mode 100644 (file)
index 0000000..6673263
--- /dev/null
@@ -0,0 +1,766 @@
+<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="1601px" height="901px" viewBox="-0.5 -0.5 1601 901" content="&lt;mxfile&gt;&lt;diagram id=&quot;rX4-adiOj5eh8BAWfMMV&quot; name=&quot;ページ1&quot;&gt;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&lt;/diagram&gt;&lt;/mxfile&gt;">
+    <defs/>
+    <g>
+        <rect x="20" y="20" width="370" height="40" rx="6" ry="6" fill="#ffffff" stroke="#000000" pointer-events="all"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 368px; height: 1px; padding-top: 40px; margin-left: 21px;">
+                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
+                                <h3>
+                                    <b>
+                                        コメントジェネレーターElectron 仕組み図 (簡単に)
+                                    </b>
+                                </h3>
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="205" y="44" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    コメントジェネレーターElectron 仕組み図 (簡単に)
+                </text>
+            </switch>
+        </g>
+        <path d="M 0 0 L 0 0 L 1600 0 L 1600 0" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 0 0 L 0 900 L 1600 900 L 1600 0" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 0 0 L 1600 0" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 1021.2 68 L 1020 68 L 1020 20 L 1570 20 L 1570 68 L 1033.2 68 L 1015.2 80 Z" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 548px; height: 1px; padding-top: 44px; margin-left: 1021px;">
+                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: none; white-space: normal; word-wrap: normal; ">
+                                Node.js のセキュリティ機能であるPolicyを使用して安全に実行する。
+                                <br/>
+                                <a href="https://nodejs.org/dist/latest-v14.x/docs/api/policy.html">
+                                    Policies | Node.js v14.17.1 Documentation (nodejs.org)
+                                </a>
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="1295" y="48" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    Node.js のセキュリティ機能であるPolicyを使用して安全に実行する。...
+                </text>
+            </switch>
+        </g>
+        <path d="M 452.2 68 L 451 68 L 451 20 L 1001 20 L 1001 68 L 464.2 68 L 446.2 80 Z" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 548px; height: 1px; padding-top: 44px; margin-left: 452px;">
+                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: none; white-space: normal; word-wrap: normal; ">
+                                Chromium のセキュリティ機能であるSandboxを使用して安全に実行する。
+                                <br/>
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="726" y="48" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    Chromium のセキュリティ機能であるSandboxを使用して安全に実行する。&#xa;
+                </text>
+            </switch>
+        </g>
+        <path d="M 1420 195 L 1340 195 Q 1330 195 1330 204.32 L 1330 213.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 1330 218.88 L 1326.5 211.88 L 1330 213.63 L 1333.5 211.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 1400 143 L 1400 120 L 1560 120 L 1560 143" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 1400 143 L 1400 860 L 1560 860 L 1560 143" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 1400 143 L 1560 143" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
+        <g fill="#000000" font-family="Helvetica" font-weight="bold" pointer-events="none" text-anchor="middle" font-size="12px">
+            <text x="1479.5" y="136">
+                外部ソフト
+            </text>
+        </g>
+        <path d="M 1422 230 C 1420.9 230 1420 229.1 1420 228 L 1420 162 C 1420 160.9 1420.9 160 1422 160 L 1538 160 C 1539.1 160 1540 160.9 1540 162 L 1540 228 C 1540 229.1 1539.1 230 1538 230 Z" fill="#0079d6" stroke="none" pointer-events="none"/>
+        <path d="M 1478.45 210.49 L 1489.52 210.49 L 1489.52 213.63 L 1478.45 213.63 Z M 1478.45 204.12 L 1492.71 204.12 L 1492.71 207.26 L 1478.45 207.26 Z M 1478.45 197.76 L 1492.71 197.76 L 1492.71 200.87 L 1478.45 200.87 Z M 1460.9 194.52 L 1460.9 191.36 L 1492.71 191.36 L 1492.71 194.52 Z M 1460.9 213.63 L 1460.9 197.76 L 1475.18 197.76 L 1475.18 213.63 Z M 1497.05 220.02 C 1496.37 219.29 1495.96 218.31 1495.96 216.83 L 1495.96 184.99 L 1457.68 184.99 L 1457.68 216.35 C 1457.68 218.7 1458.77 220.02 1461.2 220.02 Z M 1460.76 223.17 C 1456.87 223.17 1454.54 220.3 1454.54 216.78 L 1454.54 181.8 L 1499.1 181.8 L 1499.1 188.19 L 1505.45 188.19 L 1505.45 216.84 C 1505.45 220.18 1503.95 223.17 1500.17 223.17 Z M 1421 176 L 1421 228 C 1421 228.55 1421.45 229 1422 229 L 1538 229 C 1538.55 229 1539 228.55 1539 228 L 1539 176 Z" fill-opacity="0.5" fill="#ffffff" stroke="none" pointer-events="none"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 161px; margin-left: 1480px;">
+                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #FFFFFF; line-height: 1.2; pointer-events: none; white-space: nowrap; ">
+                                コメジェネ
+                                <br/>
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="1480" y="173" fill="#FFFFFF" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    コメジェネ&#xa;
+                </text>
+            </switch>
+        </g>
+        <path d="M 1422 400 C 1420.9 400 1420 399.1 1420 398 L 1420 332 C 1420 330.9 1420.9 330 1422 330 L 1538 330 C 1539.1 330 1540 330.9 1540 332 L 1540 398 C 1540 399.1 1539.1 400 1538 400 Z" fill="#0079d6" stroke="none" pointer-events="none"/>
+        <path d="M 1478.45 380.49 L 1489.52 380.49 L 1489.52 383.63 L 1478.45 383.63 Z M 1478.45 374.12 L 1492.71 374.12 L 1492.71 377.26 L 1478.45 377.26 Z M 1478.45 367.76 L 1492.71 367.76 L 1492.71 370.87 L 1478.45 370.87 Z M 1460.9 364.52 L 1460.9 361.36 L 1492.71 361.36 L 1492.71 364.52 Z M 1460.9 383.63 L 1460.9 367.76 L 1475.18 367.76 L 1475.18 383.63 Z M 1497.05 390.02 C 1496.37 389.29 1495.96 388.31 1495.96 386.83 L 1495.96 354.99 L 1457.68 354.99 L 1457.68 386.35 C 1457.68 388.7 1458.77 390.02 1461.2 390.02 Z M 1460.76 393.17 C 1456.87 393.17 1454.54 390.3 1454.54 386.78 L 1454.54 351.8 L 1499.1 351.8 L 1499.1 358.19 L 1505.45 358.19 L 1505.45 386.84 C 1505.45 390.18 1503.95 393.17 1500.17 393.17 Z M 1421 346 L 1421 398 C 1421 398.55 1421.45 399 1422 399 L 1538 399 C 1538.55 399 1539 398.55 1539 398 L 1539 346 Z" fill-opacity="0.5" fill="#ffffff" stroke="none" pointer-events="none"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 331px; margin-left: 1480px;">
+                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #FFFFFF; line-height: 1.2; pointer-events: none; white-space: nowrap; ">
+                                他コメント取得ソフト
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="1480" y="343" fill="#FFFFFF" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    他コメント取得ソフト
+                </text>
+            </switch>
+        </g>
+        <rect x="1420" y="500" width="120" height="75" fill="#ffffff" stroke="#000000" stroke-dasharray="3 3" pointer-events="none"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 538px; margin-left: 1421px;">
+                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: none; white-space: normal; word-wrap: normal; ">
+                                etc...
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="1480" y="541" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    etc...
+                </text>
+            </switch>
+        </g>
+        <path d="M 20 103 L 20 80 L 1580 80 L 1580 103" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 20 103 L 20 880 L 1580 880 L 1580 103" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 20 103 L 1580 103" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
+        <g fill="#000000" font-family="Helvetica" font-weight="bold" pointer-events="none" text-anchor="middle" font-size="12px">
+            <text x="799.5" y="96">
+                -
+            </text>
+        </g>
+        <path d="M 1272 290 C 1270.9 290 1270 289.1 1270 288 L 1270 222 C 1270 220.9 1270.9 220 1272 220 L 1388 220 C 1389.1 220 1390 220.9 1390 222 L 1390 288 C 1390 289.1 1389.1 290 1388 290 Z" fill="#0079d6" stroke="none" pointer-events="none"/>
+        <path d="M 1329.99 275.87 L 1318.12 261.14 L 1324.09 261.14 L 1324.09 240.22 L 1335.99 240.22 L 1335.99 261.14 L 1341.85 261.14 Z M 1309.16 284.91 L 1309.16 270.1 L 1315.04 270.1 L 1315.04 279.07 L 1344.98 279.07 L 1344.98 270.1 L 1350.87 270.1 L 1350.87 284.91 Z M 1271 236 L 1271 288 C 1271 288.55 1271.45 289 1272 289 L 1388 289 C 1388.55 289 1389 288.55 1389 288 L 1389 236 Z" fill-opacity="0.5" fill="#ffffff" stroke="none" pointer-events="none"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 221px; margin-left: 1330px;">
+                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #FFFFFF; line-height: 1.2; pointer-events: none; white-space: nowrap; ">
+                                コメントデータ(.xml)
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="1330" y="233" fill="#FFFFFF" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    コメントデータ(.xml)
+                </text>
+            </switch>
+        </g>
+        <path d="M 1272 400 C 1270.9 400 1270 399.1 1270 398 L 1270 332 C 1270 330.9 1270.9 330 1272 330 L 1388 330 C 1389.1 330 1390 330.9 1390 332 L 1390 398 C 1390 399.1 1389.1 400 1388 400 Z" fill="#0079d6" stroke="none" pointer-events="none"/>
+        <path d="M 1329.99 385.87 L 1318.12 371.14 L 1324.09 371.14 L 1324.09 350.22 L 1335.99 350.22 L 1335.99 371.14 L 1341.85 371.14 Z M 1309.16 394.91 L 1309.16 380.1 L 1315.04 380.1 L 1315.04 389.07 L 1344.98 389.07 L 1344.98 380.1 L 1350.87 380.1 L 1350.87 394.91 Z M 1271 346 L 1271 398 C 1271 398.55 1271.45 399 1272 399 L 1388 399 C 1388.55 399 1389 398.55 1389 398 L 1389 346 Z" fill-opacity="0.5" fill="#ffffff" stroke="none" pointer-events="none"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 331px; margin-left: 1330px;">
+                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #FFFFFF; line-height: 1.2; pointer-events: none; white-space: nowrap; ">
+                                コメントデータ(.???)
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="1330" y="343" fill="#FFFFFF" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    コメントデータ(.???)
+                </text>
+            </switch>
+        </g>
+        <path d="M 40 143 L 40 120 L 1425 120 L 1425 143" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 40 143 L 40 860 L 1425 860 L 1425 143" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 40 143 L 1425 143" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
+        <g fill="#000000" font-family="Helvetica" font-weight="bold" pointer-events="none" text-anchor="middle" font-size="12px">
+            <text x="732" y="136">
+                コメントジェネレーターElectron [ Electron ( Node.js &amp; Chromium ) ]
+            </text>
+        </g>
+        <rect x="830" y="170" width="400" height="390" fill="#ffffff" stroke="#000000" pointer-events="none"/>
+        <path d="M 277 728 L 277 718 Q 277 708 267 708 L 233.4 708 Q 223.4 708 223.4 698 L 223.4 686.37" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 223.4 681.12 L 226.9 688.12 L 223.4 686.37 L 219.9 688.12 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
+        <rect x="60" y="728" width="430" height="112" fill="#ffffff" stroke="#000000" pointer-events="none"/>
+        <rect x="60" y="170" width="430" height="510" fill="#ffffff" stroke="#000000" pointer-events="none"/>
+        <rect x="830" y="590" width="400" height="110" fill="#ffffff" stroke="#000000" pointer-events="none"/>
+        <path d="M 832 240 C 830.9 240 830 239.1 830 238 L 830 172 C 830 170.9 830.9 170 832 170 L 948 170 C 949.1 170 950 170.9 950 172 L 950 238 C 950 239.1 949.1 240 948 240 Z" fill="#0079d6" stroke="none" pointer-events="none"/>
+        <path d="M 881.65 223.54 C 885.76 223.54 888.71 220.05 888.71 216.62 C 888.71 212.63 885.66 209.37 881.46 209.37 C 878.38 209.37 874.55 211.92 874.55 216.57 C 874.55 219.65 877.12 223.54 881.65 223.54 Z M 871.49 232.65 L 872.54 225.67 L 872.14 225.22 L 865.22 226.19 L 862.99 220.73 L 868.77 216.47 L 868.77 215.99 L 863.17 211.74 L 865.43 206.32 L 872.52 207.38 L 872.87 207.03 L 871.91 200.06 L 877.36 197.84 L 881.55 203.51 L 882.14 203.54 L 886.35 197.99 L 891.76 200.28 L 890.74 207.15 L 891.24 207.66 L 898.04 206.73 L 900.23 212.17 L 894.72 216.27 L 894.71 217.09 L 900.08 221.18 L 897.82 226.6 L 891.02 225.59 L 890.44 226.15 L 891.35 232.85 L 885.9 235.07 L 881.77 229.49 L 881.06 229.47 L 876.9 234.93 Z M 907.24 203.44 C 909.39 203.44 910.94 201.61 910.94 199.8 C 910.94 197.7 909.34 195.99 907.13 195.99 C 905.51 195.99 903.5 197.33 903.5 199.77 C 903.5 201.39 904.85 203.44 907.24 203.44 Z M 901.89 208.23 L 902.44 204.56 L 902.23 204.33 L 898.59 204.83 L 897.42 201.97 L 900.46 199.73 L 900.46 199.47 L 897.52 197.24 L 898.71 194.38 L 902.43 194.94 L 902.61 194.76 L 902.11 191.1 L 904.98 189.93 L 907.18 192.91 L 907.49 192.92 L 909.71 190.01 L 912.55 191.21 L 912.01 194.82 L 912.28 195.09 L 915.85 194.6 L 917.01 197.46 L 914.11 199.62 L 914.1 200.05 L 916.93 202.2 L 915.74 205.05 L 912.16 204.52 L 911.85 204.81 L 912.33 208.34 L 909.47 209.51 L 907.3 206.57 L 906.92 206.56 L 904.73 209.43 Z M 831 186 L 831 238 C 831 238.55 831.45 239 832 239 L 948 239 C 948.55 239 949 238.55 949 238 L 949 186 Z" fill-opacity="0.5" fill="#ffffff" stroke="none" pointer-events="none"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 171px; margin-left: 890px;">
+                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #FFFFFF; line-height: 1.2; pointer-events: none; white-space: nowrap; ">
+                                プラグイン
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="890" y="183" fill="#FFFFFF" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    プラグイン
+                </text>
+            </switch>
+        </g>
+        <rect x="960" y="180" width="260" height="20" fill="#ffffff" stroke="#000000" pointer-events="none"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 258px; height: 1px; padding-top: 190px; margin-left: 961px;">
+                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: none; white-space: normal; word-wrap: normal; ">
+                                <h3>
+                                    HTML5, CSS3, Javascript( + Node.js)
+                                </h3>
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="1090" y="194" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    HTML5, CSS3, Javascript( + Node.js)
+                </text>
+            </switch>
+        </g>
+        <rect x="960" y="210" width="260" height="20" fill="#ffffff" stroke="#000000" pointer-events="none"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 258px; height: 1px; padding-top: 220px; margin-left: 961px;">
+                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: none; white-space: normal; word-wrap: normal; ">
+                                <h4>
+                                    外部ソフトのデータ取得
+                                </h4>
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="1090" y="224" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    外部ソフトのデータ取得
+                </text>
+            </switch>
+        </g>
+        <path d="M 870 285 L 810 285 Q 800 285 800 295 L 800 615 Q 800 625 810 625 L 823.63 625" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 828.88 625 L 821.88 628.5 L 823.63 625 L 821.88 621.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
+        <rect x="865" y="500" width="330" height="30" fill="#ffffff" stroke="#000000" stroke-dasharray="3 3" pointer-events="none"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 328px; height: 1px; padding-top: 515px; margin-left: 866px;">
+                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: none; white-space: normal; word-wrap: normal; ">
+                                etc...
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="1030" y="519" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    etc...
+                </text>
+            </switch>
+        </g>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 258px; height: 1px; padding-top: 650px; margin-left: 952px;">
+                        <div style="box-sizing: border-box; font-size: 0; text-align: left; max-height: 86px; overflow: hidden; ">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: none; white-space: normal; word-wrap: normal; ">
+                                <ol>
+                                    <li>
+                                        ようつべ にゃーさん ハロー
+                                    </li>
+                                    <li>
+                                        にこにこ まなぶさん すげー
+                                    </li>
+                                    <li>
+                                        etc...
+                                    </li>
+                                </ol>
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="952" y="654" fill="#000000" font-family="Helvetica" font-size="12px">
+                    ようつべ にゃーさん ハローにこにこ まなぶさん すげーetc...
+                </text>
+            </switch>
+        </g>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 610px; margin-left: 961px;">
+                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: none; white-space: normal; word-wrap: normal; ">
+                                イメージ
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="990" y="614" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    イメージ
+                </text>
+            </switch>
+        </g>
+        <path d="M 870 365 L 810 365 Q 800 365 800 375 L 800 615 Q 800 625 810 625 L 823.63 625" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 828.88 625 L 821.88 628.5 L 823.63 625 L 821.88 621.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 173.5 450 C 171.57 450 170 448.98 170 447.71 L 170 372.29 C 170 371.02 171.57 370 173.5 370 L 376.5 370 C 378.43 370 380 371.02 380 372.29 L 380 447.71 C 380 448.98 378.43 450 376.5 450 Z" fill="#0079d6" stroke="none" pointer-events="none"/>
+        <path d="M 266.36 442.88 L 266.36 394.2 L 314.07 402.07 L 314.07 435.1 Z M 250.84 440.64 L 250.84 396.44 L 262.26 398.99 L 262.26 438.15 Z M 235.94 438.52 L 235.94 398.58 L 246.98 401.06 L 246.98 436.08 Z M 171.75 388.29 L 171.75 447.71 C 171.75 448.35 172.53 448.86 173.5 448.86 L 376.5 448.86 C 377.47 448.86 378.25 448.35 378.25 447.71 L 378.25 388.29 Z" fill-opacity="0.5" fill="#ffffff" stroke="none" pointer-events="none"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 371px; margin-left: 275px;">
+                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #FFFFFF; line-height: 1.2; pointer-events: none; white-space: nowrap; ">
+                                [OBSなどで表示] コメジェネ(html)
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="275" y="383" fill="#FFFFFF" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    [OBSなどで表示] コメジェネ(html)
+                </text>
+            </switch>
+        </g>
+        <path d="M 872 330 C 870.9 330 870 329.1 870 328 L 870 262 C 870 260.9 870.9 260 872 260 L 988 260 C 989.1 260 990 260.9 990 262 L 990 328 C 990 329.1 989.1 330 988 330 Z" fill="#0079d6" stroke="none" pointer-events="none"/>
+        <path d="M 941.45 296.47 L 941.45 291.13 L 956.15 300.98 L 956.15 304.68 L 941.45 314.2 L 941.45 309.11 L 952.21 302.95 Z M 922.08 321.42 L 933.16 283.58 L 937.59 283.58 L 926.51 321.42 Z M 918.63 314.61 L 903.85 305 L 903.85 301.39 L 918.63 291.38 L 918.63 296.55 L 907.88 303.12 L 918.63 309.27 Z M 871 276 L 871 328 C 871 328.55 871.45 329 872 329 L 988 329 C 988.55 329 989 328.55 989 328 L 989 276 Z" fill-opacity="0.5" fill="#ffffff" stroke="none" pointer-events="none"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 261px; margin-left: 930px;">
+                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #FFFFFF; line-height: 1.2; pointer-events: none; white-space: nowrap; ">
+                                変換プログラム
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="930" y="273" fill="#FFFFFF" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    変換プログラム
+                </text>
+            </switch>
+        </g>
+        <path d="M 872 410 C 870.9 410 870 409.1 870 408 L 870 342 C 870 340.9 870.9 340 872 340 L 988 340 C 989.1 340 990 340.9 990 342 L 990 408 C 990 409.1 989.1 410 988 410 Z" fill="#0079d6" stroke="none" pointer-events="none"/>
+        <path d="M 941.45 376.47 L 941.45 371.13 L 956.15 380.98 L 956.15 384.68 L 941.45 394.2 L 941.45 389.11 L 952.21 382.95 Z M 922.08 401.42 L 933.16 363.58 L 937.59 363.58 L 926.51 401.42 Z M 918.63 394.61 L 903.85 385 L 903.85 381.39 L 918.63 371.38 L 918.63 376.55 L 907.88 383.12 L 918.63 389.27 Z M 871 356 L 871 408 C 871 408.55 871.45 409 872 409 L 988 409 C 988.55 409 989 408.55 989 408 L 989 356 Z" fill-opacity="0.5" fill="#ffffff" stroke="none" pointer-events="none"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 341px; margin-left: 930px;">
+                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #FFFFFF; line-height: 1.2; pointer-events: none; white-space: nowrap; ">
+                                変換プログラム
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="930" y="353" fill="#FFFFFF" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    変換プログラム
+                </text>
+            </switch>
+        </g>
+        <path d="M 872 490 C 870.9 490 870 489.1 870 488 L 870 422 C 870 420.9 870.9 420 872 420 L 988 420 C 989.1 420 990 420.9 990 422 L 990 488 C 990 489.1 989.1 490 988 490 Z" fill="#0079d6" stroke="none" pointer-events="none"/>
+        <path d="M 941.45 456.47 L 941.45 451.13 L 956.15 460.98 L 956.15 464.68 L 941.45 474.2 L 941.45 469.11 L 952.21 462.95 Z M 922.08 481.42 L 933.16 443.58 L 937.59 443.58 L 926.51 481.42 Z M 918.63 474.61 L 903.85 465 L 903.85 461.39 L 918.63 451.38 L 918.63 456.55 L 907.88 463.12 L 918.63 469.27 Z M 871 436 L 871 488 C 871 488.55 871.45 489 872 489 L 988 489 C 988.55 489 989 488.55 989 488 L 989 436 Z" fill-opacity="0.5" fill="#ffffff" stroke="none" pointer-events="none"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 421px; margin-left: 930px;">
+                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #FFFFFF; line-height: 1.2; pointer-events: none; white-space: nowrap; ">
+                                補助プログラム
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="930" y="433" fill="#FFFFFF" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    補助プログラム
+                </text>
+            </switch>
+        </g>
+        <path d="M 830.6 659.65 L 830.6 654.83 Q 830.6 650 820.6 650 L 496.37 650" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 491.12 650 L 498.12 646.5 L 496.37 650 L 498.12 653.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 832 660 C 830.9 660 830 659.1 830 658 L 830 592 C 830 590.9 830.9 590 832 590 L 948 590 C 949.1 590 950 590.9 950 592 L 950 658 C 950 659.1 949.1 660 948 660 Z" fill="#0079d6" stroke="none" pointer-events="none"/>
+        <path d="M 903.15 632.06 L 892.6 642.62 L 892.3 642.33 L 889.94 644.69 C 889.63 644.99 889.21 645.13 888.79 645.06 L 887.15 645.84 C 886.97 645.91 886.85 645.89 886.92 645.65 L 887.71 643.98 C 887.65 643.58 887.8 643.12 888.09 642.82 L 890.44 640.47 L 890.15 640.18 L 900.71 629.62 Z M 900.21 626.32 L 908.03 618.56 C 908.27 618.3 908.69 618.25 908.97 618.5 L 910.11 619.65 L 910.76 618.99 C 911.55 618.31 912.71 618.33 913.63 619.14 C 914.51 620.16 914.36 621.35 913.8 621.98 L 904.3 631.49 L 901.29 628.48 L 909.33 620.51 L 908.53 619.72 L 902.79 625.46 C 902.79 625.92 902.51 626.34 902.22 626.59 C 901.72 626.96 901.35 627.07 900.92 627.04 Z M 875.08 631.42 L 875.08 629.27 L 894.46 629.27 L 894.46 631.42 Z M 875.08 637.16 L 875.08 635.01 L 892.3 635.01 L 890.18 637.16 Z M 884.41 646.49 L 875.08 646.49 L 875.08 644.34 L 884.41 644.34 Z M 903.79 634.52 L 903.79 655.11 L 865.74 655.11 L 865.74 609.89 L 892.3 609.89 L 902.96 620.54 L 899.98 623.52 L 890.87 623.52 L 890.87 612.04 L 867.9 612.04 L 867.9 652.96 L 901.64 652.96 L 901.64 636.68 Z M 831 606 L 831 658 C 831 658.55 831.45 659 832 659 L 948 659 C 948.55 659 949 658.55 949 658 L 949 606 Z" fill-opacity="0.5" fill="#ffffff" stroke="none" pointer-events="none"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 591px; margin-left: 890px;">
+                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #FFFFFF; line-height: 1.2; pointer-events: none; white-space: nowrap; ">
+                                コメントデータ(.json)
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="890" y="603" fill="#FFFFFF" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    コメントデータ(.json)
+                </text>
+            </switch>
+        </g>
+        <path d="M 744.48 726.02 L 744.49 718.01 Q 744.5 710 734.5 710 L 632 710 Q 622 710 622 700 L 622 680 Q 622 670 612 670 L 496.37 670" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 491.12 670 L 498.12 666.5 L 496.37 670 L 498.12 673.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
+        <rect x="720" y="728" width="510" height="110" fill="#ffffff" stroke="#000000" pointer-events="none"/>
+        <path d="M 872 818 C 870.9 818 870 817.1 870 816 L 870 750 C 870 748.9 870.9 748 872 748 L 988 748 C 989.1 748 990 748.9 990 750 L 990 816 C 990 817.1 989.1 818 988 818 Z" fill="#0079d6" stroke="none" pointer-events="none"/>
+        <path d="M 941.45 784.47 L 941.45 779.13 L 956.15 788.98 L 956.15 792.68 L 941.45 802.2 L 941.45 797.11 L 952.21 790.95 Z M 922.08 809.42 L 933.16 771.58 L 937.59 771.58 L 926.51 809.42 Z M 918.63 802.61 L 903.85 793 L 903.85 789.39 L 918.63 779.38 L 918.63 784.55 L 907.88 791.12 L 918.63 797.27 Z M 871 764 L 871 816 C 871 816.55 871.45 817 872 817 L 988 817 C 988.55 817 989 816.55 989 816 L 989 764 Z" fill-opacity="0.5" fill="#ffffff" stroke="none" pointer-events="none"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 749px; margin-left: 930px;">
+                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #FFFFFF; line-height: 1.2; pointer-events: none; white-space: nowrap; ">
+                                CSS(アニメーション)
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="930" y="761" fill="#FFFFFF" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    CSS(アニメーション)
+                </text>
+            </switch>
+        </g>
+        <path d="M 1002 818 C 1000.9 818 1000 817.1 1000 816 L 1000 750 C 1000 748.9 1000.9 748 1002 748 L 1118 748 C 1119.1 748 1120 748.9 1120 750 L 1120 816 C 1120 817.1 1119.1 818 1118 818 Z" fill="#0079d6" stroke="none" pointer-events="none"/>
+        <path d="M 1071.45 784.47 L 1071.45 779.13 L 1086.15 788.98 L 1086.15 792.68 L 1071.45 802.2 L 1071.45 797.11 L 1082.21 790.95 Z M 1052.08 809.42 L 1063.16 771.58 L 1067.59 771.58 L 1056.51 809.42 Z M 1048.63 802.61 L 1033.85 793 L 1033.85 789.39 L 1048.63 779.38 L 1048.63 784.55 L 1037.88 791.12 L 1048.63 797.27 Z M 1001 764 L 1001 816 C 1001 816.55 1001.45 817 1002 817 L 1118 817 C 1118.55 817 1119 816.55 1119 816 L 1119 764 Z" fill-opacity="0.5" fill="#ffffff" stroke="none" pointer-events="none"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 749px; margin-left: 1060px;">
+                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #FFFFFF; line-height: 1.2; pointer-events: none; white-space: nowrap; ">
+                                Javascript(拡張)
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="1060" y="761" fill="#FFFFFF" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    Javascript(拡張)
+                </text>
+            </switch>
+        </g>
+        <path d="M 742 818 C 740.9 818 740 817.1 740 816 L 740 750 C 740 748.9 740.9 748 742 748 L 858 748 C 859.1 748 860 748.9 860 750 L 860 816 C 860 817.1 859.1 818 858 818 Z" fill="#0079d6" stroke="none" pointer-events="none"/>
+        <path d="M 814.51 785.66 C 812.03 785.66 809.68 783.58 809.68 780.7 C 809.68 778.31 811.78 776 814.54 776 C 816.61 776 819.32 777.67 819.32 780.86 C 819.32 783.63 816.89 785.66 814.51 785.66 Z M 780.66 805 L 790.34 779.2 L 803.21 795.35 L 809.67 790.51 L 819.36 805 Z M 777.43 808.25 L 822.58 808.25 L 822.58 772.76 L 777.43 772.76 Z M 774.21 811.44 L 774.21 769.56 L 825.79 769.56 L 825.79 811.44 Z M 741 764 L 741 816 C 741 816.55 741.45 817 742 817 L 858 817 C 858.55 817 859 816.55 859 816 L 859 764 Z" fill-opacity="0.5" fill="#ffffff" stroke="none" pointer-events="none"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 749px; margin-left: 800px;">
+                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #FFFFFF; line-height: 1.2; pointer-events: none; white-space: nowrap; ">
+                                背景画像
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="800" y="761" fill="#FFFFFF" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    背景画像
+                </text>
+            </switch>
+        </g>
+        <path d="M 62 796 C 60.9 796 60 795.1 60 794 L 60 728 C 60 726.9 60.9 726 62 726 L 178 726 C 179.1 726 180 726.9 180 728 L 180 794 C 180 795.1 179.1 796 178 796 Z" fill="#0079d6" stroke="none" pointer-events="none"/>
+        <path d="M 122.28 772.75 C 122.28 770.86 122.92 769.96 124.61 769.16 L 138.7 761.87 C 139.21 761.61 140.07 761.68 140.07 762.2 L 140.07 779.55 C 140.07 780.38 139.16 781.33 138.54 781.63 L 123.93 790.03 C 122.87 790.75 122.28 790.09 122.28 789.14 Z M 101.93 757.62 C 100.97 757.11 101.27 756.34 101.99 755.97 L 118.48 747.37 C 119.5 746.77 120.91 746.86 121.78 747.31 L 138.38 755.99 C 139.12 756.38 139.32 757.09 138.45 757.56 L 121.91 766.19 C 121.02 766.79 119.4 766.83 118.34 766.16 Z M 101.9 781.71 C 100.88 781.17 100.09 780.07 100.09 778.61 L 100.09 762.96 C 100.09 761.88 100.7 761.41 101.73 761.94 L 116.15 769.38 C 117.54 770 118.05 771.29 118.05 772.18 L 118.05 789.39 C 118.05 790.21 117.21 790.57 116.47 790.06 Z M 61 742 L 61 794 C 61 794.55 61.45 795 62 795 L 178 795 C 178.55 795 179 794.55 179 794 L 179 742 Z" fill-opacity="0.5" fill="#ffffff" stroke="none" pointer-events="none"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 727px; margin-left: 120px;">
+                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #FFFFFF; line-height: 1.2; pointer-events: none; white-space: nowrap; ">
+                                データベース(.json)
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="120" y="739" fill="#FFFFFF" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    データベース(.json)
+                </text>
+            </switch>
+        </g>
+        <rect x="550" y="726" width="120" height="112" fill="#ffffff" stroke="#000000" pointer-events="none"/>
+        <path d="M 552 796 C 550.9 796 550 795.1 550 794 L 550 728 C 550 726.9 550.9 726 552 726 L 668 726 C 669.1 726 670 726.9 670 728 L 670 794 C 670 795.1 669.1 796 668 796 Z" fill="#0079d6" stroke="none" pointer-events="none"/>
+        <path d="M 592.6 771.66 C 592.22 769.57 592.22 767.42 592.6 765.32 L 587.47 763.13 C 586.99 762.86 586.72 762.33 586.77 761.78 L 588.87 756.84 C 589.27 756.36 589.94 756.21 590.5 756.46 L 595.45 758.42 C 596.66 756.69 598.18 755.19 599.92 753.99 L 597.96 748.96 C 597.69 748.29 597.97 747.52 598.62 747.18 L 603.19 745.32 C 603.77 745.19 604.37 745.46 604.68 745.97 L 606.82 751.1 C 608.92 750.72 611.07 750.72 613.16 751.1 L 615.31 746.11 C 615.57 745.54 616.18 745.22 616.8 745.32 L 621.65 747.37 C 622.04 747.66 622.26 748.14 622.21 748.63 L 620.06 753.9 C 621.82 755.12 623.33 756.65 624.54 758.42 L 629.58 756.37 C 630.24 756.16 630.96 756.48 631.25 757.12 L 633.03 761.31 C 633.36 761.95 633.16 762.73 632.56 763.13 L 627.43 765.18 C 627.83 767.34 627.83 769.55 627.43 771.71 L 632.47 773.81 C 633.02 774.09 633.32 774.69 633.21 775.3 L 631.16 780.06 C 630.8 780.56 630.16 780.76 629.58 780.57 L 624.59 778.56 C 623.37 780.35 621.84 781.9 620.06 783.13 L 622.07 787.98 C 622.31 788.56 622.14 789.22 621.65 789.61 L 616.52 791.71 C 616.01 791.7 615.55 791.42 615.31 790.97 L 613.26 785.93 C 611.14 786.32 608.98 786.32 606.87 785.93 L 604.68 790.87 C 604.38 791.42 603.75 791.71 603.14 791.57 L 598.24 789.61 C 597.88 789.3 597.71 788.83 597.78 788.35 L 599.92 783.13 C 598.15 781.9 596.61 780.35 595.4 778.56 L 590.6 780.52 C 589.96 780.86 589.17 780.66 588.78 780.06 L 586.96 775.39 C 586.77 774.76 587.04 774.08 587.61 773.76 Z M 597.64 768.49 C 597.64 775.32 603.17 780.85 609.99 780.85 C 616.82 780.85 622.35 775.32 622.35 768.49 C 622.35 761.67 616.82 756.14 609.99 756.14 C 603.17 756.14 597.64 761.67 597.64 768.49 Z M 551 742 L 551 794 C 551 794.55 551.45 795 552 795 L 668 795 C 668.55 795 669 794.55 669 794 L 669 742 Z" fill-opacity="0.5" fill="#ffffff" stroke="none" pointer-events="none"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 727px; margin-left: 610px;">
+                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #FFFFFF; line-height: 1.2; pointer-events: none; white-space: nowrap; ">
+                                設定
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="610" y="739" fill="#FFFFFF" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    設定
+                </text>
+            </switch>
+        </g>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 818px; margin-left: 551px;">
+                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: none; white-space: normal; word-wrap: normal; ">
+                                <h2>
+                                    GUIで操作
+                                </h2>
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="610" y="821" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    GUIで操作
+                </text>
+            </switch>
+        </g>
+        <path d="M 496.37 760 L 543.63 760" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 491.12 760 L 498.12 756.5 L 496.37 760 L 498.12 763.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 548.88 760 L 541.88 763.5 L 543.63 760 L 541.88 756.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 676.37 815.31 L 713.63 815.31" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 671.12 815.31 L 678.12 811.81 L 676.37 815.31 L 678.12 818.81 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 718.88 815.31 L 711.88 818.81 L 713.63 815.31 L 711.88 811.81 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 496.37 814.82 L 543.63 814.82" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 491.12 814.82 L 498.12 811.32 L 496.37 814.82 L 498.12 818.32 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 548.88 814.82 L 541.88 818.32 L 543.63 814.82 L 541.88 811.32 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
+        <rect x="190" y="740.5" width="280" height="89.5" fill="#ffffff" stroke="#000000" pointer-events="none"/>
+        <path d="M 190 740.5 M 470 740.5 M 470 785.5 M 190 785.5" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 190 740.5 M 282 740.5 M 282 785.5 M 190 785.5" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 90px; height: 1px; padding-top: 763px; margin-left: 191px;">
+                        <div style="box-sizing: border-box; font-size: 0; text-align: center; max-height: 41px; overflow: hidden; ">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: none; white-space: normal; word-wrap: normal; ">
+                                アニメーション
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="236" y="767" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    アニメーション
+                </text>
+            </switch>
+        </g>
+        <path d="M 282 740.5 M 378 740.5 M 378 785.5 M 282 785.5" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 94px; height: 1px; padding-top: 763px; margin-left: 283px;">
+                        <div style="box-sizing: border-box; font-size: 0; text-align: center; max-height: 41px; overflow: hidden; ">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: none; white-space: normal; word-wrap: normal; ">
+                                背景画像
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="330" y="767" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    背景画像
+                </text>
+            </switch>
+        </g>
+        <path d="M 378 740.5 M 470 740.5 M 470 785.5 M 378 785.5" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 90px; height: 1px; padding-top: 763px; margin-left: 379px;">
+                        <div style="box-sizing: border-box; font-size: 0; text-align: center; max-height: 41px; overflow: hidden; ">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: none; white-space: normal; word-wrap: normal; ">
+                                ランダム
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="424" y="767" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    ランダム
+                </text>
+            </switch>
+        </g>
+        <path d="M 190 785.5 M 470 785.5 M 470 830.5 M 190 830.5" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 190 785.5 M 282 785.5 M 282 830.5 M 190 830.5" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 90px; height: 1px; padding-top: 808px; margin-left: 191px;">
+                        <div style="box-sizing: border-box; font-size: 0; text-align: center; max-height: 41px; overflow: hidden; ">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: none; white-space: normal; word-wrap: normal; ">
+                                色
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="236" y="812" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    色
+                </text>
+            </switch>
+        </g>
+        <path d="M 282 785.5 M 378 785.5 M 378 830.5 M 282 830.5" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 94px; height: 1px; padding-top: 808px; margin-left: 283px;">
+                        <div style="box-sizing: border-box; font-size: 0; text-align: center; max-height: 41px; overflow: hidden; ">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: none; white-space: normal; word-wrap: normal; ">
+                                表示方法
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="330" y="812" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    表示方法
+                </text>
+            </switch>
+        </g>
+        <path d="M 378 785.5 M 470 785.5 M 470 830.5 M 378 830.5" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 90px; height: 1px; padding-top: 808px; margin-left: 379px;">
+                        <div style="box-sizing: border-box; font-size: 0; text-align: center; max-height: 41px; overflow: hidden; ">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: none; white-space: normal; word-wrap: normal; ">
+                                おりゃー
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="424" y="812" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    おりゃー
+                </text>
+            </switch>
+        </g>
+        <path d="M 590 726 L 590 710 Q 590 700 580 700 L 434.2 700 Q 424.2 700 424.2 694.2 L 424.21 688.41" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 424.21 683.16 L 427.71 690.16 L 424.21 688.41 L 420.71 690.16 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
+        <rect x="1135" y="746.5" width="80" height="71.5" fill="#ffffff" stroke="#000000" stroke-dasharray="3 3" pointer-events="none"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 782px; margin-left: 1136px;">
+                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: none; white-space: normal; word-wrap: normal; ">
+                                etc...
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="1175" y="786" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    etc...
+                </text>
+            </switch>
+        </g>
+        <rect x="520" y="170" width="240" height="440" fill="#ffffff" stroke="#000000" stroke-dasharray="3 3" pointer-events="none"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 238px; height: 1px; padding-top: 390px; margin-left: 521px;">
+                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: none; white-space: normal; word-wrap: normal; ">
+                                etc...
+                                <br/>
+                                <br/>
+                                プラグイン関係で複雑化する可能性あり
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="640" y="394" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    etc......
+                </text>
+            </switch>
+        </g>
+        <rect x="990" y="260" width="210" height="70" fill="#ffffff" stroke="#000000" pointer-events="none"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 208px; height: 1px; padding-top: 295px; margin-left: 991px;">
+                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: none; white-space: normal; word-wrap: normal; ">
+                                コメビュ互換性
+                                <br/>
+                                プラグイン
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="1095" y="299" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    コメビュ互換性&#xa;プラグイン
+                </text>
+            </switch>
+        </g>
+        <rect x="990" y="420" width="210" height="70" fill="#ffffff" stroke="#000000" pointer-events="none"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 208px; height: 1px; padding-top: 455px; margin-left: 991px;">
+                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: none; white-space: normal; word-wrap: normal; ">
+                                <span style="color: rgb(255 , 255 , 255)">
+                                    インターネット接続確認
+                                </span>
+                                <br style="color: rgb(255 , 255 , 255)"/>
+                                <span style="color: rgb(255 , 255 , 255)">
+                                    オンライン・オフライン検知
+                                </span>
+                                <br style="color: rgb(255 , 255 , 255)"/>
+                                <span style="color: rgb(255 , 255 , 255)">
+                                    プラグイン
+                                </span>
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="1095" y="459" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    インターネット接続確認オンライン・オフライン検知プラグイン...
+                </text>
+            </switch>
+        </g>
+        <rect x="990" y="340" width="210" height="70" fill="#ffffff" stroke="#000000" pointer-events="none"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 208px; height: 1px; padding-top: 375px; margin-left: 991px;">
+                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: none; white-space: normal; word-wrap: normal; ">
+                                <span style="color: rgb(255 , 255 , 255)">
+                                    他コメント取得ソフト互換性
+                                </span>
+                                <br style="color: rgb(255 , 255 , 255)"/>
+                                <span style="color: rgb(255 , 255 , 255)">
+                                    プラグイン
+                                </span>
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="1095" y="379" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    他コメント取得ソフト互換性&#xa;プラグイン
+                </text>
+            </switch>
+        </g>
+        <path d="M 1270 255 L 1245 255 Q 1235 255 1235 265 L 1235 285 Q 1235 295 1225 295 L 1206.37 295" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 1201.12 295 L 1208.12 291.5 L 1206.37 295 L 1208.12 298.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 1270 364.99 L 1207.42 364.99" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 1202.17 364.99 L 1209.17 361.49 L 1207.42 364.99 L 1209.17 368.49 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 1420 365 L 1410 365 Q 1400 365 1405 365 L 1407.5 365 Q 1410 365 1403.18 365 L 1396.37 365" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 1391.12 365 L 1398.12 361.5 L 1396.37 365 L 1398.12 368.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
+        <rect x="1420" y="690" width="120" height="75" fill="#ffffff" stroke="#000000" stroke-dasharray="3 3" pointer-events="none"/>
+        <g transform="translate(-0.5 -0.5)">
+            <switch>
+                <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
+                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 728px; margin-left: 1421px;">
+                        <div style="box-sizing: border-box; font-size: 0; text-align: center; ">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: none; white-space: normal; word-wrap: normal; ">
+                                etc...
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="1480" y="731" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    etc...
+                </text>
+            </switch>
+        </g>
+    </g>
+    <switch>
+        <g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/>
+        <a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank">
+            <text text-anchor="middle" font-size="10px" x="50%" y="100%">
+                Viewer does not support full SVG 1.1
+            </text>
+        </a>
+    </switch>
+</svg>
\ No newline at end of file
index 7b04437..bbc801a 100644 (file)
--- a/README.md
+++ b/README.md
@@ -37,9 +37,10 @@ HTML5コメントジェネレーターElectron(未完成)
 
 ## 開発者へ
 えーと(ry
-開発者(Neo7sora)は、osdnにあまり詳しくないことを一応知っといてください....
 
-### [Github] 基本的に無視して良いファイル(このファイルについて詳しく知らない人は変にいじらない方がいいよ!
+### 基本的にいじらなくても良いファイル(このファイルについて詳しく知らない人は変にいじらない方がいいよ!
  - renovate.json
- - .whitesource
  - .gitignore
+ - .LICENSE
+ - yarn.lock
+ -