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

アプギガトップ > 架空の依頼人と対話式でWebプログラミングを学習する「Dash」が抜群に分かりやすい!
注目記事ピックアップ
有名WebサービスのAPIをすべて同じ書き方でプログラミング可能な「RapidAPI」は、検索・テストもブラウザ上で実行可能!
share0
有名WebサービスのAPIをすべて同じ書き方でプログラミング可能な「RapidAPI」は、検索・テストもブラウザ上で実行可能!
思わずWeb開発したくなる最強のJavaScriptライブラリ7選が楽し過ぎてヤバイ!
share0
思わずWeb開発したくなる最強のJavaScriptライブラリ7選が楽し過ぎてヤバイ!
ブログ感覚でオンラインのプログラミング講座を作成・公開できる「educative」は課金機能も無料で利用可能!
share0
ブログ感覚でオンラインのプログラミング講座を作成・公開できる「educative」は課金機能も無料で利用可能!
「アプギガ!!」2016年の総まとめ!もう一度読みたくなる人気のバズ記事をまとめてみた!
share0
「アプギガ!!」2016年の総まとめ!もう一度読みたくなる人気のバズ記事をまとめてみた!
Webサイトに訪れたユーザーの行動を「映像化」してトラッキングできる「Jaco」を使ってみた!
share0
Webサイトに訪れたユーザーの行動を「映像化」してトラッキングできる「Jaco」を使ってみた!
実はゲーム機として優秀なスマホ「Galaxy S7 edge」でポケモンGOを遊び倒してみた!<PR>
share0
実はゲーム機として優秀なスマホ「Galaxy S7 edge」でポケモンGOを遊び倒してみた!<PR>
データ可視化の最強ツール!Web上でスライド資料やインフォグラフィックを制作できる万能Webエディタ「Visme」を使ってみた!
share0
データ可視化の最強ツール!Web上でスライド資料やインフォグラフィックを制作できる万能Webエディタ「Visme」を使ってみた!
まだ進化を続けるGoogle検索の特殊機能12選をまとめてみた!
share0
まだ進化を続けるGoogle検索の特殊機能12選をまとめてみた!
天才的な猛者が開発した究極の「HTML5ゲーム」16選が思わず熱くなり過ぎる件!
share0
天才的な猛者が開発した究極の「HTML5ゲーム」16選が思わず熱くなり過ぎる件!
英語で「VR空間作って」と書くだけで、本当にWeb上でVR体験が実現する「GuriVR」を使ってみた!
share0
英語で「VR空間作って」と書くだけで、本当にWeb上でVR体験が実現する「GuriVR」を使ってみた!
エアフォースワンの内部もVR空間に!Web上であらゆる場所を歩き回れる「Matterport 3D Gallery」の没入感がスゴイ!
share0
エアフォースワンの内部もVR空間に!Web上であらゆる場所を歩き回れる「Matterport 3D Gallery」の没入感がスゴイ!
Web上でプログラミングに特化したスクリーンキャストを無料で作れる「Scrimba」の革命的な機能がスゴイと話題に!
share0
Web上でプログラミングに特化したスクリーンキャストを無料で作れる「Scrimba」の革命的な機能がスゴイと話題に!
JavaScriptでマインクラフト風の建造物が作れる無料Webアプリ「Web Blocks」で遊んでみた!
share0
JavaScriptでマインクラフト風の建造物が作れる無料Webアプリ「Web Blocks」で遊んでみた!
指先1本でミニゲームを開発してシェアし合う新型SNSアプリ「Hopscotch」で遊んでみた!
share0
指先1本でミニゲームを開発してシェアし合う新型SNSアプリ「Hopscotch」で遊んでみた!
ブラウザから即起動!ゼロからSVG画像を作成できるWebエディタ「Vectr」が完全無料で公開中!
share0
ブラウザから即起動!ゼロからSVG画像を作成できるWebエディタ「Vectr」が完全無料で公開中!
登録不要!匿名で記事も公開できる究極にシンプルなWebエディタ「IO」が最高の使い心地だった!
share0
登録不要!匿名で記事も公開できる究極にシンプルなWebエディタ「IO」が最高の使い心地だった!
今すぐ、自分の知識を「オンライン学習コース」としてWebに公開できる「Thinkific」の多機能ぶりに驚愕!
share0
今すぐ、自分の知識を「オンライン学習コース」としてWebに公開できる「Thinkific」の多機能ぶりに驚愕!
こんなAR技術が欲しかった!スマホをかざすだけでプロ並みのスケッチを描ける「SketchAR」アプリを使ってみた!
share0
こんなAR技術が欲しかった!スマホをかざすだけでプロ並みのスケッチを描ける「SketchAR」アプリを使ってみた!
わずか1行のコードで、Web制作が劇的に捗るサービスと連携し放題になる「StackPile」を使ってみた!
share0
わずか1行のコードで、Web制作が劇的に捗るサービスと連携し放題になる「StackPile」を使ってみた!
スクショ付きでブックマークを一元管理できるWebアプリ「Bookmark OS」を使ってみた!
share0
スクショ付きでブックマークを一元管理できるWebアプリ「Bookmark OS」を使ってみた!
プログラミング
ad 今の年収で満足ですか?
typeで転職した71%が年収アップ!
2014/01/07 21:30

架空の依頼人と対話式でWebプログラミングを学習する「Dash」が抜群に分かりやすい!


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

最近は、プログラミングに興味を持つ方が増えているようで、そういった学習系Webサービスが多く誕生しています。

そこで今回は、類似サービスと比較してもかなり珍しい部類に入る、Webプログラミング学習サービス「Dash」をご紹介しようと思います!

Dash


 

どのような学習方法なのか?
一般的に、学習系のWebサービスは、まず「基本」から入って少しずつ知識を蓄積していくタイプが多いと思います。

しかし、この「Dash」では、まず架空の人物から作って欲しいWebサイトを掲示されて、「仕事の依頼」というカタチで学習がスタートしていきます。


初級コースでは、まずこちらの「Anna(アンナ)さん」という女性から、自分用のプライベートサイトを作って欲しい!と頼まれます。

 

ただ、Webプログラミングの知識が無くても、しっかりとサイトが完成するまで、優秀な「製作ガイド」が画面に表示されるので心配はいりません。


さらに、プログラミングをするための「エディター」と、すぐに結果が分かる「プレビュー画面」が、同じ画面内に表示されているので学習しやすい設計になっています。

 

製作ガイドには、依頼人から掲示されたWebサイトを作るのに必要な、HTMLやCSSなどの文法を丁寧に解説してくれます。


解説は現時点で英語ですが、プログラミングが基本的に英語なのと、直感的に分かりやすく解説してくれるのでそれほど困らないと思います。

 

また、理解度を確かめるためのチェック問題も出題されます。


 

実際に、エディターへ直接プログラミングをして、正解の結果が表示されたら次のステップへ進めるようになっています。


 

そして、最終的に完成するとこんな感じのWebサイトが作れるようになります。


初級コースは、全部で4つのセクションに分かれており、上記サイトを作るためのHTML・CSSを学習できるようになっています。

 

実際にやってみて感じたのは…、
  • 目的とするWebサイトが明確なので、少しずつ完成していく達成感がある。
  • 擬似的とは言え、依頼されている感覚になるので最後まで作ろうという意識が高まる。
  • 目的のWebサイトを作る知識だけを学べるので、無駄が無く効率的。
という感じでしょうか。

特に、「解説 → 実際に試す → 結果が表示される」という繰り返し作業が、同じ画面で効率よく出来るように設計されているので、徐々に完成するのが楽しくなります。

ちょっとしたゲーム感覚の要素もあって、よくありがちな「挫折感」はあまり感じないでしょう。

 
おまけ
ちなみに、初級コースをクリアすると次のコースに進むわけですが、また同じように別の人物から新しい依頼が入ります。


 

例えば、今流行りのレスポンシブデザインに対応したブログサイトを作って欲しい!と依頼されたり、


 

企業向けのビジネスサイトを作って欲しい!というケースや、


 

CSSを駆使して、ロボットを作って欲しい!という変わった依頼まであります。


 
まとめ
「Dash」は、元々プログラミングを学びたい人に向けて作られた「学習教材」としてスタートしています。

そのため、より実践に近い対話式になっており、なおかつ学習しやすい「分かりやすさ」も兼ね備えた完成度の高いサービスと言えるでしょう。

プログラミングを「見たり」「聞いたり」するだけでは、なかなか身につかない!と嘆いている人は、ぜひ一度挑戦してみては如何でしょうか?

 

参考:「Dash」公式サイト

 

written by まさとらん

 

 

 


 

まさとらん

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

twitter:0310lan

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

ページトップへ戻る