【辞書】個人的参考サイトメモ

トレンド

開発

• TECH FEED
• coliss
• ICS MEDIA

SEO

• Google 検索セントラル ブログ
• 海外SEO情報ブログ

Youtube

• ムーザルちゃんねる
• プログラミングチュートリアル
• セイト先生のWeb・ITエンジニア転職ラボ

Vanilla JS

• バニラJS tips集
• MDN：配列の組み込みオブジェクト
• MDN：数値関連の組み込みオブジェクト
• MDN：文字列関連の組み込みオブジェクト

TypeScript

• TypeScript Documentation
• サバイバルTypeScript：作って学ぶTypeScript
  
• TypeScript公式
• TypeScript Deep Dive
• interface vs type
• セイトYoutube

Next.js・React

• 公式：PagesRouter
• SWR

WordPress

• WordPress Developer Resources
  
• ACF：REST API

CSS・SCSS

• line-heightのハーフ・レディングを打ち消す
• 図で理解する Grid Layout
• 図で理解する Flexbox
• CSSレイアウト対決！FlexBoxとGridでカードを実装してみた
• subGrid
• 伸び率
• Grid基礎

ブラウザ

• Can I use
• tatcounter Global Stats

アクセシビリティ

Macの場合はCmd + F5でVoiceOver（スクリーンリーダー）を起動できる

• WCAG
• ARIA の状態とプロパティ
  • aria-hidden,area-label, area-selected, area-checked, area-currentなど
• WAI-ARIA ロール - アクセシビリティ | MDN
• ウェブアクセシビリティの基本：ランドマークロールを理解する
  • bodyタグ直下のheaderやmainはrole属性が自動的に付与

フォーマッター・リンター

• ESLint
• Prettier
• Stylelint
• Editorconfig

テスト

Mock

• msw

Integration Test

• React Testing Library

Unit Test

• JEST
• Vitest

End to End

• Playwright
• Next.jsでPlaywright

デザイン

• chot.design：デザインの基本・考え方

Other

• Wayback Machine