弊社で作った教材がセール中！
弊社で運営している、Web制作業界を目指す方向けの学習支援サービス『Hello Mentor』でおすすめしている書籍を紹介します。全て、メンターが実際に購入して内容を確かめたものになります。
👇 メンターやってます 👇
模写修行やこのメディアを作ったメンバー中心に、Web制作業界を目指す方のための学習支援サービス 『Hello Mentor』 を運営しています。
基礎学習後に迷子になっていませんか？脱初心者したいなら、私たちにお任せください！
特にこんな方におすすめ！
- 基礎学習後にやるべきことがわからない...
- スクール卒だけど実力不足だと感じている...
- 自分のコードが正しい書き方かわからない...
- 未経験から1人で転職できる気がしない...
- 独立するためのノウハウがない...
まずは、下記リンクから個別ガイダンスへお越しください。
👆 メンターやってます 👆
この記事の目次
学習を始める前に知っておきたい4つの注意点
書籍やサイト選びで遠回りしないために、まず押さえておきたいポイントを紹介します。
- 目的によって勉強すべき内容が変わる
- まずは入門書や入門サイトから始める
- 出版時期に気をつける
この内容を知らないと遠回りする可能性もあるので、気をつけてください！
目的によって勉強すべき内容が変わる
JavaScriptを勉強する場合、web制作志望かweb開発志望かによって、勉強する内容は変わってきます。
まずは、基礎を勉強する点は同じです。その後のステップが下記のように変わってきます。
- web制作：よく作るUIやアニメーションの勉強をする
- web開発：ReactやTypeScriptの勉強をする
web制作志望の場合のJavaScript学習の流れ
- JavaScriptの基礎を勉強
- よく作るUIを作れるようになる（モーダル、アコーディオンなど）
- アニメーションの勉強（特にGSAP）
アニメーションを多用したサイトを作らないのであれば、アニメーションに関してはそこまで深く学ばなくても大丈夫です。
まずは入門書や入門サイトから始める
書籍や学習サイトによっては、中級者向けのものもあります。
- プログラミング経験者ではない
- 基礎ができている自信がない
上記の場合、まずは超入門書くらい簡単な書籍やサイトを使うと良いです。中級者向けのものは、いずれ学ぶべきですが、そこから入ると挫折する可能性が高まります。
ブラウザで手を動かしながら学べるサービスもあるので、そういったものを使うのも良いと思います。
書籍の場合、図解が多いものがおすすめです！意気込んで難しいものを選ぶのは逆効果です！
出版時期に気をつける
IT業界は流れが速いため、2,3年以内に出版されたものにしましょう。5年以上前に出版された書籍は、内容が古くなっているものも多いです。
書籍は色んなチェックが入って出版されます。2,3年以内に出版された入門書を選んでおけば、そんなに差はありません！
HTML・CSSのおすすめ書籍
HTML・CSSの基礎
0から勉強する方向けの入門書は、最新の書籍かつ簡単そうなものであれば他の書籍でも問題ないです。
Hello Mentorでは、実践的な課題を用意しています。従って、上記に関しては、やっても良いし・やらなくても良いと紹介しています。 独学の方は、上記をやってみると良いと思います。
CSS設計
CSS設計はこの1冊で良いです。かなり分厚い書籍なので、読むのには時間がかかります。必要最低限のことに絞って学習したい方は、弊社で出した下記のUdemy教材がおすすめです。
【セール中】弊社で出したUdemy教材
Sass
Dart Sassに対応してる書籍は、上記しかないと思われます。sass不要論もありますが、web制作では使うので、この1冊で基礎を学ぶのがおすすめです。
JavaScriptのおすすめ書籍・サイト
多くのJavaScriptの書籍は、web制作よりもweb開発向けに書かれています。駆け出しの方を見ていると、ほぼ100%の方がJavaScriptで苦戦しているので、最初から難しい書籍をやるより、web制作で使うことに特化して学ぶのがおすすめです。
おすすめの入門書籍
web制作向けに書かれている数少ない書籍なので、最初の1冊としておすすめです。
その他の書籍を選ぶ場合は、2,3年以内に出版されていて、図解が多めでわかりやすそうな入門書であれば、どれを使っても大きな差はありません。
入門後におすすめのサイト
基礎学習後にもっと詳しく学びたい場合は、JavaScript Primerがおすすめです。
JavaScript Primerは書籍版もあります。書籍版とウェブサイト版は同じ内容です。(ウェブサイト版は全て無料)
※ 入門書ではないため、初めてJavaScriptに触れる方にはおすすめできません。
WordPressのおすすめ書籍
クラシックテーマ&ハイブリットテーマの作り方を学ぶのにおすすめの書籍です。注意事項として、環境構築に関して触れられていないので、そこに関しては『WordPress 環境構築』などで調べて対応しましょう。 Localを使えば簡単に環境構築できます。
ブロックテーマの作り方に関する書籍は、おそらく作って学ぶ WordPress ブロックテーマしかないです。ブロックテーマの勉強は、クラシックテーマ&ハイブリットテーマの作り方を学んで、転職や仕事をできるようになってからで良いと思います。
その他のおすすめ書籍・サイト
webの仕組み
webの仕組みに関しては上記1冊をやれば良いです。詳細まできっちり理解するというよりは、まずは概要を理解できれば大丈夫です。
アクセシビリティ
アクセシビリティの基礎に関しては、上記がおすすめです。少し内容が難しいので、HTML・CSS / JavaScript / WordPressを学んでから、勉強するのがおすすめです。
場合によっては勉強すべきこと
jQuery
個人的には、jQueryは勉強する必要がないと思っていますが、環境によっては使わないといけないこともあるかもしれません。
最近出た書籍はないので、公式ドキュメントを見るのが良いです。英語なので、抵抗があるかもしれませんが、慣れるしかないです。
jQueryを勉強しなくて良いと思う理由は、下記の記事で解説しています。
jQueryは古い？オワコン？今から勉強すべきかを解説！GSAP
GSAPは、アニメーションライブラリです。web制作志望でアニメーションを多用したサイトを作りたい場合は、必須で勉強しましょう。
ギャラリーサイトに載るようなサイトは、GSAPを使っていることが多いです。以前調べた際は、半分くらいのサイトがGSAPを使っていました。
書籍はないので、公式ドキュメントを見ながら自分で色々作ってみるのがおすすめです。
さらにリッチなサイトを作る場合、WebGLという技術も必要になります。対象者が少ないので割愛します。興味がある方は調べてみてください。
Astro / Next.js
モダンなweb制作を学びたいなら、AstroやNext.jsも勉強しておくと良いです。最近では静的サイトやコーポレートサイトでも、これらのフレームワークが採用されるケースが増えています。
HTML・CSS・JavaScriptの基礎を身につけた後、より効率的な開発やパフォーマンスを意識したサイト作りを目指すなら、ぜひ触れてみてください。公式ドキュメントが充実しているので、まずは公式から学ぶのがおすすめです。
書籍では学べないこともたくさんある
書籍で基礎的なことは十分学べますが、基礎的だけでは仕事になりません。
例えば、書籍で作るサイトの題材は、実際の案件ではあり得ないくらい簡単な方です。もっと実務に近いレベル感の題材も使って学習する必要があります。
また、本番公開する際のサーバーやドメインのことや、実務をやっていないと気づけないクライアントワークのことなど、独学では学べないこともあります。
このような課題を感じて、私たちはHello Mentorを運営しています。
また、書籍では扱わないような、実践的な内容をUdemyで出しています。下記のリンクから飛んでいただければ、セール価格で購入できます。
弊社で作った教材がセール中！
基礎学習後...迷子になっていませんか？
模写修行やこのメディアを作ったメンバー中心に、Web制作業界を目指す方のための学習支援サービス 『Hello Mentor』 を運営しています。
下記のような、基礎学習後にやるべきことがわからず、迷子状態になっている方に特におすすめです
- 基礎学習後にやるべきことがわからない...
- スクール卒だけど実力不足だと感じている...
- 自分のコードが正しい書き方かわからない...
- 未経験から1人で転職できる気がしない...
- 独立するためのノウハウがない...
メンターは、全員が現役のプロです。駆け出しの方やメンターだけをやっている方はいません。
少数精鋭で運営しているため、受け入れ人数に限りがあります。本気でWeb制作業界を目指している方は、ぜひご検討ください。
この記事を書いた人
Gaku / @gaku92014091
フリーランス8年を経て法人化(4期目)。コンテンツ制作、ライティング、マーケティング、デザイン、コーディング、プログラミングなど、幅広くやってます！
弊社で作った教材がセール中！
Web制作会社が運営する学習支援サービス👉
詳しく見る
本当におすすめできるものに絞って紹介しています！