ガジェットマニア

Gadget大好きマニアの購入商品レビューブログ

*

HTMLやCSSをゲーム感覚で学べるサイトがいい感じ

   

こんばんは、最近ガジェット系のニュースがApple Watchばかりで残念なガジェットマニアです。

Apple Watch欲しいな〜ってずっと思ってたんですが、レビュー見すぎて何だか熱が冷めてきました。今はむしろ新MacbookとVRゴーグルの市販版と言われているCrecent bayに惹かれています。

今日はガジェットじゃないんですが、ちょっと面白いウェブサービスを見つけたのでご紹介したいと思います。

スポンサーリンク

 

htmlやcssに興味のあるデザイナー向けの無料webコンテンツ

Web系のデザインやってるとどうしても兼業でhtmlやらcssも一緒にいじらなくてはいけなくなる人もいるのでは?
ただ、ワタシもそうなんですが、デザイン系の人ってプログラミング苦手な人が多いですよね。

本当は「プログラミングもバリバリイケるデザイナーになりたい!」なんて心に秘めつつ、いつの間にやら社会に出て10年くらいが過ぎてしまいました。。
そしてついに「htmlとかcssとかjavascriptとか言ってもどこから手をつけていいか分かんないんだよな〜」というワタシと同じような境遇の方にオススメのサイト見つけました!

まるでゲームを進める感覚でプログラミングが覚えられちゃうサイトです。

まるでアドベンチャーゲームの様なプログラミング習得サイト【Dash】

このサイト、何が他のプログラミング学習サイトと違うかというと、「アドベンチャーゲーム」みたいに楽しみながらプログラミングを覚えていけるというところ。

プログラミングを学べる【Dash】サイトのページはこちら

昔、プログラミングの本を読みあさって何度も挫折してきたわたくしからすると涙が出るくらいうれしいサービスです。
もちろん無料なので、ちょっとプログラミングを覚えてみたいなんて方にもオススメです。
簡単な英語力だけは必要ですが、なんとなくで分かる方が多いと思います。

アクセスするとこんなページ。
dash0
まずはゲームの進捗をウェブ上で管理するためアカウント登録。

そしてこちらが実際の進行画面
dash1

こんな感じで実際にお客様からウェブサイトの構築の依頼を受ける形でウェブのプログラミングを学習していきます。
もちろんお客様はダミーですが、うまくコードを書ける度にお客様が喜んでくれるのでやる気が湧いてきます。
この辺りは本で淡々と学習するのとは大違いで、習得度も高そうです。

スライドに沿って課題をクリア

実際にwebのプログラムを書いている時は画面の左上(依頼人がいた場所)に常に課題のヒントや解説が出ていて、分かりやすいです。

レベル1ではこんな感じ(画面左上を拡大した画像です)
dash3

口コミで広がる仕事の依頼がいい感じ

そしてこのサイトが面白いのは一つの依頼(ゲームでいうと一面)をクリアすると 、口コミで次の依頼が入ってくるというところ。

こんな感じです。
dash2ワタシの低レベルなざっくり和訳だと、ジェフ君はこう言ってるようです。
「僕のブログをもっと良いデザインに変えたいんだ。アンナは君がいい仕事するって言ってたんだけど、僕の新しいブログテーマも作ってくれないかな?」

と、こんな感じです。

これはかなり制作意欲が湧いてきますよね!

で、気が付くとかなり長いコードを書いている自分に気が付きます。
正直、一回では覚えきれないと思うので、何回か復習しながらやっていったら結構基本的なスキルが身につきそうな感じです。

独学でやってきた人にもオススメかも

ワタシの場合、結構独学でhtml、css、phpあたりを習得してきましたが、こちらの基本を学ぶことで結構キレイなコードが書けるようになる気がしています(勝手にそう思ってるだけかもしれませんが)。

あと、補足としてはゲームでいうと3面あたりから、プログラムが初めての人にはちょっと頭を使わないとクリアできない課題が出てきます。不覚ながらワタクシもいくつか引っかかってしまいました。ただ、そんな場合はクリック一つで前に学んだスキルをチラ見できる作りになっているので、本当に初歩からマスターしたい人にはオススメだと思います。

以上、ゲーム感覚でhtmlやcssが学べる【Dash】の紹介でした。

今回紹介した、Dashのサービスはこちら↓の記事で見つけました。他にもためになりそうなサービスが載っています。
プログラミング能力を「独学」で極める最強のWebサービス10選がヤバイ!

 

 - その他

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

  関連記事

iPad Air2を買取に出してみた

こんにちは、ガジェットマニアです。 さて、先日iOS9のパブリックベータ版をイン …

photoshopデータを一括でjpgへ変換する方法

photoshopのデータ(PSD)を一括で簡単にjpgへ変更したい場合の説明で …

iPad mini4って実はiPad Air3なんじゃない?

こんばんは、iPadはもう買わないと心に決めたガジェットマニアです。 買わないと …

【VRゴーグル買った人向け】 隠れたオススメ3D動画ベスト5をご紹介

こんにちは、ガジェットマニアです。 さて、Oculus riftの発売もいよいよ …

iQOSから届いたホルダープレゼントが微妙すぎた…

こんばんは、ガジェットマニアです。 以前、記事に書いたiQOSのホルダー(タバコ …

こんなアプリを待っていた!無料のアイコンメモが便利すぎる

こんばんは、ガジェットマニアです。 先日、ちょっと嬉しいことが。 某大手PCメー …

裸眼で3Dが見たくてNew ニンテンドー3DS LLを買ってみた

こんばんは、最近色んな3Dを見てみたい熱が収まらないガジェットマニアです。 今日 …

プルームテック、ついに予約受付開始!急いで予約しよう!

こんばんは、ガジェットマニアです。 待ちに待ったプルームテック、ついに予約受付を …

使ってないメモリ売るなら今かも?

先日、自宅のmac miniのメモリを増やそうとしてたら、ふと気になることがあり …

Bamboo Sparkは買いなのか?届いたのでレビューしてみる

こんばんは、ガジェットマニアです。 予約から長いこと待たされたBamboo Sp …