TechAcademy（テックアカデミー） EdTech（エドテック） 日本語にも対応！オンライン教育プラットフォーム「Udemy（ユーデミー）」をやってみた！
オーダーメイドコース
icon
icon
EdTech（エドテック）

日本語にも対応！オンライン教育プラットフォーム「Udemy（ユーデミー）」をやってみた！

アメリカでオンライン教育プラットフォームとして注目を集めている「Udemy（ユーデミー）」という動画で学習できるサービスがあり、プログラミングの講座も用意されています。本記事は実際にUdemyを使ってみた体験レポートです。

テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社　調査期間：2021年8月12日～8月16日　 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名　 調査手法：インターネット調査

アメリカでオンライン教育プラットフォームとして注目を集めている「Udemy」という動画で学習できるサービスがあります。プログラミングなどIT教育に関するコンテンツも数多く公開されているサービスです。

今回は実際にUdemyを使ってみた体験レポートをお届けします。

 

（ユーデミー）とは

Udemyとは、誰でも先生になって自分の講座をインターネット上に公開できるプラットフォームです。講座の販売金額の30%をUdemyに支払うというビジネスモデルになっています。

英語が中心ですが、11の言語に対応しており、日本語の講座も公開されています。サイト上の表記によると、ユーザ数は100万人、8000コースが用意されているとのことです。

udemy

Udemyの特徴として3点あります。

  • ユーザーは第1回の講座のビデオを無料で視聴できる
  • 講師は講座のコンテンツをアップするために、PowerPoint、YouTube、MP3などが使えて編集も可能
  • 講座の価格は先生が自由に決めることができ、無料のコンテンツもある

ユーザーにとって受講しやすことはもちろん大事ですが、講師にとっても手軽に講座をアップでき、お金を稼ぐことができるのは魅力的ですね。

 

講座の選び方

Udemyで講座を探す際は、カテゴリを絞って探すことができます。カテゴリにはテクノロジー、ビジネス、デザインなどが用意されており、特にプログラミングなどのテクノロジーカテゴリが多く公開されています。

また、この写真のように無料の講座だけに絞り込んで表示することも可能です。

無料講座各講座の表示の下には、過去に受講した人数と講座の評価も表示されているので、ユーザーが選びやすくなっています。

 

[PR] プログラミングで挫折しない学習方法を動画で公開中

日本語に対応した講座を受けてみた

今回は、日本語吹き替え版がある「Web講座レベル１：XHTML」と「CSS」を受けてみました。有料版で受講する場合は99ドルかかりますが、第1回目は無料で閲覧可能です。

web講座レベル１：XHTMLとCSS

第1回目は6分半の短い動画になっており、これ以降も5〜10分程度の動画です。日本語の吹き替え版の話し方もスムーズで、初心者向けということもあって、かなりゆっくりと話してます。

 

実際に第1回目の動画を再生すると、まずはWikipediaを使ってXHTMLとCSSについての簡単な説明を行なっていました。

動画内のWikipediaのページやコーディングの内容は全て英語のままなので、英語が苦手な方にとってはその点がネックになるかもしれません。

xhtml

 

次に、コーディングをする際に必要なテキストエディタについて紹介しています。

フリーソフトのテキストエディタのインストール方法、操作方法、プログラムの変更や更新などを動画を使って紹介しています。動画を見ながら進められるので、大きくつまずくこともないと思います。

テキストエディタ

この講座の良いところとしては、分からないこと、疑問に思ったことをオンラインで講師に質問できることです。この講師は原則としては24時間以内に返信しているそうなので、初心者の方でも安心して受講することができます。

 

今回使ってみたのはレベル1ですが、レベル2になるとJavaScriptの講座があり、こちらも日本語吹き替え版が用意されています。

Udemyを使ってみる

 

この記事を読んで気になった方は、まずは無料の動画から閲覧してみてはいかがでしょうか？

国内のプログラミング学習サイトを使ってみたい場合は、ドットインストールの実践レポートも参考にしてみてください。
オンラインブートキャンプ

記事を検索

関連するキーワード

関連する記事

【国内事例】主要ベンチャーキャピタルが出資している教育系スタートアップ企業まとめ

アメリカではKhan Academy（カーンアカデミー）など教育系のスタートアップがひとつのトレンドとして注目されることが多くなっています。これらの企業は、Ed...
EdTech（エドテック）

オンライン学習サービスmana.boも資金調達！サイバーエージェント・ベンチャーズが出資する教育系スタートアッ

先日、サイバーエージェント・ベンチャーズはオンライン学習サービスの【mana.bo】へ3800万円の出資を行いました。本記事では、教育系スタートアップ企業でベン...
EdTech（エドテック）

教育に革命をもたらす？東大・京大も導入するオンライン教育の「MOOC（ムーク）」とは

最近、国内外問わず注目を集める教育サービスですが、EdTech（エドテック）とも言われ注目を集めています。 そんなEdTechの中でも、「MOOC（ムーク...
EdTech（エドテック）

新時代の教育とは？EdTechのトレンドがわかるTED動画5選（日本語字幕あり）

今世界では急速に教育のあり方が変わるようなWebサービスが出ています。 前回の記事でご紹介したCodeacademyもその1つですが、それ以外にも世界中で...
EdTech（エドテック）

あわせてよく読まれている記事

独学でゲームが作れる！入門に最適なUnityの学習サイト20選

現在ゲームを作るためのゲームエンジンはたくさんの種類があります。 その中でも世界で一番使われているのがUnityです。ただUnityの勉強を始めたいと思っても何から始めれば良いのかわからない方もいらっしゃるかと思います。 今回はそんな方のために、Unityの勉強を始める際にオススメの入門サイトを紹介していきたいと思います。   なお、本記事はTechAcademyのUnity入門オンライン講座の内容をもとにしています。   Udemy 学習タイプ：動画 初心者から上級者まで様々なレベルの人が使えるUnity学習サービスです。 もちろんUnity以外にもありますが、実践的に学習が行えるので、本格的なゲームを作りながらUnityの知識を身につけることが可能です。 スマホでもPCからでも自分のペースで学習することができるはずです。 Udemyの特徴としては、最新技術をいち早く有料コースとして学習することが可能です。 Udemyのコースは、Udemyが提供しているコースだけでなく、Udemyという学習教材をオンラインで公開するサービスに、専門家が各自で作成した教材を公開しています。 そのため、ある技術に関する講座として様々な角度から様々な価格と言語で学習をすることができます。 また、その多くが動画テキストを採用しているため、文字を読むのが苦痛な受講生にも人気です。 スマホからも学習可能ということで、いつどこでも自分の好きなときにアカウントにログインして、簡単にコースにアクセスできます。 この機能のおかげで学習の機会が無限に開かれています。 そして、一度コースを購入すれば、アカウントが有効で、かつUdemyがコースのライセンスを所有し続ける限り、いつまでもコースへのアクセスが可能です。 Udemy   ドットインストール(Unity入門) 学習タイプ：動画 プログラミング初学者の味方「ドットインストール」です。 Unityのバージョンが少し古い物になっていますが、基礎操作や基礎知識を覚えるのには最適なサイトであると言えます。ここからUnity学習の第一歩を踏み出しましょう。 2017年現在はUnity4.2のみサポートしています。 また、このレッスンはサポート終了しています。 ドットインストール(Unity入門) また、ドットインストールの体験記事もございます。 プログラミング学習の超定番！「ドットインストール」をやってみた [PR] プログラミングで挫折しない学習方法を動画で公開中 OpenBook(Unity入門) 学習タイプ：テキスト OpenBookは誰でもオンライン上で本を作成できるサービスです。 そのサービス上で公開されているUnity入門です。基礎的な物理演算や摩擦、アプリの書き出しなど様々な技術を覚えることができます。 東京大学出身の著者を中心とした教材ですので、東京大学というキーワードに興味がある方には、心くすぐられる教材です。 OpenBook(Unity入門)   はじめてのUnity 学習タイプ：テキスト はじめてのUnityとなっていますが、前述の二つのサイトと比べるとレベルは少し高めとなっています。特に2Dシューティングのチュートリアルは骨のある内容となっており、これを完了すればUnityの基礎は理解したと言っても過言ではないでしょう。 Unity公式ページで解説されているテキストですので、公式ページとして安心して受講することが可能です。 はじめてのUnity    Unity3Dゲームの作り方講座 学習タイプ：テキスト 今までのサイトとは少し違い、パーティクルシステムや時間管理などについて解説してあります。 少し踏み込んだ内容となるので、基礎を理解している方におすすめのサイトです。 初級講座の部分を割りと省いているので、中級者以上のユーザーにとっては、無駄な部分を飛ばす事が可能な点がメリットです。 Unity3Dゲームの作り方講座   【入門編】世界よ、これが本当の Unity 講座だ（１） 学習タイプ：テキスト こちらはあのMobage(モバゲー)の技術者ブログです。Unityでゲームを作成していくというより、Unityやその他のゲームエンジンに関する知識や、Unity内のプログラムなどより深い部分について解説しています。 少し難しい内容と成っていますが一度目を通しておくと、今後のゲーム制作に役立つことは間違いないです。 【入門編】世界よ、これが本当の Unity 講座だ（１）    Unity公式(Unity入門) 学習タイプ：テキスト Unityの公式の入門ですが入門としては少し難しめの文章となっています。 今までにあげたサイトを勉強した後にまとめとしてみる事をおすすめします。ただ一つ一つの知識について詳しく解説してあるので、今までもやっとしていた知識や概念を理解するのに役に立つでしょう。 Unity入門となっていますが、対象は中級者まで対応していると言っても過言ではありません。 また、日々進歩する技術に対してもUnity公式として内容を更新している点が安心です。 Unity公式(Unity入門)   おもちゃラボ(Unity入門) 学習タイプ：動画/テキスト ポップなシューティングゲームを作成する事ができるサイトです。可愛いクオリティの高いゲームを作る事ができます。 UI(ユーザーインターフェイス)がしっかりとしたゲームを作る事ができるので、ゲームの魅せ方なども学ぶ事ができます。 可愛い名前ですが、現在の最新の内容は既に入門の域を超えています。 そのため、最初から順番に学習することでかなりのレベル迄学習可能です。 チュートリアルもあるため安心です。 おもちゃラボ(Unity入門)   テラシュールブログ 学習タイプ；テキスト Unityのより深い知識について解説しているブログです。今後ゲーム制作を作成していくにあたって間違いなくお世話になるブログです。 Unityに役立つ情報がたくさんあるので、定期的にチェックすることをおすすめします。 現在も頻繁に更新されており、記事数が非常に多い点が上級者にも必要な情報を提供しているといえます。 テラシュールブログ    Unity公式(チュートリアル) 学習タイプ：動画 英語版になっていますが、とてもおすすめのサイトです。 Unity公式とだけあって、クオリティがとても高いものになっています。 またAudio(オーディオ)やPhysics(フィジックス)などカテゴリ分けされたチュートリアルもあり、自分のわからないところをピンポイントで学ぶことができます。 Unity社員が講演をする場合も、こちらのチュートリアルを使用して現地で一緒に学習するという素晴らしいチュートリアルです。 Unity公式(チュートリアル)   3D Platformer Tutorial 学習タイプ：テキスト(PDF) チュートリアルとしては珍しく超ハイクオリティの3Dゲームを作ることができます。 現場でも通用するようなテクニックが満載でエンジニアリング以外の知識もたくさん載っています。 ただし、 Unity 2.0 の内容である点を注意する必要があります。 3D Platformer Tutorial   Libro〜ビギナーのためのUnity超入門〜 学習タイプ：テキスト 知ってる人は知っているご存知掌田津耶乃氏のサイトのunityの解説です。毎回同氏の解説は初心者には分かりやすく、とてもありがたいです。 全7回に分けて説明していただいています。 Unity4.6の内容になる点を注意する必要があります。 Libro   atmarkIT 学習タイプ：テキスト 3ページにわたってUnityがなんであるかを解説してくれています。概要をつかむのには持ってこいのサイトでしょう。 Unityの学習というより、Unityが如何に素晴らしいかを他の人に説明する時に使用すると良いでしょう。 atmarkIT   ThinkIT 学習タイプ：テキスト Unityを使っていきなり初心者がいきなりゲームを作ってみるという大胆な企画です。 楽しみながら飽きずに学習することができます。いきなりはハードル高めですが、虎穴に入らずば虎子を得ず。挑戦してみましょう。 実際にこれをみながら制作するより、見ることで制作していく実感を得ることができるという点が良いです。 ゲーム実況をみて、ゲームをした気分になる感じと似ています。 結果的にUnity開発へのスタートハードルを下げることができます。 ThinkIT   SONICMOOV LAV 学習タイプ：テキスト こちらは最短コース系なんと一時間でUnityを使ってゲームを作ろうとする大胆なものです。 ただ1時間で自分のゲームができると思うとワクワクしませんか？そのワクワクが学習へのエネルギーとなるのです！ SONICMOOV LAV   Developers.IO 学習タイプ：テキスト こちらは環境のインストールから親切に教えてくれます。まずどうにも動かない、という方はこちらから始められることをおすすめします。 Developers.IO   UINYAN.COM〜素人が7日間クソゲーを作り続けてわかったこと〜 学習タイプ：テキスト こちらはゲームムログラミングをしたことがない筆者がUnityを使って7日間でゲームを作ってみたときの記録です。それゆえの苦労や発見がみてとれると思うので是非学習に具体的にとりかかる前にチェックしてみるのもいいかもしれません。 UINYAN.COM   MUO 学習タイプ：テキスト 英語サイトですがUnityに関する基本がしっかりと体系立てて解説されています。英語が読める方にはとてもいいサイトだと思います。 MUO   Unity STUDENT 学習タイプ：テキスト こちらも英語サイトです。Unityに関する記事がひとつひとつキャッチアップ画面つきのリストになっていてやりたいことが視覚的に探せるので便利です。 Unity STUDENT   PLURALSIGHT 学習タイプ：動画 言語は英語ですが、動画でUnityを学べます。しかも無料で見ることができます。 PLURALSIGHT   SlideShare〜Unityを使ったゲームデザイン超入門〜 学習タイプ：スライド 東工大の学生のために作ったスライドですが我々全くの初心者にも最適です。まるで授業を受けているみたいでいいですね。 SlideShare   以上、Unityを独学から始められる学習サイトを紹介しました。 2Dや3Dゲームなど自分の作りたいものに合わせて学習サイトを選んでみると良いでしょう。自分がやりたいゲームを自分で作れるようになればより一層楽しく感じるはずです。 この記事を監修してくれた方 中本賢吾（なかもとけんご） アジマッチ有限会社　代表取締役社長 開発実績：PHPフレームワークによるフランチャイズ企業向け会員制SNS。Shopifyによる海外進出用大規模ネットショップ構築。Vue.jsによる金融機関向け内部アプリ。AWSやLinuxハウジングサーバーでの環境構築。人工知能を利用した画像判別システム。小売チェーン店舗用スマホアプリ。Wordpressによる不動産チェーン店向け賃貸・売買仲介システム。基幹システム移管用データコンバートシステム。 ボランティア活動：小学生がオリジナルAndroidアプリをGooglePlayでリリース、NHK Whyプログラミング入賞、全国Programing Festival入賞、中学生がSNS型PWAアプリリリースする市クラブ講座活動を行っている。 また、現役エンジニアから学べる無料のプログラミング体験会も実施しているので、ぜひ参加してみてください。 [お知らせ]TechAcademyではオリジナルゲームアプリが公開できるUnityオンラインブートキャンプを開催しています。現役Unityエンジニアのサポートで効率的に学びたい場合はご検討ください。
Unity

デザインはセンスじゃない！Photoshop/Illustratorの講師が語るWebデザインのポイントとは？

TechAcademyのはじめてのPhotoshop講座とはじめてのIllustrator講座の講師を担当する鈴木拓郎氏にインタビューを行いました。 鈴木氏は、以前に楽天株式会社に所属しており、楽天市場の出店者向けに講座を行う楽天大学の「画像処理講座」に兼務で参加されていました。その講師の結果として、社内で初となる3年連続で講師オブザイヤーという賞を受賞されています。 そんな鈴木氏にこれまでのご経験と、発注者が意識すべきWebデザインのポイントについてインタビューしました。   お話を伺った方 鈴木 拓郎氏 フリーペーパー発行、ネットショップの運営などの経験を経て2006年に楽天株式会社に入社。 楽天市場の店舗出店をサポートする部署に所属し、店舗サイトデザインのアドバイスなどを行う。また、出店者向けに講座を行う楽天大学の「画像処理講座」に兼務で参加。社内で初となる3年連続で講師オブザイヤーを受賞。 その後、Google日本法人でソリューション営業を経て、小売業とコンサルティング業をしながら、月に一回のFMラジオでECネタでコーナーを展開している。     Photoshop/Illustrator講座講師インタビュー ここからはインタビューをお届けします。   –鈴木さんがもともとPhotoshopやIllustratorを使うようになったのはいつごろからですか？   もともと私は個人でアパレルのお店を運営していたのですが、そのお店のオリジナル商品としてTシャツのデザインを作るために使い始めました。使い方は独学で学びました。 その後、2000年あたりに同じ業界の近所のお店どうしでフリーペーパーを発行することになったのですが、フリーペーパーを制作できる人がいなかったので私が作ることになりました。タイピングやロゴ作成などの少し難しい作業もここで習得しましたね。 このような経験をしていく中でよかったのは、お店に出入りしているスタイリストの方やバイヤーの方との付き合いから、一線で活躍しているプロのデザイナーやイラストレーターにアドバイスをもらえるようになったことです。プロの方に相談していくと、「こういう使い方があったんだ」という独学では学べない知識がついていきました。 商業的に使えるような技術はこの頃に身につきましたし、ビジュアルのデザインを見た時にどうしたら同じものが作れるのかということもわかるようになりました。     –楽天に入社されてから楽天大学の講師を担当されるようになったきっかけはなんですか？   小売やネットショップの運営経験があるということは、楽天市場加盟店のサポートがより深い所でできるのではないかという部分で楽天市場に入社することができたと思います。楽天では楽天市場の店舗さんのネットショップ構築をサポートする部署に所属していました。   その当時、楽天大学（楽天市場の出店店舗向けにネットショップの構築から、インターネットでの販売方法を考えて学んでいく学校）の画像処理とHTMLの講座があり、先輩の推薦で登壇させてもらえることになりました。 当時、講座には受講者の満足度を図るシステムがあって、この２つの講座はどの人が講師を務めても満足度が低く、問題視されていた講座だったように記憶しています。なので、『我こそは！』と、勇んで挑戦した気持ちもありましたね（笑）。 しかし、初登壇の講座では満足度がものすごく低く、平均にも満たない程。さすがに落ち込みました。落ち込みすぎて、当時の上司に慰めてもらったほどです。勇んでいって玉砕して、落ち込む・・・情けない話です・・・（笑）   それでも当時の上司が再度チャンスをくれたんです。 その上司の気持ちに応えたい気持ちもあって発想を変えて臨んだ次の講座では、なんと満足度が5点満点の平均で4.6くらいまでに一気に上がったんです。その時は、素直に嬉しかったですね。 結果として、その講座全体でも、過去にないくらいの高い満足度だったので、月間MVPを受賞することもできました。その後も、通常業務と兼務で、月にだいたい2本の講座の講師を務めるようになりました。    –なぜ、満足度が改善されたのですか？   初登壇の時は何回も練習して、テキストを読み返したり時間配分をコントロールしたりして、内容を全て頭に入れてました。他には声の大きさや、話すスピード、元気の良さ、なんかも気にしていました。 しかし結果（満足度）はというと、低かった。受講者のレビューを見ても原因が分からない。と言うことは次回も同じ結果ではないか？って思ったんです。 PDCAサイクル（仮説→実行→検証→改善）という言葉がありますが、（当時の僕の勉強不足もあるかもしれませんが）改善が見えなかったんです。   なので、改善ではなくて転換しようと思いました。練習してきた事以外に、今までこの講座をやってきた先輩講師がして来なかった内容が必要なんじゃないかと、 ネットショップを運営する方が、この講座で本当に必要なのは、デザインを覚える事ではない、その先にあるお店の運営とデザインを結びつけることじゃないかって考えたんです。 僕もネットショップ運営者でしたので、自分事として講座の内容を考えなおしました。結果、テキストには載っていない伝えるべきことが沢山あることに気づきました。 テキストに印刷もされていない内容なので、ホワイトボードに図を書いたり、絵を書いたりして説明しました。字が汚くても、ノウハウを受講者全員に理解できるように伝えることだけを考えました。 そんな気持ちで挑んだ2回目は初回よりも緊張して変な汗はかくし、熱くなってスールのジャケットは脱ぐし、シャツの袖は捲る。 そんな熱血（というよりも必死さ）が伝わったのかもしれないですね。（笑）     –講師オブザイヤーというのは、講師陣の中でその年もっとも評価された講師に贈られるものだとおもいます。 その中で3年も連続で受賞できた理由は何だと思いますか？   先ほどの問いの答えと重なりますが、自分でネットショップを運営していた経験をもとに、カリキュラムにないことを積極的に話すようにしたことと、「全受講生が共感すること」を意識したことがよかったのだと思います。 ノウハウや事例を聞いたって、全てが使えるわけではないですが、ネットショップを運営する中でビジュアルが1つ作れるだけで表現の幅がものすごく広がることは実感していたので、絶対にこれだけは伝えたいと思っていました。 また、ネットショップのオーナー側に立って、外注ばかりに頼っているとコストがかかってしまうことなども伝えていたので、 そこが店舗さんの共感をよんだんじゃないでしょうか？     –楽天大学の講座を実際に講座を受けられた方の反応はいかがでしたか？   講座のアンケートを毎回取っていたのですが、 コメント欄に名指して「鈴木さんありがとうございました」といったことをたくさん書いていただきました。アンケートの担当者の話では、感想で講師を名指しで評価される事は珍しいと言ってました。 他には、まったく同じ内容の講座なのに2回目を受けてくれる方もいて嬉しかったですね。     –今回なぜTechAcademyの講師を引き受けてくれることになったのでしょうか？   今まで右も左もわからなかった方が受講したことによって、一歩を踏み出せるような背中を押してあげられる講座であればやりたいなと感じたからでしょうか。 受講された方の可能性を広げたいという気持ちもありました。それは楽天大学で講師をしていた時と同じですね。 あとはメインの理由ではありませんが、都度アンケートを取ることができるので、今のニーズを知ったり、講師としてレベルアップできるのではないかとも思いました。     –TechAcademyではPhotoshopとIllustratorを担当されていますが、どんなことを意識して講座を行なっていますか？   できるだけ悩みや先入観を取り払ってあげることを意識しています。 私が伝えたいだけではなく、受講者様のニーズにマッチしなくてはいけない。講座の最初には受講生様ごとの課題を聞いて、書き出す。課題を講座の終了までに全て解決します。 また、TechAcademyの場合はFacebookグループで受講生の方とコミュニケーションがとれるようになっているので、Facebookの場で質疑応答を行うなどの交流も図っています。 あとは途中からついていけなくなってしまう方がでないように注意していますね。 TechAcademyで鈴木氏が講座を行う様子     –TechAcademyの講座に参加されているような発注者の方がデザインに対してどんなことを意識すべきだと思いますか？   受講する理由はさまざまかと思いますが・・・ 相手に伝えたいことを丁寧に、わかりやすい形で表現することがこれからは必要だと思っています。 技術的なデザインの話の前に、このデザインをみた人がどんな気持ちになるだろうと考えることがまずは大切なのではないでしょうか。     –具体的にはどのようなアクションしていくことがよいのでしょうか？   いろいろなもの観察することから始めるといいと思います。 なんでこのレイアウトなんだろう？なんでこの配色なんだろう？そしてそのデザインを観た相手がどう感じるのか考えます。 デザインを見てワクワクしたり、なんか気持ちが暗くなったり・・・ テレビCMなんかで、気になるCMが流れたりすると、（なんで僕は今、このCMが気になってるんだろう？ 色彩か？音楽か？タレントさんか？）とか考えます。 デザインと聞くと、どうしてもセンスが必要という先入観を持つ方が多いですが、良いデザインはちゃんと計算されているんです。その狙いは何なのか？考えて意識していくのが良いのではないでしょうか。     –最後に、今後鈴木さんの講座を受ける方に伝えておきたいことはありますか？   PhotoshopとIllustratorがわかるようになると、本当に可能性が広がると思うんですよね。印刷にしてもWebサイトの画像にしても表現の手段が広がります。 それは小売をやっていた私が、PhotoshopとIllustratorを覚えたことでネットショップをオープンできたことにもつながると思うんです。 自分の表現方法を広げるきっかけとして、この講座はきっと最初の一歩になると思います。     インタビューは以上です。 鈴木さんありがとうございました！   （取材・文・撮影／伏田雅輝　取材場所／帝国ホテル）
インタビュー

子どもの能力を伸ばすプログラミング学習！無料アプリ教材6選

小学校、中学校、高校と段階的にプログラミング教育が導入され、子どもプログラミングへの関心が高まっています。 最近では子どものプログラミング学習用に無料のアプリ教材が豊富に出ています。 そこで本記事では、子どもの能力を伸ばすプログラミング学習のための、無料アプリ教材を6つ厳選して紹介します。 子どものうちからプログラミングを始めることには多くのメリットがあり、小学校、中学校、高校それぞれでこれから必修化される「プログラミング教育」への導入としても役立つのでおすすめです。 子どもがプログラミングに興味があるなら、まずは手軽に始められる無料教材からプログラミングの学習を始めてみてはいかがでしょうか。 目次 子ども向けプログラミング教材の種類 【幼児〜小学生におすすめ】無料プログラミング教材 3選 【中学〜高校生におすすめ】無料プログラミング教材 3選 もっと学びを深めたい子どもには まずは子ども向けプログラミング教材にトライしよう！ 子ども向けプログラミング教材の種類 まず、こども向けのプログラミング教材4種類をそれぞれ紹介します。 1）アンプラグド教材 アンプラグド教材とは、コンピュータ（PC、タブレット、スマホなど）の電子機器を使わずにプログラミング的思考を学ぶ教材のこと。 コンピュータの原理やアルゴリズムの概念などをカードやパズルなどを使って学習します。 こちらは手軽に実施することができるので、プログラミングの考え方を学ぶ導入教材として、特に小学生低学年におすすめです。 【アンプログド教材例】 GLICODE®（グリコード） Robot Turtles（ロボットタートルズ） 2）ロボット教材 ロボット教材とは、プログラムによって実際にロボットなどを操作して動かすことができる教材です。 自分のプログラムした内容がすぐに確認できるので、子どもが興味を持ちやすく、楽しみながら学習することができるのが特徴です。 知育おもちゃとしてもおすすめの文字入力不要で幼児でも操作しやすいものから、テキスト言語でプログラムする本格的なロボットまで種類が豊富です。 【ロボット教材例】 Cubetto（キュベット） toio（トイオ） LEGO®BOOST（レゴブースト） 3）ビジュアル言語教材 ビジュアル言語教材とは、図形や命令の書かれたブロックやアイコンなど、視覚的な形を操作してプログラミングする言語教材です。 主にドラッグ＆ドロップの操作でブロックなどを組み合わせて簡単にプログラミングができるため、プログラミング初心者でも扱いやすいのが特徴です。 ビジュアル言語教材の中には、ビジュアル言語で作成したプログラムをテキスト言語に変換して表示したり、テキストでもコードの入力ができるものもあります。 【ビジュアル言語教材例】 Springin（スプリンギン） Viscuit（ビスケット） Scratch（スクラッチ） 4）テキスト言語教材 テキスト言語教材とは、コンピューターへの命令（プログラム）を文字、記号、数字のみで記述する教材のこと。 文字はほとんどの場合英語で、世界で実用的に使われているプログラミング言語の大多数が「テキストプログラミング言語」です。 つまり、エンジニアやプログラマーを目指すならいずれはテキスト言語を習得する必要があります。 【テキスト言語の一例】 HTML/CSS Ruby JavaScript Python　など [PR] プログラミングで挫折しない学習方法を動画で公開中【幼児〜小学生におすすめ】無料プログラミング教材 3選 それではまず、幼児～小学生におすすめできる無料のプログラミング教材を3つ紹介します。 1）Springin’（スプリンギン） 難易度★☆☆ ツールタイプ：テキスト言語、ビジュアル言語 コスト：完全無料 対象年代：未就学児〜大人 日本語対応：有 開発元：株式会社しくみデザイン オフライン版の有無：無 動作環境：iOS（iPhone・iPadのみ） PC× タブレット◯ スマートフォン◯ Springin（スプリンギン）は、iPhoneやiPad上で、画面に指で絵をかいたり、アイコンをタッチするシンプルな操作でプログラミングをおこなうことで自作でゲームなどを作れる、株式会社しくみデザインが開発したiOSアプリです。 iPhoneやiPadがあれば無料ですぐに利用できるといった手軽さと、実行したい処理を直観的な操作でプログラミングできるのが特徴です。 子どもが作成した画面上のアイテムにタッチするというシンプルな操作で、「重力」「回転」「自分がタッチされたら○○を動かす」などのような様々な機能や性能を実装できます。アイテム同士の関係を工夫することで小学生でも簡単にゲームや絵本、パズルを作成できます。 独自のビジュアルプログラミング方式でプログラミングを学習している感覚なく、子どもがゲームを作る楽しさに集中できる教材となっています。学習につまずいたとしても、しっかり教えてくれるガイドも充実していて使いやすいです。 2）Viscuit（ビスケット） 難易度★☆☆ ツールタイプ：ビジュアル言語 コスト：完全無料 対象年代：未就学児～小学校低学年 日本語対応：有 開発元：合同会社デジタルポケット オフライン版の有無：有 動作環境：ブラウザ, iOS, Android PC◯ タブレット◯ スマートフォン◯ Viscuit（ビスケット）は、パソコンやタブレットに描いた絵を動かしたり、その絵をつかって「ゲーム」を作ったりすることができる、小学生におすすめのユニークなビジュアル言語教材です。 プログラミング言語は一切使わず、お絵かき感覚で学べるため未就学児でも使うことができます。 ビスケットでのプログラミングが、他の教育向けビジュアルプログラミング言語と大きく異なる点を説明します。 まず、自分で絵を描いて、次にその絵を変化、移動させたりするために、画面上にある「メガネ」というツールを使う、という操作だけでプログラミングができてしまいます。自分で変化させたい場合は「メガネ」の左右の輪に違う絵を置き、移動させたい場合は、同じ絵を「メガネ」の左右の輪にずらして置きます。 他のビジュアル言語の場合、右に10歩移動し、上に40歩移動する等の表現しなければなりませんが、ビスケットの場合は、「メガネ」を使って簡単にできるので、子どもたちがコンピュータでやりたいことに集中して試行錯誤することができます。 スマホ用、タブレット用のアプリがあるほか、パソコンのブラウザ上でも利用できますし、小学校などの学校向けにオフラインで動作するWindows版の配布もあります。 3）Scratch（スクラッチ） 難易度★★☆ ツールタイプ：ビジュアル言語 コスト：完全無料 対象年代：未就学児～高校生 日本語対応：有 開発元：MITメディア・ラボ オフライン版の有無：有 動作環境：ブラウザ, Windows PC◯ タブレット◯ スマートフォン× Scratch（スクラッチ）とは、アメリカ・マサチューセッツ工科大学のメディアラボが無償で公開しているビジュアルプログラミング言語です。 画面上のブロックをつなぎ合わせてプログラムを作るといった、主にマウスを使用してプログラミングするため、キーボード操作に不慣れな小学生でも簡単に操作可能です。 「10歩動かす」「１秒待つ」というような、あらかじめ準備されている命令ブロックを組み合わせてプログラムを作り、プログラムを実行することで画面上のキャラクターを動かしたり、音楽を流したりできます。 作ったプログラムを実行して実際に動作確認をしながら、修正しては実行するトライ＆エラーの作業が、PCまたはタブレットの画面上だけで手軽に行えるので、小学生やプログラミング初心者におすすめです。 自由に遊びながらプログラミングの基本を学ぶことで、発想力や自己表現力が自然と身に付きますよ。 作ったゲームやクイズ、アニメーションなどの作品は、Scratch専用サイトで世界のユーザーに共有することができ、ネットリテラシーの学習も期待できます。 【中学〜高校生におすすめ】無料プログラミング教材 3選 ここではまず、中学～高校生のプログラミング学習におすすめしたいプログラミング言語について解説します。中学〜高校生へおすすめのテキスト言語の例として、HTML/CSS、JavaScript、PHPなどがあります。 HTMLは、ハイパーテキスト・マークアップ・ランゲージ（Hyper Text Markup Language）の略で、簡単にいうと、コンピューターが理解できる文章構成をするための言葉です。主にWebページなどの作成に使われます。 CSSは、カスケーディング・スタイル・シート（Cascading Style Sheets）の略で、Webページのスタイルを指定するための言語です。HTMLと組み合わせて使用されます。 JavaScriptは、非常に身近な言語であり、検索バーに文字を入力するなど、私たちが日々パソコンやスマートフォンで使う動作の際に、JavaScriptによるコンピュータ処理が実行されています。 PHPは、動的にWebページを生成することが可能な言語です。他のプログラミング言語に比べて習得しやすいと言われています。 これらのテキスト言語を学習する際には、キーボードによる文字入力が必要となるためほとんどの場合パソコンを使用します。 それでは、中学～高校生におすすめの無料のプログラミング教材を3つ紹介します。 1）Hour of Code（アワーオブコード） 難易度★★☆ 完全無料 対象年齢 4歳〜18歳 アンプラグド教材・ビジュアル言語教材・テキスト言語教材（HTML、CSS、JavaScript） Hour of Code（アワーオブコード）は、コースが豊富で初心者〜上級者コースまで揃っています。 ディズニーやマインクラフトなどとコラボしたカリキュラムがあり、子どもの興味を引き付けることができます。 そのため、小学生でも学習可能で、早くに学習を始めることで子どもたち自身が21世紀の情報社会を生き抜くための基盤を構築することができます。 もちろん中高生向けの本格的なプログラミングが学べるコースも豊富に揃います。 Hour of Codeは、コンピュータサイエンス教育週間諮問委員会、審査委員会のほか、マイクロソフト、アップル、アマゾン、Boys and Girls Clubs of America、College Boardなど、さまざまな企業、団体によって推進されています。 作成したプロジェクトは全世界に公開できて、いろいろな人からのコメントをもらうこともできますし、問題解決能力、論理性、創造性を養うことができる教材となっています。 2）progate（プロゲート） 難易度★★☆ 一部無料（基礎レベル18レッスン） 月額¥980＋税で82レッスン全て受講可能 対象年齢 11歳〜 テキスト言語教材（HTML、CSS、PHP、jQuery、Ruby） progate（プロゲート）は、1レッスンで解説スライドと演習がセットになっているため、学習しやすい教材です。 初心者から創れる人を生み出す、初心者でも独学で挫折せずに学べること、そして本物のスキルが身につき 「創れる」ようになることを念頭に設計された教材となっています。 一部（基礎レベル18レッスン）を無料で利用することができます。 イラスト中心のスライド式カリキュラムなので自分のペースで学習でき、復習しやすい構成となっています。 プログラミングの作成はすぐに実践することができるように工夫されていて、実際にプログラムを作りながら使えるスキルが身につきます。 この取り組みによって「創れる人」となれるように、子どもたちが自身でエラーを解決し、目標に向かって努力する能力が身につきます。 progateでは無料会員向けには、プログラミングに触れ「基礎」を身につけるコースが、プラス会員に向けには、月額980円＋税で「応用」と「実践」で創る力を身につけるコースが用意されています。 アプリ版は「まずは気軽に始めてみたい」という方におすすめで、まとまった時間がなくても、アプリによる学習ならスマホゲーム感覚で楽しく始められますよ。 まずはアプリ版をダウンロードして、そのあとWeb版で本格的に実践するというのもおすすめです。 3）CODEPREP（コードプレップ） 難易度★★☆ 完全無料 対象年齢 11歳〜 テキスト言語教材（HTML、CSS、JavaScript、Ruby、PHP、Java、jQuery、Python など） CODEPREP（コードプレップ）は、1日10分から始められる穴埋め式ドリル形式が特徴です。 また、この穴埋め式ドリル形式は基礎だけでなく応用編も充実しており、基本的なものから実践的な教材まで揃い、それらが全て完全無料で学び放題となっています。 教材のSTEP1では、サクサク学べる内容となっています。 最初は穴埋め形式なので1冊10分、テンポよく隙間時間で学習できます。HINTやTIPSを見ながら空欄に正解を埋めて直感的にプログラムの動きを理解していきます。 教材のSTEP2では、自由に学べる内容となっています。 STEP1で学習した穴埋め以外の部分についても理解したくなったら、「自由編集モード（Playground）」に切り替えてコードを自由編集することができます。 自分で変更したところが実際にどのように動作に反映されるのかを確かめることができるので、より理解を深めることができます。 教材のSTEP3では、自分の環境で学べる内容となっています。 プログラムの実際の動きを確認したら、編集したコードをダウンロードして自由自在に動作させることができ、子どもたちの達成感を向上させることができます。 最後に、CODEPREPの教材の例をいくつか紹介します。 Java基礎 オブジェクト指向編 Python実践 コマンドラインアプリ編 JavaScript演習 配列操作編 HTML入門 基本要素(タグ)編 JavaScript入門 基本操作編 CSS入門 基本スタイリング編 Ruby入門 基本操作編 WebSocketでチャットをつくろう　など Udemy（ユーデミー） もおすすめ！（有料） 難易度★★★ 有料（1コース1,500円〜） 対象年齢 18歳以上（※18以上でないとアカウント発行できません） テキスト言語教材（HTML、CSS、JavaScript、PHP、Java、Unity、Python など） 無料ではありませんがプログラミング学習教材として、Udemy（ユーデミー）もおすすめです。 Udemyは、世界最大級のオンライン学習プラットフォームであり、世界中の学びたい人と教えたい人をオンラインでつなぐサービスです。 世界最大のコースラインナップ数を有しており、130,000の豊富なコースから選べて、さらに毎月新しいコースが追加されています。 また、講座の内容は、エンジニア業界の専門家が作成しているので安心して受講できます。 Udemyは米国Udemy,Inc.によって運営されているプラットフォームで、日本ではベネッセが事業のパートナーとして協業しています。 C2C（consumer to consumer）により生まれる、豊富で魅力的な講座が多く、子どもたち個人の学習ニーズに応じたコースを見つけることができます。 一般的にオンライン学習サービスは、月額定額のサブスクリプションサービスとなっているものが多く、学習期限がありますが、Udemyは一度講座を購入するとそれ以上は費用がかからず学習期限もないため、何度も復習するなど自分のペースで学習できることろが大きなメリットです。 もっと学びを深めたい子どもには「テックアカデミージュニア」 もっとプログラミングの学びを深めたい子どもには、習い事として「プログラミング教室」がおすすめです。 オンライン教材だけでは、子どもがひとりで学ぶにはモチベーションが続かない、遊び感覚で終了してしまうなど、どうしても限界があるからです。 テックアカデミージュニアは、全国に教室を展開する小中高生向けプログラミング教室です。 通いのオフライン教室の他に、カリキュラムとアクティブラーニングのハイブリット学習で子どもたちの学びを最大化する、オンライン教室も展開。自宅にいながらプログラミングの効率的な学習が可能です。 テックアカデミージュニアのカリキュラムは動画とWebテキストで構成されており、子どもたち一人一人が自分のペースで学習を進めることができます。 気になる方は自宅からオンラインで無料体験学習ができますので、ぜひお試しください。 テックアカデミージュニアが展開する〈7コース〉を紹介 〈初級〉Springin’（スプリンギン）コース（準備中） 受講対象：7歳～（推奨） プログラミングが初めての人におすすめ、想像力を育む iOS専用アプリ「Springin’（スプリンギン）」を使用 自分で描いた絵に重力などの様々な効果をつけてゲームや動く絵本を作成 ビジュアルプログラミングなので未経験者の学習に最適 ふりがな付の丁寧な解説テキストで安心して学習を進められる 〈初級〉はじめてのScratchコース 受講対象：9歳～（推奨） オンライン教室対応 初めての人におすすめ、プログラミングの基礎を学ぶ ビジュアル言語教材の「Scratch（スクラッチ）」を使用 ブロックを組み合わせてできるプログラミング ゲームやアニメーションを作りながら飽きずに学ぶ 動画の解説付きで文字を読むのが苦手でも大丈夫！ 〈中級〉Scratchマスターコース 受講対象：10歳～（推奨） オンライン教室対応 より本格的に学びたい方におすすめの中級レベル ビジュアル言語教材の「Scratch（スクラッチ）」を使用 ブロックを組み合わせてコンピューターの制御を学ぶ 目覚まし時計、計算ゲームなどをプログラミングして開発 プログラミングを学ぶことで論理的思考／創造力が身につく 〈上級〉Webアプリコース 受講対象：11歳～（推奨） オンライン教室対応 実践的なWebプログラミングを学習する上級レベル 世界で用いられるテキスト言語「Ruby（ルビー）」を使用 現役のエンジニアが子どもたちを遠隔でサポート 基礎文法を学び、挨拶ロボットアプリなど簡易的なWebアプリを開発 〈上級〉ゲームアプリコース 受講対象：11歳～（推奨） オンライン教室対応 実践的なゲームプログラミングを学習する上級レベル 世界で用いられる「JavaScript（ジャバスクリプト）」を使用 現役のエンジニアが子どもたちを遠隔でサポート 基礎の文法を習得し、シューティングゲームなどのゲームアプリを開発 〈上級〉Pythonロボティクスコース 受講対象：11歳～（推奨） 実践的なゲームプログラミングを学習する上級レベル 世界で用いられるテキスト言語「Python（パイソン）」を使用 現役のエンジニアが子どもたちを遠隔でサポート 基礎の文法に交え、簡単なロボット制御を並行して学習 〈入門〉プログラミング入門コース with マインクラフト 受講対象：9歳～（推奨） キーボードやマウスの操作に慣れるパソコン入門レベル 全世界の子どもに大人気の「マインクラフト」を使用 適宜、動画が配置されていて学習を進めやすい設計 ゲーム感覚でプログラミングの基本を一通り習得可能 これからプログラミングを始めたい、何から始めたらいいか分からないという方はぜひ試してみください。 ▶︎自宅で無料体験学習を受けてみる ▶︎テックアカデミージュニアについて詳しく知りたい ▶︎子どもにプログラミング学習が向いているか、適性をチェックしたい まずは子ども向けプログラミング教材にトライしよう！ いかがでしたでしょうか。 この記事では、年代別におすすめの子ども向けプログラミング教材を6つ紹介しました。 昨今は無料で手軽に始められる子ども向けプログラミング教材がたくさんあるので、プログラミング教育の導入として、さらにはステップアップとして活用してみてはいかがでしょうか？ プログラミング学習にはたくさんのメリットがあるので、最後にプログラミング学習で身に付く力/スキルをまとめておきます。 プログラミングを学習するメリット 学習力：主体的に考え学習する力が身に付き、他教科の学力アップに繋がる 質問力：わからないことを伝える力が身に付く 積極力：「できた」という成功体験が自信につながる 自己表現力：自らの力で作品を形にすることで自己表現力が身に付く 問題解決力：問題の原因を探り、解決へと導く力が身に付く 論理的思考力：自分が意図する活動を実現するためにはどうすべきか順序立てて考える力が身に付く プログラミングはこれからの社会を生きる子どもたちにとって、必ず役に立つスキルとなります。 興味がある子どもたちにはぜひ、学びの機会を与えてあげましょう！ この記事が子どもたちの成長や可能性を広げるきっかけになれば幸いです。 ▶︎子どもにプログラミング学習が向いているか、適性をチェックしたい
子ども向けプログラミング

ゼロから学べる！プログラミングの無料学習サイト【国内外あわせて20選】

プログラム学習に役立つ、無料で使えるプログラミング学習サイトについてご紹介します。 プログラミング初心者が勉強するとなると、どこから始めていいのかわからないことも多いと思います。   そんな課題を解決するような「無料でプログラミングを学べるサイト」がアメリカを中心にして増えてきています。その中でもCodecademyは記事などでも多く紹介されています。このCodecademyのように実際にコードをブラウザ上で入力て学べるサイトや、プログラミングについての動画を見ることができるサイトなどもあり、人気を集めています。   今回はそんなプログラミングを学べるサイトをご紹介します。国内外両方のサイトを紹介しているので、英語ができない方でも参考になると思います。プログラミングの学習方法を提示しているサイトもあります。 また、プログラミングを本で勉強したい場合は、プログラミング入門書の記事も参考にしてみてください。   TechAcademy（テックアカデミー）のYouTube動画 無料でプログラミングを一から学びたい方はこちらをおすすめします。 プログラミングやSEOなどを発信するブロガー兼YouTuberのマナブさんもご自身のブログ、manablog内で推奨しています。 HTMLの基本からハウツー動画まで200近くの膨大な量の動画が公開されています。 何から始めていいかわからない人でも学習に取り組めるよう、カリキュラム化された再生リストがあるのも特徴です。 いざ学習を始めるときにはここから取り組むといいでしょう。 JavaScriptを学習するフロントエンドの講座もあります。 はじめてのHTML入門講座 はじめてのCSS入門講座 はじめてのJavaScript入門講座   Codecademy（コードアカデミー） 世界的に有名なプログラミング学習サイトです。最初は英語のみでしたが、TOPページのみCodecademyは日本語対応を開始しています。 ブラウザ上でコードを書くエディタが用意されているため、特に開発環境を用意しなくても始められるのが特徴です。また、一般のユーザーがプログラミングのレッスンを作れるようになっており、プログラミング学習のプラットフォーム的な使われ方をされることになりそうです。 問題に答えていくとバッジがもらえる機能があり、ゲーミフィケーションを意識したサービスでもあります。 学べる言語は他のサイトと同じようなJavaScript、HTML/CSSをはじめとしてPythonとRubyにも対応しています。 Codecademy   [PR] プログラミングで挫折しない学習方法を動画で公開中Udemy ここ数年日本でも話題になっている動画学習サービスです。 プログラミング言語の教材から実践的にアプリケーションを開発する授業など、日本語コンテンツもどんどん増えてきています。無料で閲覧できる学習コンテンツもあるので、ぜひ試してみてください。 有料の授業もありますが、キャンペーンをよくやっているので、安くなるタイミングを見計らって利用すると良いでしょう。 Udemy   ドットインストール 国内では最もメジャーといえるプログラミング学習サイトです。 「3分間でマスターする初心者向けプログラミング学習サイト」というコンセプト通り、レッスンを全てYouTubeを使って無料でみることができます。 ブラウザ上でコードを書く機能はありませんが、PHP、JavaScript、Ruby、Python、Javaなど幅広い言語がカバーされています。有料プランもあるので、ぜひ色々試してみてください。 ドットインストール    Progate 各章ごとスライドで読み進めていきながら、実際にブラウザ上でコーディングできる学習サイトです。学習できる言語の幅も広く、HTML/CSSやRuby、PHPだけでなく、iOS開発のSwiftやGitについても学ぶことができます。 また、各コース「初級」「中級」「上級」とレベル別で進められるので、自分の成長を感じられるはずです。 各章を完了するごとに自分のレベルも上がっていき、ランキングにも載れるのでモチベーションになるでしょう。 Progate   Schoo IT企業で働くエンジニアやデザイナーなどが動画で授業をしてくれるサービスです。 最新の技術トレンドやアプリの作り方など、かなり実践的な内容になっています。平日夜19時以降などは、リアルタイムでも授業が見れたりするので、ぜひ活用してみてください。リアルタイムの放送では、先生に質問することもできます。 タブレットで動画を見ながらパソコンでコーディングする学習方法をおすすめします。 Schoo   CodeStudy インターンシップやアルバイトの求人メディア「JEEK」を展開する株式会社Techouseが運営しているサービスです。JEEK内のいちコンテンツとして提供されています。 社会人でも利用できますが、学生をターゲットにしているようです。 Codecademyのようにブラウザ上だけで学習することができ、問題を解いていくと自分のレベルが上ったことを確認できる仕組みになっています。 レッスン内容はJavaScriptとjQueryが用意されています。また、Facebookでログインしている場合は、友達と経験値やレベルを競争できる機能が追加されています。 CodeStudy   Code.9leap ゲームプログラミング学習に特化したサービスで株式会社ユビキタスエンターテインメントが運営しています。 ゲームエンジン「enchant.js」を使ったプログラミングを、 ゲーム感覚のチュートリアルで学ぶことができるサイトです。お手本のコードを変えていくと自分のゲームを開発することができます。 問題の出し方は対話のようになっているため初心者でもわかりやすくなっています。 また、ユーザー自身がサンプルコードを使って簡単なゲームがを作成することも可能です。実際に作ったゲームは9leapで開催されているコンテストに応募できることになっており、コンテストには賞品も用意されています。 code.9leap   ミニツク（Minituku） Rubyに特化して勉強ができるサイトです。ログインをしなくても一部の機能はそのまま利用することができます。 Rubyの設計者・開発者であるまつもとゆきひろ氏がRubyの基礎ついて紹介している動画コンテンツも用意されています。 学習方法は、出された問題を4つの選択肢から選ぶ「ドリル」と、問題をもとに実際にコードを書いてから模範解答を確認すると「演習」の2つがあります。演習では他の人が答えた内容も見ることができます。 ミニツク   プログラミン 文部科学省が提供する子供向けのサイトです。 次に紹介するGoogle Blocklyと同じように、コードは入力せずにブロックを組み合わせるだけで絵を自由に動かして遊ぶことができます。 子供向けのサイトですが、プログラミングがどのように動いているのかを学ぶことができます。 プログラミン    Google Blockly Googleが提供しているパズル感覚でプログラミングを学べるサービスです。コードを書かなくてもプログラミングの感覚を身につけることができるサイトです。 子ども用のプログラミング言語として開発されたScratchと同じような仕組みです。 Google Blocklyの使い方はデモサイトを見るとわかるようになっています。 迷路ゲームのようになっているので、ブロックで「命令」と「状態」を指定してゴールまで進めるように組み合わせていくことになります。 プログラミングの言語などの書き方を覚えるというよりも、プログラミングの考え方を学ぶ上で使えるサービスと言えます。 Google Blockly   Khan Academy アメリカのEdTech企業として有名なサイトです。 もとは数学、科学、経済など幅広いジャンルの講座を動画をみて学習するサイトですが、この中にブラウザ上でコンピューターサイエンスを学べるコースが用意されています。このコースの中に、ブラウザ上で学習することのできるJavaScriptコースもあります。 講座の内容としては左にコードが表示され、コードを変えると右側にある独自のイラストなどが結果として反映されます。 Khan Academy   Code School プログラミングを動画を使って学習できるサイトです。 有料版は月間25ドルかかりますが一部のコンテンツは無料で利用することができます。 他のサイトとの比較として、非常に動画の質が高いという特徴があります。コードを入力する前に動画を見るパートが用意されているのですが、ただ映像を流すだけでなく、あたかも目の前でプレゼンテーションをしているかのようにスライドなどが表示されます。 映像を見終わったあとはクイズに答える形式をとっており、正解するとバッジがもらえる機能もあります。 プログラミング言語はJavaScript、Ruby、R言語の他にiOSを扱った講座も用意されています。 Code School   Udacity 海外の動画学習サービスです。 スマホアプリでの学習も可能になっているので、プログラミングやデザインの概念に関わる動画は、移動中などにも見ることができます。 海外のサービスなので、日本語の授業はありませんが、英語の勉強も同時にしたい人には良いかもしれませんね。 Udacity   Code Avengers サイトで使っているキャラクターにインパクトのあるプログラミング学習サイトです。 キャラクターからミッションが出題されるので、それに答える形でブラウザ上にコードを入力していく学習方法です。他のサイトと同様にわからないとろがある場合はヒントを確認することができます。 レッスンの内容はHTML5/CSS3とJavaScriptがあり、レベルに応じた内容を受けることができます。 Code Avengers   Skillhub Web開発者、Webデザイナー、Webマーケターに向けにそれぞれにあった学習プログラムを提供しているサイトです。Skillhubでは動画を見ながら5~10時間で学ぶというスタイルです。 どの動画も初心者向けに作られているので、安心して受けられるでしょう。 レッスン内容は、プログラミング部門としてはRuby on RailsやGit、WordPressなどがあり、他にもPhotoshopやIllustratorなどが口座として用意されています。 Skillhub   TheCodePlayer ページのデザインごとに実際のコードを見て学習できるサイトです。プログラミングというよりはWebデザインがメインです。 サンプルページに対して、実際にどのような手順でコードを書いているのか時間を追って確認することができます。サンプルページではJavaScript、HTML5、CSS3をそれぞれ見られるようにうなっています。 できあがったコードは自分で自由に書き換えて、その結果がどのように表示されるかを確認することができる機能も用意されています。 TheCodePlayer   Paiza クイズに答えていきながらレベルアップを目指すというオンライン学習サービスです。 各言語レベルごとにいろんな問題が用意されています。その答えをブラウザ上にソースコードとして書き提出。正解することで自分のプログラミングレベルは一般的にどれくらいなのか知ることができます。 ある程度勉強した後の力試しとして利用することをおすすめします。 Paiza   ウェブカツ!! HTML/CSS、JavaScript、PHP、MySQLの知識をつけながらWebサービスの作り方を動画で学習するサイトです。 ここ数年ブログサイトなどに利用されているWordPressの使い方を学ぶこともできるので、サイト作成してみたいという人におすすめでしょう。 0円~149,800円の幅で学習することができるサービスとなっています。 ウェブカツ!!   Treehouse 動画や小テストなどを通じて、実際にWebサイトをどのように作っていくのかを学べるサイトです。一部は無料で使うことができます。 レッスン内容としてはJavaScriptやRubyを使ったものから、iPhoneアプリやAndroidアプリの作り方など多岐にわたります。 また、有料のコースを大学生5000名に招待したことがTechCrunchに紹介されて話題になりました。 Treehouse   appendTo jQueryとJavaScriptに特化したオンライン学習サイトです。 ブラウザ上で入力する機能はありませんが、1つの動画が30分から40分程度ある中身の濃い内容を見て学習していくことになります。 ReactやAngularなど実際の開発現場でもよく使うフレームワークを身につけることも可能なので、ぜひご覧ください。 appendTo Developer Learning Center   プログラミング学習サイトの特徴まとめ サービスごとに日本語対応や扱っているプログラミング言語が違うため表にまとめてみました。気になったものから試してみてください。 サービス名 日本語対応 動画コンテンツ コード入力 主なプログラミング言語など TechAcademy(YouTube)  ○  ○ × HTML/CSS、JavaScript、MySQL、Git、 UNIX、jQuery、レスポンシブデザイン、 プログラミング基礎 Codecademy △ × ○ JavaScript、Python、Ruby Udemy ○ ○ × Python、Ruby、Swift Progate ○ × ○ HTML/CSS、JavaScript Schoo ○ ○ × HTML/CSS、Java、C言語 ドットインストール ○ ○ × JavaScript、PHP、Ruby CodeStudy ○ × ○ JavaScript Code.9leap ○ × ○ JavaScript ミニツク ○ ○ × Ruby プログラミン ○ × × 言語がなくても学べる Google Blockly × × △ 言語がなくても学べる Khan Academy × ○ × JavaScript Codeschool × ○ ○ JavaScript、Ruby、R言語 Udacity × ○ × JavaScript、Ruby、Python Code Avengers × × ○ JavaScript Skillhub ○ ○ × JavaScript、Ruby on Rails TheCodePlayer × × ○ JavaScript Paiza ○ × ○ PHP、Java、Ruby ウェブカツ ○ ○ × JavaScript、PHP、MySQL Treehouse × × ○ JavaScript、Ruby appendTo × ○ × JavaScript ※コード入力はブラウザ上でコード入力できる機能を用意しているか   プログラミング学習サービスは、海外にも目を向ければかなり多く存在します。大きく3つに分ければ、「動画」「テキスト」「コーディングしながら」といったスタイルのサービスに分けられます。 この辺りは、人によって習得のしやすさが変わるので、ぜひ自分に合った学習方法を見つけていきましょう。 また、現役エンジニアから学べる無料のプログラミング体験会も実施しているので、ぜひ参加してみてください。
プログラミング

ゼロから学べる！プログラミングの無料学習サイト【国内外あわせて20選】

プログラム学習に役立つ、無料で使えるプログラミング学習サイトについてご紹介します。 プログラミング初心者が勉強するとなると、どこから始めていいのかわからないことも多いと思います。   そんな課題を解決するような「無料でプログラミングを学べるサイト」がアメリカを中心にして増えてきています。その中でもCodecademyは記事などでも多く紹介されています。このCodecademyのように実際にコードをブラウザ上で入力て学べるサイトや、プログラミングについての動画を見ることができるサイトなどもあり、人気を集めています。   今回はそんなプログラミングを学べるサイトをご紹介します。国内外両方のサイトを紹介しているので、英語ができない方でも参考になると思います。プログラミングの学習方法を提示しているサイトもあります。 また、プログラミングを本で勉強したい場合は、プログラミング入門書の記事も参考にしてみてください。   TechAcademy（テックアカデミー）のYouTube動画 無料でプログラミングを一から学びたい方はこちらをおすすめします。 プログラミングやSEOなどを発信するブロガー兼YouTuberのマナブさんもご自身のブログ、manablog内で推奨しています。 HTMLの基本からハウツー動画まで200近くの膨大な量の動画が公開されています。 何から始めていいかわからない人でも学習に取り組めるよう、カリキュラム化された再生リストがあるのも特徴です。 いざ学習を始めるときにはここから取り組むといいでしょう。 JavaScriptを学習するフロントエンドの講座もあります。 はじめてのHTML入門講座 はじめてのCSS入門講座 はじめてのJavaScript入門講座   Codecademy（コードアカデミー） 世界的に有名なプログラミング学習サイトです。最初は英語のみでしたが、TOPページのみCodecademyは日本語対応を開始しています。 ブラウザ上でコードを書くエディタが用意されているため、特に開発環境を用意しなくても始められるのが特徴です。また、一般のユーザーがプログラミングのレッスンを作れるようになっており、プログラミング学習のプラットフォーム的な使われ方をされることになりそうです。 問題に答えていくとバッジがもらえる機能があり、ゲーミフィケーションを意識したサービスでもあります。 学べる言語は他のサイトと同じようなJavaScript、HTML/CSSをはじめとしてPythonとRubyにも対応しています。 Codecademy   [PR] プログラミングで挫折しない学習方法を動画で公開中Udemy ここ数年日本でも話題になっている動画学習サービスです。 プログラミング言語の教材から実践的にアプリケーションを開発する授業など、日本語コンテンツもどんどん増えてきています。無料で閲覧できる学習コンテンツもあるので、ぜひ試してみてください。 有料の授業もありますが、キャンペーンをよくやっているので、安くなるタイミングを見計らって利用すると良いでしょう。 Udemy   ドットインストール 国内では最もメジャーといえるプログラミング学習サイトです。 「3分間でマスターする初心者向けプログラミング学習サイト」というコンセプト通り、レッスンを全てYouTubeを使って無料でみることができます。 ブラウザ上でコードを書く機能はありませんが、PHP、JavaScript、Ruby、Python、Javaなど幅広い言語がカバーされています。有料プランもあるので、ぜひ色々試してみてください。 ドットインストール    Progate 各章ごとスライドで読み進めていきながら、実際にブラウザ上でコーディングできる学習サイトです。学習できる言語の幅も広く、HTML/CSSやRuby、PHPだけでなく、iOS開発のSwiftやGitについても学ぶことができます。 また、各コース「初級」「中級」「上級」とレベル別で進められるので、自分の成長を感じられるはずです。 各章を完了するごとに自分のレベルも上がっていき、ランキングにも載れるのでモチベーションになるでしょう。 Progate   Schoo IT企業で働くエンジニアやデザイナーなどが動画で授業をしてくれるサービスです。 最新の技術トレンドやアプリの作り方など、かなり実践的な内容になっています。平日夜19時以降などは、リアルタイムでも授業が見れたりするので、ぜひ活用してみてください。リアルタイムの放送では、先生に質問することもできます。 タブレットで動画を見ながらパソコンでコーディングする学習方法をおすすめします。 Schoo   CodeStudy インターンシップやアルバイトの求人メディア「JEEK」を展開する株式会社Techouseが運営しているサービスです。JEEK内のいちコンテンツとして提供されています。 社会人でも利用できますが、学生をターゲットにしているようです。 Codecademyのようにブラウザ上だけで学習することができ、問題を解いていくと自分のレベルが上ったことを確認できる仕組みになっています。 レッスン内容はJavaScriptとjQueryが用意されています。また、Facebookでログインしている場合は、友達と経験値やレベルを競争できる機能が追加されています。 CodeStudy   Code.9leap ゲームプログラミング学習に特化したサービスで株式会社ユビキタスエンターテインメントが運営しています。 ゲームエンジン「enchant.js」を使ったプログラミングを、 ゲーム感覚のチュートリアルで学ぶことができるサイトです。お手本のコードを変えていくと自分のゲームを開発することができます。 問題の出し方は対話のようになっているため初心者でもわかりやすくなっています。 また、ユーザー自身がサンプルコードを使って簡単なゲームがを作成することも可能です。実際に作ったゲームは9leapで開催されているコンテストに応募できることになっており、コンテストには賞品も用意されています。 code.9leap   ミニツク（Minituku） Rubyに特化して勉強ができるサイトです。ログインをしなくても一部の機能はそのまま利用することができます。 Rubyの設計者・開発者であるまつもとゆきひろ氏がRubyの基礎ついて紹介している動画コンテンツも用意されています。 学習方法は、出された問題を4つの選択肢から選ぶ「ドリル」と、問題をもとに実際にコードを書いてから模範解答を確認すると「演習」の2つがあります。演習では他の人が答えた内容も見ることができます。 ミニツク   プログラミン 文部科学省が提供する子供向けのサイトです。 次に紹介するGoogle Blocklyと同じように、コードは入力せずにブロックを組み合わせるだけで絵を自由に動かして遊ぶことができます。 子供向けのサイトですが、プログラミングがどのように動いているのかを学ぶことができます。 プログラミン    Google Blockly Googleが提供しているパズル感覚でプログラミングを学べるサービスです。コードを書かなくてもプログラミングの感覚を身につけることができるサイトです。 子ども用のプログラミング言語として開発されたScratchと同じような仕組みです。 Google Blocklyの使い方はデモサイトを見るとわかるようになっています。 迷路ゲームのようになっているので、ブロックで「命令」と「状態」を指定してゴールまで進めるように組み合わせていくことになります。 プログラミングの言語などの書き方を覚えるというよりも、プログラミングの考え方を学ぶ上で使えるサービスと言えます。 Google Blockly   Khan Academy アメリカのEdTech企業として有名なサイトです。 もとは数学、科学、経済など幅広いジャンルの講座を動画をみて学習するサイトですが、この中にブラウザ上でコンピューターサイエンスを学べるコースが用意されています。このコースの中に、ブラウザ上で学習することのできるJavaScriptコースもあります。 講座の内容としては左にコードが表示され、コードを変えると右側にある独自のイラストなどが結果として反映されます。 Khan Academy   Code School プログラミングを動画を使って学習できるサイトです。 有料版は月間25ドルかかりますが一部のコンテンツは無料で利用することができます。 他のサイトとの比較として、非常に動画の質が高いという特徴があります。コードを入力する前に動画を見るパートが用意されているのですが、ただ映像を流すだけでなく、あたかも目の前でプレゼンテーションをしているかのようにスライドなどが表示されます。 映像を見終わったあとはクイズに答える形式をとっており、正解するとバッジがもらえる機能もあります。 プログラミング言語はJavaScript、Ruby、R言語の他にiOSを扱った講座も用意されています。 Code School   Udacity 海外の動画学習サービスです。 スマホアプリでの学習も可能になっているので、プログラミングやデザインの概念に関わる動画は、移動中などにも見ることができます。 海外のサービスなので、日本語の授業はありませんが、英語の勉強も同時にしたい人には良いかもしれませんね。 Udacity   Code Avengers サイトで使っているキャラクターにインパクトのあるプログラミング学習サイトです。 キャラクターからミッションが出題されるので、それに答える形でブラウザ上にコードを入力していく学習方法です。他のサイトと同様にわからないとろがある場合はヒントを確認することができます。 レッスンの内容はHTML5/CSS3とJavaScriptがあり、レベルに応じた内容を受けることができます。 Code Avengers   Skillhub Web開発者、Webデザイナー、Webマーケターに向けにそれぞれにあった学習プログラムを提供しているサイトです。Skillhubでは動画を見ながら5~10時間で学ぶというスタイルです。 どの動画も初心者向けに作られているので、安心して受けられるでしょう。 レッスン内容は、プログラミング部門としてはRuby on RailsやGit、WordPressなどがあり、他にもPhotoshopやIllustratorなどが口座として用意されています。 Skillhub   TheCodePlayer ページのデザインごとに実際のコードを見て学習できるサイトです。プログラミングというよりはWebデザインがメインです。 サンプルページに対して、実際にどのような手順でコードを書いているのか時間を追って確認することができます。サンプルページではJavaScript、HTML5、CSS3をそれぞれ見られるようにうなっています。 できあがったコードは自分で自由に書き換えて、その結果がどのように表示されるかを確認することができる機能も用意されています。 TheCodePlayer   Paiza クイズに答えていきながらレベルアップを目指すというオンライン学習サービスです。 各言語レベルごとにいろんな問題が用意されています。その答えをブラウザ上にソースコードとして書き提出。正解することで自分のプログラミングレベルは一般的にどれくらいなのか知ることができます。 ある程度勉強した後の力試しとして利用することをおすすめします。 Paiza   ウェブカツ!! HTML/CSS、JavaScript、PHP、MySQLの知識をつけながらWebサービスの作り方を動画で学習するサイトです。 ここ数年ブログサイトなどに利用されているWordPressの使い方を学ぶこともできるので、サイト作成してみたいという人におすすめでしょう。 0円~149,800円の幅で学習することができるサービスとなっています。 ウェブカツ!!   Treehouse 動画や小テストなどを通じて、実際にWebサイトをどのように作っていくのかを学べるサイトです。一部は無料で使うことができます。 レッスン内容としてはJavaScriptやRubyを使ったものから、iPhoneアプリやAndroidアプリの作り方など多岐にわたります。 また、有料のコースを大学生5000名に招待したことがTechCrunchに紹介されて話題になりました。 Treehouse   appendTo jQueryとJavaScriptに特化したオンライン学習サイトです。 ブラウザ上で入力する機能はありませんが、1つの動画が30分から40分程度ある中身の濃い内容を見て学習していくことになります。 ReactやAngularなど実際の開発現場でもよく使うフレームワークを身につけることも可能なので、ぜひご覧ください。 appendTo Developer Learning Center   プログラミング学習サイトの特徴まとめ サービスごとに日本語対応や扱っているプログラミング言語が違うため表にまとめてみました。気になったものから試してみてください。 サービス名 日本語対応 動画コンテンツ コード入力 主なプログラミング言語など TechAcademy(YouTube)  ○  ○ × HTML/CSS、JavaScript、MySQL、Git、 UNIX、jQuery、レスポンシブデザイン、 プログラミング基礎 Codecademy △ × ○ JavaScript、Python、Ruby Udemy ○ ○ × Python、Ruby、Swift Progate ○ × ○ HTML/CSS、JavaScript Schoo ○ ○ × HTML/CSS、Java、C言語 ドットインストール ○ ○ × JavaScript、PHP、Ruby CodeStudy ○ × ○ JavaScript Code.9leap ○ × ○ JavaScript ミニツク ○ ○ × Ruby プログラミン ○ × × 言語がなくても学べる Google Blockly × × △ 言語がなくても学べる Khan Academy × ○ × JavaScript Codeschool × ○ ○ JavaScript、Ruby、R言語 Udacity × ○ × JavaScript、Ruby、Python Code Avengers × × ○ JavaScript Skillhub ○ ○ × JavaScript、Ruby on Rails TheCodePlayer × × ○ JavaScript Paiza ○ × ○ PHP、Java、Ruby ウェブカツ ○ ○ × JavaScript、PHP、MySQL Treehouse × × ○ JavaScript、Ruby appendTo × ○ × JavaScript ※コード入力はブラウザ上でコード入力できる機能を用意しているか   プログラミング学習サービスは、海外にも目を向ければかなり多く存在します。大きく3つに分ければ、「動画」「テキスト」「コーディングしながら」といったスタイルのサービスに分けられます。 この辺りは、人によって習得のしやすさが変わるので、ぜひ自分に合った学習方法を見つけていきましょう。 また、現役エンジニアから学べる無料のプログラミング体験会も実施しているので、ぜひ参加してみてください。
プログラミング

プログラミングは独学可能か？学習ロードマップ作りを現役エンジニアが解説【初心者向け】

プログラミング独学のロードマップ作りについて、TechAcademyのメンター（現役エンジニア）が初心者向けに解説します。 なお本記事は、TechAcademyのオンラインブートキャンプの内容をもとにしています。   田島悠介 今回は、プログラミングに関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 プログラミング独学のロードマップ作りについて詳しく説明していくね！ 大石ゆかり お願いします！ なお、今回の記事の内容は動画でもご覧いただけます。 テキストよりも動画の方が理解しやすいという場合はぜひご覧ください。   目次 プログラミングは独学が可能か プログラミングを独学で学ぶための準備 プログラミングを独学で習得するまでのロードマップ（動画あり） プログラミングの独学の壁を乗り越える方法 プログラミングの独学に役立つ教材 まとめ   プログラミングは独学が可能か スマートフォンやAIなどのイノベーションが大きく社会を変えていくにつれ、それらを支える技術であるプログラミングにもかつてないほど注目が集まっています。 これまで一部の専門家だけに必要であったプログラミングの知識は、業種の枠を超え、多くの社会人が求めるものとなりました。 はたしてプログラミングは独学が可能なのでしょうか。   求めるレベル 結論としては、個人的にWebサービスやゲームを開発するレベルであれば独学は可能です。 プログラミングの知識はいくつかの要素で構成されます。以下は独学が可能なものです。 頭の中で考えていることを文章や図に書き出す能力（業界用語では要件定義や設計と呼びます） プログラミング言語そのものに対する知識 数学やグラフィック、Webデザインに対する基礎知識 パソコンやスマートフォンに対する知識 逆に以下は独学が難しく、システム開発会社などに勤務したほうが知識を得やすいでしょう。 職業として仕事を進める上での業界の常識。例えばプログラミング前後も含めた作業工程の流れなど 企業の基幹システムや3Dグラフィックを多用したゲームなど、専門性の高い領域に対する知識 チームで作業をするノウハウ。職業としてのプログラミングはチームで作業する場合がほとんどです この記事では独学な可能な知識について、詳しく見ていきます。   プログラミング言語 プログラミング言語や開発を行う対象によっても独学のしやすさは変わります。 例えばWebページの開発はサーバーサイドとフロントエンドに分けられます。 Amazonや楽天のようなECサイトを例に説明します。   フロントエンド Webブラウザの中で動作し、ユーザーとのやりとりを担当するプログラムを開発します。 商品一覧や注文画面などのWebページ自体を作成し、購入数量といった入力欄や注文ボタンを押した時の動作などをプログラミングしていきます。 比較的独学に向いているのはフロントエンドです。 HTMLというマークアップ言語とCSSというスタイルシート言語を習得するとホームページを作成することができます。 さらにJavaScriptというプログラミング言語を習得することで、動きのあるWebページを開発することができます。 プログラミングを始めるまでの準備、いわゆる開発環境の構築も比較的容易です。 サーバーサイド Webページはインターネット上にあるサーバーと呼ばれるコンピューターに格納されています。 そのサーバーの中で動作するプログラムを開発するのがサーバーサイドです。 具体的には商品情報などのデータを読み込んでWebページに表示したり、ブラウザから送信されてきた注文情報をもとに金額計算や決済処理などを行ったりします。 サーバーサイドでよく使われるプログラミング言語は 大規模システム開発：Java Webサイト：PHP WebアプリケーションRuby on Rails AI：Python スマートフォンアプリ開発：Kotlin,Swift などです。 これらも独学ができないわけでは無いのですが、フロントエンドに比べると難易度が数段上がります。 その理由はWebサーバーなどの開発環境の構築に多少の手間がかかるのと、そもそもサーバーサイドでプログラムが動作する仕組みがイメージしづらい点です。 フロントエンドと違い学習成果を見た目で判断することが少ないので、独学では挫折しやすい傾向にあります。   独学に必要な情報 学校教育でのプログラミングは教科書をベースとしつつ、YouTubeの学習動画を見たり、QAサイトで質問したりして補う学習スタイルが定番化しつつあります。 ですので独学に必要な情報は豊富に用意されています。 一方でWebページや書籍、動画など情報が多すぎて、どれを選べばよいのか分からない状況です。 このような状況下においては、正しい情報へのアクセスや体系的に学ぶための情報の整理をいかに行えるかが鍵となります。 具体的には 書籍やYouTubeで体系的な知識を身につける ブログ記事などは参考にしても良いが一次情報である公式サイトで裏付けを取る といった点がポイントとなります。   モチベーションの維持 独学で最もハードなのはモチベーションの維持でしょう。 プログラミングを手段として転職や副業を考えているのであればなおさらです。 モチベーションを維持するには、まずは純然にプログラミング自体に興味を持つことです。 プログラムが思ったとおりに動作する、頭の中で考えたことをプログラミングで表現することに喜びを感じましょう。 プログラミングは崇高で創造的なものです。 また遠くの大きな目標だけでなく、達成可能な小さな目標を設定し、日々の学習で達成感を味わえるようにしましょう。   [PR] プログラミングで挫折しない学習方法を動画で公開中プログラミングを独学で学ぶための準備 何事もそうですが、目標を達成するには準備が大切です。 ここでポイントを確認しましょう。   目的の明確化 まずはプログラミングを独学する目的を明確にしましょう。 手に職をつけて転職や副業を考えているのか、実現したいサービスがあり起業も視野に入れているのか。 目的を明確にすることで、そこにかける予算や時間も具体化できます。   スキル取得までのリソース確保 目的を明確にしたら、それを達成するまでの大まかな期間を設定しましょう。 期間は長くても1年にします。 それ以上長いと不確実性が高く、目的もぼやけてしまいます。 期間を設定したら、学習に確保できる時間を計算します。 仕事や学業の時間を除き、平日や休日にどのぐらい学習時間を確保できるか？ これは学習を始めてからのペース配分の目安にもなります。 意外に確保できる時間が短いことに驚かれるかもしれません。 そのような時は通勤時間や休憩時間の活用も考えましょう。 通勤時間などにカリキュラムを読んだり、動画での基礎学習をし、帰宅してから実際に手を動かしてプログラミングを行うと細切れの時間を効率的に活用できます。 時間と同様にお金も大切なリソースです。学習にお金をかけることは自分に対する投資と思ってください。 書籍の購入やプログラミングスクールの受講にどのぐらいお金をかけられるか、目的を達成すると、どのぐらいの金銭的なメリットが生まれるか、大まかに想定して予算を計画しましょう。 国などの助成制度を活用するのも有効な手段です。 例えば厚生労働省では教育訓練給付制度や人材開発支援助成金といった助成制度を用意しています。 スクールなどを受講するのであれば調べてみるといいでしょう。 厚生労働省 – 教育訓練給付制度 厚生労働省 – 人材開発支援助成金   独学が難しくなった場合 計画段階でネガティブなことを考えるのはよくないかもしれませんが、万が一に備えて独学が難しくなった場合の対応も考えておくといいでしょう。 プログラミングの学習も1つのプロジェクトです。 途中途中で進捗状況を確認し、目標達成に向けて自分自身を管理していきます。 どうしても理解が進まない、モチベーションが保てないなど、一人では学習が難しい場面も出てくると思います。 書籍だけでは難しいからプログラミングスクールの受講も検討するか、学習をやめてしまうのか。 いずれにせよ進捗状況を把握して自分に足りないものを理解しておくことが次の一歩につながります。   開発環境を整える 学習を開始するにあたり、開発環境を整える必要があります。 とは言っても一般的なパソコンがあれば十分です。 初学者におすすめのフロントエンドの開発環境の一例をご紹介しましょう。 パソコン WindowsかMac、どちらでもかまいません。 メモリは可能であれば8GB以上、CPUはCOREi5以上だと快適にプログラミングが行えます。 記憶装置はハードディスクよりはSSDが高速でおすすめです。 エディタ プログラミングを行うソフトウェアです。 多くのエディタが無償で入手できます。 筆者のおすすめはVisual Studio Codeです。 Visual Studioという製品もありますが別物なので注意しましょう。 Visual Studio Code 上記のリンク先から手順通りにインストールを行います。 インストールが終わったらVisual Studio Codeを起動し「Live Server」という拡張機能をインストールすれば準備完了です。 ブラウザ フロントエンドのプログラムはブラウザで動作します。 おすすめはGoogle Chromeです。 デベロッパーツールと呼ばれる開発者向けの機能が充実しており、プロの開発現場でも多く用いられています。   プログラミングを独学で習得するまでのロードマップ 次に初学者におすすめの、プログラミングを独学で習得するまでのロードマップをご紹介しましょう。 動画で学ぶならこちら！   マークアップ言語の勉強 最初はHTMLとCSSの勉強から始めるのがおすすめです。 HTML5とCSS3というバージョンに対応した教材を用意し、簡単なホームページを作りながら体系的な知識を得るようにします。 この段階でファイルや拡張子、フォルダパスといったプログラミングに関連する基礎知識も覚えるようにしましょう。 学習の目標としては、あまり複雑でないWebページを（ソースコードを見ずに）HTMLとCSSを使って模倣できるようになるレベルとします。 どこから始めていいかわからない場合は、TechAcademyの動画カリキュラムで学ぶのがおすすめです。 はじめてのHTML入門講座 はじめてのCSS入門講座   フロントエンドの勉強 HTMLとCSSを覚えたら、JavaScriptの学習を行いましょう。 JavaScriptを覚えることでWebページに動きをつけることができるようになります。 JavaScriptの仕様はECMAScriptという規格で定義されています。 ECMAScript2016(ES6)以上に対応した教材を用意し、変数や制御構文、配列などのプログラミングの基礎知識を身に着けましょう。 JavaScriptは覚えることが多く、学習もなかなか進まないかもしれません。 一度で全て覚えようとせず、何周か繰り返して少しずつ覚えていくのがポイントです。 またフロントエンドでは多くのライブラリ（他の人が作ったプログラム集）を使用します。 ある程度学習が進んだら覚えるようにします。 おすすめはVue.jsです。 Vue.jsは実際の開発現場でも多く使われている、比較的新しいライブラリです。 同様に使われているライブラリとしては、ReactやAngularなどがあります。 また、有名で使いやすいライブラリとしてjQueryもあります。 使用頻度は徐々に減っており、優先度は低いと筆者は考えますが、まだまだ開発現場で使用されており、職業としてフロントエンドのプログラミングを行うのであれば覚える必要があります。 学習の目標としては、小規模なWebアプリを開発できるようになるレベルとします。 おすすめはカレンダーアプリです。 年月を指定すると該当月のカレンダーを表示する機能をベースにします。 この他にもTODOリストやエディタなど、小規模なアプリをいくつか開発して、頭の中で考えたことをプログラミングで表現することに慣れていきましょう。   サーバーサイドの勉強 ここから先は、サーバーサイドか、BaaSとよばれるサーバーが不要なフレームワークを学習するかの選択となります。 プログラミングを職業とするのであれば、サーバーサイドの勉強を行っておくと仕事ができる範囲が広がり就職活動に有利になります。 サーバーサイドの勉強でおすすめなのはPHPやRuby on Railsです。 実際の開発現場ではJavaが多く使われていますが、プログラミングを職業としない場合は環境構築の難易度が高いため前者をおすすめします。 PHPはLaravelというフレームワークと組み合わせて学習するといいでしょう（Ruby on RailsはRubyというプログラミング言語にRailsというフレームワークを組み合わせたものです）。 サーバーサイドの勉強をする際は、あわせてデータベースの学習も行うといいでしょう。 学習の目標としてはデータベースと連携した小規模なWebアプリを開発できるようになるレベルとします。 前述したカレンダーアプリを予定を書き込めるように発展させたものなど、いくつか開発するといいでしょう。   フレームワークの勉強 もう1 つの選択肢として、BaaSとよばれるサーバーが不要なフレームワークを学習する進め方もあります。 代表的なフレームワークはFirebaseです。 サーバーサイドのプログラミングを行わずに本格的なWebアプリを構築することができます。 オリジナルのWebサービスの構築やプログラミングによる起業を考えているのであれば、こちらもおすすめです。 学習の目標としてはサーバーサイドと同様、BaaSと連携した小規模なWebアプリが開発できるようになるレベルとします。   実際にサービスを開発する ある程度学習が進んだら、Webサービスの開発を検討してみましょう。 これまで何度か「頭の中で考えたことをプログラミングで表現する」というキーワードが登場しましたが、この段階で学ぶべきはその手法の体系化、具体化です。 業界用語では要件定義や設計と呼びます。 要件定義 職業エンジニアとしての要件定義とは以下のことを表します。 顧客の要件（要望）を具体化する システム開発で実現する機能範囲を決める 大まかな作業工程・リソース（人員、コスト）を明確にする ことです。 独学でWebサービスの開発を行う場合には、実現したいWebサービスの主な目的、利用者にとってのメリット、主要機能、画面イメージ、いつまでに完成させるかなどを数枚の図と説明文にまとめるといいでしょう。 設計 設計とは、機能をプログラミングができるレベルまで明確化することです。 職業として行う場合には、設計書という成果物を作成します。 設計書には画面イメージ、（ボタンを押すなどの）イベントごとの処理内容、画面や状態などの遷移図といったものが含まれます。 独学する場合にも同様に画面イメージとイベントごとの処理内容をまとめた設計書を作成しましょう。 設計書を見てプログラミングが行えるレベルの内容が理想的です。 具体例 Webサービスは掲示板やマッチングサイト、ランキングなど何でもかまいません。 筆者は以前、イベントで使う投票システムを開発し、仲間うちでプチヒットしたことがあります。 これは社内の発表会などで使うのですが、参加者に投票画面のアドレスを配布しておき、発表の結果で良かったものに投票してもらうと、結果が集計画面にリアルタイムでグラフ表示されるというものです。 リアルタイムというのが好評で、良いフィードバックを得られました。 このように実体験がともなうWebサービスはモチベーション的にも良く、さらに独学の意欲がわくことでしょう。   クラウドサービスを使い公開してみる 良いアイデアをWebサービスで具体化できたら、広く一般に公開するのも手です。 現在では多くのクラウドサービスがあり、プログラミングで作成したファイルをクラウドサービスにアップロードするだけで公開することができます。 レンタルサーバーやホスティングサービスといったキーワードで検索してみると多くの情報が得られます。 レンタルサーバー：エックスサーバー、スターサーバー、ロリポップなど ホスティングサービス：Heroku、Firebaseなど Webサービスを公開したら、友人知人に使ってもらい、フィードバックをもらうといいでしょう。 ポイントとしてはWeb「サービス」であるということです。 すなわちフィードバックを得たらサービスに反映し、継続的な改良を行い続けることが大切です。 Webサービスの世界ではリリースしてからが勝負と呼ばれます。これは個人のWebサービスについても同様です。 フィードバックを得て改良を継続することで多くの気付きが得られ、次のWebサービスのアイデアなどにもつながっていきます。   プログラミングの独学の壁を乗り越える方法 実はプログラミングの学習はスムーズに進みません。 開始して最初の数ヶ月は断片的な知識は得られているがよく分からない、自分で一からプログラムを作れる気がしないという状態が続きます。 しかし一定期間学習を続けると、ある日突然壁が消えます。 そしてしばらくすると、また停滞期に入る、というように階段状にレベルアップしていきます。 ここでは、そんな独学の壁を乗り換える方法をご紹介したいと思います。   理解度100％を目指さない はじめから完全な理解を求めることはやめましょう。 語学学習でも基本的な用語を覚えれば会話は成立します。 分からない単語があれば辞書で調べれば済みます。 プログラミングでも同様に基本的な命令や構文を覚え、教材を何周か繰り返しながら少しずつ理解の幅を広げるようにしましょう。   手を動かすことで学ぶ 実際に自分の手でプログラムを入力しないと理解は進みません。 カリキュラムに書いてあるとおりにプログラムを入力することを「写経」と呼びます。 写経しても予定通りに動作しない時があります。その時が覚えるチャンスです。 なぜ正しく動作しないのか、ソースコードを追って試行錯誤することで、結果的に理解が深まります。 プログラミングの学習は必ず手を動かすこと。覚えておきましょう。   小さい目標をクリアしていく 前述しましたが、壮大な遠くの目標だけではモチベーションが続きません。 プログラミングの学習という大きなプロジェクトの中に、数日～1週間程度で達成できる小さな目標を設定し、確実にクリアしていきましょう。 目標は何らかの機能の理解やカリキュラムのページ数、プログラミングした行数など、達成したことが分かりやすいものにするといいでしょう。   切磋琢磨できる仲間や頼れるメンターなどと学ぶ 人によっては完全な独学が向いていない場合もあります。 そのような場合には仲間を巻き込んで一緒に勉強するか、メンター制度があるプログラミングスクールを受講することを検討しましょう。 先程の小さな目標もそうですが、学習を進める上で達成感やフィードバックはモチベーションの維持に重要です。 「友人ががんばっているから自分も頑張ろう！」、「メンターが支えてくれるから学習を進めよう！」という関係は学習にとって大きな力となります。   プログラミングの独学に役立つ教材 最後にプログラミングの独学に役立つ教材を紹介します。   TechAcademyの無料動画カリキュラム YouTubeにはプログラミングの動画も多くあります。 例えばTechAcademyのYouTubeチャンネルでは、HTMLの基本からハウツー動画まで膨大な量の動画が公開されています。 特に何から始めていいかわからない人でも学習に取り組めるよう、カリキュラム化された再生リストがあります。 いざ学習を始めるときにはここから取り組むといいでしょう。 JavaScriptを学習するフロントエンドの講座もあります。 はじめてのHTML入門講座 はじめてのCSS入門講座 はじめてのJavaScript入門講座   Qiita Qiitaはプログラマのための技術情報共有サービスです。 初心者向けから専門的な内容まで、プログラミングに関する多くの記事が公開されています。 サイトにアクセスして検索BOXに「JavaScript 入門」などと入力すると多くの記事が該当します。 記事を読む際は、更新日（新しいもの）とLGTM（いいね）の数を参考にするといいでしょう。 関連サイト：Qiita   Medium 英語に抵抗が無ければおすすめなのがMediumです。 Mediumは世界最大級のブログプラットフォームでプログラミングの記事も多数投稿されています。 日本語の説明が分かりづらい場合でも英語表現だとすんなり理解できる場合があります。 また最新の情報をいち早く入手できるというメリットもあります。 なお月額5＄の有料会員になると全ての記事を無制限に読むことができます。 英語の学習もできるし一石二鳥でおすすめです。 関連サイト：Medium   teratail teratailはプログラミングに特化したQ&Aサイトです。 幅広いプログラミング言語についての質問と回答が多く投稿されています。 はじめは投稿せず、自分と同じような悩みを持っている人の投稿を参考にするといった使い方がいいでしょう。 teratailのおすすめは初心者タグです。 投稿に初心者タグ（若葉マーク）をつけることで、その投稿が初心者からのものであることを表すことができます。 実際に自分で投稿する際は、ぜひ初心者タグを使ってみましょう。 関連サイト：teratail   Udemy プログラミングのオンラインコースは多くあります。 例えばUdemyではフロントエンドやWebデザイン、スマートフォンのアプリ開発など多くのコースが用意されています。 また定期的にセールを行っており、タイミングが合えばかなりお得に受講できます。 Udemyの他にもProgateやドットインストールなど、様々なオンラインコースがあるので参考にするといいでしょう。 関連サイト：Udemy 関連サイト：Progate 関連サイト：ドットインストール   まとめ 今回の記事ではプログラミングの独学についてロードマップや役立つ教材などをご紹介しました。 プログラミングの学習は知的好奇心に満ち溢れた楽しいものです。 この記事を読んだ皆さんもぜひ楽しみながら学習をはじめてみてください。 楽しむことは目標の達成にもきっと役に立つことでしょう。   執筆してくれたメンター 太田和樹（おおたかずき） ITベンチャー企業のPM兼エンジニア 普段は主に、Web系アプリケーション開発のプロジェクトマネージャーとプログラミング講師を行っている。守備範囲はフロントエンド、モバイル、サーバサイド、データサイエンティストと幅広い。その幅広い知見を生かして、複数の領域を組み合わせた新しい提案をするのが得意。 開発実績：画像認識技術を活用した駐車場混雑状況把握、音声認識を活用したヘルプデスク支援システム、ロボットアプリの開発、大規模基幹系システムの開発・導入マネジメント。著書「知識ゼロからの機械学習入門（技術評論社）」。 地方在住。仕事のほとんどをリモートオフィスで行う。通勤で消耗する代わりに趣味のDIYや家庭菜園、家族との時間を楽しんでいる。   大石ゆかり 内容分かりやすくて良かったです！ 田島悠介 ゆかりちゃんも分からないことがあったら質問してね！ 大石ゆかり 分かりました。ありがとうございます！ TechAcademyでは、初心者でも12週間で東京のIT企業へエンジニアとして転職を目指せるオンラインブートキャンプを開催しています。 現役エンジニアとキャリアカウンセラーが学習から転職までサポートいたします。 また、現役エンジニアから学べる無料体験も実施しているので、ぜひ参加してみてください。
プログラミング

あなたの目的に合わせて学べるコース

副業したい方

Web制作の力を身につけ
副業までサポート

はじめての副業コース

転職したい方

未経験から
Webエンジニアに

Webエンジニア転職保証コース

スキルアップしたい方

AIも統計解析もできる
Pythonを学ぶ

Pythonコース

※ 経済産業省の行うリスキリングを通じたキャリアアップ支援事業の補助金対象コースです。条件を満たすことで支払った受講料の最大70％がキャッシュバックされます。詳しくは こちら のページをご確認ください。

TechAcademyから
現役エンジニアの方へ
お知らせ

オーダーメイドコース
TechAcademy（テックアカデミー） EdTech（エドテック） 日本語にも対応！オンライン教育プラットフォーム「Udemy（ユーデミー）」をやってみた！