Vue.js Tokyo v-meetup #6に行ってみた

去年からVue.jsに触ることが多く、最近の動きが気になり参加してきました。

[Vue.js Tokyo v-meetup #6](https://vuejs-meetup.connpass.com/event/69761/?utm_campaign=event_participate_to_follower&utm_medium=twitter&utm_source=notifications)

# 内容

## セッション枠

- [ここ最近のVue.jsの動向と今後について](https://speakerdeck.com/kazupon/future-of-vue-dot-js)　[@kazuponさん](https://twitter.com/kazu_pon)
- [eslint-plugin-vue](https://docs.google.com/presentation/d/1nJ8gsRr_-lxzCprLu8CU0FwloXSNdU0QKk-kP42k40k/edit#slide=id.p) [@mysticateaさん](https://twitter.com/mysticatea)

## LT枠
- vue-test-utils関連 [@lmiller1990さん](https://github.com/lmiller1990)
- [Vue.jsとともにいきる](https://docs.google.com/presentation/d/1s1clv2XmtQRI6izjbsWJjpkYrfk0ALUEuKVoaPVwjwg/edit#slide=id.p) [@lovalottaplusさん](https://twitter.com/lovalottaplus)
- [10年前のレガシーシステムをVue.js TypeScript Elementでフルリニューアルしている話](https://speakerdeck.com/maeharin/10nian-qian-falseregasisisutemuwovue-dot-js-typescript-elementdehururiniyuarusiteiruhua-number-vuejs-meetup6) [@maeharinさん](https://twitter.com/maeharin)
- VS Code&TypeScript&Vue.jsでの簡単なライブデモ @日本マイクロソフト 井上章さん

# [ここ最近のVue.jsの動向と今後について](https://speakerdeck.com/kazupon/future-of-vue-dot-js)

発表者は[@kazuponさん](https://twitter.com/kazu_pon)

今年のvuejsは爆発的な躍進だったそうな。
GoogleトレンドやGitHubStars増加
初の公式カンファレンス開催などなど...

今年の改善内容として、個人的に嬉しい点は「ラッパーコンポーネント作成サポート」、「Typescript周りの型定義」かな。
各バージョンがアニメタイトルなのは面白いｗ

[AMA with Vue.js Team](https://hashnode.com/ama/with-vuejs-team-cj7itlrki03ae62wuv2r2005s)発足！
「Vue.jsコアチームだけど、なんか聞きたいことある？」
将来に向けた[ロードマップ](https://github.com/vuejs/roadmap)公開

ということで、ロードマップのお話↓

## Style Guide

[公式スタイルガイド](https://jp.vuejs.org/v2/style-guide/index.html)公開。
※日本語訳も既に対応済み
これすごい嬉しいです。今まで見様見真似で組んできた部分が明確になったので、今後新規で触る方にもかなり有益なんじゃないでしょうか！

## Cookbook

公式クックブック作成予定とのこと！
期待して続報を待ちます。

## eslint-plugin-vue

公式ESLintプラグイン！こちらも嬉しい〜。
現在はv4.0.0-beta.2ということですが、公式スタイルガイドと合わせて間もなくリリースされそう。

## vue-test-utils

単体テスト向けの公式ライブラリ。
こちらもv1.0.0-beta.7ですが、最終調整中で間もなくリリースされるとのこと！

## vue-component-compiler

バンドラにとらわれないAPIをライブラリとして提供できるらしい。
うちの開発環境でも影響あるかも。
現在レビュー待ちで、近々リリースされそう。

## vue-cli

おなじみのプロジェクト構築CLI。最新はv2.9.2。
ただ、今まで数々の問題があったようで。。。
それを解消するため、3.0では再設計中。
新しいアーキテクチャが多数で今後に期待ですね。

## Core

Vue3.0がくるか？と思ったら、まだ不透明のようで。
現在は2.x-nextと呼ばれているみたいです。

2018年初頭にリリースされるかも？
APIの互換性は保たれるそうで、2.xと並行してメンテを行う予定。

対象ブラウザはES2015をサポートするもののみ！
IEなんてブラウザはなかったんだ…(´・ω・｀)

## カンファレンス

日本でも開催される可能性あり！行くしかない！！

# [eslint-plugin-vue](https://docs.google.com/presentation/d/1nJ8gsRr_-lxzCprLu8CU0FwloXSNdU0QKk-kP42k40k/edit#slide=id.p)

発表者は[@mysticateaさん](https://twitter.com/mysticatea)

開発経緯からサンプルデモまで一通り見せて頂きました。
前述したvueスタイルガイドができたことで、スタイルガイドを守るためのルールを作成中らしいです。
[Issue: vuejs/eslint-plugin-vue](https://github.com/vuejs/eslint-plugin-vue/issues?q=is%3Aissue+is%3Aopen+label%3A%22Present+in+Style+Guide%22)

デモを見る限り、かなり簡単に書けそうな印象を受けました。
今後プロジェクトを引き継ぐときに自動化されたルールがあると引き継ぎも楽になるので、このあたりはぜひ取り入れていきたいな。

## 関連リポジトリ
- [mysticatea/vue-eslint-parser](https://docs.google.com/presentation/d/1nJ8gsRr_-lxzCprLu8CU0FwloXSNdU0QKk-kP42k40k/edit#slide=id.g2b4a50d387_0_73)
- [mysticatea/eslint-plugin-vue-trial](https://github.com/mysticatea/eslint-plugin-vue-trial)
- [vuejs/eslint-plugin-vue](https://github.com/vuejs/eslint-plugin-vue)

# vue-test-utils関連

発表者は[@lmiller1990さん](https://github.com/lmiller1990)

- 公式単位テストライブラリ
- 日本語ドキュメントあり
- レンダーとマークアップ
- 状態、関数を設定
- モック、スタブ、インタラクト
- vue-test-utilsは現在ベータ版だが、近々リリース予定

図が記載されたスライドを見直したかったけど、公開されてなかった？
少なくとも自分は見つけられなかったので残念(´・ω・｀)

# [Vue.jsとともにいきる](https://docs.google.com/presentation/d/1s1clv2XmtQRI6izjbsWJjpkYrfk0ALUEuKVoaPVwjwg/edit#slide=id.p)

発表者は[@lovalottaplusさん](https://twitter.com/lovalottaplus)

- なかなか壮大なタイトルだ…
- スライド53枚！？
- エンジニアとデザイン両方を兼ねている方
- デザイン現場では使われていないものベスト10はよくわかるｗ

最高に面白いLTだった。
面白い中にも問題提起から解決策、結果を出してて凄い人だった。というか最高にイケメンだった。

# [10年前のレガシーシステムをVue.js TypeScript Elementでフルリニューアルしている話](https://speakerdeck.com/maeharin/10nian-qian-falseregasisisutemuwovue-dot-js-typescript-elementdehururiniyuarusiteiruhua-number-vuejs-meetup6)

発表者は[@maeharinさん](https://twitter.com/maeharin)

- Element
- Vue.jsのデスクトップUIフレームワーク
- 最近かなり人気
- 日本語対応済み
- Veturもサポート
- [サンプルプロジェクト: maeharin/kotlin-dvd-rental-dev](https://github.com/maeharin/kotlin-dvd-rental-dev)

めっちゃ便利じゃん…。全然知らなかったなー。

# VS Code&TypeScript&Vue.jsでの簡単なライブデモ

発表者は日本マイクロソフト 井上章さん

- VSCodeが現在最も人気のあるオープンソースになっている
- [typescript + vuestarter](https://www.typescriptlang.org/samples/index.html)

MSテクニカルエヴァンジェリストの方の話を生で拝聴するのはこれが初。
プレゼンの仕方が上手すぎるｗ
ライブコーディングではサラッとVSCodeの豆知識披露してて勉強になった。

# 雑感

最高に楽しかった。また参加したいな。
ただ、今回は運良く早く気づいたけど、毎回倍率が凄い。。。
運営の方々、お疲れ様でした！ありがとうございました！！