DebTab

  • ホーム
  • DevTabとは
  • 記事一覧
    • きたえる
    • かえる
    • つくる
    • みちびく
    • たばねる
    • つたえる
かんたんログイン
Githubでログイン
Githubアカウントでかんたんにログインして、DevTabをもっと便利に使おう。

DebTab成長しつづけるデベロッパーのための情報タブロイド

DebTab

ログイン

検索 検索

2018年に参照したVue.js関係のリンク集

写真越 智明

つくる

2018.12.04

ポイントポイント

4

2018年お世話になったVue.jsリンク集

これはギルドワークスイベントカレンダー 4日目の記事となります。

2018年に私が関わらせていただいたギルドワークスのプロジェクトでは、フロントのフレームワークにVue.jsを利用する機会が多かったので、そのときに参考にしたリンクなどを書いていこうと思います。

公式ドキュメント

全体像を把握するときや、ソースコードを読んでいて出くわした知らない機能について、調べものをするときに最初に参照しています。

Vue.js

Vuex

Vuexアプリケーションの構造

最初、Vuexのフォルダ構成について調べていたときに参考にした資料です。

アプリケーションの構造(公式)

Large-scale Vuex application structures

igeligel/vuex-simple-structure

igeligel/vuex-namespaced-module-structure

igeligel/vuex-feature-scoped-structure

コーディングスタイル

複数人で開発していく時や、コードレビュー時などに参考にした資料です。

スタイルガイド(公式)

サンプルコード

ソースコードリーディングのときに参照したコードです。 HackerNewsのcloneは特にVuexの例として参考になりました。

vueのサンプルコード

vuexのサンプルコード

vue-routerのサンプルコード

Vue.js ToDoアプリ

Vue.js HackerNews clone

オンラインの実行環境

サンプルコード実行などをちょっと動かしたいときや、デモをするときなどに使用しました。

JSFiddle

CodeSandbox

UIフレームワーク

勉強用にアプリケーションを作るときに、CSSを書かずにそれっぽい見た目を作りたかったときに使用しました。

Vuetify

Element

Vue Material

Keen UI

Buefy

開発ツール

Vue CLI(Vueプロジェクトの雛形作成用ツール)

vue-devtools(Vue, Vuexのデバッグ用ツール)

書籍

The Vue Handbook

vue-cliの導入やチュートリアル的なサンプルコード、便利なツールなど一通り紹介されている無料で読める電子書籍 PDF版はこちら

リンク集

ライブラリを調べるときや、サンプルコードを調べ始めるときの取っ掛かりに参照していました。

awsome-vue

まとめ

私の場合は、公式ドキュメントを一通り流して、その後サンプルコードを写経して動かしてみたりしながら、自分で何かアプリケーションを作ることで、理解を進めていきました。
まだまだ、未熟ながらも調べながらVue.jsで実装を進めていくことができるようにはなったと思います。
Vue.jsに触れることで、コンポーネントベースのアプローチやprop、コンポーネントの階層間での単方向のデータフローなど、フロント側の経験として得られて良かったです。

共感した

ポイントポイント

4

取り消す

この記事に共感したら、何度でも押してこの記事のポイントをみんなでアップしよう。

自分の感想を残す

この感想は、サイトに公開されることはなく自分にしか見えません。自分の考えのログを残すために感じたことを登録し、のこしておきましょう。あとで振り返ったときに、あのとき自分はこう考えていたのかということを知ることにより、あなたの成長へとつながります。

Githubでログイン

Githubアカウントでかんたんにログインして、DevTabをもっと便利に使おう。

  • ひとつ前の記事

    なぜ我々は継続的インテグレーション、継続的デリバリするのか

  • ひとつ後の記事

    ギルドワークスの合宿(2018年版)

この記事もどうですか?

イメージで、つくる

 プロダクトをつくるのに必要なものとは何でしょうか。要件定義書でしょうか、ユーザーストーリーでしょう…

つくる

2018.12.25

ポイント
2

なぜ我々は継続的インテグレーション、継続的デリバリするのか

なぜ我々は継続的インテグレーション、継続的デリバリするのか これはギルドワークスイベントカレンダー …

つくる

2018.12.03

ポイント
2

RDRA・DDD・アジャイル開発の統合

新しいサービスづくりにおいてバックエンドをどうするのか サービスの新規の立ち上げだとしても、その構想…

つくる

2016.09.20

ポイント
1

シェア
  • Twitter
  • このエントリーをはてなブックマークに追加
  • Google Plus

ログインして
ブックマーク

  • Twitter
  • このエントリーをはてなブックマークに追加
  • Google Plus
  • ログイン
LINE@

新しい記事が出たときや、注目の記事などを
定期的にLINEでお知らせしていきます

LINEで登録

LINEイメージ

DevTab
成長しつづけるデベロッパーのための情報タブロイド

株式会社ギルドワークス
https://guildworks.jp
  • プライバシーポリシー
  • お問い合わせ

Copyright © GuildWorks Inc. All Rights Reserved.

ページのトップへ