概要

Vue.js+TypeScriptで開発する際によく参考にしている記事をまとめています。

自分用なので、自分記事が若干多めです。随時更新

この記事良かったよーとか、教えていただけると助かります。

環境構築

Vue CLIのプロジェクト管理UIがいい感じだった
https://cloudpack.media/43013

DockerでVue.js+TypeScript開発環境を構築する
https://cloudpack.media/43078

Vue.js + SCSS + Bootstrap + MaterialDesign + TypeScript開発環境をつくってみた
https://cloudpack.media/42905

設計

最近のフロントエンドのコンポーネント設計に立ち向かう
https://qiita.com/seya/items/8814e905693f00cdade2

Vue.js+AtomicDesign
https://speakerdeck.com/keitarookamura/vue-dot-js-plus-atomicdesign

Atomic Design を実案件に導入
https://ygoto3.com/posts/atomic-design-on-actual-project/

Atomic Design に学ぶ Web 開発をハッピーにするデザイン手法
https://qiita.com/usako/items/10ea7340f1a0b23a7b8b

単体テスト

Vue.jsの単体テスト実行が遅いのをなんとかしたい
https://cloudpack.media/42981

Vue.js+TypeScriptのテストでRouterLinkがないって怒られたときの対応
https://cloudpack.media/43165

Vue.jsでコンポーネントを入れ子にするとUnit Testでワーニングがでて煩わしい
https://cloudpack.media/42932

Vue.js+TypeScript+Element-UIの単体テストで気をつけること
https://cloudpack.media/43062

Vue.js Vueコンポーネントのユニットテストを書いてみよう
https://qiita.com/potato4d/items/8215941b84c11b845886

設定ファイル・環境変数

TypeScriptなVue.jsで環境ごとに設定ファイルを読み込みこめるようにしてみた
https://cloudpack.media/42943

環境変数とモード
https://cli.vuejs.org/guide/mode-and-env.html#modes

Vuex

VuexをTypeScriptで利用するのに悩んだ
https://cloudpack.media/42966

Vue.js + Vuex + TypeScript を試行錯誤してみた
https://logs.utahta.com/blog/2017/09/02/110000

Vue.js + Vuex + TypeScript Example
https://github.com/utahta/vue-vuex-typescript-example

コンポーネント

Vue.jsのコンポーネント入門
https://qiita.com/shosho/items/115b371736207078289c

TypeScriptではじめるVueコンポーネント(vue-class-component)
https://qiita.com/hako1912/items/8d9968d07748d20825f8

Vue.jsのpropsカスタムバリデーターを使った堅牢なコンポーネント作成
https://qiita.com/potato4d/items/1b92df0cbf9b0b6cf8d6

Vue.js+TypeScriptでコンポーネントをv-modelでつなげてみる
https://cloudpack.media/43057

API / モックサーバ

Vue.jsでVuex+axiosを利用してAPIを叩く
https://qiita.com/kai_kou/items/c4e449964df59d5a5fb0

API BlueprintとdrakovとdreddでAPIドキュメントを書きつつモックサーバを立ててさらにテストを走らせる
https://arata.hatenadiary.com/entry/2018/03/22/204723

api blueprintとdrakovを利用してAPIモックサーバを立ち上げる
https://qiita.com/kai_kou/items/bdbb6c3f8d1ac655595d

エラー処理

Vue.jsでフロント側のエラー検知を共通化する
http://sms-c-engineer.hatenablog.com/entry/2018/04/24/142445

Vue.jsのerrorHandlerがいまいちつかめない
https://qiita.com/kai_kou/items/90255bdcfaa44f5d1de9

元記事はこちら

Vue.js+TypeScriptで開発するときの参考記事まとめ