作ったもの

FGO Activity Predictor - GitHub
FGO Activity Predictor - bl.ocks.org

FGOというスマホゲーのAP計算機を作った。例によって、Googleスプレッドシートで作ってたものを移植。
経済APというのは、端的に言うと寝てる間にAPが無駄にならないように最低限減らしておくべき値のこと。これでもう5分おきに起きなくていいですね所長。

感想

日本語のドキュメントが完備されていて、それだけで完結できて大変良かった。 https://jp.vuejs.org/v2/guide/
<script src="https://unpkg.com/vue"></script>で即使える。手軽でいいし最高。最近のブラウザはES6も普通に使えるし。
ドキュメントが揃っていたのもあるだろうけど、前回よりかなり楽だった。本体では大きくつまる所もなく。前はもっと覚えないといけない規則がいっぱいあった気がする。
とはいえ、componentを分けていくところは結構苦痛もある。$emitとは……。整理後、はたしてこれは見通しがよくなったのだろうかという疑問も。
最近はReactを使っていたので、すっかりマインドセットが変わっていた事に自分で驚いた。なんと素のHTMLを書いているのに違和感がある。vueもJSXで書けるようになっていたけど、そうなると同じような感じになるんだろうか。
言っても高度な使い方はほとんど読んでないので、そこまで行くとまた違った感想になるかもしれない。でもそこまで行かなくても、これくらいは十分書けるというのも良さかと。
大きなコードになってくると大変そうな印象はあるが、HTMLの世界に親しみがあれば直感的に理解できるし、jQueryのコードをもう少し交通整理したいだとか、デザイナーさんがちょろっと使うには最適なんじゃないかと思う。何と言っても導入が楽なのは大きい。

感想 2017-05-05

vuexを使うように変えたので追加

vuexも日本語のドキュメントがありすぐ使える。
https://vuex.vuejs.org/ja/
vuexもCDNから使用可能。<script src="https://unpkg.com/vuex"></script>
ただ、普通に使うならwebpackなりを使うと思うので、一応お試しはできるぐらいの話だと思う。
vuexを全部インラインで書く、1ファイルでという形なので、正直ロジックが大きいComponentからstoreに移っただけという感じになった。とはいえ、ModelとViewの分離ができた感はあった。なにせサーバとの通信もないので、Routerとかその辺も触ればまた違うと思われる。
当然なんだけどvue側へのサポートが充実しており、つなぎ込みが非常に楽。Reactだとこの辺面倒な印象がある。
ところで、...mapState()とかはObject.assign({},Vuex.mapState())と書ける。これならトランスコンパイラなしでも動く。