32. Vueでワイワイやっていき

2017年11月14日

MP3ファイルをダウンロード

内容紹介

trkwとmiyaokaとkazuponとhashedrockとpotato4dとktsnの6人で、Vue.jsについて話しました。

出演者

Show Notes

きっかけ

Vue勢のpodcast聞きたい、どこかで企画されないかな
— はっしゅろっく (@hashedrock) 2017年10月25日

ワイワイやりましょう！ということで、kazuponさん会場提供で6人が参加

soussune、初の6人で収録する回がこれから開催されようとしてます…！ #soussune pic.twitter.com/xFUEwDlCj3
— みやおか (@miyaoka) 2017年11月9日

今回初参加者の自己紹介

はっしゅろっくさん

B2Bプログラマ
UIに興味があって趣味やフロントにVueを利用
Vue.js日本語コミュニティに参加

potato4dさん

フリーランス
フロントではVue, Nuxtなど
QiitaやHTML5 Expertsなど日本の開発者向けに記事を寄稿
Vue.js製フレームワークNuxt.jsではじめるUniversalアプリケーション開発 - HTML5Experts.jp

katashinさん

B2B開発フロントエンジニア
Vue.jsコアチームメンバー
TypeScriptの型定義周りのメンテナー
VueConf 2017 参加レポート

Vue.jsとの出会い

はっしゅろっくさん

Vue.jsのリリース記念にコードネームのアニメのお祝い絵
- 28. コアコミッターが語るVue.jsの話

Vue.js v2.4.0 Kill la Kill@vuejs congrats! pic.twitter.com/BpWZu2CZqK
— はっしゅろっく (@hashedrock) 2017年7月13日

UI作りのプロトタイピングツールとしてのVue
kazuponさんと付き合いが長い

potato4dさん

春までは関西でフロント系イベント運営
- FRONTEND CONFERENCE 2017 - 関西フロントエンドUG
- 代表者がVueを使っていたので触り始めた
- たまたまtrkwが関西遠征して観測してた
19歳という若さに驚愕
去年のVue.js 2.0記念meetupでkazuponさんとの出会い

katashinさん

Vue0.10の頃から触れてる
ハッカソンでのフロントエンドに利用
上司がVue使用していて仕事でも使うように
Vuex使っててPR投げてたらどっぷり
Twitterでkazuponさんが捕捉して、英語勉強したいとのことだったのでコアチームに引き入れる
- オープンソースのメンテナーとかやってみるといいかもしれませんという誘い方

ワイワイタイム

Vue 2.5のTypeScript統合

とにかく楽してVue.jsでTypeScriptを使いたい from さくらインターネット株式会社

まだ趣味でないと試せていない
vuejs/vetur: Vue tooling for VS Code.

公式テンプレートが望まれる

vuejs/vue-cli: Simple CLI for scaffolding Vue.js projects
テンプレートは記述が泥臭くていろいろテストしたりがつらい

Vue + SVGアニメーション

はっしゅろっくさんが触ってる領域がアツい

できたーーーーーウェーイ（左上テキストが変わる） pic.twitter.com/y9Qa3NrR6K
— はっしゅろっく (@hashedrock) 2017年11月4日

FlashのようにSVGをエディタで作ってVueで制御
- Method Draw
- Spirit - The animation tool for the web
VueConf 2017のサラさんの発表がアツかった

トランジション

デモとコード例で学ぶ Vue.js のトランジション
DOMを渡せば制御してくれるので便利

比較用に他のライブラリでも試したがサンプルを作るだけで大変

なんでVueなのかと問われやすいので各々に答えを聞きたい

前述の通りアニメーションに強い
小さくて柔軟性良い。cdnだけでビルドせずに使うこともできる
フロントエンドにおけるPHP的なとっつきやすさ
- 必要なものが必要なだけ揃ってる
- LaravelだとフロントにVueが統合されてる

気になったツイッター

プロダクションレベルのコード品質

経験的にプロダクションで使われているコードの方が品質低いイメージなので、プロダクションレベルのコード品質って聞くと悪いイメージに聞こえる……
— r7kamura (@r7kamura) 2017年11月8日

日次レポートを自動で投げていく

[GitHub] 2017/11/7の Contribution 数は 22 でした。
— potato4d (@potato4d) 2017年11月8日

このごろの技術者のYouTube進出

Firebase使って遊ぶプログラミング生配信やってみる

Firebase使って遊ぶプログラミング生配信やってみる https://t.co/n0U3icUVmZ
— 無の国 (@mizchi) 2017年11月3日

これからはじめるAngular

今夜21:00よりこれからはじめるAngular をYouTube Liveします。 https://t.co/sdUQnmAqUu

HTML5 カンファレンスで発表した内容の再演ですが、時間の都合で省略した部分を補足しながら30分程度にまとめたダイジェスト版で再演します。
— laco (@laco2net) 2017年9月27日