けあとんのブログ

当ブログではアフィリエイト広告を利用しています

【知識ゼロ向け】HTML×CSS×Photoshopの学習ならUdemyの「未経験からプロのWebデザイナーになる!400レッスン以上の完全マスターコース 」がオススメ

当ブログではアフィリエイト広告を利用しています

投稿日:2020年6月9日  更新日:2020年9月3日

 f:id:keatn:20200608142650j:plain

 その道の専門家から知識を教えてもらえるUemyというサービス。

 

今まで何かを始めたいと思った時は、専門書を買ってきて知識を付けることがほとんどでした。

それが、現在では簡単に得ることが出来るようになりました。

今回はそんなUdemyの講座を紹介したいと思います。

 

 

受けた講座がこちら

未経験からプロのWebデザイナーになる! 400レッスン以上の完全マスターコース

 

レッスン数がかなり多いですが、1レッスンは5分程なのですき間時間に進めることも、一気に進めることも出来るので、とても受けやすかったです。

 

Udemyについて

Udemyについてはこちらの記事で紹介しています。

keatn.hatenablog.jp

 ビジネス講座だけでなく趣味の講座までたくさんあります。おそらく、Udemyで講座を探しているだけでも、やってみたいことが見つかるかもしれません。

 

 

詳しくは実際にUdemyのページを見る方が分かりやすいかもしれません。

 

 

扱う内容

未経験からプロのWebデザイナーになる! 400レッスン以上の完全マスターコース 講座でやった内容はこちら

  • Photoshopの基本操作
  • Photoshopを使ったウェブデザイン
  • HTML
  • CSS
  • HTMLとCSSを使ったウェブページの作成

 

講座をやってみて感じた印象としては

インプットとして:Photoshopの基本操作

アウトプットとして:基本操作を使った実習、習った基本技を駆使して行うウェブデザイン

 

インプットとして:HTMLとCSSの知識

アウトプットとして:HTMLとCSSを使ったウェブページの作成

 

といった内容なので、その場で覚えなくても「動画を見ながら手を動かしていくうちに、気が付いたら覚えていた」ということになると思います。

 

さらに講師の方とても親切です。以前に出た内容について出る都度かんたんに説明をしてくれるので「さっぱり分からない」が「何となく聞いたことがある」になり、最終的に「覚えた!」と感じられると思います。

 

すぐに覚えられる方は「くどい」と感じてしまうかもしれませんが、覚えるのが苦手な方にはオススメです。

 

講座のいいところ

こちらの講座を受けてみて良いと思ったことはこちら

  • 扱う内容が多い
  • 誰でも始められる
  • 講座が終わった後も辞書として使える

扱う内容が多い

記事のタイトル通りですが、「未経験からプロのWebデザイナーになる!400レッスン以上の完全マスターコース 」は【Photoshop】【HMTL】【CSS】と扱う内容が本当に贅沢!

 

値段が安いので、例えば【HTML】と【CSS】だけやってみたいという場合でもかなりお得だと思います。

 

誰でも始められる

「【HTML】【CSS】というと何だか難しそう・・・」というイメージでしたが、知識ゼロの人が聞いても分かるように解説してくれるので、「なるほど!」の連続です。

 

講座を進めていくうちに自然と知識が身に付くので、興味があればすぐに始めるのがオススメです。

 

 

もう一つ気になったのが、「【HTML】【CSS】を始めるのって準備が大変なのでは?」ということです。

 

実はそれも心配なし。

 

パソコンがあればだれでも作ることができます。

なぜなら、【HTML】【CSS】で必要なのは、テキストエディタで作るテキストファイルだけだからです。

 

テキストファイルは(ファイル名.txt)ですが、(.txt)を変更すれば準備完了です。

.txt→.htmlにすれば、【HTML】のファイルが完成

.txt→.cssにすれば、【CSS】のファイルが完成

といった感じです。

 

作成した【HTML】ファイルは、ブラウザで表示すると確認ができます。

 

自分で書いたHTML、CSSファイル(パソコンで使うメモ帳みたいなイメージ)を書くたびに「普段何気なく見ているWebサイトが出来上がっていく」のは、楽しい瞬間です。

 

講座が終わった後も辞書として使える

Udemyの講座は購入後も視聴することができます。

 

なので、講座を受けて分かったつもりでも「あれっ?なんだったっけ・・・?」となっても安心。

気になった講義の動画を再生すれば思い出すことができます。

 

例えるなら、「動画版の辞書」といった感じです。

 

気になったところを再度視聴するだけでも知識が定着すると思います。

 

動画を見るほどではないかな、と思った部分は、「音声だけ聞く」のも効果的。

別の作業をしながら、解説音声を聞いていても理解ができるので、効率的なインプットも出来てしまいます。

 

 講座を受けた成果

講座を受ける前と後の変化はこちら

 

講座を受ける前の知識

  • Photoshop:ゼロ(名前を知っているくらい)
  • HTMLとCSS:ほぼゼロ(何かの本で<br>が改行ということを知っていたくらい・・・)
  • ProgateのHTML、CSSの初級でさっぱり分からず・・。

 

講座を受けた後

Photoshop

  • レイヤー、マスクが何のことか分かった。
  • Photshopを使ったウェブデザインの方法が分かった。
  • 人物写真の切り取り(髪の毛の細かいところまで)も出来るようになった。

 

HTML、CSS

  • HTML、CSSのコードを見ると何が書いてあるか、なんとなく分かる。
  • 調べながらやればホームページが作れそう

 

 

気になるその後は・・

知識ゼロからホームページが作れるようになる講座ですが、「講座を受けてみて良かった!!」だけでは、あまり参考にならないと思うので、簡単に紹介します。

 

講座を修了したのが2020年6月2日でした。

その後は、講座で習得した知識を使ってホームページの作成の練習をしてみました。

 

2020年8月には、会社のホームページの模写(実際にあるホームページを見ながら、HTML,CSSを自分で書くことで同じになるように練習する)が出来るようになりました。

 

 

 

効果的な学習方法

実際にこの講座を受講して「この方法が良かった」と感じたことを紹介します。

 

  • 講師の紹介した方法をまねる 
  • 一緒にコードを書く

 

講師の紹介した方法をまねる

「学ぶは、まねる」などと言いますが、まずはマネをするのが大事だと思います。

この講座では、様々な手法を紹介しているので、始めは慣れなくてもとりあえず同じようにやっていくのがオススメ。

 

簡単な例でいうと、ショートカットキーが紹介された時は、一緒にショートカットキーを使っていくと自然と出来るようになっていきます。

 

慣れてきたら「こっちの方がやりやすい」など、独自の方法を確立できるようになると思います。

そんなときも、始めにやった方法があるから比較ができるので、基準になる方法があるのはいいと思います。

 

一緒にコードを書く

この講座は【HTML】【CSS】の書き方を実際に書きながら学んでいくものですが、動画をみるだけでも何となく分かります。

 

ですが、多少面倒でも一緒にコードを書くことをオススメします。

ただ、動画を見て同じコードを書いているだけで、「意味あるのかな・・?」と思ってしまいそうですが、知識の定着がよくなると思います。

 

初めは暗号のようなコードで「入力が大変」と思っていたものも、「見慣れてきた・・ような気がする・・」となり、最終的には「あ~これね」とすぐに反応できるようになります。

 

ちょっとしたことですが、試してみるといいと思います。

 

 

修了証書がうれしい

今まで全く関わってこなかった分野(Photoshop、HTML、CSS)の講座だったので、「う~ん・・・分からない・・」と思いながら、何度か動画を戻しながらも、何とか講座を終わらせることができました。

 

講座終了後は、なんと・・修了証書がもらえます。(データです。)

 

とてもおもしろかったけれども、苦労した分だけ、この修了証書はうれしく感じます。

 

Youtubeの学習だったら味わえないちょっとしたよろこびです。

 

f:id:keatn:20200607092837j:plain

 

 

講座の値段(セールがねらい目)

2020年6月に見た金額ですが、24,000円でした。

かなり高いですが、Udemyにはセールがあります。(いつセールがあるか詳しく分かりませんが、月に2回くらいはある気がします)

セールの時は講座がかなり安くなります。確実ではありませんが、1,500円前後くらいだったと思います。

 

1,500円だとHTML、CSSの本1冊くらいの値段だと思うのでかなりお得です。

おまけにPhotoshoの使い方も分かるのでありがたいくらい。

 

 

 ちなみに、2020年9月3日現在、セールをやっているようです。

48時間だけなので受講を考えている方はお早めに・・。

 

さらにお得にするには・・

こちらの方はさらにお得になります。

 

やること

 

特典

やりかた 

  • こちらのボタンから楽天リーベイツのページに進みます。

Rebatesお友達紹介キャンペーン 

 

 

  • 検索バーに「Udemy」と入力して【検索】ボタンを押す。

 

f:id:keatn:20200806065037j:plain

 

 

 

  • 検索結果が表示されたら、【ストアにすすむ】をクリックする。

f:id:keatn:20200806065309j:plain

 

  • 【すぐにストアに進む】をクリックする。(何もしなくてもしばらく待っているとUdemyのページに移動します。)

f:id:keatn:20200806065439j:plain

 

 このひと手間だけで、12.5%分ポイントバックがあるので、利用しない手はありません。

 

 

Photoshopを入手する方法

「そもそもPhotoshopを持っていない・・・」という方が多いかもしれないので、入手方法を紹介します。

Photoshopというと「かなり高額」とイメージですが、現在はかなりお手頃になりました。

フォトプランを利用すれば月額980円(税別)でPhotoshopだけでなくLightroomも使えてしまいます。

 

PhotoshopLightroomは、使ってみると便利さに驚かされる性能です。

「ここまで進化しているのか・・」と感動できること、そして、その機能を自分が使えるようになるきっかけが月額980円で手に入ります。

 

非日常な体験ができるので、一時的に利用するだけでもオススメです。

講座の受講と同時に使い始めて「気に入れば使い続ける」としてもいいし「使わないかな・・」と思ったら、途中で解約してしまえばいいと思います。

 

 

普段使わないソフトに月額980円(税別)支払うのはもったいない・・・という方は無料体験が7日出来るようなので、無料期間で使い方を覚えてしまうのもいいかもしれません。(期間が短いのでたいへんですが・・)

 

 とはいっても、HTML、CSSを使えるようにする目的だけでも、とてもお得な講座だと思います。

 

 

この講座をオススメする人

未経験からプロのWebデザイナーになる! 400レッスン以上の完全マスターコースを実際に受講してみて感じた、「この講座をオススメする人」を紹介します。

 

  • Photoshopを使ってみたい方
  • ウェブデザインの勉強をしてみたい方
  •  HTML,CSSをいちから知りたい方
  • ブログのデザインをカスタマイズしたい方

 

実は、ブログを書いている方やこれからブログを始めてみたいと思っている方にもおすすめです。

 

はてなブログしかやっていないですが・・)はてなブログを使う時も、CSSの知識があると見た目の良いページが作れるようになります。

 

「どうしたらこんな風にできるのか・・」と漠然に考えていたものが、実現できるようになります。

講座で覚えた知識のアウトプットにも便利です。

 

 

あとがき

今回はUdemyの未経験からプロのWebデザイナーになる! 400レッスン以上の完全マスターコース を紹介しました。

講座を受けてみると、今まで暗号に感じていたHTMLやCSSが分かるようになって、少しだけ成長が感じられました。

 

今までPhotshop、HTML、CSSに無縁だった方は試してみてはいかがでしょうか。