Vuetifyとは Vue.js用、マテリアルデザインのフレームワーク！ まずマテリアルデザインとは シンプルなデザインでディスプレイサイズに合わせて最適化しやすくしよう というGoogleが発表したデザインガイドライン。(2014年) Vuetify使い方 <template> <v-app> <v-content> <v-container fluid> <v-layout wrap> <v-flex xs12 sm5></v-flex> <v-flex xs12 sm5></v-flex> </v-layout> </v-container> </v-content> </v-app> …</template>

AtomicDesign 今回はAtomicDesignの考えのもと、フォルダ構成していきたいと思います。 AtomicDesignとは 一言で言うと5段階に区切って定義するUIデザイン手法。 5段階とは、Atoms(原子),Molecules(分子),Organisms(有機体),Templates(テンプレート),Pages(…