ja/drawio/factory-method/factory-method-concept.drawio.svg

<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="435px" height="340px" viewBox="-0.5 -0.5 435 340" content="&lt;mxfile&gt;&lt;diagram id=&quot;9KW1ADvCEIuN-hiICIac&quot; name=&quot;concept&quot;&gt;7Vrdb6M4EP9rkPYetgIcCDyGfOw9dHXVdqW7e3TACdY6OAK3afavvzHYBMc0oR/b3vUSVao9Ho/tmZ9nxpM4aLp5+FLibf6VZ4Q5vps9OGjm+L4XhwH8k5R9Qwn9cUNYlzRrSO6BcEt/EjVTU+9oRipFa0iCcybo1iSmvChIKgwaLku+M9lWnGUGYYvXxCLcppjZ1D9pJvKGGulTSPrvhK5zvbIXxs3IEqc/1iW/K9R6jo9W9acZ3mAtSx20ynHGdx0SmjtoWnIumtbmYUqY1K2ptsUjo+2+S1KIIRN8te97zO7U2dOSYEHU9sReq4RkoCHVLXgB/5JcbBj0PGhWouQ/yJQzXtbsyK0/MJLhKieZYmN4SVjS6kjzK3krXog+Efah1Dkrfleman++ggku10RxaSXLrXfmKU18IXxDRLkHBoXbz+6V63phM0kh10NNtyQMC3pv4gMrmK1bUa30G05hswcWvlpVsK+OLaDR2cSBVFvoEWtZxpryAuwlyFQaDRR3bLVqRzcMt9rVBpRaxYyuC2inoFUCKk/uSSko3IGJGhB8C9Q0pyy7xnt+J7VaCTCe7iU5L+lPEIsPMMClUNfZdw2OWzlTLV2SCnhutEG9lnSNK6F4Us4Y3lZ0WW9YsmzAtLRIuBB8owVJFNXokr32MrktIvXtlfNXlLEOvNKMLKPlSew+GZBSheRhENbCML7yfANrQaTc5u7gc7wgvPIVOe+4nNA9C8Fv4BlxsQb9tavCGUx0j1x7RS26u5wfmsthBpgpwE8k0gLVC3GNLFxbQGa03+V0DawRzchK9OB5Q7NMikuqLU5psf4u8T377B0o1/XEGTpQvikVoBpsAgu8bC9Q7cxueEUF5VJ+2fAmW3n1az0FiRPMakoJOCpgx5jWiCGA8x2RWH8V9PmD0bc3PeMAoEWP48yw+AnzjnrMC6dwFzgFn7X/SkTOs0+/WTaHw9ga0rGic5kV6Yz5G3dmWnpkW1qSOMxdsdqV5AAaUvRY37RyAgqduleBtLc/hb536J+FwC6ngtzCNqTsHWRUJtB/JQ6iwTg49gDPAUJgAeGm5NldKobGLf8St947bo2QexWNjSgyCgdGEXQCQ/+5oBVegtaLoBcMht6JoNVn9leIWJGdaD8twX4TR4UujupUgj32TC8VoIH4QR/IS9nv+4uXegruosG4015qKMpe7qV0OcpKrCfFH1tSYqm8S1r98rT6yRhA3vOu/nNAoEumBghCJhVAobEW9ZF6n1sNFyzQYbxg5Y2xEozfECt2XmNZnBTZRFbQobdkXGYUCZAWVAqttQ49lYB4vqklM1kgD1T8Jdtggqb3d2dk9tDt7I2c4lUyhTO1YaWJs6XhPrM8txasMxM/PjyxNQrQUT2v2b6a2S3gHwtDkZl3jMZjU1JzakvSc8rPtqvR9ecnvuMv9ed3T49HOjXUCIyjq+HlZ/SRcuRWe5ck+Zn1Z3cw/N6lAD3kC4YPGfdcO/AF7xj4kH8Uq8IjNzI86qEj7+Udxc9XjHo9hb556ExCJ4JG4CQLJwksOJmYOJde/qsiQxiaVmozjA4kxn3V3RNfSQ6+qXaGqp4tQGxeLs4cOZHnTBbfyWbL6p8qdEeQE3t1w5eWaSjJVDeQGop9zRybPDAr1iskqhGPNSVUjWikmKOGx5Vt9Z5alvo19al/hx3J0UQv4XUEhk4M7ZkzHznJzImnEmUTQNncmUcOPGsmnpYzV7MmE32cUJ8i0kNj3dDaiGBo7MQjJ17ItaAbu6ZafInoI4Ht9EncpyjYaiL/1HGS9jiP1h8G/Xrk6GasVis/TYckj22w7bt65uX8pXfpKDsPQ7s8NEIj+zIFr/DcQ3a+TqW6VlIZynQaHZGPlzI/gBzeGpH4ixYSAf9nUwa6fqyDl9eXw4x7/KL/ZFNC9/AbsCZmHX5oh+b/AA==&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);">
    <defs/>
    <g>
        <path d="M 167.13 235 L 244.63 235" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/>
        <path d="M 249.88 235 L 242.88 238.5 L 244.63 235 L 242.88 231.5 Z" fill="#000000" stroke="#000000" 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 center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 222px; margin-left: 209px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
                                create
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="209" y="225" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">
                    create
                </text>
            </switch>
        </g>
        <path d="M 10.88 225 L 10.88 205 L 167.13 205 L 167.13 225" fill="#cdeb8b" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 10.88 225 L 10.88 265 L 167.13 265 L 167.13 225" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 10.88 225 L 167.13 225" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <g fill="#000000" font-family="Helvetica" pointer-events="none" text-anchor="middle" font-size="12px">
            <text x="88.51" y="222.5">
                ConcreteCreator
            </text>
        </g>
        <path d="M 10.88 229 L 167.13 229" fill="none" stroke="#000000" 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 flex-start; justify-content: unsafe flex-start; width: 146px; height: 1px; padding-top: 240px; margin-left: 17px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; 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;">
                                + FactoryMethod()
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="17" y="252" fill="#000000" font-family="Helvetica" font-size="12px">
                    + FactoryMethod()
                </text>
            </switch>
        </g>
        <path d="M 249.13 100 L 249.13 80 L 409.13 80 L 409.13 100" fill="#cdeb8b" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 249.13 100 L 249.13 116 L 409.13 116 L 409.13 100" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 249.13 100 L 409.13 100" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <g fill="#000000" font-family="Helvetica" font-style="italic" pointer-events="none" text-anchor="middle" font-size="12px">
            <text x="328.63" y="97.5">
                Product
            </text>
        </g>
        <path d="M 249.13 104 L 409.13 104" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 9 96 L 9 73 L 169 73 L 169 96" fill="#cdeb8b" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 9 96 L 9 156 L 169 156 L 169 96" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 9 96 L 169 96" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <g fill="#000000" font-family="Helvetica" font-style="italic" pointer-events="none" text-anchor="middle" font-size="12px">
            <text x="88.5" y="90.5">
                Creator
            </text>
        </g>
        <path d="M 9 100 L 169 100" fill="none" stroke="#000000" 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 flex-start; justify-content: unsafe flex-start; width: 150px; height: 1px; padding-top: 111px; margin-left: 15px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; 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;">
                                + AnOperation()
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="15" y="123" fill="#000000" font-family="Helvetica" font-size="12px">
                    + AnOperation()
                </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 flex-start; justify-content: unsafe flex-start; width: 150px; height: 1px; padding-top: 137px; margin-left: 15px;">
                        <div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 22px; 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;">
                                <i>
                                    + FactoryMethod()
                                </i>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="15" y="149" fill="#000000" font-family="Helvetica" font-size="12px">
                    + FactoryMethod()
                </text>
            </switch>
        </g>
        <path d="M 89.01 205 L 89 170.12" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 89 157.12 L 95.5 170.12 L 82.5 170.12 Z" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 251 238.5 L 251 218.5 L 407.25 218.5 L 407.25 238.5" fill="#cdeb8b" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 251 238.5 L 251 251.5 L 407.25 251.5 L 407.25 238.5" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 251 238.5 L 407.25 238.5" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <g fill="#000000" font-family="Helvetica" pointer-events="none" text-anchor="middle" font-size="12px">
            <text x="328.63" y="236">
                ConcreteProduct
            </text>
        </g>
        <path d="M 251 242.5 L 407.25 242.5" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 329.13 218.5 L 329.13 130.12" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <path d="M 329.13 117.12 L 335.63 130.12 L 322.63 130.12 Z" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/>
        <rect x="20" y="0" width="70" height="30" fill="#cdeb8b" stroke="#000000" 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: 68px; height: 1px; padding-top: 15px; margin-left: 21px;">
                        <div data-drawio-colors="color: #000000; " 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;">
                                概念
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="55" y="19" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    概念
                </text>
            </switch>
        </g>
        <rect x="0" y="283" width="434" height="56" fill="#fff2cc" stroke="#000000" 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: 432px; height: 1px; padding-top: 311px; margin-left: 1px;">
                        <div data-drawio-colors="color: #000000; " 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;">
                                Factory MethodはTemplate Methodパターンをベースにしている。
                                <br/>
                                (Template Methodにおける操作対象のオブジェクト生成をサブクラスに任せる)
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="217" y="315" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Factory MethodはTemplate Methodパターンをベースにしている。...
                </text>
            </switch>
        </g>
        <rect x="127" y="30" width="157" height="32" fill="#fff2cc" stroke="#000000" 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: 155px; height: 1px; padding-top: 46px; margin-left: 128px;">
                        <div data-drawio-colors="color: #000000; " 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;">
                                interfaceでもabstractでも可
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="206" y="50" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    interfaceでもabstractでも可
                </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>