#まず見るべき
以下のURLは、常に更新されているコンテンツです。
- ドキュメント日本語版
- 日本語版ドキュメントはVue.js日本語コミュニティによって常に更新されています。ミスがあれば、是非jp.vuejs.orgまでプルリクエストを頂けると助かります。
- 質問や議論は日本語コミュニティのSlackが活発です。
- はじめに読むものとしては、下記のコンテンツが良いでしょう。
- 中級者には大規模アプリケーションの構築及び、Vue.js HackerNews cloneのソースコードを見ることをおすすめします。
- プロジェクトの雛形は、vue-cliというツールで生成できます。事実上のベストプラクティス集となっています。
#注意
- このまとめは古くなっており、1.0以降の情報は含まれていません。参照するときはご注意を。
- 英語の情報はawesome-vueにまとまっており、更新頻度も高いので、そちらを参照することをおすすめします。
#初心者用資料
##スライド
- 天下一クライアントサイドJS MV*フレームワーク武道会資料 // Speaker Deck
- 最近のフロントエンド
- Railsのサンプルプロジェクトあり yalab/try_vue
- ライオンでも分かるVuejs
- Railsで作られたサービスにVue.jsを導入したというお話 // Speaker Deck
- 疎結合VM, Template, Filter, i18n, モジュール管理, browserify + gulpなど
- One Night Vue.js // Speaker Deck
- チュートリアル形式
##入門記事
- Vue.js概要? - Qiita
- リンクが充実しており、更新も頻繁
- お手軽データバインディングライブラリ「Vue.js」を使いこなそう(基礎編):CodeZine
- 連載中だそうです
- JavaScript - JSおくのほそ道 #000 [IndexPage] - Qiita
- 体で覚えるVue.js - ViewModel生成編 〜 JSおくのほそ道 #022 - Qiita
- 体で覚えるVue.js - ディレクティブ編 〜 JSおくのほそ道 #023 - Qiita
- 体で覚えるVue.js - インスタンスメンバ編 〜 JSおくのほそ道 #024 - Qiita
- 体で覚えるVue.js - グローバルメソッド編 〜 JSおくのほそ道 #025 - Qiita
- 体で覚えるVue.js - フィルター編 〜 JSおくのほそ道 #026 - Qiita
- 体で覚えるVue.js - v-repeatネスト編 〜 JSおくのほそ道 #027 - Qiita
- Introduction | vue.js book[WIP]
- v0.10.4対応。インストール~ViewModelの解説まで。
#拡張
##Plugin
- vuejs/vue-touch
- vuejs/vue-validator
- agonbina/vue-fire
- vueui/firebase-auth
- vueui/resource
- vueui/transitions
- kazupon/vue-i18n
- ayamflow/vue-debug
- rayfranco/vue-el
- bpierre/vue-gestures
- lain-dono/vue-dnd
- kewah/vue-once
- vuejs/vue-element
##Mixin
- nk-components/vue-mediator-mixin
- ayamflow/vue-loader-mixin
- agonbina/vue-firebase-mixin
- nk-components/vue-resize-mixin
##UIコンポーネント
- vueui/vue-ui
- Semantic-UIの移植。
- 製作中、使わないでとのこと。
- サンプル:Vue-UI documentation
- チェックボックス、アコーディオン、ドロップダウン、モーダル、ポップアップ、プログレスバー、投票、サイドバーなど。
- vueui/vueui-cli
- Vue UIコンポーネントのテンプレート作成
##Router
###Vue.js用
###Vue.jsでも使えるかも?
##ツール等
- vuejs/vue-devtools
- Chromeエクステンション。v0.11.x以降に対応。
- vuejs/vueify
- Browserifyプラグイン
- vuejs/vue-loader
- WebPackローダ
##その他
#情報源
##ブログなど
- vuejs カテゴリーの記事一覧 - きたけーの朝は早いブログ
- Vue.jsのビューモデルのテストを書いてみた
- Vue.js で 複数のViewModelを連携させる
- Vue.jsでページネーションを実装してみる
- mizchi's blog
- 軽量でパワフルなデータバインディングMVVM, vue.jsで遊んでみた - mizchi's blog
- データバインディングについてVue.jsと Backbone.stickitを比較する - mizchi's blog
- Vue.jsの足りない機能を補うために死活管理付きのルーター作った - mizchi's blog
- blog.koba04.com
- vueifyでcomponent化 - blog.koba04.com
- Reusable components by Vue.js and Browserify - blog.koba04.com
- Vue.js v0.11の変更点(予定)まとめ - blog.koba04.com
- 5分でわかるVue.jsと、jQueryで頑張ってはいけない理由 | 株式会社インフィニットループ技術ブログ
- vuejs | てじーまーのblog
- 自作Vue.jsコンポーネントでv-transitionによるアニメーション | てじーまーのblog
- Vue.jsでpopup componentを作ってみる | てじーまーのblog
- vue.jsのv-animationとv-effectを使ってみる | てじーまーのblog
- Vue.js v-repeatで文字列を指定するとv-modelが動かない | てじーまーのblog
- Vue.jsのcomponentを使ってみた | てじーまーのblog
- お手軽MVVMなVue.jsを使って、ユーザ管理アプリ的なものを作ってみた | WebDesign Dackel
- Vue.js と今作ってる出費管理アプリについて - odiak's blog
- 噂のVue.jsをさわってみた - console.lealog();
- Vue.js vs Knockout.js - Togetterまとめ
- Attracie Blog
- Vue.js ざっくりまとめ① - Attracie Blog
- vue.jsざっくりまとめ ② - Attracie Blog
- Vue.js ざっくりまとめ③ - Attracie Blog
- Vue.jsざっくりまとめ4 - Attracie Blog
- vue.js ざっくりまとめ5 - Attracie Blog
- 日頃の行い
- 気分でMVVMライブラリ(?)のvue.jsを試してみた。 - 日頃の行い
- twigテンプレートエンジンでvue.jsを使うとデリミタがコンフリクトする。 - 日頃の行い
- vue.jsで"Uncaught TypeError: Cannot read property 'tagName' of null " - 日頃の行い
- JavaScriptライブラリの気になる実装をどうやって見ていくか | Web Scratch
- てっく煮ブログ
- JavaScript フレームワークがデータバインディングを実現する4通りの手法 - てっく煮ブログ
- Vue.js が data に渡した値を激しく書き換える件について - てっく煮ブログ
##Qiita
- Vue.js+firebaseでJS MVVMフレームワークに入門する(1/2) - Qiita
- browserify + debowerify + vueifyを使ったvue.js component開発 - Qiita
- Vue.jsでオブジェクトから同じ要素を何度もリストに拾ってはpushする何か - Qiita
- Vue.jsから手軽に始めるJavaScriptフレームワーク - Qiita
- vue.jsでバインディング済みのオブジェクトや配列を書き換えるときの注意点 - Qiita
##ひな形
- vueui/webpack-boilerplate
- koba04/vue-boilerplate
- NorthKingdom/firestarter
- markuplab/vue-boilerplate
- hwclass/vuejs-component-bootstrap-boilerplate
- jmsaulnier/Vue-boilerplate
- livoras/vue-boilerplate
##Example
- vuejs/vue-browserify-example
- hwclass/vuejs-component-bootstrap-boilerplate
- vuejs/vue-component-example
- kazupon/vue-routing-sample
- yyx990803/vue-hackernews
- axilleasiv/vue2048
- thelinuxlich/vue_spa
- bojovs/rails-gulp-browserify-vuejs-app
- azu/Flux-Checkbox-Example
##使用プロジェクト
#その他