【Webデザイン】をまずは無料で学びたい、おすすめ学習サイト３選
昨今ではウェブデザイナーやデベロッパーの需要が高まっています。ウェブサービスの拡大に伴い、デザイナー・コーダー・プログラマーの人材需要もまだまだ増えていくでしょう。ウェブデザイナーやプログラマーになりたい、もしくはそういったスキルを使って副業に活かしたいという人も増えていると思います。そのニーズの結果、ウェブデザインをオンラインで学ぶためのリソースは爆発的に増えています。しかし、これだけ多くのサイトがある中で、どこから手をつければいいのか、特にまずは最初に無料で学びたい場合は迷うところです。
この記事では、現在ウェブデザイナーの私が、今から初学者として学習を始めるとしたらという目線で、日本語で無料でアクセスできるウェブデザイン学習サイトおすすめ3選を紹介します。(英語がわかればもっと色々あるのですが、言葉で挫折は辛いですよね。)
ご紹介したサイトでは、Webデザインのスキルを磨くためのオンライン学習教材、チュートリアル、エクササイズにアクセスすることが可能です。
無料Webデザイン学習サイトを利用するメリット
無料のウェブデザイン学習サイトを利用することで、以下のようなメリットがあります
- コスパが最高： お金をかけずにウェブデザインの基礎を学ぶことができる
- 対面式の授業に参加することなく、自分のペースで、自分のスケジュールに合わせて学習することができる
- 多くのサイトには、学習者やプロフェッショナルが集う活発なコミュニティがあり、サポートやフィードバックを受けることができる
- ビデオ講義からインタラクティブな演習まで、さまざまな学習スタイルに対応したサイトがある
無料Webデザイン学習サイトを利用するデメリット
無料で学べる範囲は結構少ないです。もうちょっと知りたいなと思ったらそこから有料というパターンがほとんどです。それでも動画だったり実際コードを書くツールがあったりと、一人で本で勉強しているだけでは理解できないヒントを発見することもあります。無料範囲だけでもしっかり学ぶことで、自分がウェブデザイナーに向いているのかどうかを判断することも可能です。
プロゲート
- 最初の１歩にぴったりのサイト
- イラストメインのスライドがわかりやすい
- 開発環境の構築作成が不要、サイト上でHTMLやプログラミング言語が実行できる
- 学習が楽しいのでモチベーションが継続しやすい
絵本で教えてくれるHTMLやプログラミングといった印象です。
プロゲートのオンライン上で環境構築されたエディタやサーバが用意されているので、自分でエディターをインストールしたりサーバー環境を構築などの面倒な作業が不要です。例えばワードプレスのようなPHPを使うシステムなどは自分のパソコン上で仮想サーバーが必要になるのですが、せっかくゼロからスタートを思い立ったのにまずは自力で環境構築なんてちょっとハードルが高いですよね。プロゲートはスライドを見て質問に対して答えを導いたらどんどんレベルが上がっていくので、ゲーム感覚で楽しく学習が可能です。
やはり無料でできる範囲は全体の２割程度なので、この学習方法があっていると感じたら¥1,078/月のプレミアムプランに入ってもコスパ良しです。ただどこまでも入門だとは感じます。例えばプログラミングで答えを出すのは、いろいろな考え方で答えを導ける柔軟性があるのですが、プロゲート上では必ず決まった答えを求められます。それでも最初の入門としては素晴らしいサービスだと思います。私も今から学習を始めるのなら間違いなくこれを最初に選びます。
ドットインストール
- 1本の動画が3分なので、テンポよく学習出来て途中で嫌になりにくい
- 無料部分も多い、少しレベルが上がるとプレミアム会員しか見れないが、プレミアム会員なら質問も可能。
- プログラミング言語が豊富でほとんどの言語が学べる
- 開発環境の構築も教えてくれるので知識ゼロからでも学べる
かなり早い時期に動画でプログラミング学習をスタートさせたサイトだったと思います。
３分なので見直しやすいし、動画を見ながら手も動かしやすいしわかりやすいです。
私はhtmlとcssとjava scriptを学びましたが、プログラミング志向の方だと本当にたくさんの言語が網羅されているのも魅力だと思います。
プレミアム会員になっても月1080円で全ての動画が視聴可能なうえにわからなかったところは質問もできます。１カ月ごとで解約できるのも良心的ですね。
まずは無料で学べる部分をしっかり学んでみるのがおすすめです。
Codeprep
- サービスが終了予定だったので新しい要素の追加はないが、その代わり現状のすべての内容が無料で使用可能
- 学べる内容が多いのでしっかり身につく
- 開発環境の構築作成が不要、サイト上でHTMLやプログラミング言語が実行できる
- 穴埋め形式で正解したら次の課題へ進める形式
なんと2018年サービス終了予定だったそうで、情報的にはそこで止まってはいるのですが、結局そこまでのデータは残してもらえることとなり、ログインするだけ(これもすごく簡単)で学べるボリュームが凄く多いです。無料で一番学べるサイトだと思います。(当たり前のことなのですが、プロゲート、ドットインストール共に、もう少し学びたい！ってところで有料に切り替わります。)
基本１冊の本を学んでいくように学習していくスタイルです。
こちらも開発環境の構築作成が不要、サイト上で穴埋め形式で答えをいれて正解であれば次に進めます。答えが自力で見つけ出せないときはヒントもあります。ある程度自力で答えを探すことも自分に力が付きます。本当にサービスが終了してしまう前にチャレンジしてみるのがおすすめですね。
【Webデザイン】無料で学ぶ、おすすめ学習サイト３選のまとめ
以上、現役ウェブデザイナーから見て、私も最初にこんな学習サイトがあったら良かったと思ったおすすめ３選の学習サイトでした。
学習はモチベーション維持が本当に大変です。わからなくて結局そのまま学習放置になってしまうことが結局多いのではないでしょうか？すでにデザイン会社等に就職していれば先輩に聞くことなどもできますが、独学している間はいろいろな方法で学習にアプローチするのが大切だと思っています。
私が何もわからない状態から始めるとしたら、まずプロゲートの無料部分をやって、その後Codeprepを無料で学習し、
そこで結構学習が進められたらプロゲートかドットインストールの有料版に入って学習してみるのが良いと思います。
プロゲートかドットインストールの有料版どちらかをある程度進めることが出来たら、あなたのウェブデザイナーとしての基本知識はかなり身についていると言えるでしょう。ぜひ頑張っていきましょう。知識のアップデートは常に必要なので、私も早速こちらの3サイトで学びなおしてみたいと思います。皆さまも楽しい学びを！
