Nuxt.js interview

# Nuxt.js interview ## Questions ### What is Line ? > LINE はアジア圏を中心に、世界中で利用されるメッセージングプラットフォームです。 LINE is a messaging platform for all over the world, focus in Asia. > 特に拠点となる日本では、 Monthly Active User が 8,600 万人をこえており、これは日本人口の約7割に匹敵します。 Especially in Japan, there are more than 86 million Monthly Active Users, which is equivalent to about 70% of the Japanese population. > そんなメッセージングプラットフォームである LINE 社内では、アプリの中に存在する mini-app にて、フロントエンド技術をふんだんに利用しています。 LINE, such a messaging platform, makes extensive use of front-end technology in its mini-app, which exists within the app. > 100 人以上のフロントエンドエンジニアが、React や Vue、そして Nuxt をはじめとした技術によって、 50 を超えるアプリケーションを開発しています。 More than 100 front-end engineers have developed more than 50 applications built with React, Vue, Nuxt, and others. ### How did you discover Nuxt? **1,2行目がうまく訳せなかったので DeepL で仮置中** > 私が LINE に入社する前、当時多くの仕事現場に同時に携わっているとき、 Nuxt と出会いました。 Before I joined LINE, I encountered Nuxt when I was simultaneously involved in many job sites at the time. > Nuxt は混沌とする Vue.js アプリケーションアーキテクチャを整備するために必要な要素が揃っており、それに感銘を受けたことはまだ記憶に新しい出来事です。 Nuxt has all the elements necessary to maintain the chaotic Vue.js application architecture, and it is still fresh in our minds to be impressed by it. > 以来、利用し続け、 LINE 全体としても、様々なケースにおいて Nuxt が使われており、私も nuxt-community organization パッケージを開発しています。 We have been using Nuxt ever since, and LINE as a whole has been using Nuxt in various cases, and I have developed the nuxt-community organization package. ### Why did you choose Nuxt as your frontend framework? > Nuxt は、これまでにないほどクリーンで、より素晴らしいアプリケーションアーキテクチャの基礎を提供してくれます。 Nuxt provides the foundation for cleaner and amazing application architectures than before ever. > Convention over Configuration にそった開発はエンジニアの生産性をより高めるだけでなく、noisy な bikeshed discussion を事前に防ぎます。 Nuxt's convention not only makes engineers more productive, but also prevents noisy bikeshed discussions. > 迅速に、かつ堅牢なコードのもとユーザーに価値を提供するため、私達は Nuxt を利用しています。 We use Nuxt to deliver values of our product to our customers rapidly. ### Are you using dynamic or static rendering? Why? > どちらも利用します。 We'll use both. > SEO や OGP のような HTML meta のリアルタイム生成を重視する場合は Dynamic な Server Side Rendering を選択し、そうでない多くのアプリケーションでは、Single Page Application モードを利用します。 When our products require realtime generation of HTML meta attribute (e.g. SEO, OGP), We use dynamic rendering using SSR. If not, we use static rendering using Single Page Application mode. > また、internal なドキュメントでは、 nuxt/content を利用し、Static Site Generation により効率的なドキュメント作成を実現しています。 In addition, For internal documents, we use the nuxt/content module for static site generation. By this, We have achieved efficient document creation. ### What is your favorite feature? > 前述の Convention over Configuration による効率化の仕組みをとても気に入っていますが、固有の機能の中では、プラグインシステムと豊富なビルドオプションがお気に入りです。 I really like the aforementioned CoC efficiency mechanism, but among the inherent features, I like the plugin system and the versatile build options. > Vue 2.x での開発において、 Vuex Store に依存しないグローバルオブジェクトの管理は、常に私達の頭を悩ませました。 In Vue 2.x application development, managing global objects independent of the Vuex Store has always been a headache for us. > そんなときに、 Nuxt は Provide / Inject によりユーザーランドのアーキテクチャ設計にすらも力を貸してくれます。 The Provide/Inject feature solved a lot of problems because of its easy-to-use and type friendly API. > 他にも、プラグインやモジュールをうまく管理するためのエッセンスが Nuxt には詰まっており、これらの設計を促進する機能が、私達にとっては欠かせないものとなっています。 > Nuxt is also packed with the essence of successfully managing plug-ins and modules, and the features that facilitate these designs are indispensable for us. > 他方で、豊富なビルドオプションも大きな魅力です。 On the other hand, the versatile build options are also a great attraction. > Nuxt を利用することで、自然と Universal な JavaScript を書くことが徹底でき、Single Page Applicaton を、必要に応じて dynamic や、 full static へと切り替えることができます。 With Nuxt, we can ensure that we are writing universal JavaScript naturally, and we can smoothly switch from Single Page Applicaton to dynamic rendering or full static generation as needed. ### Do you have performances benchmarks before & after using Nuxt? **うまく訳せなかったので DeepL で仮置中** > すみません、私達は主に Nuxt を新規開発で利用しており、 Vue.js との直接的な対比を行うことはできません。 Sorry, we're mainly using Nuxt for new development, so we can't make a direct comparison with Vue.js. > ですが Nuxt が我々に大きな価値をもたらしていることは確かです。 However, we are sure that Nuxt is bringing great value to us. ### Would you recommend Nuxt? **最終行だけ DeepLで仮置中** > もちろん。 Of course. > Nuxt は、Vue.js を利用してアプリケーションを開発するすべてのデベロッパーにとって有力な選択肢となります。 Nuxt is  option for all Vue.js application developer. > もしこのインタビューを読んでいるあなたが、まだ Nuxt を利用したことがない場合、今すぐに利用してみてください。 If you're reading this interview and you haven't used Nuxt yet, you try it now. > きっとあなたが感じている課題の多くを解決し、より高速にプロダクトが市場に価値をもたらすための力となってくれるはずです。 It will surely help you solve many of the challenges you are feeling and help your product to bring value to the market faster. ### Quote? (one or two sentences) (from the answers) + person > Nuxt provides the foundation for cleaner and amazing application architectures than before ever. > LINE Corp. / Takuma HANATANI