Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

This article is a Private article. Only a writer and users who know the URL can access it.
Please change open range to public in publish setting if you want to share this article with other users.

More than 5 years have passed since last update.

Vue.jsのキャッチアップ

Last updated at Posted at 2018-05-04

概要

Vue.jsのキャッチアップに有効だと思った情報源のまとめです。技術書もキャッチアップに有効だと思いますが、この記事ではweb上の情報に絞りました。
リンク集のような内容なのでサーチエンジンにインデックスされないように限定共有投稿にしています。

Official

一番の情報源はオフィシャルサイトのドキュメントになると思います。大変有り難いことに日本語にローカライズされています。

GitHub

Vue.js Ecosystem

Vue.jsのEcosystemは[vuejs/awesome-vue - GitHub] (https://github.com/vuejs/awesome-vue)で調べることができます。

Official

vue-router

SPA 向けのルーティングシステム

vuex

Flux-inspired の状態管理

vuefire

Firebase bindings for Vue.js

> npm install vue firebase vuefire --save

Cloud Firestoreの対応は未だ(2018年5月現在)のようです。
ロードマップは[Firestore Roadmap #145] (https://github.com/vuejs/vuefire/issues/145)で確認できます。

Third party library

[Bootstrap Vue] (https://bootstrap-vue.js.org/)

Build responsive, mobile-first projects on the web using Vue.js and the world's most popular front-end CSS library — Bootstrap V4.

> npm install bootstrap-vue --save

[Popper.js] (https://popper.js.org/)

A KICKASS LIBRARY
USED TO MANAGE POPPERS IN WEB APPLICATIONS
NOW MUCH MORE POWERFUL!

> npm install popper.js --save

or

> npm install vue-popperjs --save

axios

Promise based HTTP client for the browser and node.js

> npm install axios --save

or

> npm install --save axios vue-axios

[Moment.js] (https://momentjs.com/)

Parse, validate, manipulate, and display dates and times in JavaScript.

> npm install moment --save

or

> npm install vue-moment --save

vue-resource

もともとVue.jsの公式ajaxライブラリの位置付けのようでしたが、[vue-resourceの引退について] (https://jp.vuejs.org/2016/11/03/retiring-vue-resource/)で説明されている通り、公式でサポートするライブラリではなくなりました。

vue-meta

> npm install vue-meta --save

vue-content-loader

SVG component to create placeholder loading, like Facebook cards loading.

> npm install vue-content-loader --save

Framework

[Nuxt.js - Universal Vue.js Applications] (https://ja.nuxtjs.org/)

Nuxt.js とはユニバーサルな Vue.js アプリケーションを構築するためのフレームワークです。

サーバサイドとクライアントサイドの違いを抽象化することで無視して、一貫した方法で UIレンダリングすること に焦点を当てています。

[VuePress] (https://vuepress.vuejs.org/) (Official)

Minimalistic Vue-powered static site generator

[Vue Design System] (https://vueds.com/)

An open source tool for building Design Systems with Vue.js

[Vuikit] (https://vuikit.js.org/)

A consistent and responsive Vue UI library, based on the front-end framework UIkit.

[Vuetify] (https://vuetifyjs.com/ja/)

Material Design Component Framework

Storybook

Storybook for Vue

You may have tried to use our quick start guide to setup your project for Storybook. If you want to set up Storybook manually, this is the guide for you.

Examples & Tutorials & How to

[Vue.js Examples] (https://vuejsexamples.com/)

サイト名の通り、Vue.jsを使ったUIやform、コンポーネントのExample集です。

Vue js Examples.png

[Vue.js Developers] (https://vuejsdevelopers.com/)

Vue js Developers.png

[AppDividend - Vuejs Tutorials] (https://appdividend.com/category/vuejs/)

Vuejs Tutorials.png

[Posts About Vue.js ← Alligator.io] (https://alligator.io/vuejs/)

Posts About Vue js ← Alligator io.png

Udemy

UdemyというEラーニングサイトにVue.jsの学習コースがあります。有償かつ英語です。
学習コースの利用経験はありませんが、youtubeで一部の学習コースを観ることができます。

[Build Web Apps with Vue.js & Firebase] (https://www.udemy.com/build-web-apps-with-vuejs-firebase/)

[Vue JS 2 - The Complete Guide (incl. Vue Router & Vuex)] (https://www.udemy.com/vuejs-2-the-complete-guide/)

User Community

[Vue Forum] (https://forum.vuejs.org/)

オフィシャルのフォーラムです。メインのカテゴリに”General Discussion”、"Get Help"、”Show & Tell”があります。また、”日本語”というカテゴリがあり、日本語で質問ができます。(が、あまり活発ではないようです。)

[reddit - r/vuejs] (https://www.reddit.com/r/vuejs/)

redditに”r/vuejs”というsubredditがあります。ここでもユーザー同士で情報の交換が行われています。

Stackoverflow

Vue.js

Vue.jsの開発者(committer)の方(個人の立場かどうかはわかりません)が回答されているものも見かけます。

[Evan You] (https://stackoverflow.com/users/1070244/evan-you)

[mysticatea] (https://stackoverflow.com/users/3502496/mysticatea)

[Nick Messing] (https://stackoverflow.com/users/3160654/nick-messing)

[Posva] (https://stackoverflow.com/users/3384501/posva)

[Blake Newman] (https://stackoverflow.com/users/2684385/blake-newman)

[Guillaume Chau] (https://stackoverflow.com/users/7640335/guillaume-chau)

0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?