Frontend skill sheet

仕事で使ったVue.jsの主な経験

Vue.jsの利用歴は2019年〜

• バックエンドはRubyOnRailsで、テンプレートエンジンに一部Vue.jsを組み込む形で、動的に表示
• Nuxt.jsを使った、ランディングページの作成案件
• 現職：バックエンドはLaravelのAPIで、フロントエンドをVue.jsのSPA構成のサイト（クライアント企業が利用）

Laravel×Vue.js×SPA

toB web site(企業クライアントサイト)

Frontend Tech Stuck

フロントエンドのページは全てVue.jsで構成

• Vue.js(2.x)
  • https://jp.vuejs.org/
• Vue Router(single page application)
  • https://router.vuejs.org/ja/
• Vuex(state management)
  • https://vuex.vuejs.org/ja/
• npm(package manager)
• scss
  • Block Element Modifier(BEM記法)
• Vuetify(Vue UI library)
  • https://vuetifyjs.com/ja/
• axios(HTTP client tool)
  • https://github.com/axios/axios

Nuxt.js

Landing page 制作

制作期間は~1ヶ月ほど

Frontend Tech Stuck

• component 志向
  • ページの各パーツごとに作成
• scss
  • レスポンシブデザイン(web, mobile)
• Bulma
  • CSS framework
• illustrator
  • デザイン