シェアしたくなる最新のWebサービス・ITニュース情報をチェック!
  • follow us in feedly

アプギガトップ > プログラミング能力を「独学」で極める最強のWebサービス10選がヤバイ!
注目記事ピックアップ
動画の中身をAI(人工知能)が認識&タグ付けする「Clarifai」が検索エンジンに革命を起こす!
share0
動画の中身をAI(人工知能)が認識&タグ付けする「Clarifai」が検索エンジンに革命を起こす!
スマホの映像が本当に飛び出す「3Dホログラム」を、30分くらいで作ってみた!
share0
スマホの映像が本当に飛び出す「3Dホログラム」を、30分くらいで作ってみた!
好きなYouTube動画の「見て欲しいシーン」だけを抽出して再公開できる「vibby」が便利すぎる件!
share0
好きなYouTube動画の「見て欲しいシーン」だけを抽出して再公開できる「vibby」が便利すぎる件!
ブロックを繋げるだけでチャットボットが作成できる「Motion AI」は、WebもSNSも無料で運用可能!
share0
ブロックを繋げるだけでチャットボットが作成できる「Motion AI」は、WebもSNSも無料で運用可能!
ググる前にチェックすべき「Web開発系」サービスをまとめた至高の情報サイト8個+α!
share0
ググる前にチェックすべき「Web開発系」サービスをまとめた至高の情報サイト8個+α!
URLを指定するだけ!どんなWebデータも一発で可視化できる「Silk」は、そのままWebサイトも制作可能で無料提供中!
share0
URLを指定するだけ!どんなWebデータも一発で可視化できる「Silk」は、そのままWebサイトも制作可能で無料提供中!
GoogleドライブにTrello風タスク管理機能を拡張できる「Kanbanchi」を試してみた!
share0
GoogleドライブにTrello風タスク管理機能を拡張できる「Kanbanchi」を試してみた!
プログラミングしないと戦えないWebストラテジーゲーム「Empire of Code」が時間泥棒確定!
share0
プログラミングしないと戦えないWebストラテジーゲーム「Empire of Code」が時間泥棒確定!
コード不要で、独自Webサービスをブラウザ上で無料開発できる「Bubble」を使ってみた!
share0
コード不要で、独自Webサービスをブラウザ上で無料開発できる「Bubble」を使ってみた!
脅威の認識技術で別人の顔に変身できるアプリ「MSQRD」が予想以上に変身できる件!
share0
脅威の認識技術で別人の顔に変身できるアプリ「MSQRD」が予想以上に変身できる件!
Webサイトに訪れたユーザーの行動を「映像化」してトラッキングできる「Jaco」を使ってみた!
share0
Webサイトに訪れたユーザーの行動を「映像化」してトラッキングできる「Jaco」を使ってみた!
わずか数行のコードで、Adobe製の画像編集エディタを無料で使い放題にできる「Creative SDK」がヤバイ!
share0
わずか数行のコードで、Adobe製の画像編集エディタを無料で使い放題にできる「Creative SDK」がヤバイ!
発射した弾が、相手のスマホ画面に飛んでいく対戦ゲーム「DUAL」が衝撃的な面白さだった!
share0
発射した弾が、相手のスマホ画面に飛んでいく対戦ゲーム「DUAL」が衝撃的な面白さだった!
タスク管理の「Trello」にWeb制作機能を搭載できる「CardForm」が斬新過ぎてスゴイ!
share0
タスク管理の「Trello」にWeb制作機能を搭載できる「CardForm」が斬新過ぎてスゴイ!
ブロックを繋げてWebアプリやゲームを作れる「Weld Action Blocks」が思わず夢中になる面白さ!
share0
ブロックを繋げてWebアプリやゲームを作れる「Weld Action Blocks」が思わず夢中になる面白さ!
Web開発系の情報収集が爆速になる絶対覚えておきたいWebサービス7選+α!
share0
Web開発系の情報収集が爆速になる絶対覚えておきたいWebサービス7選+α!
スマホで3Dモデルを現実世界に召喚し、自在に動かせる「Augment」サービスが無料公開中!
share0
スマホで3Dモデルを現実世界に召喚し、自在に動かせる「Augment」サービスが無料公開中!
完全自動で、自分のプログラミング「作業ログ」を収集して可視化する「WakaTime」が素晴らしい件!
share0
完全自動で、自分のプログラミング「作業ログ」を収集して可視化する「WakaTime」が素晴らしい件!
ブラウザだけで完結する「bot開発環境」を無償提供した「Meya.ai」は、ボットのホスティングまで可能!
share0
ブラウザだけで完結する「bot開発環境」を無償提供した「Meya.ai」は、ボットのホスティングまで可能!
Chromeの「新規タブ」機能が拡張され過ぎて、もはや別アプリと化している件!
share0
Chromeの「新規タブ」機能が拡張され過ぎて、もはや別アプリと化している件!
プログラミング
ad 今の年収で満足ですか?
typeで転職した71%が年収アップ!
2015/05/01 21:10

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

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 まさとらん

まさとらん

国内外問わず「良いモノ」だけひたすら集めて情報共有してます。
厳選ネタはアプギガ内で分かりやすく情報発信中!
その他の旬なネタは、twitterにて発信してますので、お気軽にどうぞ!

twitter:0310lan

この記事を読んでいる人は、他にこんな記事も読んでいます。
Related Posts Plugin for WordPress, Blogger...

ページトップへ戻る