こんにちは、デザイナー・ブロガーの
ゆっきー（@elcielo_design）です。
今回は、Webデザイン・プログラミングを
自宅で学びたい方に向けてのおすすめの
無料オンライン学習サービス紹介記事です。
この記事の目次
オンライン学習サービス
「Webデザイン・プログラミングの学習オンラインサービス」
| サービス | 料金 |
| ドットインストール | 無料 |
| Progate (プロゲート) | 無料 (会員登録必要) |
| codecademy (コードアカデミー) | 無料 (有料月額$19.99） |
| CODEPREP | 無料 |
| Udemy Webデザイン入門オンライン講座 |
有料 |
① ドットインストール
ドットインストールは、1回3分動画の
レッスンでプログラミングが勉強できる
有名な学習サイトの１つになります。
有料なコンテンツも少しはありますが、
大体は無料なので十分勉強になりますね。
(動画で見れて軽い感じで始めれます。)
| 学習タイプ | オンラインサービス |
| 料金 (最安) | 無料 |
| 習得知識・スキル | HTML/CSS、JavaScript、jQuery、 Unix、MySQL、PHP、Ruby、Unity、 C#、Swift、Kotlin、Pythonなど |
| 特徴 | ・実際にプログラミングしている 画面の動画を見ながら学べる。 ・現在(2019年4月25日)では380レッスン、 5,671本の3分動画コンテンツを提供。 ・初心者部分は無料 ・初心者からプロまで学べる内容。 ・学べる言語も非常に多い。 |
| 補足 | ・プレミム会員登録もある。 |
ドットインストール
② Progate (プロゲート)
Progateはプログラミングを実践感覚で、
サイト内で学べる学習サイトになります。
Webデザイン制作・コードを書きながら、
学べるのでかなり効率の良いサイト。
| 学習タイプ | オンラインサービス |
| 料金 (最安) | 無料 |
| 習得知識・スキル | HTML/CSS、JavaScript、jQueryなど |
| 特徴 | ・比較的新しい注目の学習サービス。 ・プログラミングの本部分を無料で学べる。 ・手を動かしながら学べ効率が良い。 ・1レッスンに1サイト制作のような形式で、 Webサイト制作の流れがつかみやすい。 |
| 補足 | ・無料会員登録が必要。 ・東大生が作成したサイト。 |
Progate (プロゲート)
③ codecademy (コードアカデミー)
2011年からサービスを開始している
プログラミング講座を無料提供する
オンラインプラットフォームの１つ。
英語のサイトにはなるんですが、
実際にブラウザ上でプログラミングを
とても効率よく勉強できてしまいます。
(英語力upを兼ねて挑戦する価値あり。)
| 学習タイプ | オンラインサービス |
| 料金 (最安) | 無料 |
| 習得知識・スキル | HTML/CSS、JavaScript、jQuery、PHP、 Ruby、Python、Java、SQLなど |
| 特徴 | ・登録ユーザ数2500万人以上、その国籍は 190か国以上になる老舗の学習サイト。 ・多数言語を扱っていて幅広い学習が可能。 ・20以上の豊富なコース、事前準備も不要。 ・入門編だけでなく、応用編もある。 ・基本的に英語表記 |
| 補足 | ・ニューヨーク・タイムズやTechCrunch等 多くのメディアから高い評価を受けている。 ・英語、フランス語、スペイン語、 ポルトガル語に対応している。 |
codecademy
④ CODEPREP
CODEPREPは、codecademyと同じく
実際にコードを書きながら学習できる
プログラミング学習サービスの１つ。
| 学習タイプ | オンラインサービス |
| 料金 (最安) | 無料 |
| 習得知識・スキル | HTML/CSS、JavaScript、jQuery、 PHP、 Ruby、Python、Rust、Java、 SQL、Scala、Bootstrapなど |
| 特徴 | ・初めは穴埋め式ドリルで手軽に学習。 ・コードを自由に編集、ダウンロードも可能 ・様々な言語や目的に応じたブック ・無料で読めるものが100レッスン以上 ・ディスカッションボードというものがあり ユーザー同士で質問などもできる。 |
| 補足 | ・日本語に対応 |
CODEPREP
⑤ Udemy (ユーデミー)
Udemyは、米国シリコンバレーが発祥で、
学びたい人と教えたい人を繋いでくれる
個人対個人の学習マーケットプレス型の
世界最大級オンライン学習プラットホーム。
プログラミングはもちろん、デザインや
アプリケーションの使い方や技術等まで、
実績ある講師陣が教える10万以上の種類の
講座をオンライン上にて展開しているので、
自分の必要な内容を探して受講ができます。
| 学習タイプ | オンラインサービス |
| コース・プラン | Webデザイン入門オンライン講座等 |
| 料金 (最安) | ¥1,200〜 |
| 学習時間 (期間) | 学習期間なしで自分のペース |
| 習得知識・スキル | プログラミング・Webデザイン等 様々なスキル |
| 特徴 | ・10万以上のオンラインコース ・クオリティーの高いコンテンツが充実 ・専門的な内容の動画多数 ・無料サービスと有料オンラインスクールの 中間的な存在の有料サービス。 ・企業が展開するオンラインスクールと違い 料金が比較的安めの設定。(セールも多め) ・講義の質は受講しないと分からない。 |
| 卒業後・転職 サポート |
なし |
| 無料体験 | なし |
| 補足 | ・スクールまでは手が出せないという方に おすすめのサービス。 ・講師ごとに評価やクチコミがあるので、 参考にして受講すると良い。 |
無料サービスで物足りないなら
有料のオンラインスクール
最近では無料のオンライン学習サービスも
あらゆるサービスの展開を行なっていて、
Webデザイン・プログラミング (コード) を
1人で学べる場所もかなり増えてきました。
しかし、どれも1人だけで学べてしまうので
どうしても勉強過程で挫折してしまったり、
応用が効きにくい面も多々あったりします。
また書籍を利用し独学で学ぶのも可能ですが、
学校や誰かなどに教わりたいという場合には
有料のオンラインサービスを使うのもあり。
例えば「CodeCamp」などのサービスでは、
マンツーマンで学ぶことができますね。
(現役のデザイナーやプログラマーさんから、
直接指導をもらえて何でも質問できます。)
その他の有料のオンラインスクールは、
下の記事をチェックして見て下さいね。
まとめ
どうでしたでしょうか？
Webデザイン・プログラミングが学べる
4つの無料のオンライン学習サービスの
習得できる知識・特徴等を紹介しました。
今回の無料オンラインサービスの内容と
自分の今の状況を把握して使い分ければ、
十分に知識・スキルは身につくと思います。
ですが、あくまで基盤の部分のなので、
「応用のスキルの取得」「上級者を目指す」
そういった場合は書籍など違う媒体でも
勉強を進めていきましょう。