niwasawaの迷子センター

迷子になりがちな地図・位置情報系プログラマの日記ブログ。

Vue.js Night Nagoya #2 に行ってきました (主に設営手伝いで) #v_nagoya

開催概要

Vue.js Night Nagoya #2 - connpass

Vue.js や Nuxt.js に関することなら何を話してもOK!
1人持ち時間は5〜15分です。
登壇枠で申込まれた方は、Slack の #manage チャンネルまで発表タイトル、発表時間を連絡してください。申込時には未定でもかまいませんが、仮タイトルだけでも貰えると嬉しいです。

タイムテーブル

時間 内容 発表者
19:00 Nagoya Frontend User Group について -
19:05 未経験者が完全独学でVue.jsのSPAを作れるようになるまで arapower
19:15 入門3日目くらいに知りたかったことたち ひさだ
19:20 VueとMarkdownでスライドショーライブラリーを作り始める Brandon Pittman
19:30 JavaScript何も判らんマンが、Vueなら扱えそうだと思って、業務システムのGUIをほぼVueで作った話 ogawa
19:45 Vueのdataってどうやってうごいてるんだっけ? めろたん
19:55 休憩 -
20:00 会場スポンサーLT ヤフー株式会社
20:10 VueとjestでやるTDD しぐま
20:15 最近ホットな認証とNuxt.jsの話 corocn
20:30 Nuxt.js + Netlify CMS でブログを立ててみた pocchi
20:35 NuxtをTS&SCSSで書くにあたってのLinter&formatterの話 kaave
20:45 Nuxtでのサーバー、クライアント間でのデータ共有について steelydylan
20:55 お片づけ・終了 -

Twitter にメモった内容

Vue.js Night Nagoya #2 - connpass https://t.co/NPIhD8VZt1

日時 2019/07/12(金) 19:00 〜 21:00
会場 ヤフー名古屋オフィス 名古屋市中村区名駅1-1-4 JRセントラルタワーズ50階

きょうはこれに行く予定 #v_nagoya #ヤフー名古屋
posted at 2019-07-12 05:47:17
Vue.js Night Nagoya #2 会場設営中 #v_nagoya #ヤフー名古屋 https://t.co/JYZoMRlrww

posted at 2019-07-12 18:34:05
Vue.js Night Nagoya #2 はじまった #v_nagoya #ヤフー名古屋 https://t.co/UbM2zhlwpJ

posted at 2019-07-12 19:03:57
名古屋で会場提供してくれる会社あれこれ #v_nagoya #ヤフー名古屋 https://t.co/ceqa7v3vtO

posted at 2019-07-12 19:06:34
ITエンジニア未経験で Vue.js を学ぶ。GAS (Google Apps Script) がおすすめ。書籍「Vue.js入門」がおすすめ、Vue Router, Vuex など学べる。単一ファイルコンポーネントでSPA。コンポーネントライブラリ Vuetify.js でディレクトリ構成から迷わない。バックエンドは Firebase #v_nagoya #ヤフー名古屋 https://t.co/cxMjO1hPKj

posted at 2019-07-12 19:16:08
入門3日目くらいに知りたかったことたち。Vue.js のデータの流れ。v-model で簡単に書ける。Vuex Getter 便利。 #v_nagoya #ヤフー名古屋 https://t.co/sFneuJxfmg

posted at 2019-07-12 19:23:06
VueとMarkdownでスライドショーライブラリーを作り始める。Vue.js Gridsome で mdx-deck を作る。まだリリースされていないけど Vue-Remark プラグイン。 #v_nagoya #ヤフー名古屋 https://t.co/yQ5PGfv346

posted at 2019-07-12 19:33:20
Vue.js で業務システムGUIを作る。Vuex, ziggy, EventHub, Laravel など利用。社内権力者からのページ追加仕様変更に抗えない>< Atomic Design でURLの追加がしんどい。 #v_nagoya #ヤフー名古屋 https://t.co/dptdFWKyrh

posted at 2019-07-12 19:51:50
Vue.js の data がどうやってうごいているか。Vue.observable を追う。 #v_nagoya #ヤフー名古屋 https://t.co/DnqF8Smgxf

posted at 2019-07-12 20:07:30
ヤフー名古屋の執務エリアはフリーアドレス #v_nagoya #ヤフー名古屋 https://t.co/1n85aNSbFb

posted at 2019-07-12 20:14:28
Vue.js と Jest でやる TDD (Test Driven Development)。vue create コマンド一発で簡単に構築。 #v_nagoya #ヤフー名古屋 https://t.co/A7FRR0N3sn

posted at 2019-07-12 20:22:15
認証と Nuxt.js の話。ちょっと前まではフロントエンドもバックエンドも同じエンジニアが作っていたり。最近は領域分割。他要素認証。手軽に使える IDaaS が増えた。Auth0 は SPA で使いやすい。auth0-spa-module を作った。 #v_nagoya #ヤフー名古屋 https://t.co/Oj80yv3G65

posted at 2019-07-12 20:35:20
Nuxt.js + Netlify CMS でブログを立てる。Nuxt.js を静的サイトジェネレータとして使う。Markdown でしか文字が装飾できないので、色を変更する場合はHTMLタグを書く必要あり。 #v_nagoya #ヤフー名古屋 https://t.co/72epjyIrfc

posted at 2019-07-12 20:42:34
Nuxt.js, TypeScript, SCSS で書くための Linter, Formatter. Tsc, Prettier, ESLint, Stylelint. Vue の template に対応していない ESLint のプロパティがあるので困る。Stylelint が Vue の style をフォーマットしてくれない。 #v_nagoya #ヤフー名古屋 https://t.co/Nxp777spoO

posted at 2019-07-12 20:55:46
Nuxt.js でのサーバー、クライアント間でのデータ共有。nuxtServerInit。serverPrefetch, fetch では promise リターンしないといけないので注意。 #v_nagoya #ヤフー名古屋 https://t.co/rYqlSzPCty

posted at 2019-07-12 21:03:11
撤収なのでとりあえず夜景。おつかれさまでしたー。 #v_nagoya #ヤフー名古屋 https://t.co/SQn5LymMEe

posted at 2019-07-12 21:06:45