(見つけられなかったので、見つけたら更新する予定。)かんそうぶんTS移行の話。VueJSアプリをVueCLIと使ってどう置き換えていくかの話。́ω`)TS化ってモジュールを入れた後に、なにするかがわからないので、こういうのは、ありがたい知見。型を整備していくような少しずつ整えていくとことかもありそう。CLIでTypeScriptモジュールを追加できるのか。Nuxtばかりだからしらなかった。型推論の話のだろうか(・・?一部の方を付けておけば、推論して型が決まっていく的な。2019TSのanyの話、移行ってことだとそこからな気がする。一気に全部はできないので、部分的にやってる必要があるなぁ。型はその過程で揃えていく感じになるのかな。スライドかんそうぶん設計の話。propsとはなにかを設計の観点から考える話。引数とpropsの関係が、わかりやすく説明されていて、すてきだった。後半は、設計の観点からpropsとはなにか、どう使うとよいかの話。propsを定義することで、コンポーネントのインターフェースを定義でき、Require/Type/Validatorを利用することで、受け取る値の説明を加えれる。OOPでいうところの、propsはinterfaceであり、それを使うコンポーネントはそのインターフェースの実装ぽい感じ。́ω`)私のとこでもpropsはちゃんと定義するようにしてる。コンポーネント分割するとやっぱり必須だなと。2019コンポーネントでstoreの値を使うと、使い回せなくなるから微妙だなと。2019storeの参照についてはpages/container-componentくらいまでにしてますねー。2019子コンポーネントには極力propsで渡していきたいけど、階層深くなるとなかなかにしんどくなる時はある。2019storeの分割方法/基準も悩むけど、componentの分割方法/基準も悩む。いうような指針にすることが多いかなあ。SSRの話かんそうぶんディープな話。SSRの中身を紐解く話。́ω`)普段はNuxtを使っている&そこまで入り組んだことをしていないので、あまり気にしていない部分だったけど、こういう技術で構成されているのか!という感じで、深い話だった。透けて見えるくらいの知識は必要だなと。Storeは単一状態木という見解もおもしろいし、わかりやすいかった。単一状態木を受け渡しするという考え方なのか。2019課題サーバからフロントにコンポーネントの状態を正しく復元する必要がある。単一状態木(store)が役立つなるほど。2019ハイドレーション...vue-ssrのドキュメントにもあった。Deckかんそうぶん黒魔術の話。いうか、現場感が強い話。SPAモードで作成済みのNuxtアプリで、OPG対応を求められるも、SPA前提の実装のため、Universalモードで動かないときの対処法。app.jsを呼び出して、生成したHTMLを改ざんする。移行コスト+検証コストを踏まえると、良い方法だと思う。負債は残るが、ニーズには答えられる感じ。今後の要件でも出てこないのか。リスクが有ることをちゃんと理解して進めているのか。́ω`)でも、これは新しい技術を早く取り入れたときのぶつかるよくある話な気がする。2019おわりにライブビューイングなので、参加できた感ある。次もあったり参加したい。2019はじめての勉強会だったけど、すごいよかった。現地に行くともっといいんだろうな。機会があったら、いろいろ行ってみようっと。普通の勉強会よりも大変なのに、すごくスムーズに対応されててすごいし、ありがたかった。「勉強会っておもしろそうなところだな。「次はいってみたいな。́ω`)みなさま、ありがとうございました!いろんな勉強会、ちょっと参加してしようかな。(1)はてなブログをはじめよう!wannabe-jellyfishさんは、はてなブログを使っています。あなたもはてなブログをはじめてみませんか?はてなブログをはじめる(無料)はてなブログとはくらげになりたい。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。