webサイト制作を進める上で、ただ見た目を作るだけでなく、可読性、再利用性、拡張性を考慮したコーディングは必須であるが、じゃあ何をどうすれば良いのかわからないを解決してくれたwebサービスや本たちを紹介。
HTML、CSS関連
1 unazuki HTML and CSSコース
このwebサービスはweb関連の会社を経営されているアキユキさんが提供しているHTML、CSSの基礎から応用までを学べるコース。応用範囲も実務でもかゆいところに手が届く内容が紹介されているので、実務経験者にも役立つレベル。
URL unazuki HTML and CSSコース
2 プロの「引き出し」を増やす HTML+CSSコーディングの強化書 改訂2版
この本はある程度複雑なデザインからのコーディングが難なくできるようになってきた中級者向けの本。可読性、再利用性、拡張性にもしっかりと言及しつつ、複雑なデザインのコーディングへのベストプラクティスを示してくれている。この本の内容を理解できれば様々な複雑なコーディングで応用可能。
URL プロの「引き出し」を増やす HTML+CSSコーディングの強化書 改訂2版
3 CSS設計完全ガイド
実務について、規模の大きなwebサイトや、今後永続的に、改修が求められるようなwebサイトを作成するときに必須となる本。BEMやFLOCCSなどの命名規則を基礎から、応用まで場面に応じた事例を用いて、幅広く解説されている。可読性、再利用性、拡張性を担保するために必読。
URL CSS設計完全ガイド ~詳細解説+実践的モジュール集
Javascript関連
1 JavaScript本格入門
ドットインストールなどのサービスやYutubeでざっくりとJavascriptを学んだ後により深くJavascriptを理解できる本。Javascritpを使用して、なんとなくアニメーションを作成できるけど、なぜそうなるのか本質を理解できる。
URL 改訂3版JavaScript本格入門 ~モダンスタイルによる基礎から現場での応用まで
2 jQuery 仕事の現場でサッと使える! デザイン教科書
web制作に必須のJquery操作を全て学べる。シンプルなアニメーションから複雑なアニメーションまで細かい解説付きで説明されているので、Javascriptで必須なロジカルな考え方が身に付く。
URL jQuery 仕事の現場でサッと使える! デザイン教科書
3 Udemy講座(javascript関連)
Javascritpはサンプルコードをもとに自分であれこれ試しながらどのような動きをするのか直感的に理解した方が良いと思う。Udemyには様々な講座があるのでセール時に体系的に説明されていそうな講座を選び、解説者と一緒に手を動かし、学ぶのが良い。
URL Udemy
SEO関連
現場のプロから学ぶ SEO技術バイブル
いくつかSEOについての本を読んだが、この本が一番コーダーにとってわかりやすく、実践に繋げやすい本。そもそもSEOとは何なのか、なぜ必要なのか、googleはどのようにwebサイトを評価しているのかがわかり、具体的な対策方法も詳しく紹介されている。
URL 1 現場のプロから学ぶ SEO技術バイブル
2 HTMLコーダー&ウェブ担当者のためのWebページ高速化超入門
サイトの高速化は集客に大きく直結するため、webページを高速化させるために最低限の知識を持っておくことは必須。Core Web Vitalにも影響する。
URL HTMLコーダー&ウェブ担当者のためのWebページ高速化超入門
WordPress関連
1 WordPress 仕事の現場でサッと使える! デザイン教科書
HTMLサイトをWordPress化したいが、わからない。そんな時に基礎の基礎を教えてくれる本。この本を読んですぐに応用するのは難しいが、仕組みがしっかり理解できる。
URL [【改訂第3版】WordPress 仕事の現場でサッと使える! デザイン教科書 [WordPress 6.x対応版] (Webデザイナー養成講座)](【改訂第3版】WordPress 仕事の現場でサッと使える! デザイン教科書 [WordPress 6.x対応版] (Webデザイナー養成講座))
2 unazuki wordpressコンプリートコース
WordPressのオリジナルテーマ開発に必須の基礎知識、応用知識を非常に細かく解説してくれている。これさえあれば1人で、カスタムフィールなどを使用しながら、静的なサイトをWordPress化できる。
超おすすめです。
URL WordPressコンプリートコース
3 WordPressセキュリティ大全
作って終わりではなく、クライアントのために永続的に安全に使用できるサイトを作るための本。
(現在読んでいる最中)
URL WordPressセキュリティ大全
AI関連
1 Claude CodeによるAI駆動開発入門
今やAIを使用してのWeb制作は当たり前。これ一冊で、gitの一連操作やコードレビュー、アプリ作成など様々なことが学べる。必読。
URL Claude CodeによるAI駆動開発入門
その他
1 フロントエンド専門制作会社が教える速く正確なWeb制作のための実践的メソッド ワークフロー構築、コーディング規約、制作&ディレクションTipsなど、高品質な制作を支える現場の仕事術
webサイト制作現場全体を俯瞰しながらコーディングできるようになる本。
URL フロントエンド専門制作会社が教える速く正確なWeb制作のための実践的メソッド ワークフロー構築、コーディング規約、制作&ディレクションTipsなど、高品質な制作を支える現場の仕事術
2 改訂新版]プロになるためのWeb技術入門
私たちの作成しているwebサイトはどのような歴史をたどり、どのように機能しているかwebの仕組みの本質を知ることができる。情報系の知識がない文系エンジニアは読むに越したことはない。
URL [改訂新版]プロになるためのWeb技術入門
3 トラハック(エンジニアユーチューバー)
ReactやTypescript、Next.jsの基礎を詳しく知りたい人は非常に有益。
Reactに関しては、基礎から、超応用的な実際のアプリケーション作成まで学べるため、コーダーからフロントエンドエンジニアを目指すには良いメチャクチャ良い教材だと思う。
URL トラハック