[Vue.js]役立つリンク集[Web技術]
役立つリンク集
Vue.jsの勉強や開発に便利なリンクを集めました。
ブラウザのブックマークに登録しておいても、山盛りになって訳わからなくなったので、
一言コメントを入れつつリンク集を記事にしました。
Web技術全般
Validator(https://validator.w3.org/)
W3Cが提供するHTMLドキュメントの構造が正しいかどうかをチェックするツール。
開発者向けのWeb技術(https://developer.mozilla.org/ja/docs/Web)
Mozillaが提供するドキュメント群。勉強になります。
Caniuse(https://caniuse.com/)
CSSやHTMLタグの対応状況はブラウザ毎に違います。ブラウザ毎の対応状況を調べることができます。
CSS|各プロパティのブラウザ対応状況を調べる「caniuse」の使い方
使い方の参考記事(https://cotodama.co/caniuse/)
ブラウザ上で動作する開発/実行環境
JSBin(https://jsbin.com/?html)
JSFIDDLE(https://jsfiddle.net/)
Codesandbox(https://codesandbox.io/)
Vue.js(Ver2)
ガイド(https://jp.vuejs.org/v2/guide/)
Vue.jsの持つ機能やその動作、ツール、単体テストなどに関する一通りの知識について学習できます。
APIリファレンス(https://jp.vuejs.org/v2/api/)
API一覧と使用方法。
スタイルガイド(https://jp.vuejs.org/v2/style-guide/)
コーディングの作法。
サンプルアプリケーション(https://jp.vuejs.org/v2/examples/)
クックブック(https://jp.vuejs.org/v2/cookbook/)
機能についての応用的な情報や、実現したいことに対する解決策などのトピック集。
Vue.js(Ver3)
公式(https://vuejs.org/)
公式をよく読めば間違いはない。
Vue Router
APIリファレンス(https://router.vuejs.org/api/)
2022年2月時点では日本語対応はされていない模様。
ガイドも読むのが良いかも。
APIリファレンス V3(https://v3.router.vuejs.org/ja/api/)
V3なら日本語対応されているが、最新の Vue Routerはv4〜なので、
V3で雰囲気を掴んだら、ちゃんと最新のリファレンスを読むのが吉。
ガイドも読むのが良いかも。
Vue3(Composition API) + TypeScript
参考記事
簡単な例で始めるVue3でTypeScript入門
【ビギナー脱却】Vue.js これであなたもPropsマスター
Vue 3 Composition API を使ってみよう
ESLint
ESLint Rules
(https://eslint.org/docs/rules/)
Typescript ESLint Rules
(https://github.com/typescript-eslint/typescript-eslint/tree/main/packages/eslint-plugin)
Stylelint Rules
(https://stylelint.io/user-guide/rules/list)
eslint-plugin-vue
(https://qiita.com/ota-meshi/items/ff0d70ef326657249727)
Prettier
公式
(https://prettier.io/)
Options
(https://prettier.io/docs/en/options.html)
参考記事
HTMLをprettierでフォーマットかけると変なところで改行がはいる件
マッチョすぎるフォーマッターPrettierをESLintに統合してみた
その他
package.jsonのversion指定
(https://qiita.com/chihiro/items/5826678bc9287fb57a28)
Unsplash
(https://unsplash.com/developers)
使い方の参考記事
(https://bagelee.com/design/about-unsplash-source/)
Web制作を変える!2021年の便利オンラインツール・ベスト100選
(https://photoshopvip.net/132717)
【15選】デザインを助ける配色ツールを用途別に紹介!
(https://qeee.jp/magazine/articles/8243)
わずかな時間で驚くほどWeb制作がはかどる最新オンラインツール43個まとめ
(https://photoshopvip.net/132219)
エンジニアを始めてから便利だったツールまとめ
(https://zenn.dev/nakaatsu/articles/7133e16a0f787c)