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