Get Notion free
📕 Page icon📕 Page icon

フロントエンド推薦書籍・リファレンス

推薦書籍

▼基礎

リーダブルコード:https://www.amazon.co.jp/dp/4873115655

▼ HTML

▼ CSS

CSS 設計完全ガイド:https://www.amazon.co.jp/dp/429711173X/
ノンデザイナーズ・デザインブック:https://www.amazon.co.jp/dp/B01LW1BC2L/

▼ JavaScript

JavaScript Ninja の極意:https://www.amazon.co.jp/dp/4798128457/
JavaScript コードレシピ集:https://www.amazon.co.jp/dp/4297103680/
改訂3版JavaScript本格入門 ~モダンスタイルによる基礎から現場での応用まで:https://www.amazon.co.jp/dp/4297132885

▼ TypeScript

プロを目指す人のためのTypeScript入門:https://www.amazon.co.jp/dp/4297127474

▼ React

▼ アクセシビリティ

Webアプリケーションアクセシビリティ──今日から始める現場からの改善:https://www.amazon.co.jp/o/ASIN/4297133660/gihyojp-22
デザイニング Web アクセシビリティ:https://www.amazon.co.jp/dp/4862462650/
コーディング Web アクセシビリティ:https://www.amazon.co.jp/dp/4862462669
見えにくい、読みにくい「困った!」を解決するデザイン:https://www.amazon.co.jp/dp/483998087X
ウェブアクセシビリティ導入ガイドブック:https://www.digital.go.jp/resources/introduction-to-web-accessibility-guidebook/

▼ UI設計

Form Design Patterns - シンプルでインクルーシブなフォーム制作実践ガイド:https://www.amazon.co.jp/dp/4862464513

▼ Unitテスト / UIテスト関連

単体テストの考え方/使い方:https://www.amazon.co.jp/dp/B0BLTG8Z9K
フロントエンド開発のためのテスト入門 今からでも知っておきたい自動テスト戦略の必須知識:https://www.shoeisha.co.jp/book/detail/9784798178639

▼ セキュリティ

フロントエンド開発のためのセキュリティ入門 知らなかったでは済まされない脆弱性対策の必須知識:https://www.amazon.co.jp/dp/4798169471

▼ チューニング

ハイパフォーマンス ブラウザネットワーキング https://www.amazon.co.jp/dp/4873116767
古典というほど古くないですがチューニングについて書かれた本

推薦リファレンス

▼ 総合的

2020年のフロントエンドマスターになりたければこの9プロジェクトを作れ:https://qiita.com/rana_kualu/items/915345b8f3f870cfe2aa

▼ JavaScript

JavaScript Primer:https://jsprimer.net/
JavaScript Promiseの本:https://azu.github.io/promises-book/

▼TypeScript

サバイバルTypeScript:https://typescriptbook.jp/

▼ React

React公式:https://react.dev/

▼ Next.js

Next.js公式:https://nextjs.org/
Learn Next.js:https://nextjs.org/learn

▼ Vue.js

Vue.js公式:https://ja.vuejs.org/

▼ Nuxt.js

Nuxt.js公式:https://nuxt.com/

▼ 参考技術パス