あぱれる男子のつぶやき

プログラミングを奮闘中

【HTML/CSS】学習に役立つツールと効率的なやり方②【動画学習編】

マサです。

今回も、HTML/CSSを勉強するときに役立った学習ツールをまとめてみました。

HTML/CSSの学習に欠かせないツールとは

前回の記事でもプログラミング学習する方法として、挙げました。

  • 学習サイト
  • 動画
  • 参考書
  • スクール
  • その他


以前も書きましたが、私はスクールには通わず独学で勉強を進めているのでそこはよくわかりません。

しかし、それ以外に関しては色々と使ってきました。

今回は主に動画の活用について私が使っていて感じたこと、オススメの手順を書いていきます。

動画で学習

動画はYoutubeとUdemyがオススメです。
よく紹介もされていますね。

YouTube

YouTubeでは最近のYouTuber人気もありますから、プログラミングのチャンネルも凄く増えてますね。

私が登録していてよく見るチャンネルは

  • たにぐち まことのともすたチャンネル

www.youtube.com

  • マナブ

www.youtube.com

www.youtube.com

www.youtube.com


この4つです。

たにぐち まことのともすたチャンネル

たにぐちさんはとにかく説明が分かりやすいです。

私もBootstrap講座ではお世話になりました。

だいたいどの講座も一回10~20分ですので、見やすいかなとも思います。

Slackで無料のコミュニティ運営もされているので、情報収集にもいいかもしれませんね。

マナブ

ご存知マナブさんがされている動画。どちらかというと技術面よりはマインド寄りの動画が多く、ご本人もリスニングを推奨しているところがあるので、私はスキマ時間に「YouTubeリスニング」と謳って移動時間などに活用させてもらってます。

私の場合、特に学習の目標決めやブログ運営はマナブさんがきっかけなので、勝手に感謝しています。

吉田光

Skillhub [スキルハブ]の公式チャンネルです。

高額なスクールが多い中で基本無料でここまで色々と講座があるのがまず凄いですし、クオリティも高い。

特にプログラミングの入り口であるHTML/CSSに関しては基礎編、応用編もあり、上記で紹介した「ともすたチャンネル」よりはその辺りが丁寧に解説されているなあと感じたので、入り口にはちょうど良さそうな気がします。

チュートリアル道場

実践で使えるデザインなどに関するチュートリアルで、とにかく情報量が多いです。

例えば、HTMLやCSSでもそれぞれ20個以上の動画があります。

ただ、他のチャンネルでは見かけないような色々な言語に対して同等量の動画があるので、(C言語SVG、Emmetなど)

その言語の基本を手軽に学びたいけど課金するか迷うときの導入にいいかもしれません。

検索の仕方

YouTubeは全世界共通ですよね。ですので英語で調べても色々な動画が出てきます。

例えばこんな感じ。

f:id:mmmouh8845:20200203143143p:plain


コーディング上達にはかかせないアウトプット用のサイトを作れるような内容の動画もありますから、Progateやドットインストールの次に進みくて自分でサイトを作ってみたい!というときにもとても役立つと思います。

Udemy

https://www.udemy.com/

Udemy(ユーデミー)と読みます。

グローバルマーケットプレイスには、豊富な多言語ライブラリがあり、専門知識を持つ講師の皆さんが教える150,000を超えるコースが含まれています。 ビジネス&起業、プログラミング、学問・教養、芸術、ヘルス&フィットネス、語学学習、音楽、テクノロジー、ゲームなどを含む広範なカテゴリーの中からコースを受講できます。

公式より。

誰でも気軽に講座をネットに上げることができるサービスで、それを有料(無料も少しあり)で買うことができるのですが、プログラミングの講座がかなり充実しています。

ほぼ毎日セールしていますので、20,000円くらいのコースがだいたい1,500円前後で買えることができます。

また、買った人数や評価も公開されているので、買いやすいのと合わせ、あのベネッセが運営しているので信頼性もありますね。

私が買ったコースで特に初期でオススメかつ評価が高かったのがこの2つ

f:id:mmmouh8845:20200203231347p:plain

https://www.udemy.com/share/101WGMCUcScVpbRng=/

Web制作完全攻略コース



f:id:mmmouh8845:20200203231809p:plain

https://www.udemy.com/course/web-design-master/

Webデザインの完全マスターコース


実際にサイトで調べると評価の高いコースがいっぱい出てくるはずです。

何となくのフィーリングで選んでも30日の返金保証があったりと、そこも安心して買えるシステムとなっているので、気なる方は見てみてください。



おわりに

今回は動画で学習するにあたって私が登録していたり、オススメのチャンネルやコースに関してをメインで書きました。

Youtubeに関しては無料なので、例えばProgateやドットインストールで課金するかどうか迷う、、といった方にはとてもいい導入になるのではないでしょうか。

そして、その次にレベルアップするときの選択肢として、YouTubeを継続するのか、ProgateやUdemy含めこういったサービスに課金するか選べばいいと思います!



次回は参考書についてピックアップして書きます。


それでは。