search
LoginSignup

This article is a Private article. Only a writer and users who know the URL can access it.

More than 3 years have passed since last update.

posted at

updated at

Vue.jsのキャッチアップ

概要

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

Official

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

GitHub

Vue.js Ecosystem

Vue.jsのEcosystemはvuejs/awesome-vue - GitHubで調べることができます。

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で確認できます。

Third party library

Bootstrap Vue

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

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

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の引退についてで説明されている通り、公式でサポートするライブラリではなくなりました。

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

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

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

VuePress (Official)

Minimalistic Vue-powered static site generator

Vue Design System

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

Vuikit

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

Vuetify

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

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

Vue js Examples.png

Vue.js Developers

Vue js Developers.png

AppDividend - Vuejs Tutorials

Vuejs Tutorials.png

Posts About Vue.js ← Alligator.io

Posts About Vue js ← Alligator io.png

Udemy

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

Build Web Apps with Vue.js & Firebase

Vue JS 2 - The Complete Guide (incl. Vue Router & Vuex)

User Community

Vue Forum

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

reddit - r/vuejs

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

Stackoverflow

Vue.js

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

Evan You

mysticatea

Nick Messing

Posva

Blake Newman

Guillaume Chau

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
What you can do with signing up