ep.56 期待の Vue 3 を先取り！？Vue 3 Official Docs 輪読会について話を聞いてみた | UIT INSIDE

2020/08/07 に公開787 views

このエピソードについて

@potato4d が @andoshin11 に、有志で開催している beta 版の Vue 3 公式ドキュメントの輪読会について話を聞きました。

ゲスト紹介

andoshin11
- LINE Verda UI Engineering チーム
- LINE 版の AWS マネジメントコンソールのようなものの開発

Vue 3 Official Docs 輪読会について

イベント概要
- 7月にオープンした Beta の https://v3.vuejs.org/ の英語ドキュメントを読み進める会
- セクションごとに担当者を入れ替えつつ、メンバーが意訳して読んでいくイベントとして開催
発足のきっかけ
- 一人で読むとなるとサボったりマイグレーションに関するところばかり読みがち
- Go Language Specification輪読会が良さげな試みだったので真似してみることに
  - 全体でやるとしっかり読み込めるし理解も深まる
  - 参加者ごとに違う切り口で議論が深まる

輪読会形式について

今回は初対面の人やまだエンジニアでない人も含めての輪読会
- 基本的には読み進めているところに自由に横槍を入れて良いスタンス
- 自然とそれぞれの持っている知識で話が進んだ
揃えた足並み
- 英語ドキュメントをスムーズに読み進められる程度の知識
- Vue 2.x についての知識

公式ドキュメントを読んでみての学びについて

開発側と現場のエンジニアの温度感
- Composition API などはかなり注目されているが、実は Advanced な項目であったり
- 事前情報と違い、まとまった一つのドキュメントとなることで、開発側の意図がわかるようになった
輪読会によって細かな仕様について知ることができた
- v-model への機能追加
- Teleport の内部実装
  - DOM では document.querySelector が
  - SSR では実際には動作せず、 Hydoration で解決

より詳細は当日の Scrapbox に

https://scrapbox.io/vue3-docs-reading/Vue_3_Official_Docs_輪読会_%231

次回以降で読む部分で興味のある内容があれば

#1 今回は半分より少ないくらいの進捗であった
#2 では、 #1 で抑え終わった基本をもとに、更に詳細の機能やエコシステムについて追っていく
- https://connpass.com/event/185276/

Refs

フロントエンドエンジニア / フロントエンド開発センター| 求人詳細 | LINE株式会社
- https://linecorp.com/ja/career/position/475
BGM: 騒音のない世界
- https://noiselessworld.net/
SE: 魔王魂
- https://maoudamashii.jokersounds.com/

採用について

使用素材・クレジット

BGM&SE

音声書き起こし

1. オープニング 00:00

Guest 00:00
こんにちは

Guest 00:01
こんにちは

Guest 00:02
今週もitインサイドを始めたいと思います。え、UIT INSIDEは、ユーザーインターフェースと、テクノロジーを愛する開発者のためのポイントキャストです。

Guest 00:12
最新のweb標準の動向や、開発、フレーム枠の変遷、またまたuyauxに関することまで

Guest 00:19
毎週フロントエンドの情報を発信していくことを目的としております。え、ハッシュタグはdit、アンダースコアインサイド、

Guest 00:26
ご意見やご感想などあれば、え、いつでもお待ちしております。え、お気軽にツイートなどいただければと思います。

Guest 00:33
さて、今回はですね私ポテト4dをポストにですねえ、ゲストに安藤さんを招待いたしまして、えービー3、オフィシャルドックス。

Guest 00:43
林読会についてお話をお伺いできればと思います。え、安藤さんよろしくお願いいたします

Guest 00:49
よろしくお願いします。

Guest 00:52
まずはですね、安藤さんえ、今回初出演だと思いますので、自己紹介お願いできますでしょうか。

2. ゲスト紹介 00:53

Guest 00:59
はいえ、初めまして、snsのidア藤真中一という名前でやってますアンデです

Guest 01:06
自分は6月、今年の2020年6月にラインにジョイしたばかりで、以前、え、このボットキャストに出られてた生田さんと同じ

Guest 01:16
えーベルダ室というところで、uieエンジニアリングチームで仕事をしています。

Guest 01:21
仕事としては、えーライン独自の社内のプライベート、クラウド、インフラを扱う仕事が多いので、イメージとしては、ライン版の

Guest 01:31
awsとか、gcpみたいなものの、ダッシュボードを作るのが主の仕事ですね。そんな感じで、今日は

Guest 01:39
よろしくお願いします。はい、

Guest 01:41
安藤さんよろしくお願いいたします。

3. About Vue 3 Doc Reading 01:44

Guest 01:44
では、え、いよいよ本編に入っていきたいかなと思うのですけれども、今回ですね。えービー3、オフィシャルドックリンド会って、イベントがコンパスでえ募集されて、開催されていたかなと思うの

Guest 01:55
ですけど、安藤さん初めにイベント概要について教えてもらってもよろしいでしょうか。

Guest 02:00
2020年の7月にビュージュースのバージョン3の公式ドキュメントが、えーベえーベ版です。けれども、ようやく公開されまして

Guest 02:09
ま、誰もが一応オフィシャルなビジ3のスペックにアクセスできるようになったっていうことで

Guest 02:15
ま。自分1人でえ読んでもいいんですけれども、やっぱりボリュームとしてもすごいでかいですし。

Guest 02:22
えーひ。同じ機能でも、人によって使い方とか捉える印象って結構違うのかなと思ったので、単純にそのビュー3の

Guest 02:31
機能について理解を深めつつ、他の開発者さんたちの意見も聞きつつみたいな場として最適かなと思って企画させていただきました。

Guest 02:39
1人で読んでもよかったけれども、まあせっかくなので、意見の交流とかもできればっていうところでえ、そうですね、リ読会として開催したっていうところですね。

Guest 02:47
なるほど、なるほど、

Guest 02:49
これ初め。私もあのアンドさんがえ、みんなで読んだりできないかなって。twitterで言ってるのを見かけたんですけど、こういったイベントとしての形で、法則したのは、何か、そっからさらにきっかけがあったりした

Guest 03:00
ですかね。

Guest 03:00
そうですねえ、自分が仲良くしてる昔のメルペで働いてた時の同僚で、シュウマイさんという方がいらっしゃるんですけれども、彼はえー語のコミュニティーで結構積極的に活動されてたり

Guest 03:13
ま。仕事でこう書かれてる方で、たまたま一か月前、この今回のえー林読会を企画する1か月前、12か月前ぐらいに語のスペックを読む輪読会を企画されてたんですよ。はいはい

Guest 03:27
で、このドキュメとスペックドキュメントみたいなのも、結構ボリュームがあって、しかもビージースのドキュメントと一緒で、全部英語でっていうことで、

Guest 03:36
そこはまあ、英語の苦手なメンバーも5つ語のこなんでしょう。習熟度も違うメンバーがまこうみんなで集まって

Guest 03:44
詩を読んで、わいわいやってるのすごい楽しそうだなと思って、で、今回ちょうどそれ面白そうだなと思ってた。タイミングで、

Guest 03:52
ビューのドキュメントも公開されたので、いいタイミングかなと思って、もう丸パクリですね。ある趣旨から、コンパスの説明文から結構パクらせていただいて、

Guest 04:03
で、実際今回しまさんも美容の勉強会にも参加していただいたんですけれどもま、そういうお手本になるイベントが既にあったってのが一番大きいですね。

Guest 04:11
あ、あ、いいですね、結構うん、そういった他のコミュニティでの活動とかのいいところを取り入れて、開催できるのは。

Guest 04:18
うん、すごい。あんまり。私gのコミュニティには詳しくないんですけど。うん、うん、うん、そういうのも行われていたので、取り入れていたっていうところ

Guest 04:25
すね。そうですね、まさに、もうツイッターでふらっと見掛けただけだったんですけれども、

Guest 04:29
こいな、これ

Guest 04:30
いやでもいいですね。なんか、こういった取り組みあんまりあ、なんかに読会とかって、社内でえ、自由にやってるとかってよく見かけると思うんですけど、

Guest 04:37
確かにそうですね。そう

Guest 04:38
ね、あんまりパブリックな場でやってるのは見なかったんで、すごいいい

Guest 04:41
これ見たな、うん、うん

Guest 04:43
っておりました。それに、社内でやるのもなんかみんなで本買って

Guest 04:46
ま。でっかいガイドブックみたいなのを読み進めていくっていうのはやると思うんですけど、もま、オンラインのイベントで、あまりだらだらやってもしょうがないので、

Guest 04:55
そのライブラリのドキュメントって、ボリュームとしても、凄いいいなと思いました。

Guest 05:00
そうっすね、確かに、1セクションがさっと読める程度に集約されてますもんね。

Guest 05:05
そうですね、発足はそんな感じでした。

4. 輪読会のすすめかた 05:14

Guest 05:14
今回林読会っていう話でしたけれども、ちょっと私今回参加していないので、詳細をお伺いしたいんですけど、

Guest 05:22
輪読会。今回の参加メンバーっていうのは、知人だけとかで、開催された形なんですかね

Guest 05:28
え。今回は全くそういう縛りは入れていなくて、どうしても。まあ、自分のsns上とか社内で募集した関係で、

Guest 05:37
結局まあ知ってる人は多く集まったんですけれども、初対面の方も来てくださって、

Guest 05:42
僕も初対面の方いましたし、多分、他の方達はほとんどお互いに初めましての方が多かった気がします。それから、こういう勉強会に参加するのも初めてだよとか、

Guest 05:52
まだえ、これからエンジニア、エンジニアのキャリアを始めるよ。みたいな方とかもいらっしゃって、非常にバライダイバーシティはありましたね。ちかな

Guest 06:01
ありそうですね、いろんなバックグラウンドの人といますか。そうですね、なんですね、

Guest 06:07
一応1個最低限の最低限というか、ルールとして、まあビツ今までのビーツまでを読んだこ。触ったことがあったりとか、

Guest 06:16
読んだことがあったりっていう縛りと言うか、一個基準としては設けていたんですけれども、そこまで厳しく、何かこう

Guest 06:24
知識チェックとかをしてしてたわけではないですね。

Guest 06:27
基本的には、もう初対面であっても、って感じだった

Guest 06:31
まさにそんな感じでしたね。

Guest 06:33
そうなると、結構その輪読会とか、なんか初めての人もいる中でやるのってなかなか

Guest 06:39
こう。コミュニケーションが発生するので、難しそうな印象を受けましたけど、どういう感じに進め

Guest 06:44
たりしましたかね。そうですね、あ、でも意外とスムーズで、進め方はもうセクションをみんなで回し読みして。

Guest 06:52
で、1個よかったのは、その流通と結構被ってる内容も、ビュー3のドキュメントで多いので、

Guest 06:58
そういうところはあここみわかるよねっていう感じで、ガンガンスキップしたりしてましたね。なるほど、なるほどで、基本的には英語を

Guest 07:06
えーで、英語で全部ドキュメント書かれてるので、担当者が日本語に訳しながら、要所要所を翻訳していって、ここどう思いますか。とか、

Guest 07:15
わかんないとこ聞いたりとかいう感じで、割と結構すと止めてはいました。

Guest 07:20
はいはいはいはい、ただあれなんですね。まちち、そのその人の担当者がえ約する形で、

Guest 07:27
あの解釈したいっていうとこだと解釈ずれもなさそうですし、もしずれてた場合、そう

Guest 07:32
ですね。そこは1個、その後の林読会をされてたし、うまさんからもアドバイスいってやだいて、

Guest 07:40
意外とその英語のドキュメント読んでく時って、単語1つで意味が変わったりはするので。はいはい、あんまり飛ばしすぎると良くないよって話だったんですけど、もとはいえ、なんか、

Guest 07:50
中学校とか高校の英語授業みたいに1個ずつ丁寧に訳すのもちょっと違うなと思ったので、バランスは意識しましたね。

Guest 07:58
いや、それはなかなか

Guest 07:59
すごいいいですね、

Guest 08:00
うん、うん、うん、あ、なので、ちょっと。その募集要件として、英語が最低限すらすらやめれる人みたいな項目も一応入れときましたね。

Guest 08:11
後は進めた時にやったのは、ビュー2の今までの古いドキュメントも横に並べて、

Guest 08:20
どの部分がアップデートされたかな。みたいなのは、適宜確認しながら進めていました。ここの記述は流通と変わったねとか、

Guest 08:28
このセクション新しく追加されたねみたいな差分を見るのも面白かったですね。

Guest 08:34
であれば、ま変わってるところ、変わっていないところってのを常に比較しながら進行していった

Guest 08:40
進めてました。後は本番当日はえーグーグルミートが今たまたまえ9月までかな。今年の9月まで無料で、

Guest 08:49
えーミーティングができるので、googlematで皆さんに参加していただいて、それと並行して、ディスコードのチャンネルを設けていたんですけれども。はい、

Guest 08:59
そこはもう不老情報と言うか、個個人がこう。例えば、誰かが呼んでる最中に参考になりそうなリンクをディスコードにぽんぽんぽんぽん張ったりとか

Guest 09:08
してくれて、非常に活発ではありましたね。

Guest 09:13
ちなみに、そこをgooglematとディスコードでツールを分けたのって、なんか意図があったんですか。

Guest 09:18
あの、パクりました5の林属会あんまり深く考えず、まあ、無料で

Guest 09:25
ちょっとスラックを使いたくなかったんですよね。個人的にはい、勉強会のために毎回アカウント作って

Guest 09:31
そうですね。結構大変

Guest 09:32
ですが、結構好きじゃなくて、ディスコードはまあ、アカウントさえあればサクッと出たり入ったりできるのでよかったですね。いいっすね、

Guest 09:40
うんうん、うん。確かに。

Guest 09:42
リスコードは結構業務とかだと、プライベートと業務が混じってやって人いますけど、こういった融資の集まりとかでは、すぐに作れて、すごい向いてますよね、

Guest 09:52
使い勝手はよかったですあとは、そのツッコミというか、かなり

Guest 09:59
メンバーの習熟度的に、ソースコードも読んでる方は多かったので、

Guest 10:03
この部分ドキュメントはこう書いてあるけど、実際どう動いてるんだろうみたいなのはま、僕のホストで、ホストが画面共有してたんですけども、

Guest 10:12
敵機みんなでビューのビュー3のソースコードも見ながら。ああ、話とかもできて、レベルとしては比較的高めの勉強会だった気はしてます。

Guest 10:22
いいですね、ドキュメント読むときに、コードも添えてっていうのは

Guest 10:26
たなので、結構多角的にアプローチした印象はありますね。ソースも読んで、ビュー2のドキュメントも読んで、

Guest 10:33
あとはそれぞれの皆さん経験者なので、個人の開発体験から、この機能使いやすくなるよね。みたいな話が聞けたりして、

Guest 10:43
今回8名でえースタートしてちょ。途中で予定あって、抜けちゃった方いて、最後は6名だったんですけども、サイズ感として、そのぐらいがちょうどいいのかな、という気はしました。

Guest 10:54
いいですね、なんか、ドキュメントの連絡会って言っても、実際には

Guest 10:57
ま業務の話をすることもあれば、まビー2と3のコードベースでの比較ってのも行う。うん、うん感じます。結構リ読会っていうと、読む印象がすごいありましたけど、

Guest 11:08
それだけじゃない。

Guest 11:09
あ、あ、めちゃめちゃ話しましたね。なので、ドキュメント全体っていうんですかね。全体のまあ340、

Guest 11:18
うんご50パーセントは消化できてないかな。結構長丁場で休憩時間入れて、トータル今回5時間とったんですけど、

Guest 11:28
それでも話しっ放しでしたね。

Guest 11:32
なかなか面白いやり方ですね、

Guest 11:35
当日はそういう流れでやってました、

Guest 11:39
その他ありますか。

Guest 11:41
やっぱり、人によって事前に仕入れてる知識とか、ソースが違ったのは面白くて

Guest 11:48
例えば、リアクトも普段書かれる方とかは、その何でしょう。ビューだけじゃなくて、もうちょっと広い意味で、フロントエンドフレーマークとして、

Guest 11:58
この機能面白いよねとか、こういう実装になってそうだよねっていう意見をくれたり。

Guest 12:04
あとはもうビュー3が出始めた当初からrfcを読んでる方とか。はいはいはい

Guest 12:09
はこれはこういう経緯で出たんだよっていう。特に僕がらそういう話してって言ってないんですけども、積極的に出してくれる

Guest 12:18
方が多くて。うん、うん、うん、この人たち本当に初対面かなと思うぐらい。

Guest 12:22
いやあい、すごい

Guest 12:24
まそこは

Guest 12:26
よかったです。今回、知人に限定したりしないで、いろんな人が集ま

Guest 12:30
だからこそ、っていうところでもありそうで

Guest 12:32
いいです。なので、こういうイベント増えたら嬉しいな、という気はします。僕自身、結構つ毒しがちというか、

Guest 12:43
いろんな論文とかドキュメントいつか読むで、ブックマークしたものがいっぱいあるので、人と一緒に読むと、サクサクと

Guest 12:52
網羅的に埋めて、非常にいいなと思

Guest 12:54
そうっすね。なんか、自分の中だといつでもっていうような。そうですね、ありがとうございます。

Guest 13:01
それではですね、次公式ドキュメントを読んでみての学びについて聞いていきたいなと思ってて、今回ですねえ、事前にこれまでもビー3の情報って、小出しには結構されていたかなと思っていてま。

5. 読み進めての学び 13:02

Guest 13:15
1個話題が出るたびに、それをみんなが追ってみたいな状態が続いてたと思うんですけど、今回初めてデータとはいえ、まとまった情報が出たかなと思っています。けれども、

Guest 13:25
そこを改めて読んでみて、まあ、多分知ってる知識、知らない知識両方あるかなと思うんですけど、なんか、こういった学びとかがあったみたいなのってありますかね。

Guest 13:35
そうですね、ま、今まさにおっしゃっていただきましたけど、個別の新しい機能とかって、当然僕も追っかけてはいたんですよ。

Guest 13:43
ただ、ドキュメントによってえなることによって、何がわかるかっていうと、ま1つはショーの構成がはっきりしますよね。

Guest 13:52
例えば、ビューの3って結構コンポジションAPIっていう機能は、かなりフィーチャーされているなと僕は思っているんですけれども、

Guest 14:01
実は、ガイドの上から順番にガイドを読んでいくと、ほとんど出てこないんですよ。

Guest 14:07
で、実際にどこで初めて登場するかって言うと、かなりえ。ガイドセクションの中盤以降に登場するアドバンストガイドっていうセクションで出てきて、

Guest 14:18
あ、ここで出てくるんだというか、なんだろうな。ビュー全体のなんでしょうね、ビューユーザー全体の温度感の中で、

Guest 14:28
やっぱ僕は正直そのコンポジションAPIって、ビュー3の中ではもう1級市民的な扱いを受ける

Guest 14:35
スタンダードになるのかなと。なんとなく思ってはいたんですけどもあ、ガイドでは、アドバンスレベルのフィーチャーとして紹介されてるんだなってのは面白かったですね。

Guest 14:45
というま、細かい何だろうな機能の紹介する順番とか、セクションの分け方っていうのが、こう体系的に

Guest 14:55
見せられると、自分の何だろうな。頭の中にある、その機能の優先順位とか、ヒエラルキーをちょっと整理する。いい機会にはなりましたね。あ

Guest 15:05
あ、なるほど、なるほど、これまで開発者がまそれぞれで、あの関心を寄せていたところが、まあ、オフィシャルとしての温度感みたいなのが

Guest 15:13
あ、そうですね、まさにそこは1つ気づきでした。当然、やっぱりまき知らなかった機能とかも色々散見されたので、

Guest 15:23
例えば、僕vモデルはふわっと仕様が変わるっていうのは知っていたんですけれども、モディファイヤーも変わるのを初めて知ったんですよね。

Guest 15:34
そのカスタムのvモデルで、値を同期した時に、例えばこう子供チルドレンからエミットされる情報を

Guest 15:43
親が受け取る前にキャメライズするとかきゃ、キャピタライズするとかいうモディファイヤーをかけるんですけども、

Guest 15:53
ここは正直、マイグレーションガイドには確か出てなくて、僕、最初マイグレーションガリなんですけど、確かそこにはなくて、

Guest 16:02
えーv。モデルの個別のセクションに丁寧に解説されてたって感じですね、ここは初めて気づきました

Guest 16:09
私も今これ聞いて初めてうん、あ、そういうのできるようになるんだって知りましたね。

Guest 16:14
いや、なかなかすごい機能でしたよ。こうプロップを、例えばフーとかバーみたいな名前で、

Guest 16:23
えーブモデルフみたいな感じで、バインドすると、子供のチルドレンの方のプロップに当然フが入るんですけども、シタシガで、はいはい、

Guest 16:33
モディファイヤーとして、hモディファイヤーズっていう変数が勝手に入るそうなので、そこも文字列結合で、プロップ名が

Guest 16:43
勝手にアサインされるんですよ。は、そのプロップ名、プラス、大文字のmから始まるモディファイヤーズっていうプロップ名をチルドレンに定義してあげると、

Guest 16:53
ドットつなぎのモディファイアになるっていう機能を初めて知りましたね。

Guest 16:57
すごいいいえ、すごいなえ、そうなかったんですよな

Guest 17:02
あ、ここを繋ぎあれちゃうんだみたいな。ここもちょっと。リンクには貼ってないんですけど、ソースコードみんなで見ながらとんでもないなみたいな話を

Guest 17:14
ちょっとこれのよ。あの、実際のコードのうん例とかは小ノートにも載せておきます。ぜひぜひ、

Guest 17:20
ただ、ここ結構細かくドキュメント読んでいって、ようやく気付いたという感じで、やっぱりそのある程度ビューの機能かって、えしビ2までの機能知ってる方って、読み飛ばしするところも多いと思うし

Guest 17:34
ま、マイグレーションガイドみたいなところを、どうしても注目しがちだと思うんですけども、やっぱ、ポロポロと進出の機能が

Guest 17:42
そこ以外にもあるなというのは気づきましたね。

Guest 17:47
ま、それはなので、もしかしたら、そのドキュメント管理チームにフィードバックしてもいいのかな、という気はしました。

Guest 17:55
流通まで知ってる人が、ここさえ読めば大丈夫みたいなセクションを充実させてもいいかな、という感じですね。

Guest 18:03
いや、でもそれはあれですね、リ読会として1個1個読んでいくからこそ、内容でもありそうで、

Guest 18:09
自分じゃ流し読みしてたなっていう機能はいっぱいありましたね、

Guest 18:17
機能としてはそんな感じです。

Guest 18:20
はいです、ありがとうございます。いや、コンプレッションAPIが

Guest 18:24
アドバンスドのものっていうのは、多分、国内のユザーとかだったら、多分そうじゃない。温度感でいる人が大半だと思うんで。

Guest 18:30
そうですよね。いや、実は僕も今までビュース向けのツールとか作ってたんですけど、

Guest 18:36
コンポジション、エピア前提で作っちゃった機能あるなと思ってはいし、帰ってからすぐ修正しました。

Guest 18:43
そうですね、あとは、テレポートかなテレポートの機能とか。もえ、そのマイグレーションガイドとか、新しいフィーチャーとして紹介された時に、

Guest 18:53
一応機能としては知っていたんですけれども、hケースの使い方とかは。え、

Guest 19:01
この勉強会を通して、僕は初めて教えてもらって、まさに、それは勉強会の参加者の中に、

Guest 19:08
テレポートの細かい実装とかを事前に読んでくださった方がいらっしゃったので、気付けたっていうところで、

Guest 19:16
多分話題にすること。この網羅的に上から機能さっていかなかったら、話題にすることすらなかったなってのは、

Guest 19:23
まさにここの機能ですね。いや、僕初めて知ったんですけど、テレポートで何だろうな。特定のドムに

Guest 19:32
のvノードツリーの外のドムにえvノードを展開できるっていう機能なんですけれども、そのトートプロパティーで、

Guest 19:42
対象のどもを縛るんですよね。多分、そのトゥーの

Guest 19:47
トゥーで受け取ったバリューを。じゃあ、ビーが内部的にどう処理してるの。みたいなのは全然知らなくて。

Guest 19:54
実際にはクエリドキュメント、ドットクエリセレクター実装になってるんですよ。なので、公式ドキュメントでは、シャープから始まるidのセレクターが

Guest 20:03
書かれてはいるんですけども、一応何でも多分渡せて、例えばなんだろうな。

Guest 20:10
矢印で、はいはいはいはい、茶色のセレクターとか、あと、クラスセレクターとかも待たせて、

Guest 20:16
じゃ。クラスセレクターをテレポートに渡された時、渡した時に、そのドムってどこに出現するんだっけ。みたいなのは実は

Guest 20:24
えー

Guest 20:25
食え。例えば、クラスセレクターで複数マッチしたら、その戦闘のものに野菜にされるみたいな実装になってるらしいです。初めて知りましたけど、

Guest 20:35
これ、実は私読んでる途中で1個分かんなかったことがあったんで、もし、輪読会で評価されてたら、教えてほしいんですけど、

Guest 20:43
なんか、クエリーセレクターまでやってるっていうのは見えたんですけど、これ、ランタイムドムじゃない。ssrの方に、テレポートがは対応してるって書かれてるんですけど、その

Guest 20:53
おっしゃる通り、石井さん

Guest 20:54
ある側って、どういった実装になってるんです。

Guest 20:57
ここも行動を読んでみて、初めて気づいたんですけども、実はうまくレンダラーとして抽象化されているんですよ。

Guest 21:04
で、えーとーレンダラーのイニシャルライズの時に、えークエリセレクターっていうAPIを提供するオブジェクトを渡せるんですね。

Guest 21:14
で、ランタイムドームの時は、ドキュメントってオブジェクトが渡ってます。なので、ドキュメントドット、クリセレクター

Guest 21:21
が叩けるんですけども。確か、タイプスクリプトのインターフェースで指定されていて、そのクエリセレクターっていうAPIが生えてる。

Guest 21:29
オブジェクトだったら、なんでクラスだったらなんでも渡せるようになってました。なので、ssrの時もそこでアンディファインドにならないように、

Guest 21:38
うまく抽象化されてる印象ですね。そっち

Guest 21:41
って、どういう動きになってるんですよ、jsドムドかが入らなきゃ手

Guest 21:44
んですかね。ですね、どうなってたかな、ちょっと忘れちゃったな、ちょっと僕も今パッと出てこないっすね。

Guest 21:56
で、ま、そこはまあ、流通の時からレンドラーみたいな概念はふわっとはあって、そのアリババが開発していたイークスみたいな

Guest 22:07
レンダラーも一応想定はされてたので、その思想は引き継がれてるなという気は

Guest 22:12
します。

Guest 22:14
ちょっとここssr側の実装見つけたら、後で貼っときますね。あ、

Guest 22:18
お願いいたします、ありがとうございます。そういえば、ビー2のコードには、ウィックス用のコードがちょこちょこの

Guest 22:24
たんでありましたね。ビュー

Guest 22:26
フリーで、ちょっと生産されてる

Guest 22:28
漢字は、ここは後方もなくなってます。

Guest 22:33
その他もあったら聞こうかなと思ってますけど、その他何か

Guest 22:37
こうだな。

Guest 22:38
ありますでしょうか。

Guest 22:41
あ、それと、これも参加者の方に感謝案件なんですけど、もえ、ウェブコンポネンズに詳しい方がいらっしゃったんですよ。

Guest 22:49
で、正直僕はウェブコンポーネンツをもうハローワールドぐらいしかやったことがなくて、全く実際の運用とかも知らなかったんですよね。

Guest 22:58
ただ、その今回新しくコンポン、ダイナミック、コンポーネントの定義文変わったりとか、

Guest 23:06
いくつか。レンダーファンクションのAPIとか変わっているんですけども、そのレンダーファンクションの

Guest 23:13
なんだろうな。引き数の順番とか、渡すプロパティの方とか結構変わっていて、

Guest 23:19
で、僕はドキュメント読むだけだと。あ、そういうものなのかなって思ってたんですけども。やっぱ、ウェブコンポーネンツとの共存みたいな背景があるんだってことを

Guest 23:29
教えていただいて、そこは知らないコミュニティーの情報だったので、勉強になりましたね。

Guest 23:38
いいっすね、そこもうん、うんうん、バックグラウンドが多様なねゆの

Guest 23:42
そうですね。そうですね、やっぱそういう意味では、1人で読むより、ああいう会として企画したのは

Guest 23:51
正解だったのかなという感じはしてます。

Guest 24:01
あと、いかに自分がこう流し読みしてたのが多かったってことに気づきましたね。

Guest 24:07
ま、どうしても1人で読んでると、効率

Guest 24:10
えとも特に知ってるライブラリのメジャーバージョンアップとかって、見落としは多くなる気はしていて、

Guest 24:16
網羅的に改めてまえ。なんか学び直すのはすごい新鮮でしたね。

Guest 24:22
ま、特にマイグレーションガイドがあると、それだけ読んでしまいがちなところありますもんね。

Guest 24:28
あと、やっぱり流通と昨日、昨日とか、そのドキュメントの書き方として、同じところも、その流通を読んだ時の自分の

Guest 24:37
なんでしょう。エンジニアとしてのリテラシーとか、習熟度と、今とはやっぱりある。何年か経って違うので、

Guest 24:45
改めて同じとこリックバックして

Guest 24:48
見つめ直すみたいな意味でも楽しかったです。なので、一見その全部ドキュメント上から下まで読むって、

Guest 24:57
なんか効率的でないように思うかもしれないんですけども、僕はやってよかったなと思いますね、

Guest 25:06
ありがとうございました。

Guest 25:08
なんか、もし、今話したような。個別の機能について、興味がある方がいらっしゃいましたら、オフィシャルドック連絡会の。リンクと。

Guest 25:16
あ、もし昨日いい個単位でよければえ、このですね。このポドキャストのUITeサイトでもですね。

Guest 25:23
多分、レンダーファンクションの引数変更の話とか、それぞれ取り扱ってたりしますので。え、も。しかし、もしよければかっこピソードも聞いていただければと思います。

Guest 25:33
お願いします

6. 次回以降の期待と狙い 25:35

Guest 25:35
では、最後にですね。今回え第1回目っていうところで半分行かないくらいえ、進んだって話を先ほどされていたかなと思います。けれども、今後え2回、3回と

Guest 25:47
行っていくこともあるかなと思います。それに、あたってですね、

Guest 25:50
安藤さんのえ、個人として、この辺読み進めていきたいとこの辺りが。あと、興味があるみたいなのがあったら、ちょっと聞いていきたいなと思うんですけど、

Guest 26:00
なんかありますかね。

Guest 26:02
はい

Guest 26:05
その今回のちょっと細かい話で申し訳ないんですけども。ドキュメントを読み進めて、ちょうどアドバンスドガイドぐらいまで進んだんですよね。

Guest 26:13
で、時間以降はえー。実際にエコシステムと言うか、ツールの部分、実践の部分を読んでいくつもりでして。

Guest 26:30
関連ツールですね。ビールータービュー、xbcly、あと、エリタのサポートもちょっと見ていけたらなと思っていて、その

Guest 26:39
じゃこれまで僕らがガイドとして読んだ機能が実世界でどう使われてるのかな、みたいなトピックに移っていくので、

Guest 26:48
なんだろうな。そういう意味で、より広い範囲のバックグラウンドの人が集まれば面白いなと思いますね

Guest 26:55
ね。なんか、リ読会として、今回オープンでやってるから、故のま、そういったところも、

Guest 27:01
1個1個のツールとか、えのレイヤーでも、話していけると良さそうですよね。

Guest 27:11
あで、あとあくまで今回は僕が個人でパパッと出したっていう感じで、ま、そもそも、やっぱどうしても知人は多くなってしまったし。

Guest 27:20
あと、ま密なコミュニケーションする分、枠はどうしても上限があるんですよね。はいはい、

Guest 27:28
なので、僕は今回やってみてすごいよかったので、なんだいろんなコミなんでしょう。こん

Guest 27:34
トピックとして、全く同じでもいいしか、そのイベントの運営隊としては、全く同じでいいと思うので、何個かね。こういうのが、

Guest 27:44
はいはい、ビビュージの輪読化イベントは、ポコポコ乱立してもいいんじゃないかなと思ってます。

Guest 27:51
なんか、もしあれですねあ、今回あのgoのコミュニティーのしまいさんから、やり方をこう伝えてきてもらったって話でしたけど、うん、

Guest 28:00
なんか、次はもしのスクラップボックスとかでまとめているのであれば、アンドさんの方でま。こういった風にリ読会やるといいよっていうのが残っていると、

Guest 28:09
また広まっていくかもしれないですし、そういうのもあるといいかもしれないですね。

Guest 28:14
実際のタイムテーブルとか話したトピックはえ、公開情報として、

Guest 28:19
スクラップボックス上に置かせていただいてます。なので、もしこのポッドキャスト聞いて、興味持った方は、そちら何か参考になれば嬉しいです。

Guest 28:31
じゃあ、ちょっと後ろのに貼っておきますので、ありがとうございます。ぜひ、ちょっとリ読会やってみたいみたいな人とか、あるいはえ、第2回参加したいという人も

Guest 28:39
ええそうです

Guest 28:40
ね、いらっしゃると思いますので、ぜひぜひえ、アクセスだければと思います。

Guest 28:45
日本は8月でお盆とかもあったりするのと、

Guest 28:49
あとは、え、次回も45時間の枠でがっつり週末にやろうかなと思っていまして。8月の後半に第2回の開催を予定してます。

Guest 28:59
で、なるべくえ、初参加の人でもなんだろうな。楽しめるような内容にしようと思うので、興味ある方は、ぜひ

Guest 29:07
コンパストをチェックしていただければ幸いです、よろしくお願いしますよろしくお願いします。

Guest 29:14
情報。もし、これからイベントページが開いた時に、どういったのを追っていたら、開催されるかわかりますかね。

Guest 29:23
あ、多分この小エピソード公開されるまでにイベントはできて、

Guest 29:28
小のに晴れるかなと思うので了解。こちらのコンパス見ていただければ幸いです。

Guest 29:33
わかりましたでは、え、ご興味のある方は、師匠のえご覧いただければと思います。

7. クロージング 29:40

Guest 29:40
というわけでですね。今回はえ、安藤さんとともに

Guest 29:44
ビュー3、え、オフィシャルドックスリンド会について、え、その取り組みと、そこから得られた学びなどについて話していただきました。

Guest 29:53
LINEのフロントエンド組織、えーUITではえ、このようなフロントエンドに関する議論や、キャッチアップを日々行っております。

Guest 30:01
直近で言うとですねえ、継続的にえ、公開されているビーススタディなどはですね。え、社内の学習企画から始まったコンテンツでございます

Guest 30:11
ま、こういったですね。社内の学びだとか、まえーメンバーの社会での活動などなどがあればですね。今後も発信していきたいと思っております。え、ぜひ、またえお聞きいただければと思います。

Guest 30:22
またですね、ホッドキャストを通じて、ラインに興味を持っていただいた方は、え、ぜひぜひ、カジュアルメンダーからでも、ご連絡いただけえいただければと思います。

Guest 30:36
安藤さんえ。ベルダのuyエンジアリングでチームからえ来ていただきましたので、そちらのえ

Guest 30:42
求人情報とですね。ええ、普段のえ、我々のUITのえ、求人情とも貼っておきますので、え、もしですねえ、開発者に話してみたいという方がいらっしゃいればですね。え、お気軽にご連絡いただければと思います。

Guest 30:59
ということでですねえ、今回はえ、ニュースリードックリーディング会でした。えあ藤さんありがとうございました、

Guest 31:07
ありがとうございました。