tacamy--blogスマートフォン用の表示で見るtacamy--blogJavaScriptを勉強中の人のブログです。参加してきましたvuejs-meetup.connpass.com申し込んだ時点で213/80人と絶望的だったのですが、たまたまブログ書く枠が空いたので勢いでポチってしまいました。私はVue.js初心者(※)なのでブログを書けるほど内容が理解できるのかかなり不安でしたが、結果的にどのトークも楽しめました(理解したとは言ってない)。同じような初心者の方でも、興味があれば参加してみるとよいのではと思います。2.x)をギリギリつくった程度のレベルです。以下、それぞれのトークの内容のメモです。@kitakhttps://kitak.github.io/slides/170316-vue-meetup/Vue.jsのようなライブラリは生産性を高めてくれるけど、内部実装を理解しないで誤った使い方をすると、バグの原因やパフォーマンスの低下に繋がるからちゃんと理解しようねという話でした。算出プロパティ(computed)は普通のメソッドと違って、依存プロパティの値が変わらない間はキャッシュしてくれるそう(知らなかった)。依存関係の追跡や状態変更の通知と再計算を実現するために、内部ではリアクティブプロパティやWatcherインスタンスが使われていること、またそれらはJavaScriptでどのように実装されているかを、温かみのある絵とともに解説してくれました。@atsushiss15Vuexを使わずに自前で簡易Fluxをつくる方法とかの話でした。自前簡易Fluxをつくることになった経緯は、当初、状態管理やロジックを各コンポーネント内で書いていたけど、だんだんコンポーネント間で状態を共有する必要が出てきて、propsなどでがんばったけど、密結合や複雑化していってしまい、何によって状態が変更したか分からない状況になってしまった。そこから、storeパターンを取り入れようということになったそう。Vuexには「State」「Mutation」「Actions」があって、このうちの「State」「Actions」を自前実装して、Fluxアーキテクチャの「複数コンポーネントで状態共有」「Viewとデータロジックを分離」を実現。新しくつくるならVuexをつかう方がいいけど、学習コストを割かずにミニマムに実装するならこんな感じで自前実装もできる。devtoolsが使えないのがつらみ。@chimerastE2D3はExcelのアドインで、Excel上でインタラクティブなチャートを生成したり、SVGに保存したりWebにシェアしたりできるそう。365でも使えるらしい。当初は、D3.jsとjQueryでがんばっていたのでしんどみがあったけど、Vue.jsで実装するようになってHTML上に構造ができるようになったので、拡張性が担保された。Vue.jsはカジュアルにもガチにもつかえて便利なのでもっと使っていこうという話でした。@ktsnテンプレート内の変数名やコンポーネント名が間違っていたら、コンパイル時にターミナルにエラーが出るツールをつくったよという話でした。実装は、VDOMにコンパイルしたテンプレートをTypeScriptにしてコンパイルして実現しているけれど、細々した調整が必要でその解説が主な内容でした。2.3を待ってるとのことでした。@kawakami_kazuyoshiメトロノームのデモの解説と、使用したライブラリなどの紹介でした。(タッチイベントのコントロール)コンポーネントの単位は細かく分ける派だそう。ボタンコンポーネントをひとつつくれば、色とアイコンを渡せばどこでも使いまわしができるから。KubotaToDoのJavaScript部分をGoで書くデモとそのためのライブラリなどの話でした。Goへの愛を感じました。結論として、VueをGoで書くのはつらい。@buddy7会社で超短期間で機能てんこ盛りのサービスをリリースすることになったけど、人員も足りないのでサーバーサイドはFirebaseにしてVue.jsで実装したという話でした。サーバーからのメールが英語になってしまったり、Vuexを使わなかったのでデータフローがぐちゃぐちゃになってしまったなどの問題もまだ残っているそう。その話と平行して、vue-cliでのプロジェクト作成から、Firebaseのデータを画面上に表示するところまでを、その場で5分くらいで実演していました。私も合宿で同じ構成でやったのですが、簡単で便利ですよね。@inouetakuyaSSRが必要なときに、Nuxt.jsのレールに乗るだけで、簡単にユニバーサルなVue.jsアプリを構築できるらしい。具体的には、Nuxt.jsには以下の機能が備わっているそう。nuxt/starterするだけ。あとは、pagesディレクトリに*.vueを置くだけでそれがそのままルーティングされる。Pagesなども利用できるようになる。Nuxt.jsすごそう!まとめ全体を通しての感想は、「vue-cli便利」「Vuex使おう」でした。ちなみに、参加者はほぼ男性で、女性は5人くらいだった気がしました。それにヒヨって懇親会には参加できなかったのだけが心残りですが、Vue.jsへの愛も深まったし参加してよかったです。スピーカーや運営のみなさまありがとうございました。IDとAPIのKEYを引...2019-05-27Nuxt.jsへのStorybookの導入と、Sassの変数や共通CSSを読めるようにする設定かなり疲弊した。バージョンは次のとおり。»プロフィールid:tacamyスーパージャバスハカーになりたい。)月別アーカイブはてなブログをはじめよう!tacamyさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。