第一段階開発完了

frontend/src/layouts/MainLayout.vue

@@ -10,12 +10,10 @@
           aria-label="Menu"
           @click="toggleLeftDrawer"
         />
-
         <q-toolbar-title>
           Kintone App Builder
+          <q-badge align="top" outline>V{{ env.version }}</q-badge>
         </q-toolbar-title>
-
-        <div>ver {{ env.version }}</div>
       </q-toolbar>
     </q-header>
 
@@ -54,21 +52,54 @@ const essentialLinks: EssentialLinkProps[] = [
     title: 'ホーム',
     caption: 'home',
     icon: 'home',
-    link: '/'
+    link: '/',
+    target:'_self'
   },
   {
     title: 'ルールエディター',
     caption: 'rule',
     icon: 'rule',
-    link: '/#/ruleEditor'
-  }
-  ,
+    link: '/#/ruleEditor',
+    target:'_self'
+  },
+  {
+    title:'',
+    isSeparator:true
+  },
+  {
+    title:'Kintone ポータル',
+    caption:'Kintone',
+    icon:'cloud_queue',
+    link:'https://mfu07rkgnb7c.cybozu.com/k/#/portal'
+  },
+  {
+    title:'CUSTOMINE',
+    caption:'gusuku',
+    link:'https://app-customine.gusuku.io/drive.html',
+    icon:'settings_suggest'
+  },
+  {
+    title:'Kintone API ドキュメント',
+    caption:'Kintone API',
+    link:'https://cybozu.dev/ja/kintone/docs/',
+    icon:'help_outline'
+  },
+  {
+    title:'',
+    isSeparator:true
+  },
   {
     title: 'Docs',
     caption: 'quasar.dev',
     icon: 'school',
     link: 'https://quasar.dev'
   },
+  {
+    title: 'Icons',
+    caption: 'Material Icons',
+    icon: 'insert_emoticon',
+    link: 'https://fonts.google.com/icons?selected=Material+Icons:insert_emoticon:'
+  },
   {
     title: 'Github',
     caption: 'github.com/quasarframework',