[Vue.js]役立つリンク集[Web技術]

役立つリンク集

Vue.jsの勉強や開発に便利なリンクを集めました。
ブラウザのブックマークに登録しておいても、山盛りになって訳わからなくなったので、
一言コメントを入れつつリンク集を記事にしました。

Web技術全般

Validatorhttps://validator.w3.org/
W3Cが提供するHTMLドキュメントの構造が正しいかどうかをチェックするツール。


開発者向けのWeb技術https://developer.mozilla.org/ja/docs/Web
Mozillaが提供するドキュメント群。勉強になります。


Caniusehttps://caniuse.com/
CSSやHTMLタグの対応状況はブラウザ毎に違います。ブラウザ毎の対応状況を調べることができます。

CSS|各プロパティのブラウザ対応状況を調べる「caniuse」の使い方
使い方の参考記事https://cotodama.co/caniuse/

ブラウザ上で動作する開発/実行環境

JSBinhttps://jsbin.com/?html


JSFIDDLEhttps://jsfiddle.net/


Codesandboxhttps://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リファレンス V3https://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