2020.05.20

【初心者向け】基礎からできるWebデザイン・コーディング学習サービス紹介

  • このエントリーをはてなブックマークに追加
こんにちは!5月入社の「なかし」と「まいやん」です。
 
コロナの影響で、引き続き自粛の日々が続いていますね。
 
仕事や学校がお休みの方は、料理やゲームなどお家でできることをして過ごされていると思いますが、この期間を利用してコーディングやデザインについて学んでみるのはいかがですか?
 
  • でも新しく始めるには何だか難しそう…
  • 環境を用意したりするのが大変そう…
 
などと感じる方も多いと思います。
 
 
今回はWeb制作に興味があるけれど、何から始めればいいか分からないという方向けに、初心者向けのオンライン学習サイトをいくつかご紹介したいと思います。
 
実際の使用感も含めて紹介しているので、少しでも参考になれれば幸いです。
 
 

サービス

Progate

 
メリット
  • 無料で始められる
  • ゲーム感覚で進めることができる
  • コーディングの環境構築が不要
 
デメリット 
  • 課題を最後まで進めるには有料会員登録が必要
 
Progateは、章ごとに用意されたスライドを読み、出題される課題をクリアすることで学習を進めていきます。
ブラウザ上にコード記述欄とプレビュー欄があるため処理内容を確認しやすく、課題クリアでもらえる経験値でレベルを上げ、ゲーム感覚で学べるのも継続して学習しやすいポイントです。
 
 

テックアカデミー

 
メリット
  • 1週間の無料体験ができる
  • 1対1のメンターがつくので不安点を相談しながら進められる
  • チャットサポートで質問できる(時間指定あり)
  • 受講後も教材を閲覧できる
 
デメリット
  • 本受講は有料
  • 受講期間終了後はメンターサポートとチャットサポートが受けられない
 
こちらはオンライン受講型のプログラミング学習スクールです。
 
教材を自宅で学習し、課題を提出することでカリキュラムを進めていきます。
受講者一人につきメンターサポートが着くので、分からないところを質問しながら進めることができます。
しっかり学びたいけれど独学だけでは不安があるという方におすすめです。
 
本受講は有料になりますが、体験版カリキュラムと無料相談を1週間無料で利用できるため、興味がある方は一度体験版を利用してみることをおすすめします。
 
また、受講期間が終わってもカリキュラムの内容は見返すことが可能なので復習したい時も安心です。
 
 

ドットインストール

 
 
メリット
  • 学べる言語が多い
  • スキマ時間を活用して学べる
 
デメリット
  • 全ての動画を視聴するにはプレミアム会員になる必要がある
 
Web学習といえば、まずコレ!という程有名な動画学習サービスです。
 
htmlからcss、jQuery。Javasctipt、python、Ruby、unity入門など幅広く初学者が基礎を学べる3分程の動画がずらっと並んでいます。
 
スキマ時間の勉強にも最適で、解説スピードが早めなので、まず通勤時間などでさらっと予習で視聴し、その後自宅で所々動画を止めながらじっくり学習できます。
 
HTML、CSS、jQueryを学習しましたが、オススメはjavascriptです。
おみくじの作り方が無料動画解説で学べるのは有り難いサービスです。
基礎は無料ですが、プレミアム会員になる事で、全ての動画を視聴できるようになります。
 
 

Udemy

 
メリット
  • 購入前のお試しの動画が視聴できる
  • 購入した動画はずっと見返すことができる
 
デメリット
  • ほとんどの動画が有料
  • 動画によっては質が低いものもある
 
デザイン、コーディング、プログラミング、
WordPress含めその他沢山の有料動画コンテンツを視聴できます。
購入前にはプレビュー動画が視聴できるので初学者以降で専門的に学びたい方にオススメです。
 
 

Cocoda

 
メリット
  • スライドによる解説が分かり安い
  • UIデザインを自然に身につけられる
  • サイトのデザインが綺麗
 
デメリット
  • 特にないです
 
主にUIデザインを学習できる無料サービスです。
AdobeXDを使って様々なアプリケーションのUIを丁寧なスライド解説とサンプルを元にアレンジして作成していき、自然にUIデザインが身につけられる学習サービスです。
 
XDの使い方もしっかり解説があるので安心。オススメはデザインの基礎解説がある事です。
 
一からデザインを学ぶ方にもしっかり基本から解説があります。
 
また、作成した作品をこのサービス内で共有可能なので皆が作った作品から刺激を受ける事でやる気も出てくるサービスです。
また、このサイト自体がとても美しいので是非一度訪れてみて下さい!
 
 

Menta

 
 
メリット
  • 専属メンターがつく
  • スクールより安い金額で始められる
 
デメリット
  • 自分の目的に対応しているメンターさんを探す必要がある
 
その名の通りでメンターさんをつけることができるアプリサービスです!
 
webデザイン、コーディング、プログラミング、wordpressなど、実際のデザイナー、コーダーがメンターとなってその方が用意したコースをこなすことで技術を身につけることができます。
実際に面談したりオンラインで会話したり、チャットでやり取りしたりできます。
特にオススメなポイント金額の安さです。
 
スクールに行けば数十万かかるところが、月額数千円から可能な方もいます。(メンターによって金額は異なります。)
 
わからない部分が質問できる自分の専属メンターをつけて、プロに教わることができます。
様々なメンターがいるので、自分の学びたいスキルやレビューを見て選んでみましょう。
 
 
 

klowl

 
 
メリット
  • 就職支援が受けられる
  • 無料勉強会に参加できる
 
デメリット
  • 都内でしかイベントがない
 
Webデザイナーを目指す方に特化した、就業支援サービスです。実際に利用していましたが、とにかくとっても親切です。
サイトではwebデザイン用カリキュラムが無料でできます。また定期的に勉強会を開催しており、LP制作の勉強会にも参加できます。
私が参加した時は、プロのディレクターがお題を元に、どんな構成でLPを作成したらいいのか?を参加者で相談しながら構成を作っていきました。
質問も出来て、無料!素晴らしいサービスです。
 
 

最後に

 
いかがでしたでしょうか?
 
紹介したサイト以外にもオンライン学習サイトはたくさんあるので、
この機会にぜひ一度体験してみましょう!
 
この記事を書いた人

今西 麻衣まいやん

1993.7.26生まれ。Webデザイナー。読書、映画、洋楽が好きです。

  • RSSを登録する
  • Google+ Google+をフォロー

ランキングランキング

制作実績制作実績