![](/2018/_nuxt/img/845e4fd.jpg)
福井 烈
青森県弘前市生まれの Web 系エンジニア。2児の父。
2015年3月より株式会社ピースオブケイクに在籍。2015年6月より神奈川県から青森県に住まいを移し、リモートワーカーとして自社サービスである cakes と note の開発・運用に携わり主に Rails や AWS 周りを見ている。
これまで主に Web サービスの開発・運用、モバイルネイティヴゲームアプリの API の開発・運用の他、データ分析基盤の構築、インフラ・デプロイの自動化等を経験。
最近は PWA や WebAssembly に高い関心をもっている。
また、業務の傍ら、妻が開業したアイシングクッキー専門店 en の Web/経理を担当している。
note のフロントエンドを Nuxt.js で再構築した話
弊社サービス note(https://note.mu/)は、Ruby on Rails と Angular.js 1系で構築された CSR のみで動作している SPA ですが、特に低スペックなスマートフォンや PC での初期表示が遅いことが大きな課題点の 1つでした。
note が構築された 5年前に比べフロントエンドの技術は進化しており、現状の技術スタックをベースとした解決フローよりも評価を得たフロントエンドの技術で再構築することがベストと判断し、note 開発チームは現行の前段に BFF を構え、BFF を Nuxt.js(Vue.js)で構築することを決めました。
現在は一部のページを Nuxt.js ベースのシステムとして一般向けに公開(https://bit.ly/2LP8wP0)しており、以降優先度の高いページから順々に段階的リリースをしていきます。
セッションでは、
・なぜ Nuxt.js(Vue.js)を採用したのか
・既存システムとの共存と移行プロセスについて
・Atomic Design を採用したコンポーネント設計へのシフト
・デザイナーチームとの協業
・今後の課題
を中心にお話したいと思っています。