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

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

ページトップへ戻る