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

トレンド

開発

• TECH FEED
• coliss
• ICS MEDIA
• web.dev
• Chrome for Developers
• https://jser.info
• https://qiita.com/bsj-sasugadayo/items/fb6431aefafaafa67876
• https://dev.classmethod.jp/articles/cursor-agent-can-now-control-your-browser/
• https://zenn.dev/necscat/articles/bc9bba54babaf5
• https://www.embla-carousel.com
• https://maipensapparot.vercel.app/
• https://eigorian.vercel.app/

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
• react-hook-form
  • https://zenn.dev/orissama/articles/5e945b82db1362

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

ファビコン

• https://realfavicongenerator.net/