最近人気の仕事となっているWebデザインの勉強ですが、
- まず何から始めればいいかわからない…
- お金がないから独学で始めたいけど、上手くいくか不安…
- おすすめの参考書やサイトを知りたい！
そんな方もいらっしゃるでしょう。
スクールであれば、カリキュラムに沿って勉強を進めていくことができますが、
独学となると、何から始めるのが正解なのか、わからない方もいると思います。
なので、今回は、Webデザインを始めようと思ったら、最初にやるべき勉強について述べていきます。
私自身、まだ駆け出し中ですが、色々調べていく中でこの方法が一番効率よく学ぶことができたと思っているので、
ぜひ参考にしてみていただければと思います。
まずは、HTML・CSSから
結論から先に申し上げると、
HTML・CSSから始めることです。
「え、HTML・CSSってプログラミングでしょ？」
「デザインとどんな関係があるの？」
そう思われる方もいるかもしれません。
しかし、HTML・CSSはWebデザインの根幹になるのです。
Web媒体のデザインは、ほとんどHTML・CSS（あとJavaScript）によって作られています。
つまり、PhotoshopやFigmaなどのデザインツールで作成したとしても、
Web上に公開するためには、HTML・CSSなどでコーディングする必要があります。
そのために、今後コーディングするしないに関わらず、HTML・CSSの勉強をしておくのが良いと言えます。
HTML・CSSの勉強は独学でOK
「HTML・CSSの勉強が必要なのは分かったけど、やっぱりスクールに通う必要があるんじゃない？」
「独学で勉強できる自信がない…」
結論から言うと、HTML・CSSの勉強でスクールに通う必要はありません。
と言うのも、HTML・CSSに関する学習媒体はそこらじゅうにあるからです。
HTMLの起源は1991年、CSSは1996年に開発されました。※
これだけ古い歴史を持っている２つの言語に関する情報は、
スクールなどに通わなくても簡単かつ大量に見つかるのです。
※引用元： https://www.jstage.jst.go.jp/article/itej/61/3/61_3_294/_pdf
おすすめの学習方法３選
「HTML・CSSに関する学習方法はそこらじゅうにあることは分かったけど、やっぱりどうやって勉強すればいいか、分からない…」
確かに、HTML・CSSに関するYoutubeの動画や参考書は世の中に溢れかえっており、
何を使って勉強するべきか、かえって迷うかもしれません。
そこで、私が実際に使用したおすすめの学習方法を３つ紹介します。
「ちゃんと学ぶ、HTML/CSS + JavaScript」
１つ目は、Udemyで配信されている「ちゃんと学ぶ、HTML/CSS + JavaScript」です。
講師は、小学生の頃からプログラミングに親しみ、Web制作会社の代表取締役をしている「たにぐち まこと」氏です。
基礎の基礎から学ぶことができ、私も学習当初に受講しました。
HTML・CSSを初めて行う際、色々な開発環境の準備が必要ですが、
動画の手順通り行うことで簡単に準備できますので、
最初の取っ掛かりとしてはかなりオススメです。
「ちゃんと学ぶ、HTML/CSS + JavaScript」（クリックすると外部リンクに移行します）
1冊ですべて身につくHTML & CSSとWebデザイン入門講座
2つ目は、WebデザイナーのMana氏の著作である「
こちらは、HTML関連書籍で4年間（2019−2022）売上第１位を獲得しており、HTML・CSSだけでなく、Webデザインの構成についても学ぶことができます。
この１冊を進めていくことで、本格的なWebサイトを１から作成することができるため、
HTML・CSSの知識をある程度身につけた人の次のステップとして、始めてみるのがオススメです。
私自身この書籍で紹介されているWebサイトを時間をおいて２回作成し、知識の定着に活用しました。
ZeroPlus Gate
３つ目は、オンラインスクールの「ZeroPlus Gate」です。
こちらは３０日間無料で受講することができるプログラミングオンラインスクールとなっています。
「本当に無料なの？」と不安に感じる方もいるかもしれませんが、30日を過ぎても自動的に終了するため、お金は一切かかりませんでした。
その中のHTML・CSSに関するプログラムは、３つのサイトを作成できるカリキュラムとなっており、動画の手順に従って進めることができます。
さらに、どうしても分からない部分については、チャットツールを使用して講師に何回でも聞くことができます。
私は、１回目は動画を見ながら作成し、２回目は自分一人で作成し分からないところだけは見るようにしていました。
次は時間を置いてから、３回目もやる予定です。（受講期間である30日は過ぎてしまいましたが、教材は手元に残っているので何も見ずに作成するつもりです。）
私自身このオンラインスクールを終えた後で、HTML・CSSの理解がかなり深まり、複雑なサイトも作ることができるようになりました。
まとめ
今回は、Webデザインの勉強を始める際に、一番最初にやるべきHTML・CSSの紹介と、オススメの勉強方法について紹介しました。
HTML・CSSはWeb媒体でデザインを表現するための、最も根幹となる部分です。
そのため、コーディングを行わないWebデザイナーにとっても、必要な知識となります。
コーディングの勉強をすることで、他のWebデザイナーとのスキルを差別化し、価値ある人材を目指しましょう！
Follow me!
コメント