OSDN Git Service

Update README.drawio.svg
authorNeko7sora <75793267+Neko7sora@users.noreply.github.com>
Sat, 19 Jun 2021 03:03:27 +0000 (12:03 +0900)
committerNeko7sora <75793267+Neko7sora@users.noreply.github.com>
Sat, 19 Jun 2021 03:03:27 +0000 (12:03 +0900)
README.drawio.svg

index 9bc74df..5b77c5d 100644 (file)
@@ -1,37 +1,16 @@
-<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;">
+<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"/>
+        <path d="M 0 0 L 0 0 L 1600 0 L 1600 0" fill="#ffffff" stroke="#f0f0f0" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 0 0 L 0 900 L 1600 900 L 1600 0" fill="#2a2a2a" stroke="#f0f0f0" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 0 0 L 1600 0" fill="none" stroke="#f0f0f0" stroke-miterlimit="10" pointer-events="all"/>
+        <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="none" stroke="#f0f0f0" stroke-miterlimit="10" 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: 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; ">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #F0F0F0; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
                                 Node.js のセキュリティ機能であるPolicyを使用して安全に実行する。
                                 <br/>
                                 <a href="https://nodejs.org/dist/latest-v14.x/docs/api/policy.html">
                         </div>
                     </div>
                 </foreignObject>
-                <text x="1295" y="48" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="1295" y="48" fill="#F0F0F0" 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"/>
+        <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="none" stroke="#f0f0f0" stroke-miterlimit="10" 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: 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; ">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #F0F0F0; line-height: 1.2; pointer-events: all; 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">
+                <text x="726" y="48" fill="#F0F0F0" font-family="Helvetica" font-size="12px" text-anchor="middle">
                     Chromium のセキュリティ機能であるSandboxを使用して安全に実行する。&#xa;
                 </text>
             </switch>
         </g>
-        <path d="M 1430 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">
+        <path d="M 1425 195 L 1340 195 Q 1330 195 1330 204.32 L 1330 213.63" fill="none" stroke="#f0f0f0" stroke-miterlimit="10" pointer-events="stroke"/>
+        <path d="M 1330 218.88 L 1326.5 211.88 L 1330 213.63 L 1333.5 211.88 Z" fill="#f0f0f0" stroke="#f0f0f0" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 1410 143 L 1410 120 L 1560 120 L 1560 143" fill="none" stroke="#f0f0f0" stroke-miterlimit="10" pointer-events="all"/>
+        <path d="M 1410 143 L 1410 860 L 1560 860 L 1560 143" fill="none" stroke="#f0f0f0" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 1410 143 L 1560 143" fill="none" stroke="#f0f0f0" stroke-miterlimit="10" pointer-events="none"/>
+        <g fill="#F0F0F0" font-family="Helvetica" font-weight="bold" pointer-events="none" text-anchor="middle" font-size="12px">
+            <text x="1484.5" y="136">
                 外部ソフト
             </text>
         </g>
-        <path d="M 1432 230 C 1430.9 230 1430 229.1 1430 228 L 1430 162 C 1430 160.9 1430.9 160 1432 160 L 1548 160 C 1549.1 160 1550 160.9 1550 162 L 1550 228 C 1550 229.1 1549.1 230 1548 230 Z" fill="#0079d6" stroke="none" pointer-events="none"/>
-        <path d="M 1488.45 210.49 L 1499.52 210.49 L 1499.52 213.63 L 1488.45 213.63 Z M 1488.45 204.12 L 1502.71 204.12 L 1502.71 207.26 L 1488.45 207.26 Z M 1488.45 197.76 L 1502.71 197.76 L 1502.71 200.87 L 1488.45 200.87 Z M 1470.9 194.52 L 1470.9 191.36 L 1502.71 191.36 L 1502.71 194.52 Z M 1470.9 213.63 L 1470.9 197.76 L 1485.18 197.76 L 1485.18 213.63 Z M 1507.05 220.02 C 1506.37 219.29 1505.96 218.31 1505.96 216.83 L 1505.96 184.99 L 1467.68 184.99 L 1467.68 216.35 C 1467.68 218.7 1468.77 220.02 1471.2 220.02 Z M 1470.76 223.17 C 1466.87 223.17 1464.54 220.3 1464.54 216.78 L 1464.54 181.8 L 1509.1 181.8 L 1509.1 188.19 L 1515.45 188.19 L 1515.45 216.84 C 1515.45 220.18 1513.95 223.17 1510.17 223.17 Z M 1431 176 L 1431 228 C 1431 228.55 1431.45 229 1432 229 L 1548 229 C 1548.55 229 1549 228.55 1549 228 L 1549 176 Z" fill-opacity="0.5" fill="#ffffff" stroke="none" pointer-events="none"/>
+        <path d="M 1427 230 C 1425.9 230 1425 229.1 1425 228 L 1425 162 C 1425 160.9 1425.9 160 1427 160 L 1543 160 C 1544.1 160 1545 160.9 1545 162 L 1545 228 C 1545 229.1 1544.1 230 1543 230 Z" fill="#0079d6" stroke="#f0f0f0" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 1483.45 210.49 L 1494.52 210.49 L 1494.52 213.63 L 1483.45 213.63 Z M 1483.45 204.12 L 1497.71 204.12 L 1497.71 207.26 L 1483.45 207.26 Z M 1483.45 197.76 L 1497.71 197.76 L 1497.71 200.87 L 1483.45 200.87 Z M 1465.9 194.52 L 1465.9 191.36 L 1497.71 191.36 L 1497.71 194.52 Z M 1465.9 213.63 L 1465.9 197.76 L 1480.18 197.76 L 1480.18 213.63 Z M 1502.05 220.02 C 1501.37 219.29 1500.96 218.31 1500.96 216.83 L 1500.96 184.99 L 1462.68 184.99 L 1462.68 216.35 C 1462.68 218.7 1463.77 220.02 1466.2 220.02 Z M 1465.76 223.17 C 1461.87 223.17 1459.54 220.3 1459.54 216.78 L 1459.54 181.8 L 1504.1 181.8 L 1504.1 188.19 L 1510.45 188.19 L 1510.45 216.84 C 1510.45 220.18 1508.95 223.17 1505.17 223.17 Z M 1426 176 L 1426 228 C 1426 228.55 1426.45 229 1427 229 L 1543 229 C 1543.55 229 1544 228.55 1544 228 L 1544 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: 1490px;">
+                    <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: 1485px;">
                         <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 style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #F0F0F0; line-height: 1.2; pointer-events: none; white-space: nowrap; ">
                                 コメジェネ
                                 <br/>
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="1490" y="173" fill="#FFFFFF" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="1485" y="173" fill="#F0F0F0" font-family="Helvetica" font-size="12px" text-anchor="middle">
                     コメジェネ&#xa;
                 </text>
             </switch>
         </g>
-        <path d="M 1432 400 C 1430.9 400 1430 399.1 1430 398 L 1430 332 C 1430 330.9 1430.9 330 1432 330 L 1548 330 C 1549.1 330 1550 330.9 1550 332 L 1550 398 C 1550 399.1 1549.1 400 1548 400 Z" fill="#0079d6" stroke="none" pointer-events="none"/>
-        <path d="M 1488.45 380.49 L 1499.52 380.49 L 1499.52 383.63 L 1488.45 383.63 Z M 1488.45 374.12 L 1502.71 374.12 L 1502.71 377.26 L 1488.45 377.26 Z M 1488.45 367.76 L 1502.71 367.76 L 1502.71 370.87 L 1488.45 370.87 Z M 1470.9 364.52 L 1470.9 361.36 L 1502.71 361.36 L 1502.71 364.52 Z M 1470.9 383.63 L 1470.9 367.76 L 1485.18 367.76 L 1485.18 383.63 Z M 1507.05 390.02 C 1506.37 389.29 1505.96 388.31 1505.96 386.83 L 1505.96 354.99 L 1467.68 354.99 L 1467.68 386.35 C 1467.68 388.7 1468.77 390.02 1471.2 390.02 Z M 1470.76 393.17 C 1466.87 393.17 1464.54 390.3 1464.54 386.78 L 1464.54 351.8 L 1509.1 351.8 L 1509.1 358.19 L 1515.45 358.19 L 1515.45 386.84 C 1515.45 390.18 1513.95 393.17 1510.17 393.17 Z M 1431 346 L 1431 398 C 1431 398.55 1431.45 399 1432 399 L 1548 399 C 1548.55 399 1549 398.55 1549 398 L 1549 346 Z" fill-opacity="0.5" fill="#ffffff" stroke="none" pointer-events="none"/>
+        <path d="M 1427 400 C 1425.9 400 1425 399.1 1425 398 L 1425 332 C 1425 330.9 1425.9 330 1427 330 L 1543 330 C 1544.1 330 1545 330.9 1545 332 L 1545 398 C 1545 399.1 1544.1 400 1543 400 Z" fill="#0079d6" stroke="#f0f0f0" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 1483.45 380.49 L 1494.52 380.49 L 1494.52 383.63 L 1483.45 383.63 Z M 1483.45 374.12 L 1497.71 374.12 L 1497.71 377.26 L 1483.45 377.26 Z M 1483.45 367.76 L 1497.71 367.76 L 1497.71 370.87 L 1483.45 370.87 Z M 1465.9 364.52 L 1465.9 361.36 L 1497.71 361.36 L 1497.71 364.52 Z M 1465.9 383.63 L 1465.9 367.76 L 1480.18 367.76 L 1480.18 383.63 Z M 1502.05 390.02 C 1501.37 389.29 1500.96 388.31 1500.96 386.83 L 1500.96 354.99 L 1462.68 354.99 L 1462.68 386.35 C 1462.68 388.7 1463.77 390.02 1466.2 390.02 Z M 1465.76 393.17 C 1461.87 393.17 1459.54 390.3 1459.54 386.78 L 1459.54 351.8 L 1504.1 351.8 L 1504.1 358.19 L 1510.45 358.19 L 1510.45 386.84 C 1510.45 390.18 1508.95 393.17 1505.17 393.17 Z M 1426 346 L 1426 398 C 1426 398.55 1426.45 399 1427 399 L 1543 399 C 1543.55 399 1544 398.55 1544 398 L 1544 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: 1490px;">
+                    <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: 1485px;">
                         <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 style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #F0F0F0; line-height: 1.2; pointer-events: none; white-space: nowrap; ">
                                 他コメント取得ソフト
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="1490" y="343" fill="#FFFFFF" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="1485" y="343" fill="#F0F0F0" font-family="Helvetica" font-size="12px" text-anchor="middle">
                     他コメント取得ソフト
                 </text>
             </switch>
         </g>
-        <rect x="1430" y="500" width="120" height="75" fill="#ffffff" stroke="#000000" stroke-dasharray="3 3" pointer-events="none"/>
+        <rect x="1425" y="500" width="120" height="75" fill="none" stroke="#f0f0f0" 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: 1431px;">
+                    <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: 1426px;">
                         <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 style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #F0F0F0; line-height: 1.2; pointer-events: none; white-space: normal; word-wrap: normal; ">
                                 etc...
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="1490" y="541" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="1485" y="541" fill="#F0F0F0" font-family="Helvetica" font-size="12px" text-anchor="middle">
                     etc...
                 </text>
             </switch>
         </g>
-        <rect x="1430" y="690" width="120" height="75" fill="#ffffff" stroke="#000000" stroke-dasharray="3 3" pointer-events="none"/>
+        <rect x="1425" y="690" width="120" height="75" fill="none" stroke="#f0f0f0" 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: 1431px;">
+                    <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: 1426px;">
                         <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 style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #F0F0F0; line-height: 1.2; pointer-events: none; white-space: normal; word-wrap: normal; ">
                                 etc...
                             </div>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="1490" y="731" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="1485" y="731" fill="#F0F0F0" 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 80 L 1580 80 L 1580 103" fill="none" 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">
+        <g fill="#F0F0F0" 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 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="#f0f0f0" stroke-miterlimit="10" 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; ">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #F0F0F0; 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">
+                <text x="1330" y="233" fill="#F0F0F0" 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 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="#f0f0f0" stroke-miterlimit="10" 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 style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #F0F0F0; 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 x="1330" y="343" fill="#F0F0F0" font-family="Helvetica" font-size="12px" text-anchor="middle">
                     コメントデータ(.???)
                 </text>
             </switch>
         </g>
-        <path d="M 40 143 L 40 120 L 1250 120 L 1250 143" fill="#ffffff" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
-        <path d="M 40 143 L 40 860 L 1250 860 L 1250 143" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
-        <path d="M 40 143 L 1250 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">
+        <path d="M 40 143 L 40 120 L 1250 120 L 1250 143" fill="none" stroke="#f0f0f0" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 40 143 L 40 860 L 1250 860 L 1250 143" fill="none" stroke="#f0f0f0" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 40 143 L 1250 143" fill="none" stroke="#f0f0f0" stroke-miterlimit="10" pointer-events="none"/>
+        <g fill="#F0F0F0" font-family="Helvetica" font-weight="bold" pointer-events="none" text-anchor="middle" font-size="12px">
             <text x="644.5" 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"/>
+        <rect x="830" y="170" width="400" height="390" fill="none" stroke="#f0f0f0" 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="#f0f0f0" 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="#f0f0f0" stroke="#f0f0f0" stroke-miterlimit="10" pointer-events="none"/>
+        <rect x="60" y="728" width="430" height="112" fill="none" stroke="#f0f0f0" pointer-events="none"/>
+        <rect x="60" y="170" width="430" height="510" fill="none" stroke="#f0f0f0" pointer-events="none"/>
+        <rect x="830" y="590" width="400" height="110" fill="none" stroke="#f0f0f0" 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="#f0f0f0" stroke-miterlimit="10" 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 style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #F0F0F0; 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 x="890" y="183" fill="#F0F0F0" 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"/>
+        <rect x="960" y="180" width="260" height="20" fill="none" stroke="#f0f0f0" 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; ">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #F0F0F0; line-height: 1.2; pointer-events: none; white-space: normal; word-wrap: normal; ">
                                 <h3>
                                     HTML5, CSS3, Javascript( + Node.js)
                                 </h3>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="1090" y="194" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="1090" y="194" fill="#F0F0F0" 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"/>
+        <rect x="960" y="210" width="260" height="20" fill="none" stroke="#f0f0f0" 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; ">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #F0F0F0; line-height: 1.2; pointer-events: none; white-space: normal; word-wrap: normal; ">
                                 <h4>
                                     外部ソフトのデータ取得
                                 </h4>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="1090" y="224" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="1090" y="224" fill="#F0F0F0" 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"/>
+        <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="#f0f0f0" 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="#f0f0f0" stroke="#f0f0f0" stroke-miterlimit="10" pointer-events="none"/>
+        <rect x="865" y="500" width="330" height="30" fill="none" stroke="#f0f0f0" 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; ">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #F0F0F0; 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">
+                <text x="1030" y="519" fill="#F0F0F0" font-family="Helvetica" font-size="12px" text-anchor="middle">
                     etc...
                 </text>
             </switch>
         </g>
+        <rect x="950" y="600" width="260" height="95" fill="none" stroke="#f0f0f0" 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 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; ">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #F0F0F0; line-height: 1.2; pointer-events: none; white-space: normal; word-wrap: normal; ">
                                 <ol>
                                     <li>
                                         ようつべ にゃーさん ハロー
                         </div>
                     </div>
                 </foreignObject>
-                <text x="952" y="654" fill="#000000" font-family="Helvetica" font-size="12px">
+                <text x="952" y="654" fill="#F0F0F0" font-family="Helvetica" font-size="12px">
                     ようつべ にゃーさん ハローにこにこ まなぶさん すげーetc...
                 </text>
             </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 style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #F0F0F0; 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 x="990" y="614" fill="#F0F0F0" 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 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="#f0f0f0" 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="#f0f0f0" stroke="#f0f0f0" 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="#f0f0f0" stroke-miterlimit="10" 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; ">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #F0F0F0; 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">
+                <text x="275" y="383" fill="#F0F0F0" 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 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="#f0f0f0" stroke-miterlimit="10" 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 style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #F0F0F0; 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 x="930" y="273" fill="#F0F0F0" 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 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="#f0f0f0" stroke-miterlimit="10" 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 style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #F0F0F0; 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 x="930" y="353" fill="#F0F0F0" 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 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="#f0f0f0" stroke-miterlimit="10" 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 style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #F0F0F0; 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 x="930" y="433" fill="#F0F0F0" 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 840 650 L 496.37 650" fill="none" stroke="#f0f0f0" 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="#f0f0f0" stroke="#f0f0f0" 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="#f0f0f0" stroke-miterlimit="10" 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; ">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #F0F0F0; 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">
+                <text x="890" y="603" fill="#F0F0F0" 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 744.48 726.02 L 744.54 718.01 Q 744.6 710 734.6 710 L 632 710 Q 622 710 622 700 L 622 680 Q 622 670 612 670 L 496.37 670" fill="none" stroke="#f0f0f0" 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="#f0f0f0" stroke="#f0f0f0" stroke-miterlimit="10" pointer-events="none"/>
+        <rect x="720" y="728" width="510" height="110" fill="none" stroke="#f0f0f0" 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="#f0f0f0" stroke-miterlimit="10" 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; ">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #F0F0F0; 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">
+                <text x="930" y="761" fill="#F0F0F0" 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 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="#f0f0f0" stroke-miterlimit="10" 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; ">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #F0F0F0; 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">
+                <text x="1060" y="761" fill="#F0F0F0" 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 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="#f0f0f0" stroke-miterlimit="10" 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 style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #F0F0F0; 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 x="800" y="761" fill="#F0F0F0" 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 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="#f0f0f0" stroke-miterlimit="10" 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; ">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #F0F0F0; 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">
+                <text x="120" y="739" fill="#F0F0F0" 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"/>
+        <rect x="550" y="726" width="120" height="112" fill="none" stroke="#f0f0f0" pointer-events="none"/>
+        <path d="M 676.37 815.31 L 713.63 815.31" fill="none" stroke="#f0f0f0" 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="#f0f0f0" stroke="#f0f0f0" 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="#f0f0f0" stroke="#f0f0f0" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 496.37 814.82 L 543.63 814.82" fill="none" stroke="#f0f0f0" 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="#f0f0f0" stroke="#f0f0f0" 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="#f0f0f0" stroke="#f0f0f0" stroke-miterlimit="10" pointer-events="none"/>
+        <rect x="190" y="740.5" width="280" height="89.5" fill="none" stroke="#f0f0f0" pointer-events="none"/>
+        <path d="M 190 740.5 M 470 740.5 M 470 785.5 M 190 785.5" fill="none" stroke="#f0f0f0" 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="#f0f0f0" 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 style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #F0F0F0; 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 x="236" y="767" fill="#F0F0F0" 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"/>
+        <path d="M 282 740.5 M 378 740.5 M 378 785.5 M 282 785.5" fill="none" stroke="#f0f0f0" 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 style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #F0F0F0; 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 x="330" y="767" fill="#F0F0F0" 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"/>
+        <path d="M 378 740.5 M 470 740.5 M 470 785.5 M 378 785.5" fill="none" stroke="#f0f0f0" 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 style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #F0F0F0; 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 x="424" y="767" fill="#F0F0F0" 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"/>
+        <path d="M 190 785.5 M 470 785.5 M 470 830.5 M 190 830.5" fill="none" stroke="#f0f0f0" 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="#f0f0f0" 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 style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #F0F0F0; 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 x="236" y="812" fill="#F0F0F0" 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"/>
+        <path d="M 282 785.5 M 378 785.5 M 378 830.5 M 282 830.5" fill="none" stroke="#f0f0f0" 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 style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #F0F0F0; 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 x="330" y="812" fill="#F0F0F0" 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"/>
+        <path d="M 378 785.5 M 470 785.5 M 470 830.5 M 378 830.5" fill="none" stroke="#f0f0f0" 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 style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #F0F0F0; 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 x="424" y="812" fill="#F0F0F0" 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"/>
+        <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="#f0f0f0" 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="#f0f0f0" stroke="#f0f0f0" stroke-miterlimit="10" pointer-events="none"/>
+        <rect x="1135" y="746.5" width="80" height="71.5" fill="none" stroke="#f0f0f0" 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; ">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #F0F0F0; 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">
+                <text x="1175" y="786" fill="#F0F0F0" 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"/>
+        <rect x="520" y="170" width="240" height="440" fill="none" stroke="#f0f0f0" 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; ">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #F0F0F0; line-height: 1.2; pointer-events: none; white-space: normal; word-wrap: normal; ">
                                 etc...
                                 <br/>
                                 <br/>
                         </div>
                     </div>
                 </foreignObject>
-                <text x="640" y="394" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="640" y="394" fill="#F0F0F0" 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"/>
+        <rect x="990" y="260" width="210" height="70" fill="none" stroke="#f0f0f0" 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; ">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #F0F0F0; line-height: 1.2; pointer-events: none; white-space: normal; word-wrap: normal; ">
                                 コメビュ互換性
                                 <br/>
                                 プラグイン
                         </div>
                     </div>
                 </foreignObject>
-                <text x="1095" y="299" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="1095" y="299" fill="#F0F0F0" font-family="Helvetica" font-size="12px" text-anchor="middle">
                     コメビュ互換性&#xa;プラグイン
                 </text>
             </switch>
         </g>
-        <rect x="990" y="340" width="210" height="70" fill="#ffffff" stroke="#000000" pointer-events="none"/>
+        <rect x="990" y="340" width="210" height="70" fill="none" stroke="#f0f0f0" 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; ">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #F0F0F0; line-height: 1.2; pointer-events: none; white-space: normal; word-wrap: normal; ">
                                 他コメントコメント取得互換性
                                 <br/>
                                 プラグイン
                         </div>
                     </div>
                 </foreignObject>
-                <text x="1095" y="379" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="1095" y="379" fill="#F0F0F0" 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"/>
+        <rect x="990" y="420" width="210" height="70" fill="none" stroke="#f0f0f0" 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; ">
+                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #F0F0F0; line-height: 1.2; pointer-events: none; white-space: normal; word-wrap: normal; ">
                                 インターネット接続確認
                                 <br/>
                                 オンライン・オフライン検知
                         </div>
                     </div>
                 </foreignObject>
-                <text x="1095" y="459" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                <text x="1095" y="459" fill="#F0F0F0" font-family="Helvetica" font-size="12px" text-anchor="middle">
                     インターネット接続確認オンライン・オフライン検知プラグイン...
                 </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 1430 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"/>
+        <path d="M 675.95 731.23 L 695.75 689.05 Q 700 680 710 679.84 L 822.43 677.99" fill="none" stroke="#f0f0f0" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 673.72 735.98 L 673.52 728.15 L 675.95 731.23 L 679.86 731.13 Z" fill="#f0f0f0" stroke="#f0f0f0" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 827.68 677.91 L 820.74 681.52 L 822.43 677.99 L 820.63 674.52 Z" fill="#f0f0f0" stroke="#f0f0f0" stroke-miterlimit="10" pointer-events="none"/>
+        <rect x="550" y="726" width="120" height="112" fill="none" stroke="#f0f0f0" pointer-events="none"/>
+        <rect x="550" y="726" width="120" height="110" fill="none" stroke="#f0f0f0" 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="#f0f0f0" stroke-miterlimit="10" 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 606.71 756.14 603.57 757.44 601.25 759.75 C 598.94 762.07 597.64 765.21 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: #F0F0F0; line-height: 1.2; pointer-events: none; white-space: nowrap; ">
+                                設定
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="610" y="739" fill="#F0F0F0" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    設定
+                </text>
+            </switch>
+        </g>
+        <rect x="550" y="799" width="120" height="37" fill="none" stroke="#f0f0f0" 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: 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: #F0F0F0; 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="#F0F0F0" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    GUIで操作
+                </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="#f0f0f0" 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="#f0f0f0" stroke="#f0f0f0" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 1270 364.99 L 1207.42 364.99" fill="none" stroke="#f0f0f0" 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="#f0f0f0" stroke="#f0f0f0" stroke-miterlimit="10" pointer-events="none"/>
+        <path d="M 1425 365 L 1415 365 Q 1405 365 1407.5 365 L 1408.75 365 Q 1410 365 1403.18 365 L 1396.37 365" fill="none" stroke="#f0f0f0" 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="#f0f0f0" stroke="#f0f0f0" stroke-miterlimit="10" pointer-events="none"/>
+        <rect x="20" y="20" width="370" height="40" rx="6" ry="6" fill="none" stroke="#f0f0f0" 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: 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: #F0F0F0; line-height: 1.2; pointer-events: none; white-space: normal; word-wrap: normal; ">
+                                <h3>
+                                    <b>
+                                        コメントジェネレーターElectron 仕組み図 (簡単に)
+                                    </b>
+                                </h3>
+                            </div>
+                        </div>
+                    </div>
+                </foreignObject>
+                <text x="205" y="44" fill="#F0F0F0" font-family="Helvetica" font-size="12px" text-anchor="middle">
+                    コメントジェネレーターElectron 仕組み図 (簡単に)
+                </text>
+            </switch>
+        </g>
     </g>
     <switch>
         <g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/>