WEBデザイナー

これからWEBデザイナー目指す方へオススメの勉強方その1【HTML,CSS】

みなさんこんにちは!!!

たんてぃとんです。

この度ブログを再開していきますのでよろしくお願いいたします。

記事のタイトルの通りですが、ぼくはWEBデザイナーを目指して日々勉強しております。

自分の人生を考え直した時に、今やっている仕事は自分が本当にやりたいことなのか。他にもっとやりたい仕事はないのかを自問自答して

でてきた答えがWEBデザイナーをやりたいという答えでした。

現在年齢が32歳、さらに未経験の職種であるため、いばらの道であることは安易に想像できますが人生を楽しく生きていくためにチャレンジしていきたいと思い

仕事を辞めWEBデザイナーの勉強を始めました。

また、勉強を始めて一ヵ月ほどしかたっていませんがWEBデザイナーをこれから目指そうと思っている仲間が何を学んだら良いのかを

ぼくが経験したことや感想などを伝えていきます。

WEBデザイナーになるために必要なことは?

まず、WEBデザイナーになるにはどの知識が必要なのかを考えました。

結論としては下記の知識が必要であることがわかりました。

【WEBデザイナーになるために必須の知識】

  • HTMLとCSS
  • デザインの基礎知識
  • illustrator
  • Photoshop
  • Adobe XD
  • JavaScript

もちろん他にも学ぶべきことは沢山ありますが、上記の知識を勉強していきました。

WEBデザイナーとはWEBサイトをデザインする仕事ですが、デザインするだけではなく簡単なコーディング知識が必要で、

求人サイトでは主にHTML、CSS、 JavaScript、illustrator、Photoshop のスキルがあり実務経験が1年以上の方を募集していることが多い状況です。

そのため、WEBサイトをデザインするセンスだけではなく、HTMLなどを使ってコーディングする力も求められます。

ぼくが最初に感じた感想は覚えることがめちゃくちゃ多いなぁ…。というのが正直な感想です。

ですが、自分が人生を楽しむために、やりたいことなのでやらないという選択肢はありませんでした。

ぼくがオススメする勉強方法を共有していきます。

HTMLとCSS

ぼくがオススメする勉強方法ですが、『 Progate 』というプログラミングを学べるサイトを使って学ぶことです。

Progatehttps://prog-8.com/

Progate はお世話になったプログラマーさんが多く初心者はまず Progate をやれと良く言われるくらい有名なサイトです。

HTMLやCSS、JavaScript はもちろんのことPHPやReactなんかも学ぶことができます。

HTML、CSSに関しては3つのコースがあり初級レッスンのみ無料で体験することができます。もちろん有料プラン(税込¥1,078/月)じゃないと

大事なところを学ぶことができないのですが、まずHTMLやCSSを始めて学ぶ方が体験する方法としては無料なのでめちゃくちゃオススメです。

有料プランでは、Flexboxからレスポンシブなサイトを作ることができるメディアクエリの使い方まで学べたりかなり勉強になります。

勉強方法としてはProgateのレッスンをクリアするたびに自分のローカル環境で Progate のレッスンと同じことをしてみる方法が覚えやすくいい感じでした。

プログラミングを学ぶ上で大事なことはインプットよりアウトプットすることがとても大事です。

ノートにコードや要素を びっしりと 書いて必死で覚えようとすることを 最初にやりがちですが、

HTMLやCSSのコードやタグはインターネットで検索すればすぐに出てきますし。Visual Studio Codeなどのエディターだと文字を途中まで打つと予測変換してくれるので、

完璧に覚える必要はありません。

あと、 Progate だけですっとやっていると飽きてくるので有料ではありますが、下記のサイトもオススメです。

ドットインストール:https://dotinstall.com/

学べる内容は Progate 似ていますがドットインストールはYouTubeのように動画で説明してくれるのでより人によってはわかりやすいと思います。

無料レッスンで Visual Studio Code のインストール方法などを教えてくれるので Progate を始める前にいったん、ドットインストールで勉強してみると良いと思います。

udemy:https://www.udemy.com/mobile/ipad/

udemy は有料ですが動画説明で分かりやすくひとつのサイトを最後まで作る流れや手順を説明してくれたりとても勉強になる講座が沢山あります。

画像なども講師の方が用意してくれたものを使うことができるのでとても楽に学ぶことができます。

ぼくは Progate やドットインストールで一通り学んだあとにudemyの講座を受講してみました。

Udemyの注意点としては古い年代に投稿された講座は情報が古いことがあり今と少し使用が違ったりすることもあるので、

受講する際はお気を付けください。

ここまで、ぼくがオススメする勉強方法を紹介しましたが他に良い方法があると思います。

もっと近道してWEBデザイナーを目指したいという方にはスクールに通う方法もオススメです。

独学で学ぶと気づきは沢山ありますが気づくまでに大量の時間を消費してしまいます。

スクールだとメンターや講師の方が自信の経験からWEBデザイナーになるための経験などから効率の良い勉強方などを教えてくれます。

さらに、独学だと途中で挫折してしますこともあると思いますが、スクールは高いお金を払った分頑張らなければという気持ちにもさせてくれると思います。

ぼくも始め一ヵ月しかたってなくまだまだ初心者ですが、これからWEBデザイナーになりたい!と思った方の力になれれば幸いです。

また、ブログを更新していこうと思いますのでよろしくお願いいたします。

-WEBデザイナー

© 2022 たんてぃとんのらいふ いず ぱーてぃー Powered by AFFINGER5