ep.25 Vue Fes Japan 2019 直前トーク「最近の Vue.js どうっすか？」 | UIT INSIDE

2019/10/10 に公開1712 views

このエピソードについて

@potato4d と @kawasako が、Vue Fes Japan 2019、Vue 3.0 の気になる機能、JavaScript フレームワークの使われ方の変化、昨年のイベントの思い出などについて話しました。

PR

LINE株式会社は Vue Fes Japan 2019 にプラチナスポンサーとして協賛しています。当日 LINE ブースにお越しいただいたかたには LINE アプリ上で動く SPA の「Vue.js Quiz」が体験可能。回答いただいたかたの中から、抽選で会場限定の特性 T シャツをプレゼントいたします！

当日は是非 LINE ブースへとお越しください。

Vue Fes Japan 2019

https://vuefes.jp/2019/
2019/10/12(土) に開催予定

最近の Vue.js について

Vue.js London 2019 で Vue 3.0 のアルファが公開
- https://github.com/vuejs/vue-next
兼ねてから噂であった Vue 3.0 がついに見えるように
気になるところ
- TypeScript 対応や TSX 対応は既に知られてるが気になる機能も
- React にある Fragment や Portal が Core 入り
  - https://ja.reactjs.org/docs/fragments.html
  - https://ja.reactjs.org/docs/portals.html
- 割と Vue コンポーネント = DOM 構造ではなくなっていく？
  - Fragment のような実体のないものが Vue にも当たり前にある環境へ

Vue Fes Japan 2019 への期待と去年の思い出

今年の Vue Fes Japan はエコシステム周りの開発者も多めの印象
- Vetur や VuePress の開発など
- エコシステム全体を通しての様子が聞ける機会？
去年の思い出
- https://vuefes.jp/2018/
- カンファレンスでは気軽に OSS に関係する人と出会える
  - 昨年の LINE ブースでは Vuex メンテナとの出会いがあったり
  - 一期一会さもカンファレンスの魅力

BGM & SE: 魔王魂

採用について

使用素材・クレジット

BGM&SE

音声書き起こし

1. オープニング 00:00

Guest 00:00
こんにちはこんにちは

Guest 00:02
今週もですね、テンサイドやっていきたいと思います。え、まず、初めにこのポッドキャストについて説明いたします。このポッドキャストは、ユーザーインターフェースと、テクノロジーを愛するエンジニアたちが、毎週最新のフロントエンドの動向について語るためのポッドキャストです。

Guest 00:17
最新のweb表示のの動向や開発、フレームワークの変遷、またまたurやuxに関することまで、最新のトレンドをキャッチアップすることを目的としております。

Guest 00:27
今週はですねえと、itのジェスラーであるえ、私はたとえ、あと、川崎さんの2人でやっていきたいと思いますよろしくお願いしますお願いします。

2. Vue 3.0 と最近の Vue.js 事情 00:37

Guest 00:37
さて、じゃあ、もう早速本題に入ってきたいですけど、

Guest 00:41
はい、今日は何の話したっけ。

Guest 00:42
今日はですね、実はもう少しするとビーフェスがあるんですよね、ビーフェスジャパンがあるんですよね、

Guest 00:48
10月12日、今これで収録してるのが10月7日、なんでも今週土曜日ですね。

Guest 00:55
ウェイフェスジャパンガールってことで、まあ、せっかくなんで、なんかビーチ結構みんな当たり前に使いすぎてて、話すこともあんまりないかなと思うんで、たまには最近ビージとかって話でも

Guest 01:05
しようかなと思ってるという状態でございます。

Guest 01:09
そうですね、なんか、ビューをこう意識してビジやろうぜみたいなス。でも、もうなくなってきててま。ちょっと前はね、そのそれこそ、キャッチアップのために、あの試しでbjsでちょっとというプロジェクト作ってみたとか

Guest 01:23
あったと思うんですけども、最近はなんかその仕事がなかったら、あんま触らないみたいな状況が実はあって、私なんかなんかこの間ちょっと触ったプロジェクトがたまたまミュージースだったんですけど、ナクストかな。

Guest 01:34
なんかでもよくよく考えたら、半年ぐらい触ってなかったな

Guest 01:38
もうちょっと最近のビーゼスどうなのかな、みたいなところがちょっと気になりますね。

Guest 01:43
確か確かに、ただ、最近のビジー事情で言うと、結構動きがあるみたいですよ。あ、そうなんですか、そうですね、実は

Guest 01:52
この土日にビーチスロンドンがあったっぽくて、そこでよ。やっと、ビュー3のアルファバンみたいなものが公開されたみたいですね。

Guest 02:01
あ、それって、あのギットハブになんかビューネクストみたいなリポジトリで出てたやつ。あ、それそれああ、なるほど、あれは、

Guest 02:09
ベジスロンドンで発表された時期バージョンのアルファバンっていう形みたいですね。

Guest 02:13
なるほど、てか、むしろ今までそのその辺クローズドだったんですね。そ、

Guest 02:17
そうっすね、完全にクローズドでやってたんで、なんか開発してることだけわかるみたいな状態で、え、パブリック、アルファみたいな形になったっていう状態みたいですね。

Guest 02:27
あ、じゃあ、もうなんか試そうと思ったら試せる

Guest 02:30
結構試せるみたいですね、自分は全く試してないんで、まだなんとも言えないんですけど、

Guest 02:34
なるほど、なんか次のバージョンになると、なんか目玉機能じゃないですけど、何が1番変わるんで、

Guest 02:42
やっぱ前から言われてるのは、コードベースが全部タイプスクリプトになるっていうところが大きいのかなっていう気がしてますね。今まで結構ビープラスtsってみんな挑戦するし、できなくはないけれども、めんどくさかったりとか、

Guest 02:56
あんまり。例えばまあリアクトとかって、えーま、結構シンプル

Guest 03:00
が扱いやすいんで、片保管とかってよく聞いてたと思うんですけど、じゃあ、じゃあ、bcsのあのテンプレートの部分とかって、リアクトとかに比べると、片保管とか全然効かなくてみたいな。

Guest 03:11
で、最近、ちょっとエリタ側エクステンションとかで、ちょっとずつ片保管が効くようになってたんですけど、

Guest 03:16
それがえ、多分え、コードベース的にも普通にがっつり聞くようになるみたいなんが、エンジアの人が注目してるとこだと大きいのかなっていう気がしますね。

Guest 03:24
ああ、なるほど、なんかそれって、なんかそのテンプレートの基法も変わったりするんですかね。それに合わせて、あな、

Guest 03:31
それで言うと、ちょっと今どうなってるかわかんないですけど、6月とかにえ、エヴァンの方が出していたブログによると、既存シンタックスの99パーセントは使い回せるっていう風にえ言ってるんで、多分気法自体は変わらずかけるんじゃないかな、という、

Guest 03:46
うん、なるほど、そんな風になる、なるな。

Guest 03:49
どうなるかはあんまイメージつかないですよね。うん、ま。ただ今まで結局

Guest 03:53
dsってシングルファイル、コンポーネントが結構中止になってたからいか。そこがジャパス、クリフトプラス。元々は、あのウェブパックのローダー

Guest 04:03
うんなんですけど、実装を元に使用が生まれたみたいなもので、使用から実装を作ってなかったんですよね。

Guest 04:10
そこはちゃんとえこんえ。あの範囲をコンパイラ化されて、しっかりそこをtsベースのコードから読めるようになったっていうところで、多分あの外からブラックボックス的に見たら、

Guest 04:20
書き心地はわからないけれども、内部的にはしっかり保管が効くみたいなんが実現できるようになったんじゃないかな、みたいな気がしますね。

Guest 04:28
なんで、最近は結構もうみんなビュー3の話題に先週ぐらいまではあんま話題ないよなと思ってたんですけど、発表されて、以降は結構みんなバージョン3を気にしてる感じがありますね。

Guest 04:40
まあ、そうですよね、なんか、1番ビーjs使ってて、よく聞く悩みがなんか、タイプスクリプトと相性が悪いみたいな。そうですね、やっぱ1番多かった気がするんで、その辺はやっぱ大きいんですかね。

Guest 04:52
そうっすね、それが結構大きい気がしますね。

Guest 04:55
なるほど、

Guest 04:56
あと、ちょっとまだ触れてないんですけど、え、そのビーネクストのえーリードミーとか読んでたら、ちょっと興味深いものが1つあってっていうと、あのランタイムの方に、例えば、リアクトのフラグメントとかって、あの

Guest 05:11
親となるデブがないみたいな親となるがない。え、コンポーネントとか定期できたと思うんですけど、そういうのも追加されたりとかしていて、ああ、そう。

Guest 05:20
その機能のうちの1つに、あのポータルってあるじゃないですか、はい、あのモーダルとか作る時にzインデックスが大変なんで、ルートに置いとけばええやんみたいなとこ

Guest 05:29
に使う。あの、ポータルがなんかランタイムに入っているっぽくて、要はもう小川でポータルが考慮されてるような設計になってるみたいですね。あ

Guest 05:37
あ、なるほど、なんか

Guest 05:38
これは結構今までポータルとかって、どうしてもその開発都合とは別に祝都合を満たすために使うっていうシチュエーションが多かったと思うんですけど、これがに入ってるってのは結構嬉しい。変更だなと個人的には感じてますね

Guest 05:52
ちなみに、結構ポータルとか使うことあります。

Guest 05:54
うん、まあ、ビルジェルスではあんまり実装したことないんですけど、マリアクトとかだと割と使いますね。なんか、いや、まあそれこそやっぱモーダルダスのまでも他他にあるかなモーダルぐらいですよね、uyの実装

Guest 06:09
たモーダルで使いますよね、ボータル使う時って

Guest 06:11
そうですね、まあ、あれかなあのコンテキストメニューみたいな。あの、右クリックしたら、メニューが出るみたいなのは大体

Guest 06:19
確かに確かにですよね。なんか、そういったものが作りやすくなるってのも結構いいじゃないかな、という風に自分は思ってますね。

Guest 06:28
なるほど、ビーってなんか僕の中だと割とそのコンポーネントツと、htmlのツ工場が結構一致してるイメージがあったんですけど、

Guest 06:37
なんか、今度から割とそのコンポーネント的には子供にいるけど、一緒に構造的には親にいるみたい。なんか、なんか、リフォルトでサポートされて

Guest 06:46
わかんないんですけど、

Guest 06:47
結構あれかもしれないですよね。それで言うと、フラグメントも追加されるって考えると、結構そのなんでしょう。ベーコンポーネント上の概念と、一概念が必ずしも一致してるわけではなくなっていく感じもあるのかな、という気は確かにしますよね。

Guest 07:01
ま、元もそうだったのかどうかはちょっとわからないですけど、まあ、結構ビュジエ書いてるとhtl書いてる感覚になるので、

Guest 07:07
なんかそこのあたりがちょっと。なんか、フラグメントとかがカジュアルにそのなんだ。一名書いてあるとこに入ってくると、まあ、昔jxが登場したときに、なんだから、ちょっと気持ち悪いみたいな。たし、なんかそういうのがちょっともしかしてあるのかなって。

Guest 07:22
あ、確かに確かにあのhl書いてる人がそのままの感覚で書きやすいみたいな

Guest 07:28
ところからは、ちょっと。もしかしたら、アプリケーションによっていくのかもしんないですよね。そうなってくると、今って結構ビージってそれこそいや。もうさすがに今やってる人とかそんなにいないと思うんですけど、登場した頃は、そのスクリプトタグで

Guest 07:41
呼び込んで、その少しずつ使う。その普通にインラインでかい書いてもいいよみたいなところがあったと思うんですけど、その辺も結構変わってくるんですかね。だと、例えば

Guest 07:51
ハイフン繋がりとかで、あのコンポネント名指定してるカスタムエレメントの気候とかだと、一応、あのgoogleボットとかも、バリッド内シメルタグとして見てくれますけど、フラグメントとかで、かっぽじゃないですか。

Guest 08:02
とかってなると、多分、インバリットのhtmlにそのままじゃなっちゃうんで、どうなんだろうなみたいなのが気になりますね。

Guest 08:10
ああまあどうなんですかね、今ってなんかそれこそbgs出た時のなんか0.。

Guest 08:16
なんか、10点みたいな時って、まあまだ結構jkリが割と現役でマンギラジースみたいのが出てきて、まあ、なんかそういうそ歩バインディングみたいな概念がちょっと

Guest 08:28
フロントの世界に登場したみたいな感じだったので、まあ、なんかそういうちょっと15感みたいな。重視されたと思うんですけど、

Guest 08:37
なんか、今もそういうなんか、cdnから読み込んでみたいな使い方してる人たちってのは、やっぱ結構いるんですかね、

Guest 08:45
どうなんでしょうね、まそこの時代の流れを上で、そんなに多くないと判断して、こうなってるのかもしれないですし、例えばなんでしょう。

Guest 08:54
サンプルコードとかを掲載する時とか、もえ、割とこれまでって、例えばjsフィドルとか。あの、

Guest 09:01
もうちょっとクレイティブによるなら、コードペンとか結構普通にメルcss書くみたいなのが多かったと思うんですけど、開発系のライブとかだったら、もうフロントエンドフィールド環境があるコードサンドボックス

Guest 09:11
っていうやつがメインになってて、普通にコンパイルしちゃって、spa吐き出したりしてるんで、

Guest 09:16
結構ちょっとしたシチュエーションとか。でも、あんまりスクリプトタグ、自家利用が幸い的になくなってきてるみたいなのはあるかもなっていう気がしますね。

Guest 09:24
ただ、例えば、制作の現場とかで、

Guest 09:27
bgsって、アニメーションのタグとかが結構扱いやすいっていうとこがあると思うんですけど、じゃ、それのためだけに指定的なサイトに。てか、普通のhmlのサイトに軽く入れてるみたいな、シチュエーションの人がどうなるかっていうのは、あんまり

Guest 09:39
イメージつかないですね。

Guest 09:40
なるほど、まあ、なんかその辺の方針

Guest 09:45
の話とか、まちょっと概念的な変更の話とか、そのビューフェスとかで、それこそお話が聞けたりするんですかね。

Guest 09:51
確かにそうですね、それで言うと、今回はもうキーノとはエヴァンが話してくれるってことなので、その辺は期待できそうな気がしますね。

Guest 09:59
あと、それで言うともう結構あれですよね。今回、ビープレスの方のデベロッパーの人も来ますし、結構その私それこそナクスジェースの開発者も来ますし、その割とエヴァンだけに限らず、え、去年と

Guest 10:12
続き、それぞれのエコシステムとかもプレイターも来てくれるってことなんで、結構その辺の様子みたいなのは聞けるのかもな、みたいな気はしますね。

Guest 10:20
ああ、なんかそういえばまあ、去年も一応ビューフェス参加してたんですけど、

Guest 10:26
私、結構企業ブースの方にずっといたので、実はセッションあんまり聞けてまなかったりはするんですけど、なんとなくの印象で、なんか今年は去年に比べて、なんかそういうちょっと周辺のあのbgs本体

Guest 10:37
まプラス、アルファなくストとか。まあ、なんかあのビープレスとか。なんか、そういうフレームワークまで、なんか話が結構広がったのかなって印象をちょっと今聞いて思いました。

Guest 10:46
ああ、確かにそうですね、前回で言うと、結構そのコンパイラの話だとか。え、じゃあ、そのテストユーテルスの話

Guest 10:52
とかっていうとこが結構強かったかなっていうイメージがありますけど、今回はそのビューシェイスコアに限らずって話が結構増えてる気がしますね。

Guest 11:01
まより実践的にというか、ユーザーになんか近いような話が多いのかな、という印象です。そうですね、はい印象です

Guest 11:11
ちなみにあのこれちょっと雑談ですけど、あの、なんか結構会場にまあ、なんかあのま文数出してた時にふらってきた人が、なんか

Guest 11:22
bxのなんか開発者なんです。みたいな紹介されたりして、あ、なんかまあ当たり前ですけど、そっか

Guest 11:30
人間だもんねと思って、人の目の前に1人が普段使ってるこうなんだろう。ライブタとかの、あの流行っちゃたっていうのが、なんかやっぱ目の前で話したりすると、なんか色々

Guest 11:41
なんだろうな。こうちょっと視野が広がったりするんで、なんかいいなと思います。た

Guest 11:46
かにそうっすよね、まあ、結構オンラインで話してると、

Guest 11:49
なんでコミュニケーション取ってるとか見るだけだと、あんまり質も人感ま、それこそ人じゃない。アイコンの人もいっぱいいるんで、より人感触れますけど、実際いるのは普通にお互い人間同士ですから。

Guest 12:03
そうですね、

3. Vue Fes Japan LINE ブースのお知らせ 12:04

Guest 12:05
今回ちょっとさっきも話してもらいましたけど、ラインはですね。ビーフェスジャパン2019にプラチナスポンサーをしています。とで、ちょっとえーブースの方で色々催しとかあるみたいなんで、それえー。川崎さんにちょっと紹介してもらってもよろしいでしょうか。

Guest 12:19
あ、はい、去年も一応スポンサーとして参加してたんですけど、ま、その時ujsクイズってま。ちょっと内容意地悪だったんですけど、あのま、そういう問題を出してで答えた人の中でじ

Guest 12:31
優先でtシャツとかもらえるよってやつをやったんですけど、ま、それを今年もえやろうと思ってます。

Guest 12:36
一応、tシャツを50枚くらいかな。50枚くらい吸ったので、めっちゃ吸ってます。はい、結構な人に当たると思うので、まぜひちょっと。

Guest 12:44
まあ、あのLINEボットとかを使って、qrコード読み込んで、LINE。友達になっても、その場でクイズが回答できるみたいな

Guest 12:51
になってるので、あの、セッションとセッションの空き時間、ちょっとあの知り合いとかがいないとポツンってなっちゃったりすると思うんですけど、ま、そういう時とかにちょっと紹介してもらえるといいなと思ってます。はい、

Guest 13:01
ちなみにそれは先着ですか。

Guest 13:03
いや、基本的にあの抽選があのなんだろ。夕方ぐらいに行いますので、まあからでも、あの参加してもらえれば、誰でもチャンスがあるという感じです。

Guest 13:13
じゃあ、締め切るまでにま、お昼休みのご飯明けとかでもいいんでは。参参加して行ってもらえればって感じですかね。はい、ぜひ

Guest 13:20
ぜひぜひお願いしますあと、セッションの方は我々え、どんな感じの話するんでしたっけ。

Guest 13:25
あ、そうですね、スポンサーセッションの枠を一応もらっていて、まあ、短い時間なんですけど、一応

Guest 13:30
まそのLINEの中でま、どういう風にbgsが使われているかと。か。ま、なんかまあ、今どういうえ、取り組みをしてるかとかいう話をと、ジュリアンていうLINE。京都のあのフロントadのメンバーからしてもらう予定です。

Guest 13:43
で、そちらもキノートの後からやると思いますので、はい、よろしければ、ご排除ください。

4. クロージング 13:49

Guest 13:49
えーというわけで、今日はですねえービーフェスジャパン直前ということでま、最近ビュージドーグか

Guest 13:56
話でま、ビューサイスの話をしたりだとかま、ビーフェスの話なんかをしていきました。え、最後にですね。このポッドキャストについてのえ、ご意見やご感想もお待ちしております。え、ファッシュタグシャープ、UIT、アンダースカインサイド、

Guest 14:09
シャープ、えUIT、アンダースコアインサイドにてえついていただけるとですね。え、今後のコンテンツ作成の参考にさせていただきますので、え、ぜひぜひ話してほしい、テーマえ改善してほしいことえ提案などなどがあればえ、ツイートいただければと思います。

Guest 14:24
ということで、今週はビーフェスジャパンの直前ということで、え、私は、谷と川崎のえ、2名でお話しさせていただきましたえ、ありがとうございました、

Guest 14:33
ありがとうございました。