docs/overhead-view.drawio.svg

<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="581px" height="821px" viewBox="-0.5 -0.5 581 821" content="&lt;mxfile&gt;&lt;diagram id=&quot;CFH4qG29VRuovGozR6bb&quot; name=&quot;Page-1&quot;&gt;7Vldb+I4FP01eZwqTkhIH4EysyO1UnfY1c4+uokhVp0YOaZAf/1eg/Ph2KWwDaORZiqkco8/Yp9z7/WN8cJZsfsi8Dp/4BlhXuBnOy+884IARWgE/xSyPyJJFB+BlaCZ7tQCC/pKNOhrdEMzUhkdJedM0rUJprwsSSoNDAvBt2a3JWfmU9d4RSxgkWJmo//QTOb1LvwW/4PQVV4/Gfm6pcB1Zw1UOc74tgOFcy+cCc7l8VuxmxGmyKt5OY77/EZrszBBSnnOgLFexwtmG705vTC5r3cr+KbMiBrge+F0m1NJFmucqtYt6AtYLgsGFoKvBX/BT4eRqrMgFX3t2lxi2bHBMUjXJhntmlq/DmLvT2/5hQhJdh1I7/cL4QWRYg9ddGtN/d70qW0rZJRoLO+ImNTjsHaeVTNzyy980RS76Q7DS+hG79NdScGfGydUyJKXUkcMig1BUE8Q1BME9QRBpiDIEgQNI0hkChLGDkUChyKBP4AiKLEUedgv/ry3ZFG8zjjj4mCGvh/HsxkQoPZJITVMGF2V0Cb5uoPe4yfCHnlFJeWq9YlLyQvowHoNKfBHYO4p1vM0QEdtvpGMlmTWpDUVEkvKWGdhs8Nf4xqdljhJ0DSElpXAGSXtdkpekg58RwXMflxWyYXSoOdngUJyvFbUFLuVSvI3JZFbLp6rm0pycciflisOEbzRreEscWI7C/ID21nQEM4SW77ydwUa9V2lpmZTsEkqFcXv+4Pbjd7T/v3wH4Lz25HB+cimPHQwHg8RnXa+rAhNc/ppDY6J2aelgP2SMrt2Fh2CxmBs0Nikr67rxsl1iAztNGdRRjIocrSpU0KHo7MZqfhGpHrKQOsnsVgRaWqqHneSN0EYlvTFrLk+QsIIXbhnsqPyuwq1m0hb/3Za7nZ11aKMfZ2OP8LTcJzooY+cwmMbHwwRcp+19RRHofSoHrPNMs4iO7BD99t88Rcgk8evlg4QQ9IVk70jqnvWacg6L/uZtKBZph7jTAJmbftj8sA4MPPArZ0Hxo40EA6RBoIz0kCZTdQ7kuKU4aqi6elEAEyIfSdKlNmEiTLaODlYdaC4g8s/GVzXTzrdotNRc9bYh+PQd/tAPcVxP1Yc2hNFkTlRdLWAHt/+T9+pYA3ypEu9KetPKldTdV4sV2+i6Hr5N0G2XPPIA0dLRt587E0SbzJ3peJqSwuGy6aA1y2H9/Gcsuwe76EWBQR0TZ9ra5pzQV+hP24TOMiuE0XoGz0WaqTXuSIgj7X2qAc94J3R8R5XdfGbcsbwuqLty2gB7NFyqmvqc64rhsjnI/NMHbnqupHDOdEQNwqJndE/c1GcOGMvPVgZWcpTx2oF5NJydX/odjdqkW96qwriMHzJDhkgh4EEZpiulZcfth5N4QNkzNRZEMFaZ2Cj1oaP6i7gjbWE5WN6EIuAK2yJcgfrXuli1ZPzZa9LpzNVHuLYTuxa6oFUFbxl/9b52jo7bqOup/PI0vlruYRwxuq64LfW19baUYlfT+vxr1tO+eYlnnWRe3Y51ZsI9YUZsJyyL1DMm6gnKGlcF1E/x5ut+z3WigyH17xZ94S3Zi0bjh3RE0eDRA+Y7W9iR/XaXxbD+X8=&lt;/diagram&gt;&lt;/mxfile&gt;">
    <defs/>
    <g>
        <rect x="0" y="0" width="580" height="820" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <rect x="30" y="350" width="520" height="200" rx="30" ry="30" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <path d="M 239 735 C 239 726.72 261.83 720 290 720 C 318.17 720 341 726.72 341 735 L 341 755 C 341 763.28 318.17 770 290 770 C 261.83 770 239 763.28 239 755 Z" fill="#cccccc" stroke="#6881b3" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 239 710 C 239 701.72 261.83 695 290 695 C 318.17 695 341 701.72 341 710 L 341 730 C 341 738.28 318.17 745 290 745 C 261.83 745 239 738.28 239 730 Z" fill="#cccccc" stroke="#6881b3" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 239 685 C 239 676.72 261.83 670 290 670 C 318.17 670 341 676.72 341 685 L 341 705 C 341 713.28 318.17 720 290 720 C 261.83 720 239 713.28 239 705 Z" fill="#cccccc" stroke="#6881b3" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 239 735 C 239 743.28 261.83 750 290 750 C 318.17 750 341 743.28 341 735 M 239 710 C 239 718.28 261.83 725 290 725 C 318.17 725 341 718.28 341 710 M 239 685 C 239 693.28 261.83 700 290 700 C 318.17 700 341 693.28 341 685" fill="none" stroke="#6881b3" stroke-width="2" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <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: 777px; margin-left: 290px;">
                        <div data-drawio-colors="color: #0066CC; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 102, 204); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                MySQL
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="290" y="793" fill="#0066CC" font-family="Helvetica" font-size="16px" text-anchor="middle">
                    MySQL
                </text>
            </switch>
        </g>
        <ellipse cx="290" cy="37.5" rx="8" ry="7.5" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <path d="M 290 45 L 290 70 M 290 50 L 274 50 M 290 50 L 306 50 M 290 70 L 274 90 M 290 70 L 306 90" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <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: 97px; margin-left: 290px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                User
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="290" y="113" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="16px" text-anchor="middle">
                    User
                </text>
            </switch>
        </g>
        <rect x="207" y="190" width="168" height="60" rx="9" ry="9" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 166px; height: 1px; padding-top: 220px; margin-left: 208px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                seichi-portal-frontend
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="291" y="225" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="16px" text-anchor="middle">
                    seichi-portal-frontend
                </text>
            </switch>
        </g>
        <path d="M 291 280 L 291 256.37" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 291 251.12 L 294.5 258.12 L 291 256.37 L 287.5 258.12 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 291 310 L 291 343.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 291 348.88 L 287.5 341.88 L 291 343.63 L 294.5 341.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="252" y="280" width="78" height="30" fill="none" stroke="none" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 76px; height: 1px; padding-top: 295px; margin-left: 253px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                REST API
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="291" y="300" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="16px" text-anchor="middle">
                    REST API
                </text>
            </switch>
        </g>
        <path d="M 291 280 L 291 256.37" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 291 251.12 L 294.5 258.12 L 291 256.37 L 287.5 258.12 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 290 663.63 L 290 556.37" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 290 668.88 L 286.5 661.88 L 290 663.63 L 293.5 661.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 290 551.12 L 293.5 558.12 L 290 556.37 L 286.5 558.12 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 221 420 L 221 390 L 361 390 L 361 420" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 221 420 L 221 510 L 361 510 L 361 420" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 221 420 L 361 420" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 405px; margin-left: 222px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                各種API
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="291" y="409" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    各種API
                </text>
            </switch>
        </g>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 130px; height: 1px; padding-top: 435px; margin-left: 227px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 26px; overflow: hidden;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                FormAPI
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="227" y="439" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
                    FormAPI
                </text>
            </switch>
        </g>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 130px; height: 1px; padding-top: 465px; margin-left: 227px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 26px; overflow: hidden;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                MessageAPI
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="227" y="469" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
                    MessageAPI
                </text>
            </switch>
        </g>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 130px; height: 1px; padding-top: 495px; margin-left: 227px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 26px; overflow: hidden;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                InformationAPI
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="227" y="499" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">
                    InformationAPI
                </text>
            </switch>
        </g>
        <path d="M 289 183.63 L 289 126.37" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 289 188.88 L 285.5 181.88 L 289 183.63 L 292.5 181.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 289 121.12 L 292.5 128.12 L 289 126.37 L 285.5 128.12 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="none"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 163px; height: 1px; padding-top: 375px; margin-left: 371px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">
                                seichi-portal-backend
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="453" y="380" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="16px" text-anchor="middle">
                    seichi-portal-backend
                </text>
            </switch>
        </g>
    </g>
    <switch>
        <g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/>
        <a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank">
            <text text-anchor="middle" font-size="10px" x="50%" y="100%">
                Text is not SVG - cannot display
            </text>
        </a>
    </switch>
</svg>