OSS Gate Workshop: Kyoto: 2017-05-10: anodshin11: vuejs/vueify: Work log

[andoshin11]

This is a work log of a "OSS Gate workshop".
"OSS Gate workshop" is an activity to increase OSS developers.
Here's been discussed in Japanese. Thanks.

作業ログ作成時の説明

以下のテンプレートを埋めてタイトルに設定します。埋め方例はスクロールすると見えてきます。

OSS Gate Workshop: ${LOCATION}: ${YEAR}-${MONTH}-${DAY}: ${アカウント名}: ${OSS名}: Work log

タイトル例↓：

OSS Gate Workshop: Tokyo: 2017-01-16: kou: Rabbit: Work log

OSS Gateワークショップ関連情報

• スライド：ワークショップの進行に使っているスライドがあります。
• チャット：OSS開発に関することならなんでも相談できます。ワークショップが終わった後もオンラインで相談しながら継続的にOSSの開発に参加しましょう！
• シナリオ：ワークショップの目的・内容・進め方の詳細が書いています。
• 過去のビギナーの作業ログ：他の人の作業ログから学べることがいろいろあるはずです。

[andoshin11]

今回扱うOSSを決めました。

https://github.com/vuejs/vueify

[andoshin11]

コード読んでます
https://github.com/vuejs/vueify/blob/master/lib/compiler.js

[genya0407]

こんにちわ！メンターです！

[andoshin11]

babelのプラグイン？
JSのトランスパイラがそもそもどうやって動いてるのかわからん

[andoshin11]

とりあえず自前のプロジェクトの package.jsonに "vueify": "^9.2.4",を追加

[andoshin11]

Yarn 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈 🐈

[andoshin11]

.vueファイル作るよ

[andoshin11]

そもそも vueifyってなんだっけ?
https://blog.tighten.co/setting-up-your-first-vuejs-site-using-laravel-elixir-and-vueify?utm_source=mattstauffer.co

[andoshin11]

ES5読みづらいなー

[andoshin11]

関数型言語っぽくJS書ける Livescriptというやつがあるらしい
http://qiita.com/tk_0225/items/2aace11dc01e9f5bd0a3

[andoshin11]

それに対応しますよーっていうPRを発見
vuejs/vueify#112

[andoshin11]

脇道に逸れたけどLivescriptのドキュメント読んでる
http://livescript.net/

[andoshin11]

Test書いてなかったりそもそもConflictしてるのがマージされない原因らしい

[andoshin11]

Vueifyのテストコード読んでみよう！

[andoshin11]

.vueファイルでHTMLとCSSとJSまとめてカプセル化できるの最高すぎるんだよな

[andoshin11]

読んでます 👇
https://github.com/vuejs/vueify/blob/master/test/test.js

[masayuki14]

こんにちは。サポーターです😄

[andoshin11]

✋