Vue.js を導入した SPA 新規プロダクト開発の実際 by 佐藤 晶彦

「楽楽労務」(https://www.rakurakuhr.jp/) はVue.jsを採用した SPA 型の新規プロダクトです。フロントエンド開発者が少ないチームで採用した Vue.js。その背景には、モダンなフレームワークの中でも学習コストが少ないという理由がありました。しかし、実際のアプリケーション開発の現場では、このような Vue.js の恩恵を受けスピーディーな開発が進められた裏側に、フロントエンドフレームワークの経験が浅いゆえに工夫を要する場面も少なくありませんでした。このセッションでは、開発初期からリリースに到るまで、Vue.js だからこそ実現できたこと、SPA 開発には欠かせないノウハウをお話しします。これから Vue.js で開発を行うプロダクトの足掛かりになれば幸いです。
・Flux アーキテクチャを採用した”つもり”で積もったツラミ
・ネストしたコンポーネントにおけるイベント設計
・Vuetify を導入した UI 開発のメリット
・API ファースト設計でバックエンドとの連携をスムーズに
・フロントエンドで行う脆弱性（XSS, CSRF）対策の勘所