ABEJA Meetup「Vue.js: Revolutionary Front-end #1 With Evan You!」レポート

「Vue.js: Revolutionary Front-end #1 With Evan You!」

8/24に開催されたInnovation Meetupは、最前線でvue.jsを使ってプロダクト開発を行っている登壇者が集まり、Vue.jsを中心とした最新のフロントエンドフレームワークの活用事例をテーマにしたLTを中心に行いました。

今回はスペシャルゲストとして、元Google Creative Technologistで、Vue.jsの開発者である、EVAN YOU氏にもオンラインでQ&A Timeにご登場をいただきました。

今回のブログでは、イベント当日の様子を少しご紹介させていただきたいと思います。

当日のタイムライン

LT1 ABEJA Front-end Engineer LSK「Vue.js in production」

LT2 ABEJA Front-end Engineer Toshilow Shimizu「Vue.js 2.0を試してみた」

LT3 Frect inc. Front-End Engineer Akira Miyake「フロントエンドの設計に関する考察」

Special Q&A Time Evan You With Skype

LT4 Indie Inc. Front-End Engineer Takuya Tejima「How to build SPA with vue router 2.0」

LT レポート

LT1 ABEJA Front-end Engineer LSK「Vue.js in production」

最初のLTは、ABEJA LSK氏がVue.jsの基礎知識と、Vue.jsを使った活用事例について。

Vue.jsは、ReactiveなComponentFramework。vueファイルはHTMLもCSSも一つのファイルに書くことができます。

実際にVue.jsを使ったプロダクトを触りながらフレームワークの説明をしていき、FirebaseとVue.jsを連携したリアルタイムアプリケーションの開発模様について紹介しました。

当日のスライド「Vue.js in production」

LT2 ABEJA Front-end Engineer Toshilow Shimizu「Vue.js 2.0を試してみた」

ABEJA Shimizu氏のLTは最近リリースされたVue.js 2.0について。

vuexやwebpackで書かれたテストアプリケーションを操作しながらVue.js 1x系と2.0の具体的な仕様の違いを比較していきます。

基本的に1x系と2.0では互換性を担保しているので、本リリースされた時に1x系から2.0に移行していくのは容易かもしれません。

当日のスライド「Vue.js 2.0を試してみた」

LT3 Frect inc. Front-End Engineer Akira Miyake「フロントエンドの設計に関する考察」

フレクト Miyake氏のLTではフロントエンドのよりよい設計について。

Web開発全般でコンポーネントの設計の仕方や開発環境について、コンポーネントの階層化や状態管理を一元化することについてお話していただきました。

当日のスライド「フロントエンドの設計に関する考察」

Special Q&A Time Evan You With Skype

Q.Aセッションでは、Vue.js開発者 Evan You氏へ、参加者が直接質問を行いました。

Q.「Vue.jsはどういった着想から生まれた？」

A.「既にリアクティブなFrameworkは沢山あったが、シンプルで機能性のあるものを使いたかった。皆がVue.jsを使って、クールなWebアプリケーションを作っていって欲しい。」

Q.「Vue.jsの将来についてどう考えている？」

A.「私は今Alibabaで働いている、新しいProjectでiOS、Androidアプリの中に入れれるようにしていく。」

など、ヨーロッパからSkypeで質疑応答に答えていただき、大いに盛り上がりました！

LT4 Indie Inc. Front-End Engineer Takuya Tejima「How to build SPA with vue router 2.0」

最後のLTを務めたTejima氏は、vueのrouterについて。

Vue.js 2.0,vue router 2.0,vuex 2.0の話を交えながらSPA + SSRでの運用について、vue router 0系から2.0へのMigrationや使い方についてお話いただきました。

当日のスライド「How to Build SPA with Vue Router 2.0」

懇親会では、参加者の方々がお酒を片手にフロントエンド技術に関する情報交換を積極的に行っている姿が見受けられました。

それでは、次回開催予定のInnovation Meetupもお楽しみに！

■現在フロントエンドエンジニアを募集しています

「 最新JSフレームワークを活用した人工知能フロントWebサービス開発に挑戦！ 」

ぜひVue.jsを活用したフロントエンド開発にご興味のある方はお気軽にエントリーください！