概要
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
