そんなおりに舞い込んだ待望のWebサービスの案件がありました。しかもシングルページアプリケーション。S.P.A! S.P.A! いままでSPA案件なんてやったことなかったし、やってみたかったしで、恐怖と歓喜の入り混じったゾワゾワとした感覚につつまれました。 ってことで、今回はいろいろと考えて準備した構成をご紹介します。 使用するフレームワークなど 世の中の流行りと僕の趣味で選びました。 Nuxt(フレームワーク) Pug(テンプレートエンジン) Stylus(CSSプリプロセッサ) ESLint(JavaScript静的検証) Prettier(自動整形) Stylus Supremacy(Stylus自動整形) Jest(ユニットテスト) Storybook for Vue(コンポーネント) Nuxt(フレームワーク) 言わずと知れた、巷でも話題のアプリケーションを作成するためのフレーム
![はじめてSPAのフロントエンドを担当することになった僕がワクワクしながら考えた構成について | 株式会社LIG(リグ)|DX支援・システム開発・Web制作](https://cdn-ak-scissors.b.st-hatena.com/image/square/6e70cf57906a2cbd81fb89715494bce54c574601/height=288;version=1;width=512/https%3A%2F%2Fliginc.co.jp%2Fwp-content%2Fuploads%2F2019%2F02%2Fec-ogp_190208_01_h.jpg)