2分で読める!爆速Vue Fes Japan参加記録(AM:共通会場 / PM:A会場)
開催概要
†名称・日時・会場
- 名 称:Vue Fes Japan
- 日 時:2018/11/03(Sat) 10:20 - 20:00
- 会 場:秋葉原UDX 4F
全体をざっくりまとめると
Vue.js使ってる人、興味ある人は毎年出た方が良いイベント
日本での開催は初となる。Vue.js User groupの公式カンファレンス。 Platinumスポンサーは株式会社PLAID。他にもMicrosoftやLINEなど スポンサーから強い。登壇者もEvan氏をはじめにとても強い。お土産もいい。 デザインから開発、テスト、nuxtまで幅広いテーマのセッションがあった。 内容の技術レベルは高め。英語のヒアリングも必要。 LINEのTシャツも転職ドラフトのAirPodsも当たりませんでした。
タイムテーブルごとにざっくりとまとめると
10:20 - 10:30 / [共通]オープニング
めっちゃかっこいい音楽と映像が流れてテンションがどちゃくそアガる。10:30 - 11:20 / [共通]キーノート(Evan You)
Vue3.0について。coreファイルの縮小、高速化を実現。またhookAPIやTimeSliceAPIの 提供も行われる(→とても便利だけどインパクトは大。Nuxt3.0も追従してくれるらしい(# B会場別セッションより))。 2019年中頃に提供予定!11:20 - 11:30 / [共通]Platinum スポンサーセッション
株式会社PLAIDによるhtmlの動的な生成をサポートしてくれる便利ツールkarteに使用しているVue/Componentの紹介。 めっちゃ管理画面綺麗だし使いやすいと思った。11:30 - 13:00 / - 昼休憩/ランチセッション -
ランチセッション申し込んだ人はスポンサーLTを聴きながら今半のお弁当が食べられる。 それ以外の人にとっては休憩時間。13:00 - 13:40 / [A会場]Next-level Vue Animations(Sarah Drasner)
transitionなどのアニメーションについて、人間工学の観点も踏まえてどう作るべきか。 アニメーションは多すぎても少なすぎても、長すぎても短すぎてもだめ。TPOを考えて実装。 custom-delecttive作るとやりやすいよ。Azureいいよ!13:50 - 14:30 / [A会場]Vue Designer デザインと実装の統合(katashin)
Vue Designerつくってるよ。VS Codeの拡張。UIベースでの編集内容がコードに跳ねるし、 逆もまた然り。1.0ではエンジニア向けに、それ以降ではデザイナーも作れるツールを目指すよ。 あとchrome dev toolみたいな機能もいずれは入れたいよね。14:40 - 15:20 / [A会場]Atomic Designのデザインと実装の狭間(管原 孝則)
デザイナとエンジニアの認識の齟齬について。そもそも職能が違うから分かり合えないよね。 でもどうにかしないとね。Atomic Design、Design Opsなんて概念あるけど概念レベルじゃ すぐには分かり合えない。慣れが必要だし組織やプロセスの具体的レベルでの対策が必要だよね。 例えばktsnさんのtool。例えばDesignツールの使用。15:30 - 16:10 / [A会場]A deep drive in SFC compilation(Rahul Kadyan)
SFCのコンパイルについて。まずはJSXとTemplatesの比較。JSXはjavascript baseで難易度高め。 Template compilation。Templateの中身はobject形式で持っていてrender経由でtemplateのタグや 内容(valueのみでなくfuncも)を返している。i18n(多言語対応)についてもSFCで余裕。TS対応は難しい。 現在開発中でまだまだ仕様が検討できていない点も多い。16:20 - 17:00 / [A会場]Vue CLI 3 and its Graphical User Interface(Guillaume Chau @Akryum)
Vue CLI3について。旧来のはアップグレードが困難であったりEjectのみの対応と課題が散見されていた。 それらを解決してくれるのがVue CLI3。とっととvue-cliをremoveして@vuecliを入れ直して! 完全に新しいアーキテクチャで拡張性のあるAPIを入れている。PWAやTS,lint,testももちろん対応。 vue-cli-service(ex.@vue/cli-...)を使って入れてね。あとvue cli UIはすごい。 vue uiで動かしてね。Electron使わなくても使えるよ。PWS向けのテーマカラーやスプラッシュの設定も秒で終わる。manifestの編集もGit管理もnode_module管理もできるよ。すごい。今後はVue.jsのアップグレードやエラー表示の改善、コマンドボックスやショートカットの対応を。詳細はcli.vuejs.orgまで 17:00 - 18:00 / - 会場転換のため一時閉場 -
アフターパーティーに備えて英気を養う18:00 - 20:00 / - アフターパーティー -
とっても楽しかったです(= これから参加なので予想)
感想
「Vue.js完全に理解した」と豪語するチュートリアル上がりマンには少々難しい内容のように思われたが、逆に自分で何らかの成果物を開発した、あるいは仕事で触った「Vue.js全くわからない」人や「Vue.jsチョットデキル」人はより深く、最新の知見を得ることができる場だと思った。兎にも角にも手を動かすんだ。学生なら時間を使って何か作る。Vue.jsできない職場にいる社会人はとっとと退職届を叩きつけるところから始めるんだ(自戒)。
参考リンク
以上