LoginSignup
4
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

@arapowerin運営者ギルド

Vue.js Night Nagoya #2（2019/07/12）　発表内容まとめ

Last updated at Posted at 2019-07-14

Vue.js Night Nagoya #2（2019/07/12）　発表内容まとめ

2019/07/12にVue.js Night Nagoya #2 - connpassがありました。
以下では各発表の簡単な紹介と感想を書きます。

発表スライド

まとめの情報源

タイムテーブル

時間 内容 発表者
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 お片づけ・終了 -

発表内容

未経験者が完全独学でVue.jsのSPAを作れるようになるまで

入門3日目くらいに知りたかったことたち

  • Twitter ID … @hisada_dev
  • 発表スライド … Vue入門3日目くらいに知りたかったことたち
  • 内容
    • タイトル通り初心者が知っておくと役立つこと
    • Chrome拡張のVue.js devtoolsの紹介
    • v-forの:keyで配列のindexを使った場合の予期せぬ動作
    • Vue.set()
    • Vuexは軽率に導入すべき
    • Vuexのgetterが便利だった例
  • 感想
    • 確かに、はじめの頃に知りたい情報
    • Twitter IDをすべてのスライド右上に表示させておくのは良い手だと思った

VueとMarkdownでスライドショーライブラリーを作り始める

  • Twitter ID … @brandonpittman
  • 発表スライド … brandonpittman/castamere
  • 内容
    • 自己紹介 … 「Brandon Pittman。日本人じゃない」
    • 英語の先生からITエンジニアに転職した経歴
    • 発表内容は「Vue.jsでmdx-deckを作る」
    • 具体的にはGridsomeの紹介
    • 発表スライドもGridsomeで作成
      • Gridsomeは「Gatsby for Vue.js」
    • Gridsomeの利点（スライドより）
      • JAM Stackにぴったり
      • GraphQLはデフォルト
      • プラグインを簡単に
  • 感想
    • npxコマンドで名刺を表示させるのは面白い
      • npx brandonpittman
    • 発表スライドとそれを生成するソースコードを行き来しながらの発表は“デキる”感じがする
    • 発表スライドをコードで生成したいと思っていたから、参考になるかも
  • 参考

JavaScript何も判らんマンが、Vueなら扱えそうだと思って、業務システムのGUIをほぼVueで作った話

  • 感想
    • 「簡単すぎる画面からやらない」 ← どの程度の難易度か、工数、構成等を見積もるのに良い手順
    • EventHubの考え方、知らなかった。良いこと知った

Vueのdataってどうやってうごいてるんだっけ？

  • Twitter ID … @renyamizuno_
  • 参考資料 … GitHub - vuejs/vue at v2.6.10
  • 内容
    • Vue.jsのdataが内部でどのように処理されているかをVue.jsのソースコードを抜粋して解説
  • 感想
    • 内容に対して説明の速度が速すぎて理解できなかったです

会場スポンサーLT（ヤフー株式会社）

  • 今回の会場を提供していただいたヤフー株式会社の事業紹介
  • スピーカー … しーちょー
    • 名古屋周辺のIT企業地図を作成した人だった！

VueとJestでやるTDD

  • Twitter ID … @ssssssigma
  • 内容
    • Vue.jsのテストをJestで行うのは簡単
    • 環境構築はVue CLIでVue createすると、テスト関連の選択肢に含まれている
  • 感想
    • 簡単に導入できるから、とりあえずやってみるのは大事
    • 今時のテストはmocha + chaiではなくJestなのかなぁ

最近ホットな認証とNuxt.jsの話

  • Twitter ID … @corocn
  • 内容
    • 多要素認証とは？
    • IDaaSはいくつかあるが、中でもAuth0推し
    • auth0-spa-jsはSPAで利用しやすい
  • 感想
    • 推してる記事を見かけたが、Firebase Authenticationで十分ではないかと思っていた
    • やりたいことは大抵できてしまうようなので、試してみたい

Nuxt.js + Netlify CMS でブログを立ててみた

  • Twitter ID … @_P0cChi_
  • 内容
    • WordPressのような動的サイトではなく、MovableTypeのような静的サイトジェネレーターの構築例
    • 記事をMarkdownで入力（Webブラウザ上）
    • 記事はGithubからNetlifyにアップロードされて公開
  • 感想
    • 運用担当者がMarkdownの書式さえ理解していればとりあえず運用できる形は運用面で優しい

NuxtをTS&SCSSで書くにあたってのLinter&formatterの話

Nuxtでのサーバー、クライアント間でのデータ共有について

全体の感想

4
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
Sign upLogin
4
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?