Main Component added

document/Kintone自動化ツール設計図2.drawio

@@ -1,6 +1,6 @@
-<mxfile host="app.diagrams.net" modified="2023-08-02T11:53:11.935Z" agent="Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/115.0.0.0 Safari/537.36" etag="fnozejIO3fuGrEKEncA1" version="21.6.6" type="device" pages="14">
+<mxfile host="app.diagrams.net" modified="2023-08-03T06:58:29.620Z" agent="Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/115.0.0.0 Safari/537.36" etag="ZMT7nMYTjFevjAxsi2VV" version="21.6.6" type="device" pages="14">
   <diagram id="cNe2wJ0UVCjUIX4xeHyy" name="システム構成">
-    <mxGraphModel dx="1434" dy="790" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="827" pageHeight="1169" math="0" shadow="0">
+    <mxGraphModel dx="1434" dy="830" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="827" pageHeight="1169" math="0" shadow="0">
       <root>
         <mxCell id="0" />
         <mxCell id="1" parent="0" />
@@ -125,15 +125,10 @@
     </mxGraphModel>
   </diagram>
   <diagram id="8lWH28tYOHYWLWuH3jIw" name="メイン画面">
-    <mxGraphModel dx="1434" dy="790" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="827" pageHeight="1169" math="0" shadow="0">
+    <mxGraphModel dx="1434" dy="830" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="827" pageHeight="1169" math="0" shadow="0">
       <root>
         <mxCell id="0" />
         <mxCell id="1" parent="0" />
-        <mxCell id="n82f76WZ5ZkgaB6KuA7H-2" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;dashed=1;" parent="1" source="gXvkHnpGdl_EdJ-gl0ih-1" target="n82f76WZ5ZkgaB6KuA7H-7" edge="1">
-          <mxGeometry relative="1" as="geometry">
-            <mxPoint x="350" y="60" as="targetPoint" />
-          </mxGeometry>
-        </mxCell>
         <mxCell id="gXvkHnpGdl_EdJ-gl0ih-1" value="アプリ選択" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#d5e8d4;gradientColor=#97d077;strokeColor=#82b366;" parent="1" vertex="1">
           <mxGeometry x="30" y="40" width="200" height="40" as="geometry" />
         </mxCell>
@@ -152,10 +147,10 @@
         <mxCell id="yzDItIDLaaHyHhtVy_qc-7" value="" style="strokeColor=#6c8ebf;fillColor=#dae8fc;gradientColor=#7ea6e0;strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.forms.rrect;rSize=0;fontSize=17;whiteSpace=wrap;" parent="A2U9OA2XzSwmYI_t13u4-1" vertex="1">
           <mxGeometry x="581.6993464052287" width="43.73366013071896" height="30" as="geometry" />
         </mxCell>
-        <mxCell id="A2U9OA2XzSwmYI_t13u4-6" value="" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.forms.rrect;rSize=0;strokeColor=#6c8ebf;fillColor=#dae8fc;" parent="1" vertex="1">
+        <mxCell id="A2U9OA2XzSwmYI_t13u4-6" value="" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.forms.rrect;rSize=0;strokeColor=#6c8ebf;fillColor=#dae8fc;perimeterSpacing=1;" parent="1" vertex="1">
           <mxGeometry x="115" y="230" width="625" height="30" as="geometry" />
         </mxCell>
-        <mxCell id="A2U9OA2XzSwmYI_t13u4-7" value="１" style="strokeColor=inherit;fillColor=inherit;gradientColor=inherit;strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.forms.rrect;rSize=0;fontSize=17;fontColor=#666666;whiteSpace=wrap;" parent="A2U9OA2XzSwmYI_t13u4-6" vertex="1">
+        <mxCell id="A2U9OA2XzSwmYI_t13u4-7" value="１" style="strokeColor=inherit;fillColor=inherit;gradientColor=inherit;strokeWidth=1;shadow=0;dashed=0;align=right;html=1;shape=mxgraph.mockup.forms.rrect;rSize=0;fontSize=17;fontColor=#666666;whiteSpace=wrap;" parent="A2U9OA2XzSwmYI_t13u4-6" vertex="1">
           <mxGeometry width="60" height="30" as="geometry" />
         </mxCell>
         <mxCell id="A2U9OA2XzSwmYI_t13u4-8" value="自動採番" style="strokeColor=inherit;fillColor=inherit;gradientColor=inherit;strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.forms.rrect;rSize=0;fontSize=17;fontColor=#666666;whiteSpace=wrap;" parent="A2U9OA2XzSwmYI_t13u4-6" vertex="1">
@@ -170,6 +165,9 @@
         <mxCell id="JCOZmEHCEtTJVaDSwgAI-1" value="" style="shape=image;html=1;verticalAlign=top;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;imageAspect=0;aspect=fixed;image=https://cdn2.iconfinder.com/data/icons/boxicons-solid-vol-2/24/bxs-edit-alt-128.png" parent="A2U9OA2XzSwmYI_t13u4-6" vertex="1">
           <mxGeometry x="587.5" width="30" height="30" as="geometry" />
         </mxCell>
+        <mxCell id="mnwblbblYhOQSafZm2tC-3" value="" style="shape=image;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/png,iVBORw0KGgoAAAANSUhEUgAAABIAAAAbCAYAAABxwd+fAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAE+SURBVEhL7ZUxS8NQEMcv/Q7JZD+GZs1mQJdQ8hWy5TtkdAjilE+QobhmqYvpqi7qlgjGKdoKkmJFwZboXa42uUYc7CDUHxz/9/73uAfvDp5SfgJroMP6azaxkOd5vGpSFAUEQcC7Gtg1iWEY2ElSCfoYvu+zU9GZvpcgYzR+xDtI6/548kI+cnN718gpr7P5yhydDAZwcX4G2zs67JomuxXH/T7c5zn0bBu2ul12ATZtILH1iqK0joBlWaBpGqRpyg5DvROgvYg6cRx/+XI0Wgu5rkuHUSW6rlMuDEN2KloLIXj7d2RZxqslf7D9ONcyJs9TOI2HpDKXP4zg8up6xYent1kpw9zbxxSpzKGPcXB41PTppQSqqtJh1Dr4yItCtm2zW9FaKEkSmhNUSRRFpeM4vFvy/4v8zJoKAXwA8fwf7bg4iwAAAAAASUVORK5CYII=;imageBorder=#CCCCCC;strokeWidth=1;" parent="A2U9OA2XzSwmYI_t13u4-6" vertex="1">
+          <mxGeometry x="1" y="1.5" width="18" height="27" as="geometry" />
+        </mxCell>
         <mxCell id="A2U9OA2XzSwmYI_t13u4-12" value="■　アクション一覧" style="text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;fontStyle=1;fontSize=15;" parent="1" vertex="1">
           <mxGeometry x="105" y="170" width="150" height="30" as="geometry" />
         </mxCell>
@@ -177,10 +175,10 @@
           <mxGeometry x="742" y="225.5" width="30" height="30" as="geometry" />
         </mxCell>
         <mxCell id="A2U9OA2XzSwmYI_t13u4-15" value="∔" style="rounded=1;whiteSpace=wrap;html=1;shadow=0;dashed=0;strokeColor=#444444;strokeWidth=1;fontFamily=Helvetica;fontSize=17;fontColor=#008cff;fillColor=none;gradientColor=#666666;" parent="1" vertex="1">
-          <mxGeometry x="75" y="230" width="30" height="30" as="geometry" />
+          <mxGeometry x="79" y="230" width="32" height="30" as="geometry" />
         </mxCell>
         <mxCell id="A2U9OA2XzSwmYI_t13u4-21" value="" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.rrect;rSize=5;fillColor=#ffffff;strokeColor=#999999;strokeWidth=1;fontFamily=Helvetica;fontSize=17;fontColor=#008cff;" parent="1" vertex="1">
-          <mxGeometry x="780" y="200" width="170" height="80" as="geometry" />
+          <mxGeometry x="774" y="205" width="170" height="80" as="geometry" />
         </mxCell>
         <mxCell id="A2U9OA2XzSwmYI_t13u4-22" value="アクション追加" style="fillColor=none;strokeColor=none;align=left;spacing=20;fontSize=14;shadow=0;dashed=0;strokeWidth=1;fontFamily=Helvetica;fontColor=#008cff;html=1;" parent="A2U9OA2XzSwmYI_t13u4-21" vertex="1">
           <mxGeometry width="170" height="30" relative="1" as="geometry">
@@ -203,7 +201,7 @@
           <mxGeometry x="742" y="260" width="30" height="30" as="geometry" />
         </mxCell>
         <mxCell id="A2U9OA2XzSwmYI_t13u4-30" value="∔" style="rounded=1;whiteSpace=wrap;html=1;shadow=0;dashed=0;strokeColor=#444444;strokeWidth=1;fontFamily=Helvetica;fontSize=17;fontColor=#008cff;fillColor=none;gradientColor=#666666;" parent="1" vertex="1">
-          <mxGeometry x="75" y="260" width="30" height="30" as="geometry" />
+          <mxGeometry x="81" y="260" width="30" height="30" as="geometry" />
         </mxCell>
         <mxCell id="A2U9OA2XzSwmYI_t13u4-31" value="⊕" style="rounded=1;whiteSpace=wrap;html=1;arcSize=50;strokeColor=none;strokeWidth=1;fillColor=#E6E6E6;fontColor=#000000;whiteSpace=wrap;align=center;verticalAlign=middle;spacingLeft=0;fontStyle=1;fontSize=37;spacing=10;shadow=0;dashed=0;fontFamily=Helvetica;" parent="1" vertex="1">
           <mxGeometry x="115" y="360" width="620" height="90" as="geometry" />
@@ -220,7 +218,7 @@
         <mxCell id="VqKIAk9kAIBkBrjHeMvv-1" value="" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.forms.rrect;rSize=0;strokeColor=#999999;" parent="1" vertex="1">
           <mxGeometry x="115" y="260" width="625" height="30" as="geometry" />
         </mxCell>
-        <mxCell id="VqKIAk9kAIBkBrjHeMvv-2" value="2" style="strokeColor=inherit;fillColor=inherit;gradientColor=inherit;strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.forms.rrect;rSize=0;fontSize=17;fontColor=#666666;whiteSpace=wrap;" parent="VqKIAk9kAIBkBrjHeMvv-1" vertex="1">
+        <mxCell id="VqKIAk9kAIBkBrjHeMvv-2" value="2&amp;nbsp;" style="strokeColor=inherit;fillColor=inherit;gradientColor=inherit;strokeWidth=1;shadow=0;dashed=0;align=right;html=1;shape=mxgraph.mockup.forms.rrect;rSize=0;fontSize=17;fontColor=#666666;whiteSpace=wrap;" parent="VqKIAk9kAIBkBrjHeMvv-1" vertex="1">
           <mxGeometry width="60" height="30" as="geometry" />
         </mxCell>
         <mxCell id="VqKIAk9kAIBkBrjHeMvv-3" value="必須チェック" style="strokeColor=inherit;fillColor=inherit;gradientColor=inherit;strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.forms.rrect;rSize=0;fontSize=17;fontColor=#666666;whiteSpace=wrap;" parent="VqKIAk9kAIBkBrjHeMvv-1" vertex="1">
@@ -235,6 +233,9 @@
         <mxCell id="JCOZmEHCEtTJVaDSwgAI-8" value="" style="shape=image;html=1;verticalAlign=top;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;imageAspect=0;aspect=fixed;image=https://cdn2.iconfinder.com/data/icons/boxicons-solid-vol-2/24/bxs-edit-alt-128.png" parent="VqKIAk9kAIBkBrjHeMvv-1" vertex="1">
           <mxGeometry x="587.5" width="30" height="30" as="geometry" />
         </mxCell>
+        <mxCell id="mnwblbblYhOQSafZm2tC-4" value="" style="shape=image;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/png,iVBORw0KGgoAAAANSUhEUgAAABIAAAAbCAYAAABxwd+fAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAE+SURBVEhL7ZUxS8NQEMcv/Q7JZD+GZs1mQJdQ8hWy5TtkdAjilE+QobhmqYvpqi7qlgjGKdoKkmJFwZboXa42uUYc7CDUHxz/9/73uAfvDp5SfgJroMP6azaxkOd5vGpSFAUEQcC7Gtg1iWEY2ElSCfoYvu+zU9GZvpcgYzR+xDtI6/548kI+cnN718gpr7P5yhydDAZwcX4G2zs67JomuxXH/T7c5zn0bBu2ul12ATZtILH1iqK0joBlWaBpGqRpyg5DvROgvYg6cRx/+XI0Wgu5rkuHUSW6rlMuDEN2KloLIXj7d2RZxqslf7D9ONcyJs9TOI2HpDKXP4zg8up6xYent1kpw9zbxxSpzKGPcXB41PTppQSqqtJh1Dr4yItCtm2zW9FaKEkSmhNUSRRFpeM4vFvy/4v8zJoKAXwA8fwf7bg4iwAAAAAASUVORK5CYII=;imageBorder=#CCCCCC;" parent="VqKIAk9kAIBkBrjHeMvv-1" vertex="1">
+          <mxGeometry x="1" y="1.5" width="18" height="27" as="geometry" />
+        </mxCell>
         <mxCell id="A2U9OA2XzSwmYI_t13u4-20" value="" style="shape=image;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/png,iVBORw0KGgoAAAANSUhEUgAAACAAAAAVCAYAAAAnzezqAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADlSURBVEhLY/wPBAwDCJig9ICBUQfA08C3X38Z2vc+YPjy8x9DmqUUg6Y4N1gBMlh85gXDkfsfGGwUBRhiTSSgoghw/eVXhlnHnzHwsDMxVDorMHCxMUNlcAO4A7xmX2DYfv0tWFBekIPhQa01mA0DIMvjll2F8hgYFkVpYzhCofkow8P3P8BsT01hhm2pBmA2PgCPApjlIAAy5OyTT1AeBIB8jgzQ+SD1MMtBANk8fADuAJCLYQAUAsYyfFAeBICCHRmg80HqQfpgANk8fGDwpIGBAqPlwKgDRh0w6oBRBwywAxgYAHUaaBITvIeFAAAAAElFTkSuQmCC;" parent="1" vertex="1">
           <mxGeometry x="742" y="200" width="32" height="21" as="geometry" />
         </mxCell>
@@ -322,34 +323,54 @@
         <mxCell id="n15s9RbLPwZL96pcQd4Z-21" value="採番項目" style="text;html=1;align=left;verticalAlign=bottom;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;fontSize=9;fontFamily=Helvetica;fontColor=#000000;" parent="1" vertex="1">
           <mxGeometry x="975" y="130" width="60" height="30" as="geometry" />
         </mxCell>
-        <mxCell id="n82f76WZ5ZkgaB6KuA7H-7" value="アプリ一覧画面" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
-          <mxGeometry x="354" y="30" width="176" height="60" as="geometry" />
+        <mxCell id="DPZfxDmgnfWScDB8vBnL-1" value="ステータス==&#39;承認済み&#39;" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.rrect;rSize=5;strokeColor=#CED4DA;html=1;whiteSpace=wrap;fillColor=#FFFFFF;fontColor=#7D868C;align=left;spacing=15;spacingLeft=2;fontSize=14;" parent="1" vertex="1">
+          <mxGeometry x="986" y="650" width="249" height="40" as="geometry" />
         </mxCell>
-        <mxCell id="n82f76WZ5ZkgaB6KuA7H-8" value="フィールド一覧画面" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
-          <mxGeometry x="1360" y="140" width="176" height="60" as="geometry" />
-        </mxCell>
-        <mxCell id="SE_j5T3U0jOAE5tfFXdC-1" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0;entryY=0.5;entryDx=0;entryDy=0;dashed=1;" parent="1" source="n15s9RbLPwZL96pcQd4Z-20" target="n82f76WZ5ZkgaB6KuA7H-8" edge="1">
-          <mxGeometry relative="1" as="geometry" />
-        </mxCell>
-        <mxCell id="DPZfxDmgnfWScDB8vBnL-1" value="文書番号" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.rrect;rSize=5;strokeColor=#CED4DA;html=1;whiteSpace=wrap;fillColor=#FFFFFF;fontColor=#7D868C;align=left;spacing=15;spacingLeft=2;fontSize=14;" vertex="1" parent="1">
-          <mxGeometry x="986" y="660" width="249" height="40" as="geometry" />
-        </mxCell>
-        <mxCell id="DPZfxDmgnfWScDB8vBnL-2" value="" style="html=1;shadow=0;dashed=0;strokeColor=inherit;gradientColor=inherit;fontColor=inherit;fillColor=#E9ECEF;perimeter=none;whiteSpace=wrap;resizeHeight=1;fontSize=14;" vertex="1" parent="DPZfxDmgnfWScDB8vBnL-1">
+        <mxCell id="DPZfxDmgnfWScDB8vBnL-2" value="" style="html=1;shadow=0;dashed=0;strokeColor=inherit;gradientColor=inherit;fontColor=inherit;fillColor=#E9ECEF;perimeter=none;whiteSpace=wrap;resizeHeight=1;fontSize=14;" parent="DPZfxDmgnfWScDB8vBnL-1" vertex="1">
           <mxGeometry x="1" width="40" height="40" relative="1" as="geometry">
             <mxPoint x="-40" as="offset" />
           </mxGeometry>
         </mxCell>
-        <mxCell id="DPZfxDmgnfWScDB8vBnL-3" value="" style="endArrow=none;html=1;rounded=0;" edge="1" parent="1" target="OIyo66xiFFY8gij915SG-1">
+        <mxCell id="DPZfxDmgnfWScDB8vBnL-3" value="" style="endArrow=none;html=1;rounded=0;" parent="1" target="OIyo66xiFFY8gij915SG-1" edge="1">
           <mxGeometry width="50" height="50" relative="1" as="geometry">
             <mxPoint x="970" y="640" as="sourcePoint" />
             <mxPoint x="1190" y="640" as="targetPoint" />
           </mxGeometry>
         </mxCell>
+        <mxCell id="mnwblbblYhOQSafZm2tC-1" value="条件設定" style="text;html=1;align=left;verticalAlign=bottom;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;fontSize=9;fontFamily=Helvetica;fontColor=#000000;" parent="1" vertex="1">
+          <mxGeometry x="986" y="620" width="60" height="30" as="geometry" />
+        </mxCell>
+        <mxCell id="lIAAiVeEuSbZk87r1FPh-3" value="日報アプリ" style="text;html=1;strokeColor=#36393d;fillColor=#eeeeee;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;fontSize=13;" parent="1" vertex="1">
+          <mxGeometry x="240" y="50" width="162" height="30" as="geometry" />
+        </mxCell>
+        <mxCell id="v6NNskJHB1lKV63mNfNY-3" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" edge="1" parent="1" source="v6NNskJHB1lKV63mNfNY-1" target="v6NNskJHB1lKV63mNfNY-2">
+          <mxGeometry relative="1" as="geometry" />
+        </mxCell>
+        <mxCell id="v6NNskJHB1lKV63mNfNY-1" value="" style="rounded=1;whiteSpace=wrap;html=1;" vertex="1" parent="1">
+          <mxGeometry x="140" y="670" width="120" height="60" as="geometry" />
+        </mxCell>
+        <mxCell id="v6NNskJHB1lKV63mNfNY-5" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" edge="1" parent="1" source="v6NNskJHB1lKV63mNfNY-2" target="v6NNskJHB1lKV63mNfNY-4">
+          <mxGeometry relative="1" as="geometry" />
+        </mxCell>
+        <mxCell id="v6NNskJHB1lKV63mNfNY-6" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" edge="1" parent="1" source="v6NNskJHB1lKV63mNfNY-2" target="v6NNskJHB1lKV63mNfNY-7">
+          <mxGeometry relative="1" as="geometry">
+            <mxPoint x="520" y="800" as="targetPoint" />
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="v6NNskJHB1lKV63mNfNY-2" value="" style="rounded=1;whiteSpace=wrap;html=1;" vertex="1" parent="1">
+          <mxGeometry x="345" y="670" width="120" height="60" as="geometry" />
+        </mxCell>
+        <mxCell id="v6NNskJHB1lKV63mNfNY-4" value="" style="rounded=1;whiteSpace=wrap;html=1;" vertex="1" parent="1">
+          <mxGeometry x="545" y="670" width="120" height="60" as="geometry" />
+        </mxCell>
+        <mxCell id="v6NNskJHB1lKV63mNfNY-7" value="" style="rounded=1;whiteSpace=wrap;html=1;" vertex="1" parent="1">
+          <mxGeometry x="550" y="780" width="120" height="60" as="geometry" />
+        </mxCell>
       </root>
     </mxGraphModel>
   </diagram>
   <diagram id="YOYPfaOOLqgUbkqLwZo6" name="アプリ一覧画面">
-    <mxGraphModel dx="1434" dy="790" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="827" pageHeight="1169" math="0" shadow="0">
+    <mxGraphModel dx="1434" dy="773" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="827" pageHeight="1169" math="0" shadow="0">
       <root>
         <mxCell id="0" />
         <mxCell id="1" parent="0" />
@@ -391,7 +412,7 @@
     </mxGraphModel>
   </diagram>
   <diagram id="_bjBnttzdgsCf_l-oIbH" name="フィールド一覧">
-    <mxGraphModel dx="1434" dy="790" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="827" pageHeight="1169" math="0" shadow="0">
+    <mxGraphModel dx="1434" dy="773" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="827" pageHeight="1169" math="0" shadow="0">
       <root>
         <mxCell id="0" />
         <mxCell id="1" parent="0" />
@@ -439,7 +460,7 @@
     </mxGraphModel>
   </diagram>
   <diagram id="tNFcAe9q32FVhuFY7C8b" name="アクション一覧">
-    <mxGraphModel dx="1434" dy="790" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="827" pageHeight="1169" math="0" shadow="0">
+    <mxGraphModel dx="1434" dy="773" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="827" pageHeight="1169" math="0" shadow="0">
       <root>
         <mxCell id="0" />
         <mxCell id="1" parent="0" />
@@ -505,122 +526,123 @@
     </mxGraphModel>
   </diagram>
   <diagram id="5041XaftiGs1s6BH0C5S" name="条件エディタ">
-    <mxGraphModel dx="1434" dy="-379" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="827" pageHeight="1169" math="0" shadow="0">
+    <mxGraphModel dx="1434" dy="773" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="827" pageHeight="1169" math="0" shadow="0">
       <root>
         <mxCell id="0" />
         <mxCell id="1" parent="0" />
-        <mxCell id="peEnS-HuSt4pgyWmA__p-1" value="" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="1">
-          <mxGeometry x="61.5" y="1200" width="637" height="490" as="geometry" />
+        <mxCell id="McxeyS0DOaTArxpFbXeM-1" value="条件エディタ" style="html=1;shadow=1;dashed=0;shape=mxgraph.bootstrap.rrect;rSize=5;html=1;strokeColor=#C8C8C8;fillColor=#ffffff;whiteSpace=wrap;verticalAlign=top;align=left;fontSize=18;spacing=15;spacingTop=-5;" vertex="1" parent="1">
+          <mxGeometry x="18.5" y="50" width="680" height="480" as="geometry" />
         </mxCell>
-        <mxCell id="peEnS-HuSt4pgyWmA__p-11" value="保存" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#d5e8d4;gradientColor=#97d077;strokeColor=#82b366;" vertex="1" parent="1">
-          <mxGeometry x="590" y="1240" width="100" height="30" as="geometry" />
+        <mxCell id="McxeyS0DOaTArxpFbXeM-2" value="" style="shape=line;strokeColor=#dddddd;resizeWidth=1;" vertex="1" parent="McxeyS0DOaTArxpFbXeM-1">
+          <mxGeometry width="680" height="10" relative="1" as="geometry">
+            <mxPoint y="50" as="offset" />
+          </mxGeometry>
         </mxCell>
-        <mxCell id="peEnS-HuSt4pgyWmA__p-12" value="" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.containers.marginRect2;rectMarginTop=32;strokeColor=#4D4D4D;gradientColor=none;whiteSpace=wrap;" vertex="1" parent="1">
-          <mxGeometry x="110" y="1320" width="520" height="320" as="geometry" />
+        <mxCell id="McxeyS0DOaTArxpFbXeM-3" value="" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.x;strokeColor=#868686;strokeWidth=2;" vertex="1" parent="McxeyS0DOaTArxpFbXeM-1">
+          <mxGeometry x="1" width="8" height="8" relative="1" as="geometry">
+            <mxPoint x="-24" y="20" as="offset" />
+          </mxGeometry>
         </mxCell>
-        <mxCell id="peEnS-HuSt4pgyWmA__p-14" value="フィールド条件" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.containers.rrect;rSize=0;fontSize=16;fillColor=#dae8fc;gradientColor=#7ea6e0;strokeColor=#6c8ebf;" vertex="1" parent="peEnS-HuSt4pgyWmA__p-12">
+        <mxCell id="McxeyS0DOaTArxpFbXeM-4" value="" style="shape=line;strokeColor=#dddddd;resizeWidth=1;" vertex="1" parent="McxeyS0DOaTArxpFbXeM-1">
+          <mxGeometry width="680" height="20" relative="1" as="geometry">
+            <mxPoint y="400" as="offset" />
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="McxeyS0DOaTArxpFbXeM-5" value="保存" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.rrect;rSize=5;fillColor=#0085FC;strokeColor=none;fontColor=#FFFFFF;fontSize=14;" vertex="1" parent="McxeyS0DOaTArxpFbXeM-1">
+          <mxGeometry x="1" y="1" width="110" height="40" relative="1" as="geometry">
+            <mxPoint x="-130" y="-60" as="offset" />
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="McxeyS0DOaTArxpFbXeM-6" value="キャンセル" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.rrect;rSize=5;fillColor=#6C757D;strokeColor=none;fontColor=#FFFFFF;fontSize=14;" vertex="1" parent="McxeyS0DOaTArxpFbXeM-1">
+          <mxGeometry x="1" y="1" width="111" height="40" relative="1" as="geometry">
+            <mxPoint x="-260" y="-60" as="offset" />
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="peEnS-HuSt4pgyWmA__p-12" value="" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.containers.marginRect2;rectMarginTop=32;strokeColor=#4D4D4D;gradientColor=none;whiteSpace=wrap;" parent="McxeyS0DOaTArxpFbXeM-1" vertex="1">
+          <mxGeometry x="31.5" y="70" width="590.0033333333332" height="320" as="geometry" />
+        </mxCell>
+        <mxCell id="peEnS-HuSt4pgyWmA__p-14" value="フィールド条件" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.containers.rrect;rSize=0;fontSize=16;fillColor=#eeeeee;strokeColor=#36393d;" parent="peEnS-HuSt4pgyWmA__p-12" vertex="1">
           <mxGeometry width="140" height="25" relative="1" as="geometry">
             <mxPoint as="offset" />
           </mxGeometry>
         </mxCell>
-        <mxCell id="peEnS-HuSt4pgyWmA__p-16" value="承認済み" style="rounded=0;whiteSpace=wrap;html=1;align=left;strokeWidth=0.75;" vertex="1" parent="peEnS-HuSt4pgyWmA__p-12">
-          <mxGeometry x="386.75" y="73" width="82.33333333333333" height="32" as="geometry" />
+        <mxCell id="peEnS-HuSt4pgyWmA__p-16" value="承認済み" style="rounded=0;whiteSpace=wrap;html=1;align=left;strokeWidth=0.75;" parent="peEnS-HuSt4pgyWmA__p-12" vertex="1">
+          <mxGeometry x="408.46" y="73" width="141.54" height="32" as="geometry" />
         </mxCell>
-        <mxCell id="peEnS-HuSt4pgyWmA__p-17" value="✙" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="peEnS-HuSt4pgyWmA__p-12">
-          <mxGeometry x="10.836944444444446" y="73" width="34.666666666666664" height="32" as="geometry" />
+        <mxCell id="peEnS-HuSt4pgyWmA__p-17" value="✙" style="rounded=0;whiteSpace=wrap;html=1;" parent="peEnS-HuSt4pgyWmA__p-12" vertex="1">
+          <mxGeometry x="12.295763888888892" y="73" width="39.33333333333333" height="32" as="geometry" />
         </mxCell>
-        <mxCell id="peEnS-HuSt4pgyWmA__p-18" value="等しい" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.forms.comboBox;strokeColor=#999999;fillColor=#ddeeff;align=left;fillColor2=#aaddff;mainText=;fontColor=#666666;fontSize=17;spacingLeft=3;" vertex="1" parent="peEnS-HuSt4pgyWmA__p-12">
-          <mxGeometry x="230.74999999999997" y="73" width="151.66666666666666" height="30" as="geometry" />
+        <mxCell id="peEnS-HuSt4pgyWmA__p-18" value="等しい" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.forms.comboBox;strokeColor=#999999;fillColor=#ddeeff;align=left;fillColor2=#aaddff;mainText=;fontColor=#666666;fontSize=17;spacingLeft=3;" parent="peEnS-HuSt4pgyWmA__p-12" vertex="1">
+          <mxGeometry x="261.8125" y="73" width="135.3028846153846" height="30" as="geometry" />
         </mxCell>
-        <mxCell id="peEnS-HuSt4pgyWmA__p-19" value="" style="group" vertex="1" connectable="0" parent="peEnS-HuSt4pgyWmA__p-12">
-          <mxGeometry x="3.836944444444441" y="119" width="506.9963888888888" height="34" as="geometry" />
+        <mxCell id="peEnS-HuSt4pgyWmA__p-19" value="" style="group" parent="peEnS-HuSt4pgyWmA__p-12" vertex="1" connectable="0">
+          <mxGeometry x="4.353456196581193" y="119" width="575.2459027777776" height="34" as="geometry" />
         </mxCell>
-        <mxCell id="peEnS-HuSt4pgyWmA__p-21" value="承認済み" style="rounded=0;whiteSpace=wrap;html=1;align=left;strokeWidth=0.75;" vertex="1" parent="peEnS-HuSt4pgyWmA__p-19">
-          <mxGeometry x="382.41305555555556" y="2" width="82.33333333333333" height="32" as="geometry" />
+        <mxCell id="peEnS-HuSt4pgyWmA__p-21" value="承認済み" style="rounded=0;whiteSpace=wrap;html=1;align=left;strokeWidth=0.75;" parent="peEnS-HuSt4pgyWmA__p-19" vertex="1">
+          <mxGeometry x="408.46" y="2" width="141.54" height="32" as="geometry" />
         </mxCell>
-        <mxCell id="peEnS-HuSt4pgyWmA__p-22" value="等しい" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.forms.comboBox;strokeColor=#999999;fillColor=#ddeeff;align=left;fillColor2=#aaddff;mainText=;fontColor=#666666;fontSize=17;spacingLeft=3;" vertex="1" parent="peEnS-HuSt4pgyWmA__p-19">
-          <mxGeometry x="226.41305555555553" y="2" width="151.66666666666666" height="30" as="geometry" />
+        <mxCell id="peEnS-HuSt4pgyWmA__p-22" value="等しい" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.forms.comboBox;strokeColor=#999999;fillColor=#ddeeff;align=left;fillColor2=#aaddff;mainText=;fontColor=#666666;fontSize=17;spacingLeft=3;" parent="peEnS-HuSt4pgyWmA__p-19" vertex="1">
+          <mxGeometry x="256.88826923076925" y="2" width="140.2271153846154" height="30" as="geometry" />
         </mxCell>
-        <mxCell id="peEnS-HuSt4pgyWmA__p-23" value="✙" style="rounded=0;whiteSpace=wrap;html=1;" vertex="1" parent="peEnS-HuSt4pgyWmA__p-19">
-          <mxGeometry x="7" width="34.666666666666664" height="32" as="geometry" />
+        <mxCell id="peEnS-HuSt4pgyWmA__p-23" value="✙" style="rounded=0;whiteSpace=wrap;html=1;" parent="peEnS-HuSt4pgyWmA__p-19" vertex="1">
+          <mxGeometry x="7.9423076923076925" width="39.33333333333333" height="32" as="geometry" />
         </mxCell>
-        <mxCell id="peEnS-HuSt4pgyWmA__p-24" value="" style="shape=image;html=1;verticalAlign=top;verticalLabelPosition=bottom;labelBackgroundColor=#FF6666;imageAspect=0;aspect=fixed;image=https://cdn3.iconfinder.com/data/icons/user-interface-169/32/trash-128.png;fontColor=#FF6666;imageBackground=none;imageBorder=none;" vertex="1" parent="peEnS-HuSt4pgyWmA__p-19">
-          <mxGeometry x="474.4963888888888" y="4" width="30" height="30" as="geometry" />
+        <mxCell id="peEnS-HuSt4pgyWmA__p-25" value="" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.forms.rrect;rSize=0;strokeColor=#999999;fillColor=#ffffff;" parent="peEnS-HuSt4pgyWmA__p-12" vertex="1">
+          <mxGeometry x="262.474358974359" y="153" width="172.08333333333331" height="116" as="geometry" />
         </mxCell>
-        <mxCell id="peEnS-HuSt4pgyWmA__p-25" value="" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.forms.rrect;rSize=0;strokeColor=#999999;fillColor=#ffffff;" vertex="1" parent="peEnS-HuSt4pgyWmA__p-12">
-          <mxGeometry x="231.33333333333331" y="155" width="151.66666666666666" height="116" as="geometry" />
-        </mxCell>
-        <mxCell id="peEnS-HuSt4pgyWmA__p-26" value="等しい" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.forms.anchor;fontSize=17;fontColor=#666666;align=left;spacingLeft=5;resizeWidth=1;whiteSpace=wrap;" vertex="1" parent="peEnS-HuSt4pgyWmA__p-25">
-          <mxGeometry width="151.66666666666666" height="20" relative="1" as="geometry">
+        <mxCell id="peEnS-HuSt4pgyWmA__p-26" value="等しい" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.forms.anchor;fontSize=17;fontColor=#666666;align=left;spacingLeft=5;resizeWidth=1;whiteSpace=wrap;" parent="peEnS-HuSt4pgyWmA__p-25" vertex="1">
+          <mxGeometry width="172.08333333333331" height="20" relative="1" as="geometry">
             <mxPoint as="offset" />
           </mxGeometry>
         </mxCell>
-        <mxCell id="peEnS-HuSt4pgyWmA__p-27" value="等しくない" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.forms.anchor;fontSize=17;fontColor=#666666;align=left;spacingLeft=5;resizeWidth=1;whiteSpace=wrap;" vertex="1" parent="peEnS-HuSt4pgyWmA__p-25">
-          <mxGeometry width="151.66666666666666" height="20" relative="1" as="geometry">
+        <mxCell id="peEnS-HuSt4pgyWmA__p-27" value="等しくない" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.forms.anchor;fontSize=17;fontColor=#666666;align=left;spacingLeft=5;resizeWidth=1;whiteSpace=wrap;" parent="peEnS-HuSt4pgyWmA__p-25" vertex="1">
+          <mxGeometry width="172.08333333333331" height="20" relative="1" as="geometry">
             <mxPoint y="19" as="offset" />
           </mxGeometry>
         </mxCell>
-        <mxCell id="peEnS-HuSt4pgyWmA__p-28" value="含む" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.forms.rrect;rSize=0;fontSize=17;fontColor=#666666;align=left;spacingLeft=5;fillColor=#ddeeff;strokeColor=none;resizeWidth=1;whiteSpace=wrap;" vertex="1" parent="peEnS-HuSt4pgyWmA__p-25">
-          <mxGeometry width="151.66666666666666" height="20" relative="1" as="geometry">
+        <mxCell id="peEnS-HuSt4pgyWmA__p-28" value="含む" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.forms.rrect;rSize=0;fontSize=17;fontColor=#666666;align=left;spacingLeft=5;fillColor=#ddeeff;strokeColor=none;resizeWidth=1;whiteSpace=wrap;" parent="peEnS-HuSt4pgyWmA__p-25" vertex="1">
+          <mxGeometry width="172.08333333333331" height="20" relative="1" as="geometry">
             <mxPoint y="39" as="offset" />
           </mxGeometry>
         </mxCell>
-        <mxCell id="peEnS-HuSt4pgyWmA__p-29" value="含まない" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.forms.anchor;fontSize=17;fontColor=#666666;align=left;spacingLeft=5;resizeWidth=1;whiteSpace=wrap;" vertex="1" parent="peEnS-HuSt4pgyWmA__p-25">
-          <mxGeometry width="151.66666666666666" height="20" relative="1" as="geometry">
+        <mxCell id="peEnS-HuSt4pgyWmA__p-29" value="含まない" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.forms.anchor;fontSize=17;fontColor=#666666;align=left;spacingLeft=5;resizeWidth=1;whiteSpace=wrap;" parent="peEnS-HuSt4pgyWmA__p-25" vertex="1">
+          <mxGeometry width="172.08333333333331" height="20" relative="1" as="geometry">
             <mxPoint y="60" as="offset" />
           </mxGeometry>
         </mxCell>
-        <mxCell id="peEnS-HuSt4pgyWmA__p-30" value="から始まる" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.forms.anchor;fontSize=17;fontColor=#666666;align=left;spacingLeft=5;resizeWidth=1;whiteSpace=wrap;" vertex="1" parent="peEnS-HuSt4pgyWmA__p-25">
-          <mxGeometry y="82.00424657534246" width="151.66666666666666" height="11.6" as="geometry" />
+        <mxCell id="peEnS-HuSt4pgyWmA__p-30" value="から始まる" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.forms.anchor;fontSize=17;fontColor=#666666;align=left;spacingLeft=5;resizeWidth=1;whiteSpace=wrap;" parent="peEnS-HuSt4pgyWmA__p-25" vertex="1">
+          <mxGeometry y="82.00424657534246" width="172.08333333333331" height="11.6" as="geometry" />
         </mxCell>
-        <mxCell id="peEnS-HuSt4pgyWmA__p-31" value="で終わる" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.forms.anchor;fontSize=17;fontColor=#666666;align=left;spacingLeft=5;resizeWidth=1;whiteSpace=wrap;" vertex="1" parent="peEnS-HuSt4pgyWmA__p-25">
-          <mxGeometry y="100.00205479452055" width="151.66666666666666" height="11.6" as="geometry" />
+        <mxCell id="peEnS-HuSt4pgyWmA__p-31" value="で終わる" style="strokeWidth=1;shadow=0;dashed=0;align=center;html=1;shape=mxgraph.mockup.forms.anchor;fontSize=17;fontColor=#666666;align=left;spacingLeft=5;resizeWidth=1;whiteSpace=wrap;" parent="peEnS-HuSt4pgyWmA__p-25" vertex="1">
+          <mxGeometry y="100.00205479452055" width="172.08333333333331" height="11.6" as="geometry" />
         </mxCell>
-        <mxCell id="peEnS-HuSt4pgyWmA__p-35" value="関数" style="rounded=1;whiteSpace=wrap;html=1;arcSize=50;strokeColor=none;strokeWidth=1;fillColor=#33A64C;fontColor=#FFFFFF;whiteSpace=wrap;align=center;verticalAlign=middle;spacingLeft=0;fontStyle=1;fontSize=14;spacing=10;shadow=0;dashed=0;fontFamily=Helvetica;" vertex="1" parent="peEnS-HuSt4pgyWmA__p-12">
-          <mxGeometry x="394.08" y="40" width="75" height="30" as="geometry" />
+        <mxCell id="peEnS-HuSt4pgyWmA__p-35" value="関数" style="rounded=1;whiteSpace=wrap;html=1;arcSize=50;strokeColor=none;strokeWidth=1;fillColor=#33A64C;fontColor=#FFFFFF;whiteSpace=wrap;align=center;verticalAlign=middle;spacingLeft=0;fontStyle=1;fontSize=14;spacing=10;shadow=0;dashed=0;fontFamily=Helvetica;" parent="peEnS-HuSt4pgyWmA__p-12" vertex="1">
+          <mxGeometry x="447.1292307692308" y="40" width="85.09615384615383" height="30" as="geometry" />
         </mxCell>
-        <mxCell id="zI_V9nq9UzU4hDqqXhtn-1" value="ステータス" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.rrect;rSize=5;strokeColor=#CED4DA;html=1;whiteSpace=wrap;fillColor=#FFFFFF;fontColor=#7D868C;align=left;spacing=15;spacingLeft=2;fontSize=14;" vertex="1" parent="peEnS-HuSt4pgyWmA__p-12">
-          <mxGeometry x="50" y="75" width="170" height="30" as="geometry" />
+        <mxCell id="zI_V9nq9UzU4hDqqXhtn-3" value="ステータス" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.rrect;rSize=5;html=1;whiteSpace=wrap;align=left;spacing=15;spacingLeft=2;fontSize=14;" parent="peEnS-HuSt4pgyWmA__p-12" vertex="1">
+          <mxGeometry x="56.73076923076923" y="121" width="192.88461538461536" height="30" as="geometry" />
         </mxCell>
-        <mxCell id="zI_V9nq9UzU4hDqqXhtn-2" value="" style="html=1;shadow=0;dashed=0;strokeColor=inherit;gradientColor=inherit;fontColor=inherit;fillColor=#E9ECEF;perimeter=none;whiteSpace=wrap;resizeHeight=1;fontSize=14;" vertex="1" parent="zI_V9nq9UzU4hDqqXhtn-1">
+        <mxCell id="zI_V9nq9UzU4hDqqXhtn-4" value="" style="html=1;shadow=0;dashed=0;strokeColor=inherit;gradientColor=inherit;fontColor=inherit;fillColor=#E9ECEF;perimeter=none;whiteSpace=wrap;resizeHeight=1;fontSize=14;" parent="zI_V9nq9UzU4hDqqXhtn-3" vertex="1">
           <mxGeometry x="1" width="40" height="30" relative="1" as="geometry">
             <mxPoint x="-40" as="offset" />
           </mxGeometry>
         </mxCell>
-        <mxCell id="zI_V9nq9UzU4hDqqXhtn-3" value="ステータス" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.rrect;rSize=5;strokeColor=#CED4DA;html=1;whiteSpace=wrap;fillColor=#FFFFFF;fontColor=#7D868C;align=left;spacing=15;spacingLeft=2;fontSize=14;" vertex="1" parent="peEnS-HuSt4pgyWmA__p-12">
-          <mxGeometry x="50" y="121" width="170" height="30" as="geometry" />
+        <mxCell id="-VKKVywTXpiLZhCwoEZP-1" value="" style="shape=image;html=1;verticalAlign=top;verticalLabelPosition=bottom;labelBackgroundColor=#FF6666;imageAspect=0;aspect=fixed;image=https://cdn3.iconfinder.com/data/icons/user-interface-169/32/trash-128.png;fontColor=#FF6666;imageBackground=none;imageBorder=none;" vertex="1" parent="peEnS-HuSt4pgyWmA__p-12">
+          <mxGeometry x="560.0033333333332" y="119" width="30" height="30" as="geometry" />
         </mxCell>
-        <mxCell id="zI_V9nq9UzU4hDqqXhtn-4" value="" style="html=1;shadow=0;dashed=0;strokeColor=inherit;gradientColor=inherit;fontColor=inherit;fillColor=#E9ECEF;perimeter=none;whiteSpace=wrap;resizeHeight=1;fontSize=14;" vertex="1" parent="zI_V9nq9UzU4hDqqXhtn-3">
+        <mxCell id="zI_V9nq9UzU4hDqqXhtn-1" value="ステータス" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.rrect;rSize=5;html=1;whiteSpace=wrap;align=left;spacing=15;spacingLeft=2;fontSize=14;" parent="peEnS-HuSt4pgyWmA__p-12" vertex="1">
+          <mxGeometry x="56.73076923076923" y="75" width="192.88461538461536" height="30" as="geometry" />
+        </mxCell>
+        <mxCell id="zI_V9nq9UzU4hDqqXhtn-2" value="" style="html=1;shadow=0;dashed=0;strokeColor=inherit;gradientColor=inherit;fontColor=inherit;fillColor=#E9ECEF;perimeter=none;whiteSpace=wrap;resizeHeight=1;fontSize=14;" parent="zI_V9nq9UzU4hDqqXhtn-1" vertex="1">
           <mxGeometry x="1" width="40" height="30" relative="1" as="geometry">
             <mxPoint x="-40" as="offset" />
           </mxGeometry>
         </mxCell>
-        <mxCell id="peEnS-HuSt4pgyWmA__p-32" value="条件エディタ" style="whiteSpace=wrap;html=1;rounded=0;fillColor=#dae8fc;gradientColor=#7ea6e0;strokeColor=#6c8ebf;" vertex="1" parent="1">
-          <mxGeometry x="60" y="1200" width="640" height="30" as="geometry" />
-        </mxCell>
-        <mxCell id="peEnS-HuSt4pgyWmA__p-33" value="キャンセル" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#f5f5f5;gradientColor=#b3b3b3;strokeColor=#666666;" vertex="1" parent="1">
-          <mxGeometry x="480" y="1240" width="100" height="30" as="geometry" />
-        </mxCell>
-        <mxCell id="peEnS-HuSt4pgyWmA__p-34" value="" style="html=1;shadow=0;dashed=0;shape=mxgraph.bootstrap.radioButton2;labelPosition=right;verticalLabelPosition=middle;align=left;verticalAlign=middle;gradientColor=#DEDEDE;fillColor=#EDEDED;checked=0;spacing=5;checkedFill=#0085FC;checkedStroke=#ffffff;sketch=0;strokeColor=#444444;strokeWidth=1;fontFamily=Helvetica;fontSize=17;fontColor=#008cff;" vertex="1" parent="1">
-          <mxGeometry x="674" y="1207" width="16" height="16" as="geometry" />
-        </mxCell>
-        <mxCell id="zI_V9nq9UzU4hDqqXhtn-7" value="フィールド選択画面" style="rounded=1;whiteSpace=wrap;html=1;fillColor=#fff2cc;strokeColor=#d6b656;" vertex="1" parent="1">
-          <mxGeometry x="430" y="1720" width="120" height="60" as="geometry" />
-        </mxCell>
-        <mxCell id="zI_V9nq9UzU4hDqqXhtn-6" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0;entryY=0.5;entryDx=0;entryDy=0;dashed=1;" edge="1" parent="1" source="zI_V9nq9UzU4hDqqXhtn-4" target="zI_V9nq9UzU4hDqqXhtn-7">
-          <mxGeometry relative="1" as="geometry">
-            <mxPoint x="790" y="1351" as="targetPoint" />
-            <Array as="points">
-              <mxPoint x="310" y="1750" />
-              <mxPoint x="420" y="1750" />
-            </Array>
-          </mxGeometry>
-        </mxCell>
       </root>
     </mxGraphModel>
   </diagram>
   <diagram id="A9MnOkQdgJc6LTan-9N0" name="赤間発想">
-    <mxGraphModel dx="1434" dy="830" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="827" pageHeight="1169" math="0" shadow="0">
+    <mxGraphModel dx="1434" dy="773" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="827" pageHeight="1169" math="0" shadow="0">
       <root>
         <mxCell id="0" />
         <mxCell id="1" parent="0" />
@@ -808,7 +830,7 @@
     </mxGraphModel>
   </diagram>
   <diagram id="q_72Id1RzFAPjrqo7MCU" name="UI設計">
-    <mxGraphModel dx="2261" dy="790" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="827" pageHeight="1169" math="0" shadow="0">
+    <mxGraphModel dx="2261" dy="773" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="827" pageHeight="1169" math="0" shadow="0">
       <root>
         <mxCell id="0" />
         <mxCell id="1" parent="0" />

frontend/src/components/ActionNode.vue

@@ -0,0 +1,38 @@
+<template>
+  <div class="q-pa-md" style="max-width: 350px">
+    <q-expansion-item
+      class="shadow-1 overflow-hidden"
+      style="border-radius: 30px"
+      icon="explore"
+      label="Counter"
+      @show="startCounting"
+      @hide="stopCounting"
+      header-class="bg-primary text-white"
+      expand-icon-class="text-white"
+    >
+      <q-card>
+        <q-card-section>
+          Counting: <q-badge color="secondary">{{ counter }}</q-badge>.
+          Will only count when opened, using the show/hide events to control count timer.
+        </q-card-section>
+      </q-card>
+    </q-expansion-item>
+  </div>
+</template>
+<script lang="ts">
+import { defineComponent} from "vue"
+export default defineComponent({
+  props:{
+    icon:String,
+
+  },
+  setup() {
+    return {
+
+    }
+  }
+});
+</script>
+<style lang="">
+
+</style>

frontend/src/components/ActionPanel.vue

@@ -0,0 +1,30 @@
+<template>
+  <div>
+
+  </div>
+</template>
+<script lang="ts">
+import {defineComponent,reactive} from 'vue';
+import {KintoneEvent} from "../models/kintone";
+export default defineComponent({
+  setup(props, ctx) {
+      const events = reactive<KintoneEvent[]>(
+        [
+         {
+           screen:"レコード追加画面",
+           type:"app.record.create.show",
+           name:"レコード追加画面を表示した後"
+         },
+          {
+           screen:"レコード追加画面",
+           type:"app.record.create.show",
+           name:"レコード追加画面を表示した後"
+         }
+        ]
+      );
+  },
+});
+</script>
+<style lang="scss">
+
+</style>

frontend/src/components/ActionSelect.vue

@@ -20,8 +20,8 @@ export default {
   { name: 'content', label: '内容', field: 'content', sortable: true }
   ]
   const rows = reactive([])
-    onMounted( () => {
-        api.get('http://127.0.0.1:8000/api/kintone/1').then(res =>{
+    onMounted(async () => {
+        await api.get('http://127.0.0.1:8000/api/kintone/2').then(res =>{
          res.data.forEach((item) =>
         {
           rows.push({name:item.name,desc:item.desc,content:item.content});

frontend/src/components/ActionSetting.vue

@@ -0,0 +1,83 @@
+<template>
+  <div id="action1">
+        <q-card class="my-card">
+          <q-card-section class="bg-primary text-white">
+            <div class="text-h6">Our Changing Planet</div>
+            <div class="text-subtitle2">by John Doe</div>
+          </q-card-section>
+          <q-separator />
+          <q-card-actions align="right">
+            <q-btn flat>設定</q-btn>
+            <q-btn class="del" flat @click="clickdel">削除</q-btn>
+          </q-card-actions>
+        </q-card>
+        <div class="next" style="display: table;width: 100%;height:40px;" @mouseenter="showAdd = true" @mouseleave="()=>{if(!showMenu) showAdd = false;}">
+          <div aria-hidden="false" style="display: table-row;">
+            <div
+              style="display: table-cell;background: url(&quot;data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iNDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEzIDMwIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyMCA0MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDpub25lO3N0cm9rZTojNUI1QjVDO3N0cm9rZS13aWR0aDoyO3N0cm9rZS1taXRlcmxpbWl0OjEwO30NCgkuc3Qxe2ZpbGw6IzVCNUI1Qzt9PC9zdHlsZT4NCiA8cmVjdCB4PSI5IiB3aWR0aD0iMiIgaGVpZ2h0PSIzNy45NzQiIGZpbGw9IiM1MTUxNTEiIHN0cm9rZS13aWR0aD0iNC41MDYyIi8+DQogPHBvbHlnb24gdHJhbnNmb3JtPSJtYXRyaXgoMS4xNzg1IDAgMCAxLjE3ODUgLS42MDY5MiAyMy41NDQpIiBwb2ludHM9IjEuOTI4IDQuMDY1IDguOTk5IDExLjEzNiAxNi4wNzIgNC4wNjUgMTcuNDg2IDUuNDc5IDguOTk5IDEzLjk2NCAwLjUxNSA1LjQ3OSIgZmlsbD0iIzUxNTE1MSIvPg0KPC9zdmc+DQo=&quot;) center center no-repeat;">
+            </div>
+          </div>
+          <div v-if="showAdd" style="display:table-row;height:inherit;position:absolute;left:50%;">
+            <div style="display:table-cell;">
+              <q-btn round size="xs" color="primary" label="+">
+                <q-menu v-model="showMenu">
+                  <q-list style="min-width: 100px">
+                    <q-item clickable v-close-popup>
+                      <q-item-section @click="clickadd">New tab</q-item-section>
+                    </q-item>
+                  </q-list>
+                </q-menu>
+              </q-btn>
+            </div>
+          </div>
+        </div>
+      </div>
+</template>
+<script lang="ts">
+import { ref,watch } from 'vue'
+export default {
+  emits: [
+    'addaction'
+  ],
+  setup(props,context) {
+    const showAdd = ref(false)
+    const showMenu = ref(false)
+
+    watch(showMenu,(newVal) =>{
+       console.log('3');
+       if(!newVal)
+       {
+        showAdd.value = false;
+       }
+      });
+
+    const clickadd = () => {
+      console.log('3');
+      context.emit('addaction');
+      //let oDiv1 = pdiv;
+      // let oDiv1 = document.getElementById('action1');
+      // let oDiv2 = document.createElement('div');
+      // if (oDiv1 !== null) {
+      //   oDiv2.innerHTML = oDiv1?.innerHTML;
+      //   oDiv1?.after(oDiv2);
+      //   let oAdd = oDiv2.getElementsByClassName('next')[0];
+      //   oAdd.addEventListener('mouseenter', mouseenter);
+      //   oAdd.addEventListener('mouseleave', mouseleave);
+      //   let oDel = oDiv2.getElementsByClassName('del')[0];
+      //   oDel.addEventListener('click', clickdel);
+      // }
+    };
+    const clickdel = (event: Event) => {
+      let oBtn = event.target as Element;
+      oBtn.parentElement?.parentElement?.parentElement?.parentElement?.remove();
+    };
+    // window.clickadd = clickadd;
+    // window.clickdel = clickdel;
+    // window.mouseenter = mouseenter;
+    // window.mouseleave = mouseleave;
+
+    return {clickadd, clickdel, showAdd,  showMenu }
+  }
+
+}
+</script>

frontend/src/components/PropertyList.vue

@@ -0,0 +1,13 @@
+<template>
+  <div>
+
+  </div>
+</template>
+<script>
+export default {
+
+}
+</script>
+<style lang="">
+
+</style>

frontend/src/models/kintone.ts

@@ -0,0 +1,8 @@
+
+
+export interface KintoneEvent{
+  screen:string,
+  type:string,
+  name:string
+}
+

frontend/src/pages/RuleEditor.vue

@@ -9,7 +9,7 @@
       </div>
       <div style="min-height: 100vh;">
         <div class="q-pa-md">
-          <q-btn-dropdown split color="primary" label="ルール新規作成" size="lg">
+          <!-- <q-btn-dropdown split color="primary" label="ルール新規作成" size="lg">
             <q-list>
               <q-item v-for="action in actions" clickable v-close-popup @click="onItemClick" :key="action">
                 <q-item-section>
@@ -17,10 +17,10 @@
                 </q-item-section>
               </q-item>
             </q-list>
-          </q-btn-dropdown>
+          </q-btn-dropdown> -->
         </div>
         <div class="q-pa-md">
-          <q-select v-model="model" :options="options" label="Standard"/>
+          <q-select v-model="model" :options="options" label="ダイアログ選択"/>
           <q-btn :label="model+'選択'" color="primary" @click="showDg()" />
           <show-dialog v-model:visible="show" :name="model" @close="closeDg">
             <template v-if="model=='アプリ'">

frontend/src/pages/testQursar.vue

@@ -1,13 +1,88 @@
 <template>
+  <q-page>
+
+    <div class="q-pa-md column content-center items-center">
       <div>
-
+        <q-btn label="アクション選択" color="primary" @click="showDg()" v-if="addshow" />
+        <show-dialog v-model:visible="show" name="アクション" @close="closeDg">
+          <action-select ref="appDg" name="アクション" type="single"></action-select>
+        </show-dialog>
       </div>
+      <div id="action"></div>
+    </div>
+  </q-page>
 </template>
-<script>
-export default {
+<script setup lang="ts">
+import { ref } from 'vue';
+import ShowDialog from 'components/ShowDialog.vue';
+import ActionSelect from 'components/ActionSelect.vue';
+
+const show = ref(false);
+const addshow = ref(true);
+const appDg = ref();
+
+const showDg = () => {
+  show.value = true;
+};
+
+const closeDg = (val: string) => {
+  if (val == 'OK') {
+    //alert(JSON.stringify(appDg.value.selected[0].content));
+    let oDiv1 = document.getElementById('action');
+    let oDiv2 = document.createElement('div');
+    oDiv2.setAttribute('class', 'action');
+    if (oDiv1 !== null) {
+      oDiv2.innerHTML = appDg.value.selected[0].content;
+      oDiv1?.append(oDiv2);
+      // let oAdd = oDiv2.getElementsByClassName('next')[0];
+      // oAdd.addEventListener('mouseenter', mouseenter);
+      // oAdd.addEventListener('mouseleave', mouseleave);
+      // let oDel = oDiv2.getElementsByClassName('del')[0];
+      // oDel.addEventListener('click', clickdel);
+    }
+
+    if (document.getElementsByClassName('action').length > 0) {
+      addshow.value = false;
+    }
+  };
+};
+
+const mouseenter = (event: Event) => {
+  console.log('1');
+  let oAdd = "<div style='display: table-cell;'><button type='button' onclick='clickadd(this.parentElement.parentElement.parentElement.parentElement)'>+</button></div>";
+  let oDiv1 = event.target as Element
+  let oDivs = oDiv1?.getElementsByClassName('add');
+  if (oDivs.length === 0) {
+    let oDiv2 = document.createElement('div');
+    oDiv2.className = "add";
+    oDiv2.setAttribute("style", "display:table-row;height:inherit;position: absolute;left:calc(50% - 19px);");
+    oDiv2.innerHTML = oAdd;
+    oDiv1?.append(oDiv2);
+  }
+};
+
+const mouseleave = (event: Event) => {
+  console.log('2');
+  let oDiv2 = (event.target as Element)?.parentElement?.getElementsByClassName('add');
+  oDiv2[0]?.remove();
+
+};
+
+const clickadd = (pdiv: Element) => {
+  console.log('3');
+  show.value = true;
+};
+
+const clickdel = (pdiv: Element) => {
+  pdiv.remove();
+  if (document.getElementsByClassName('action').length == 0) {
+    addshow.value = true;
+  }
+};
+
+window.clickadd = clickadd;
+window.clickdel = clickdel;
+window.mouseenter = mouseenter;
+window.mouseleave = mouseleave;
 
-}
 </script>
-<style lang="scss">
-
-</style>

frontend/src/router/routes.ts

@@ -11,6 +11,11 @@ const routes: RouteRecordRaw[] = [
     component: () => import('layouts/MainLayout.vue'),
     children: [{ path: '', component: () => import('pages/RuleEditor.vue') }],
   },
+  {
+    path: '/test/',
+    component: () => import('layouts/MainLayout.vue'),
+    children: [{ path: '', component: () => import('pages/testQursar.vue') }],
+  },
 
   // Always leave this as last one,
   // but you can also remove it

frontend/tsconfig.json

@@ -1,6 +1,17 @@
 {
   "extends": "@quasar/app-vite/tsconfig-preset",
   "compilerOptions": {
-    "baseUrl": "."
+    "baseUrl": ".",
+    "paths": {
+      "src/*": ["src/*"],
+      "app/*": ["*"],
+      "components/*": ["src/components/*"],
+      "layouts/*": ["src/layouts/*"],
+      "pages/*": ["src/pages/*"],
+      "assets/*": ["src/assets/*"],
+      "boot/*": ["src/boot/*"],
+      "stores/*": ["src/stores/*"],
+      "models/*":["scr/models/*"]
+    }
   }
 }