SystemEngineeringTeam · KK56ken · Nov 2, 2021 · Nov 2, 2021
diff --git a/components/about.vue b/components/about.vue
@@ -19,18 +19,14 @@ export default {
       width: 0,
     };
   },
-  created() {
-  },
-  mounted() {
-  },
-  methods: {
-  },
+  created() {},
+  mounted() {},
+  methods: {},
 };
 </script>
 
 <style scoped>
 p {
   text-align: center;
 }
-
 </style>
diff --git a/components/aboutDet.vue b/components/aboutDet.vue
@@ -1,81 +1,78 @@
 <template>
   <div class="aboutHeight">
-        <v-row class="justify-center">
-            <v-col v-for="item in about" :key="item.topic" :cols="item.cols">
-              <div class="ImgBox">
-                <v-dialog transition="dialog-top-transition"
-                  max-width="800">
-                  <template v-slot:activator="{ on, attrs }">
-                    <v-img
-                      v-bind="attrs"
-                      v-on="on"
-                      class="photo"
-                      v-bind:src="item.srcimg"
-                      aspect-ratio="2"
-                    ></v-img>
-                  </template>
-                  <template v-slot:default="dialog">
-                      <v-card>
-                      <v-img
-                        :src="item.srcimg"
-                        aspect-ratio="2"
-                      ></v-img>
-                      <v-card-text>
-                        <h2 class="font-weight-bold pt-12 pb-8">{{item.topic}}</h2>
-                        <p>{{item.contents}}</p>
-                      </v-card-text>
-                      <v-card-actions class="justify-end">
-                        <v-btn
-                          text
-                          @click="dialog.value = false"
-                        >閉じる</v-btn>
-                      </v-card-actions>
-                    </v-card>
-                  </template>
-                </v-dialog>
-                <h2 class="title">{{item.topic}}</h2>
-              </div>
-            </v-col>
-        </v-row>
-
+    <v-row class="justify-center">
+      <v-col v-for="item in about" :key="item.topic" :cols="item.cols">
+        <div class="ImgBox">
+          <v-dialog transition="dialog-top-transition" max-width="800">
+            <template v-slot:activator="{ on, attrs }">
+              <v-img
+                v-bind="attrs"
+                v-on="on"
+                class="photo"
+                v-bind:src="item.srcimg"
+                aspect-ratio="2"
+              ></v-img>
+            </template>
+            <template v-slot:default="dialog">
+              <v-card>
+                <v-img :src="item.srcimg" aspect-ratio="2"></v-img>
+                <v-card-text>
+                  <h2 class="font-weight-bold pt-12 pb-8">{{ item.topic }}</h2>
+                  <p>{{ item.contents }}</p>
+                </v-card-text>
+                <v-card-actions class="justify-end">
+                  <v-btn text @click="dialog.value = false">閉じる</v-btn>
+                </v-card-actions>
+              </v-card>
+            </template>
+          </v-dialog>
+          <h2 class="title">{{ item.topic }}</h2>
+        </div>
+      </v-col>
+    </v-row>
   </div>
 </template>
 <script>
 export default {
   data() {
     return {
-      about:[
+      about: [
         {
-          srcimg:require('@/assets/webp/hackathon.webp'),
-          topic:"勉強会",
-          contents:"インフラ知識から機械学習、Web関連などの幅広い勉強会をしています。上級生だけでなく下級生もどんどん勉強会を開催しています。",
-          cols:5,
-          daialog_contents:"インフラ知識から機械学習、Web関連などの幅広い勉強会をしています。上級生だけでなく下級生もどんどん勉強会を開催しています。",
+          srcimg: require("@/assets/webp/hackathon.webp"),
+          topic: "勉強会",
+          contents:
+            "インフラ知識から機械学習、Web関連などの幅広い勉強会をしています。上級生だけでなく下級生もどんどん勉強会を開催しています。",
+          cols: 5,
+          daialog_contents:
+            "インフラ知識から機械学習、Web関連などの幅広い勉強会をしています。上級生だけでなく下級生もどんどん勉強会を開催しています。",
         },
         {
-          srcimg:require('@/assets/webp/benkyo.webp'),
-          topic:"ハッカソン",
-          contents:"ハッカソンはシス研で開催する大きなイベントの一つで、数人のチームを作り開発をします。チーム開発の楽しさや難しさを知りつつ成長できます。",
-          cols:5,
-          daialog_contents:"ハッカソンはシス研で開催する大きなイベントの一つで、数人のチームを作り開発をします。チーム開発の楽しさや難しさを知りつつ成長できます。",
+          srcimg: require("@/assets/webp/benkyo.webp"),
+          topic: "ハッカソン",
+          contents:
+            "ハッカソンはシス研で開催する大きなイベントの一つで、数人のチームを作り開発をします。チーム開発の楽しさや難しさを知りつつ成長できます。",
+          cols: 5,
+          daialog_contents:
+            "ハッカソンはシス研で開催する大きなイベントの一つで、数人のチームを作り開発をします。チーム開発の楽しさや難しさを知りつつ成長できます。",
         },
         {
-          srcimg:require('@/assets/webp/takopa.webp'),
-          topic:"イベント",
-          contents:"新入生歓迎会やBBQなどのイベントや、大学祭では模擬店を出したり、希望者で駅伝に参加したりなど、学校行事にも積極的に参加しています。",
-          cols:5,
+          srcimg: require("@/assets/webp/takopa.webp"),
+          topic: "イベント",
+          contents:
+            "新入生歓迎会やBBQなどのイベントや、大学祭では模擬店を出したり、希望者で駅伝に参加したりなど、学校行事にも積極的に参加しています。",
+          cols: 5,
         },
         {
-          srcimg:require('@/assets/webp/presen.webp'),
-          topic:"工科展",
-          contents:"大学祭のイベントの一つ。サークルや研究室が作ったものを発表するコンテスト。シス研では学部二年生を中心に活躍してもらいます。",
-          cols:5,
-        }
-      ]
-    }
-  }
-}
-
+          srcimg: require("@/assets/webp/presen.webp"),
+          topic: "工科展",
+          contents:
+            "大学祭のイベントの一つ。サークルや研究室が作ったものを発表するコンテスト。シス研では学部二年生を中心に活躍してもらいます。",
+          cols: 5,
+        },
+      ],
+    };
+  },
+};
 </script>
 
 <style scoped>
@@ -109,6 +106,4 @@ export default {
   color: #ffffff;
   font-weight: bold;
 }
-
-
 </style>
diff --git a/components/product.vue b/components/product.vue
@@ -1,41 +1,48 @@
 <template>
-  <v-row  class="pa-0 ma-5 justify-space-around align-center">
+  <v-row class="pa-0 ma-5 justify-space-around align-center">
     <v-col cols="12">
       <h2 class="text-center pb-8 pt-10 mt-10">Products</h2>
     </v-col>
-    <template v-for="(slide,i) in slides">
-      <v-col v-if="i==selectItem" xs="12" sm="12" md="12" lg="6" xl="6" cols="12" :key="i">
-        <v-card  :href="slide.url" style="height:500px;">
-          <v-img class="white--text align-end" height="300px" :src="slide.src" />
+    <template v-for="(slide, i) in slides">
+      <v-col
+        v-if="i == selectItem"
+        xs="12"
+        sm="12"
+        md="12"
+        lg="6"
+        xl="6"
+        cols="12"
+        :key="i"
+      >
+        <v-card :href="slide.url" style="height:500px;">
+          <v-img
+            class="white--text align-end"
+            height="300px"
+            :src="slide.src"
+          />
           <v-card-title>{{ slide.text }}</v-card-title>
         </v-card>
       </v-col>
       <v-col v-else xs="12" sm="12" md="12" lg="3" xl="3" cols="12" :key="i">
         <v-card class="not-select" style="margin: 60px 0 0 0; height:300px;">
-          <v-img class="white--text align-end" height="180px" :src="slide.src" />
+          <v-img
+            class="white--text align-end"
+            height="180px"
+            :src="slide.src"
+          />
           <v-card-title>{{ slide.text }}</v-card-title>
         </v-card>
       </v-col>
     </template>
     <v-col cols="6" style="text-align: center;">
-      <v-btn
-        x-large
-        dark
-        color="indigo"
-        @click="prev()"
-      >
+      <v-btn x-large dark color="indigo" @click="prev()">
         <v-icon dark>
           mdi-arrow-left-bold
         </v-icon>
       </v-btn>
     </v-col>
     <v-col cols="6" style="text-align: center;">
-      <v-btn
-        x-large
-        dark
-        color="indigo"
-        @click="next()"
-      >
+      <v-btn x-large dark color="indigo" @click="next()">
         <v-icon dark>
           mdi-arrow-right-thick
         </v-icon>
@@ -50,45 +57,44 @@ export default {
       slides: [
         {
           text: "温度管理システム",
-          src: require('@/assets/webp/sysken_ondo.webp'),
-          url: "https://set1.ie.aitech.ac.jp/koukaten2016"
+          src: require("@/assets/webp/sysken_ondo.webp"),
+          url: "https://set1.ie.aitech.ac.jp/koukaten2016",
         },
         {
           text: "栄養管理アプリ",
-          src:  require('@/assets/webp/sysken_ryouri.webp'),
-          url: "https://set1.ie.aitech.ac.jp/koukaten2017"
+          src: require("@/assets/webp/sysken_ryouri.webp"),
+          url: "https://set1.ie.aitech.ac.jp/koukaten2017",
         },
         {
           text: "時間割作成アプリ",
           src: "https://cdn.vuetifyjs.com/images/carousel/planet.jpg",
-          url: "https://set1.ie.aitech.ac.jp/koukaten2019/"
-        }
+          url: "https://set1.ie.aitech.ac.jp/koukaten2019/",
+        },
       ],
       selectItem: 1,
     };
   },
-  created(){
-  },
+  created() {},
   methods: {
     // slidesのリストを右シフトする
-    rightShift(){
+    rightShift() {
       const firstElement = this.slides.shift();
-      this.slides.push(firstElement)
+      this.slides.push(firstElement);
     },
     // slidesのリストを左シフトする
-    leftShift(){
+    leftShift() {
       const lastElement = this.slides.pop();
-      this.slides.unshift(lastElement)
+      this.slides.unshift(lastElement);
     },
     // nextボタンを押したときにrightShiftを呼び出す関数
-    next(){
-      this.rightShift()
+    next() {
+      this.rightShift();
     },
     // prevボタンを押したときにleftShiftを呼び出す関数
-    prev(){
-      this.leftShift()
-    }
-  }
+    prev() {
+      this.leftShift();
+    },
+  },
 };
 </script>
 <style scoped>
@@ -102,19 +108,19 @@ li {
   display: flex;
   justify-content: center;
 }
-.blacktext{
-  color: #000000
+.blacktext {
+  color: #000000;
 }
-.backcolor{
-  background:whitesmoke;
+.backcolor {
+  background: whitesmoke;
 }
 /* 選択していない要素を薄くしている */
-.not-select{
-  opacity:0.5;
+.not-select {
+  opacity: 0.5;
 }
 @media screen and (max-width: 1264px) {
-  .not-select{
-    display:none;
+  .not-select {
+    display: none;
   }
 }
 </style>
diff --git a/components/team.vue b/components/team.vue
@@ -40,7 +40,7 @@
             <p style="font-size: 25px; font-weight: bold">Infrastructure</p>
             <div class="px-11">
               <p class="pt-7" style="font-size: 18px; font-weight: 500">
-                インフラ班では、シス研に置いてあるサーバーの管理を行い、設計や構築、ネットワークの運用保守などを行います！　
+                インフラ班では、シス研に置いてあるサーバーの管理を行い、設計や構築、ネットワークの運用保守などを行います！
               </p>
             </div>
           </center>
@@ -59,8 +59,7 @@
   </div>
 </template>
 
-<script>
-</script>
+<script></script>
 
 <style scoped>
 .center {

diff --git a/layouts/default.vue b/layouts/default.vue
@@ -20,4 +20,4 @@ export default {
 .slide-group > .v-slide-group__prev {
   display: none;
 }
-</style>
+</style>
diff --git a/layouts/error.vue b/layouts/error.vue
@@ -14,27 +14,27 @@
 
 <script>
 export default {
-  layout: 'empty',
+  layout: "empty",
   props: {
     error: {
       type: Object,
-      default: null
-    }
+      default: null,
+    },
   },
-  data () {
+  data() {
     return {
-      pageNotFound: '404 Not Found',
-      otherError: 'An error occurred'
-    }
+      pageNotFound: "404 Not Found",
+      otherError: "An error occurred",
+    };
   },
-  head () {
+  head() {
     const title =
-      this.error.statusCode === 404 ? this.pageNotFound : this.otherError
+      this.error.statusCode === 404 ? this.pageNotFound : this.otherError;
     return {
-      title
-    }
-  }
-}
+      title,
+    };
+  },
+};
 </script>
 
 <style scoped>