2015年7月11日土曜日

プログラミング能力を「独学」で極める最強のWebサービス10選がヤバイ!


2015/05/01 21:10
プログラミング

follow us in feedly
programming-education-webservice_01
どうも、まさとらん(@0310lan)です!

今回は、「プログラミング」に興味のある方全員にオススメできるWebサービスのご紹介です!

効率よく「プログラミングの独学」が出来るサービスを厳選し、誰でもすぐに無料で始められる良質なコンテンツをピックアップしてみました。
最先端のWebテクノロジーを、世界中のプロから学ぶ!
【 UDACITY on Edmaps 】
programming-education-webservice_02海外では、最新のWeb技術を丁寧に解説する動画コンテンツが非常に多く存在します。

なかでも、Googleなど大手のITエンジニアが解説する良質な動画コンテンツを厳選し、日本語字幕を付けて無償公開しているのがこのサービスの特徴です。
programming-education-webservice_03 
Webアプリ開発の基礎や、自作検索エンジン、人工知能、HTML5ゲーム、モバイル活用技術…など、どれも最新のテクノロジーを学べるようになっています。
programming-education-webservice_04オンラインエディタが搭載されており、途中にあるミニテストも豊富に用意されているので独学には最適な設計になっています。

初心者の方は、まず最初に「コンピュータ・サイエンス入門」から始めてみるのが良いでしょう。

架空の依頼通りに、Web開発をしながら学ぶ!
【 Dash 】
programming-education-webservice_05単純なプログラミング学習ではなく、あらかじめ架空の人物から「Web制作」の依頼を受けて、その内容に沿った開発方法を教えてもらいながら学習できるサービス。

開発方法を示す「学習ガイド」と、エディタやプレビューが1つの画面に構成されているので便利です。
programming-education-webservice_06コードの文法ばかりを学習するよりも、成果物の目標がハッキリしていることで、少しずつ完成に近づいていく喜びを一緒に味わえるのが醍醐味となっています。

作るモノは、レスポンシブサイトやビジネス向けWebサイトなど、いくつか用意されています。

プロが、どのように「プログラミング」しているのかを学ぶ!
【 Game Development:Twitch 】
programming-education-webservice_07ゲームの実況生中継として有名な「Twitch」ですが、今では「ゲームプレイ」だけでなく、「ゲーム開発」の作業画面を生中継しているユーザーも増えています。

これを利用すれば、他人のプログラミング風景を覗き見することが出来るので、どのようにプログラミングを行っているのかをWeb上で学ぶことが可能です。
programming-education-webservice_08他人のコードを読んだり、ゲーム開発の手法などを学べるのは非常に貴重なことで、特に独学者には最適な勉強方法かもしれません。

Webサービスの作り方を、インタラクティブに学ぶ!
【 Codecademy 】
programming-education-webservice_09以前から、Webプログラミングの基礎を学習できるサービスとして知られていますが、現在ではかなり幅広い学習をカバーしています。

例えば、Flipboardのようなインタラクティブサイトの作り方や、Rails・AngularJSを活用したWebサービスの開発なども学習できるようになっています。
programming-education-webservice_10また、Twitter・box・GitHubなど「WebAPI」の活用方法も、同じように学べるので応用範囲がとても広いのが特徴です。

フォーラムなども活発なので、分からないことを誰かに気軽に相談できる環境作りも好感が持てます。

ソースコードの学習に特化した「検索エンジン」で学ぶ!
【 Runnable 】
programming-education-webservice_11あらゆるプログラミング言語の「サンプルコード」を収集しているサービスで、知りたいことを検索するだけで必要なコードを効率よくゲットできるのが最大の特徴となっています。

例えば、Railsでチャット機能を実装したければ「rails chat」のようなキーワードを検索すればOKです。
programming-education-webservice_12サンプルコードと共に、解説記事なども充実しています。
また、面白いことにそのまま「実行ボタン」をクリックすれば、サンプルがWeb上で実行されてデモを確認することも可能です。

他にも、「django login」でログイン機能のコードを取得したり、「jquery upload」でファイルアップロードのコードを確認できたりするので非常に便利です。

多彩なWebアプリを使い、実在するWebサービスを作りながら学ぶ!
【 Code4Startup 】
programming-education-webservice_13今では、Web制作を簡単にしてくれるWebアプリがいくつも存在していますが、それらを組み合わせながら実在するWebサービスを作り上げる過程を学べるのが特徴のサービスです。

例えば、良質なWebサイトのテンプレートを公開する「Start Bootstrap」を使ってサイトを作り、メールフォームに関しては「MailChimp」を使って一括管理する…などの手法を動画で学べます。
programming-education-webservice_14他にも、「Googleアナリティクス」で解析をする方法や、「ShareThis」を使ってSNSマーケティングをしたり、「GitHub Pages」を使ってサイトを無償公開していきます。

このようにして、実在する「TaskRabbit」や「Airbnb」といったWebサービスを実際に作って学べるようになっているのが魅力的です。

アクションRPGで遊びながら、プログラミングの基礎を学ぶ!
【 CodeCombat 】
programming-education-webservice_15完全に「ゲーミフィケーション化」された学習サービスとなっており、プレイヤーは冒険を進めながら敵を倒したり、宝物や装備をゲットしていくことでプログラミングを覚えていくようになっています。

以前はすべて英語でしたが、今では日本語化もされておりステージも増えて遊びやすくなっています。
programming-education-webservice_16プログラミングの基本となる条件分岐やループ処理、関数などの作り方も遊びながら楽しく学べるので初心者の方にオススメですよ!

プログラミング上級者も楽しめる、本気の「コード学習ゲーム」で学ぶ!
【 CodingGame 】
programming-education-webservice_17本格的なHTML5ゲームを楽しめるサービスなのですが、中身のコードはある程度自分で構築しないと遊べないようになっています。

編集画面では、エディタやコンソールが一緒に表示されるようになっており、ゲームの動きを確かめながら作業できるようになっています。
programming-education-webservice_18ゲームの「ソースコード」に書かれているヒントや、コンソールに表示される数値などを頼りに、ゲームが正しく動くようにプログラミングして遊ぶのが醍醐味です。

プログラミング言語は20種類ほど用意されているので、自分の好きな言語を使ったり、まだ使ったことのない言語で練習してみるのも面白いでしょう。

楽しく学べる多彩なゲームが用意されているのも、高い人気を誇っている秘密かもしれません。
programming-education-webservice_19

難問の数々をクリアしながら、プログラミングを学ぶ!
【 Codewars 】
programming-education-webservice_20国内サービスの「CodeIQ」みたいに、さまざまな課題を解決することでプログラミング能力を高めることが出来るサービス。

豊富に用意された問題を、人気のプログラミング言語を使ってひたすら解いてく仕様になっています。
programming-education-webservice_21また、ユーザー同士でランキングを競ったり、フォーラムに投稿することも出来るようになっています。

問題をいくつか解くと、レベルアップするようになっており、「8kyu〜8dan」まであります。

多彩な「アルゴリズム」などをPythonで学ぶ!
【 CheckiO 】
programming-education-webservice_22こちらも、さまざまな難問を解いていくことで、プログラミングのスキルを向上させることが出来るサービスです。

ある程度、日本語化されたクエストが豊富に用意されており、アルゴリズムなどを学習できるような問題も多く揃っています。
programming-education-webservice_23 
専用のコードエディタにプログラミングを書くようになっており、ボタン1発で正しいコードを書いているかを判断して「合否」を表示してくれます。
programming-education-webservice_24また、プロフィール画面に自分の成績や取得したバッジなど、細かい情報がポートフォリオのように記載されるのも特徴的です。

おまけ
最後に、動画による「プログラミング学習サイト」も合わせてご紹介しておきます!

【今すぐ動画で「プログラミングの基礎」を独学できるWebサービス10選はコレだ!】
programming-education-webservice_25人気のWeb技術や、スマホアプリ開発、Unityによるゲーム開発、Window系プログラミングなど、幅広いジャンルをカバーした厳選サービスのまとめになっています。

ご興味ある方は、ぜひ一読ください!

まとめ
海外の学習系サービスは、本当に良質なコンテンツが多いので、気になっている方はぜひ一度は試してみることをオススメします。

プログラミングの勉強は、なかなか独学が難しいと感じる部分もありますが、今回ご紹介したようなサービスを活用して、休日にでもゆっくりと時間をかけて学んでいくのが良いでしょう。

プログラミングをある程度学んだら、ぜひ自分だけのWebサービスを作って公開してみましょう!

wirtten by まさとらん

  

0 コメント:

コメントを投稿