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などが使えて編集も可能
  • 講座の価格は先生が自由に決めることができ、無料のコンテンツもある
1時間でできる無料体験！

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

 

講座の選び方

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を使ってみる

 

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

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

初心者・未経験でもできる。まずはテックアカデミーに相談しよう

プログラミングを独学で学習していて、このように感じた経験はないでしょうか？

  • ・調べてもほしい情報が見つからない
  • ・独学のスキルが実際の業務で通用するのか不安
  • ・目標への学習プランがわからず、迷子になりそう

テックアカデミーでは、このような 学習に不安を抱えている方へ、マンツーマンで相談できる機会を無料で提供 しています。
30分間、オンラインでどんなことでも質問し放題です。

「受けてよかった」と感じていただけるよう カウンセラーやエンジニア・デザイナー があなたの相談に真摯に向き合います。

「自分に合っているか診断してほしい」
「漠然としているが話を聞いてみたい」
こんなささいな悩みでも大丈夫です。

無理な勧誘は一切ありません ので、まずはお気軽にご参加ください。
※体験用のカリキュラムも無料で配布いたします。（1週間限定）

今なら参加者限定の割引特典付き！ 無料相談を予約する

記事を検索

関連するキーワード

関連する記事

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

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

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

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

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

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

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

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

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

デザインはセンスじゃない！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を覚えたことでネットショップをオープンできたことにもつながると思うんです。 自分の表現方法を広げるきっかけとして、この講座はきっと最初の一歩になると思います。     インタビューは以上です。 鈴木さんありがとうございました！   （取材・文・撮影／伏田雅輝　取材場所／帝国ホテル） プログラミングを独学で学習していて、このように感じた経験はないでしょうか？ ・調べてもほしい情報が見つからない ・独学のスキルが実際の業務で通用するのか不安 ・目標への学習プランがわからず、迷子になりそう テックアカデミーでは、このような
インタビュー

独学でゲームが作れる！入門に最適な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   コラム コスパとタイパ、両方結果的に良くなる良くなる学び方とは？ 「スクールは高いし時間も縛られて効率が悪い」と考える方は多いと思います。 もちろん、時間も費用もかかることは間違いありません。 ただ 結果的に無駄な学びにお金も時間もかける方がリスクが高いという考えもあります。 コスパ・タイパ最適化の参考として、 テックアカデミー卒業生がスクールを選んだ理由 をご紹介します。
Unity

子どもの能力を伸ばすプログラミング学習！無料アプリ教材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は一度講座を購入するとそれ以上は費用がかからず学習期限もないため、何度も復習するなど自分のペースで学習できることろが大きなメリットです。 コラム
子ども向けプログラミング

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

プログラミング独学のロードマップ作りについて、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サービスのアイデアなどにもつながっていきます。   コラム コスパとタイパ、両方結果的に良くなる良くなる学び方とは？ 「スクールは高いし時間も縛られて効率が悪い」と考える方は多いと思います。 もちろん、時間も費用もかかることは間違いありません。 ただ 結果的に無駄な学びにお金も時間もかける方がリスクが高いという考えもあります。
プログラミング

ゼロから学べる！プログラミングの無料学習サイト【国内外あわせて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など幅広い言語がカバーされています。有料プランもあるので、ぜひ色々試してみてください。 ドットインストール    コラム コスパとタイパ、両方結果的に良くなる良くなる学び方とは？ 「スクールは高いし時間も縛られて効率が悪い」と考える方は多いと思います。 もちろん、時間も費用もかかることは間違いありません。 ただ 結果的に無駄な学びにお金も時間もかける方がリスクが高いという考えもあります。 コスパ・タイパ最適化の参考として、 テックアカデミー卒業生がスクールを選んだ理由 をご紹介します。
プログラミング

ゼロから学べる！プログラミングの無料学習サイト【国内外あわせて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など幅広い言語がカバーされています。有料プランもあるので、ぜひ色々試してみてください。 ドットインストール    コラム コスパとタイパ、両方結果的に良くなる良くなる学び方とは？ 「スクールは高いし時間も縛られて効率が悪い」と考える方は多いと思います。 もちろん、時間も費用もかかることは間違いありません。 ただ 結果的に無駄な学びにお金も時間もかける方がリスクが高いという考えもあります。 コスパ・タイパ最適化の参考として、 テックアカデミー卒業生がスクールを選んだ理由 をご紹介します。
プログラミング

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

副業したい方

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

はじめての副業コース

転職したい方

未経験から16週間で
エンジニアに

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

スキルアップしたい方

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

Pythonコース

※ 経済産業省の第四次産業革命スキル習得認定講座で、厚生労働省指定の専門実践教育訓練給付制度の対象です。条件を満たすことで支払った受講料の最大70％（最大306,460円）が給付金として支給されます。詳しくは エンジニア転職保証コース のページ内の注意事項をご確認ください。

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

1時間でできる無料体験
挫折しない学習方法とは？
TechAcademy（テックアカデミー） EdTech（エドテック） 日本語にも対応！オンライン教育プラットフォーム「Udemy（ユーデミー）」をやってみた！