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

アプギガトップ > プログラミング学習の「Codecademy」が、いつの間にかFlipBoardのサイト作りまで学べるように進化!
注目記事ピックアップ
エアフォースワンの内部もVR空間に!Web上であらゆる場所を歩き回れる「Matterport 3D Gallery」の没入感がスゴイ!
share0
エアフォースワンの内部もVR空間に!Web上であらゆる場所を歩き回れる「Matterport 3D Gallery」の没入感がスゴイ!
ブラウザから即起動!ゼロからSVG画像を作成できるWebエディタ「Vectr」が完全無料で公開中!
share0
ブラウザから即起動!ゼロからSVG画像を作成できるWebエディタ「Vectr」が完全無料で公開中!
開発が面倒なWebコンテンツを「ウィジェット化」して誰でも利用可能にする無料サービス「Widgetic」を使ってみた!
share0
開発が面倒なWebコンテンツを「ウィジェット化」して誰でも利用可能にする無料サービス「Widgetic」を使ってみた!
今すぐ、自分の知識を「オンライン学習コース」としてWebに公開できる「Thinkific」の多機能ぶりに驚愕!
share0
今すぐ、自分の知識を「オンライン学習コース」としてWebに公開できる「Thinkific」の多機能ぶりに驚愕!
まだ進化を続けるGoogle検索の特殊機能12選をまとめてみた!
share0
まだ進化を続けるGoogle検索の特殊機能12選をまとめてみた!
登録不要!匿名で記事も公開できる究極にシンプルなWebエディタ「IO」が最高の使い心地だった!
share0
登録不要!匿名で記事も公開できる究極にシンプルなWebエディタ「IO」が最高の使い心地だった!
スマホのタッチ操作に最適化されたWebアンケートが作れるサービス「Wyzerr」を使ってみた!
share0
スマホのタッチ操作に最適化されたWebアンケートが作れるサービス「Wyzerr」を使ってみた!
実はゲーム機として優秀なスマホ「Galaxy S7 edge」でポケモンGOを遊び倒してみた!<PR>
share0
実はゲーム機として優秀なスマホ「Galaxy S7 edge」でポケモンGOを遊び倒してみた!<PR>
「アプギガ!!」2016年の総まとめ!もう一度読みたくなる人気のバズ記事をまとめてみた!
share0
「アプギガ!!」2016年の総まとめ!もう一度読みたくなる人気のバズ記事をまとめてみた!
JavaScriptの学習にオススメなWebコードエディタ「Carbide」の万能すぎる可視化ウィジェットがヤバイ!
share0
JavaScriptの学習にオススメなWebコードエディタ「Carbide」の万能すぎる可視化ウィジェットがヤバイ!
スクショ付きでブックマークを一元管理できるWebアプリ「Bookmark OS」を使ってみた!
share0
スクショ付きでブックマークを一元管理できるWebアプリ「Bookmark OS」を使ってみた!
コピペ一発!どんなWebサイトもチャットサポートを無料で導入可能な「Crisp」を使ってみた!
share0
コピペ一発!どんなWebサイトもチャットサポートを無料で導入可能な「Crisp」を使ってみた!
ブログ感覚でWebアプリやサイトの更新履歴を作成&公開できる「Barelog」を使ってみた!
share0
ブログ感覚でWebアプリやサイトの更新履歴を作成&公開できる「Barelog」を使ってみた!
Web上でプログラミングに特化したスクリーンキャストを無料で作れる「Scrimba」の革命的な機能がスゴイと話題に!
share0
Web上でプログラミングに特化したスクリーンキャストを無料で作れる「Scrimba」の革命的な機能がスゴイと話題に!
筆跡がリアルに変化する「自作Webフォント」を生成可能な「Calligraphr」で自分用フォントを手書きしてみた!
share0
筆跡がリアルに変化する「自作Webフォント」を生成可能な「Calligraphr」で自分用フォントを手書きしてみた!
思わずWeb開発したくなる最強のJavaScriptライブラリ7選が楽し過ぎてヤバイ!
share0
思わずWeb開発したくなる最強のJavaScriptライブラリ7選が楽し過ぎてヤバイ!
指先1本でミニゲームを開発してシェアし合う新型SNSアプリ「Hopscotch」で遊んでみた!
share0
指先1本でミニゲームを開発してシェアし合う新型SNSアプリ「Hopscotch」で遊んでみた!
JavaScriptでマインクラフト風の建造物が作れる無料Webアプリ「Web Blocks」で遊んでみた!
share0
JavaScriptでマインクラフト風の建造物が作れる無料Webアプリ「Web Blocks」で遊んでみた!
今すぐブラウザ上に「ライブ配信」のスタジオ環境をタダで構築できる「Lightstream」を使ってみた!
share0
今すぐブラウザ上に「ライブ配信」のスタジオ環境をタダで構築できる「Lightstream」を使ってみた!
ブログ感覚でオンラインのプログラミング講座を作成・公開できる「educative」は課金機能も無料で利用可能!
share0
ブログ感覚でオンラインのプログラミング講座を作成・公開できる「educative」は課金機能も無料で利用可能!
プログラミング
ad 今の年収で満足ですか?
typeで転職した71%が年収アップ!
2014/07/25 22:30

プログラミング学習の「Codecademy」が、いつの間にかFlipBoardのサイト作りまで学べるように進化!


どうも、まさとらん(@0310lan)です!

プログラミング学習ができるWebサービスはいくつかありますが、かなり早い段階で公開されたのが「Codecademy」でした。

もう、3年近くが経過し、今ではサイトもすっかりリニューアルされて、非常に扱いやすい学習サービスとして広く知られています。


今回は、そんな「Codecademy」で学べる学習コースの中から、意外に実用的なモノをご紹介しようと思います。

「えっ、こんなコースあったの!?」と、思われた方はぜひチェックしてみてください!

 

より実践的なノウハウを学べるスキルアップコース!
Web Developer Skills


Codecademyは、HTML/CSSやJavaScript、Ruby、Python、PHPなど、様々な言語を学べるコースが用意されていますが、最近ではより実践に近い形式で学べる2つのコースが存在しています。(2014年7月時点)

 

1つ目は、インタラクティブ性の高いWebサイトを作れるコースとして、ソーシャルマガジンサービスを提供する「Flipboard」のホームページを作ってみるコースがあります。

Make an Interactive Website


JavaScriptやjQueryを活用しながら、ドロップダウンメニューやトップページに固定するスライド式の画像を作るノウハウなどを学ぶことが出来ます。

 

もちろん、Codecademyらしく実際にブラウザ上でプログラミングしながら学んだり、ミニテストなどをクリアして理解を深めることが出来るようになっているので便利です。


 

2つ目は、「Bootstrap」を活用したリッチなWebサイトを作れるコースです。

Make a Website


美しいレイアウトなどを学んだり、凝ったデザインを意識して、今のトレンドに合わせたWebサイトが作れるようになるコースです。

 

特徴的なのは、レスポンシブデザインを簡単に作れることで知られる「Bootstrap」を活用した実践ノウハウも学べる点です。


 

実際にプログラミングしながらBootstrapを学べるのは、書籍などで勉強するよりも早く理解できるので、初心者には最適かもしれません。


 
「API」を駆使した、Webアプリを作りたい人向けのコース!
Webアプリなどの開発をしていると、よく使うのがさまざまなAPIの活用でしょう。

このようなニーズにも、幅広く対応したコースが多数用意されています。

APIs


例えば、
  • YouTubeの動画などの検索をAPIを使ってコントロールしてみたり…
  • リンク短縮サービスのBitlyを便利に使ってみたり…
  • Twitterやgithubアカウントの認証方法を学習したり…
など。

これらも実際にコーディングしながら学習を進められます。

 

ちなみに、Codecademyには開発環境をブラウザ上に用意してくれるサービスがあります。

Codecademy labs


 

現在、Ruby、Python、JavaScriptの3つの言語において、クリックするだけで登録せずにブラウザ上からコーディングを開始できるようになります。


学んだ知識を活かして、すぐにプログラミングを実践できるので非常にオススメです。

 
おまけ
プログラミング学習をする上で、オススメの機能を最後にご紹介しておきます。

Groups


Codecademy内には、さまざまな種類のグループが存在します。

プログラミング言語別や、学んでいる学習別などでいくつにも別れたグループが形成されており、誰でも気軽に参加できるようになっています。

 

グループ内は、活発に意見交換がされており、コース内の問題で分からない点を投げかければ、誰かがフォローしてくれるという空気感がかなり好印象です。


カタコトの英語でも、みなさん優しくフォローしてくれるので安心ですよ。

 

 
まとめ
プログラミングの学習は、知識を増やすよりも実際にキーボードを叩いて作ってみる方が、理解はしやすいかと思います。

その点で、Codecademyは細かく区分けされた問題を、実際にプログラミングしながら解いていくことで理解できるように設計されているので、特に初心者には最適なサービスだと感じます。

今後も続々と新しいコースが無料で提供されるようなので、ご興味ある方はぜひチェックしてみてください!

 

 

written by まさとらん

 

 

まさとらん

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

twitter:0310lan

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

ページトップへ戻る