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年版)

この記事もどうですか?

Amazon Product Advertising APIで販売元を調べる方法

こんにちは、上野です。 AmazonのProduct Advertising APIを使ったサービス…

つくる

2016.11.17

ポイント
0

リファクタリング第二版で追加された「不吉な臭い」

本記事は、ギルドワークスAdventCalendar 17日目の記事です。 とうとうリファクタリング…

きたえる

つくる

2018.12.17

ポイント
0

カスタマージャーニーマップ、失敗のすゝめ

カスタマージャーニーマップとは、ウェブサイトやサービスを利用する顧客がどのようなプロセスで、どのよう…

つくる

2016.04.13

ポイント
0

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

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

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

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

LINEで登録

LINEイメージ

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

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

Copyright © GuildWorks Inc. All Rights Reserved.

ページのトップへ