【動画あり】HTML5に使われる108個のタグでカルタをしよう!遊んで学べて一石二鳥!
『HTML5!』『HTML5!』 )o彡゜
はい、Web屋の皆さんにはお馴染みの新しいマークアップことHTML5さんですね。('A') 使われているタグは合計で108個もあり、仕事の合間に覚えるのが実に面倒なアレです。全部 <div> で囲みたくなるよね。
このHTML5KARUTA(カルタ)はそんな怠け者にはもってこいのツールでして、なんと遊びながら(カルタしながら)タグの意味を学習する事ができるというスグレモノなのです。今回は実際にプレイした動画を合わせてご紹介します。
HTML5カルタとは
HTML5に実装される108個のタグをカルタ方式で取り合いながら勉強する今回のHTML5KARUTA。記載されているタグは従来から(HTML4)使われているタグも多く、コーダーの方は特に楽しめる予感です。('A')
タグの種類については、制作者の酒井さんのブログに書かれています。
[HTML5]遊びながらタグを覚える「HTML5KARUTA」を作りました - WEBCRE8.jp
これをカルタにするとは、何とも面白いアイデアですね。('A')
こちらはGIGAZINEにも紹介された、オフィシャル。
HTML5KARUTA
サイト上には、実際に使われる読み札が一覧で置かれており、それをめくるとタグが表示されるようになっています。
実際にプレイする側は、タグの面から一致する札を選ばなくてはいけないので逆になります。(下記、プレイ動画で紹介)
意味を知らないと札が取れない → 必死に覚える → いつのまにかHTML5のタグを覚えてた → やったねたえc・・。こんな感じでみんなハッピーになれるカルタです。
デモプレイの様子
さて、来年の1/6に新春!!HTML5カルタ取り が開催される事もあり、いったいどのような状態で催されるのか、『HTML5なんて全然わかんねーよ』っと参加を躊躇している人も多いと思い動画を撮ってきました。
(先日、 @poyosi さんと一緒に teamlabo さんの会議室にてデモプレイした模様です。読み手の声は酒井さんの肉声です。)
全然、予習をしてこなかったので、<html> とか <span> などの基本的なタグしかわかりませんでした・・・orz
とりあえず、雰囲気は分かっていただけたでしょうか。
制作者の酒井さんにインタビューしてみました。
せっかくなので今回のKARUTAについて、制作者の酒井さん(@glatyou)にお話を伺ってみました。
盛り上がってまいりましたね。
今回カルタ大会と同時に、物販も開始されますよね。HTML5というニッチな分野でネタとしての企画だけではなく、製品として販売されることについて、どのような需要(ターゲティング)や層をねらっているのですか?
勉強会や学校、セミナー等を行う団体等に教材やイベント後の懇親会での余興などに使われればベストだと思ってます。そういう使われ方をするのが理想っすね。
仮に学校でHTML5の授業なんかがあるのなら、英語の単語帳のように使ったりもいいと思います。
実際、「カルタです!!」って感じの装丁だと持ち運びも不便だろうし...。当初はせっかくだからコレクターズアイテムっぽくしようという話だったんですけど、それよりはどこにでも持ち運べる感じのほうがいいかなと。遊ばれてなんぼですし。
なるほどー、家族で気軽にできる代物でもないですから全国のスクールに置かれるのは理想ですよね。
HTML5って世界規模なので海外展開も考えているとか?
ゆくゆくは、サイト自体も英語版対応もして、カルタもむしろ英語対応したものを作ってカルタという遊び自体を教える勢いで行きます!w
なるほどー、バンクーバーでは爆発的に売れて欲しいね。
カルタ大会の時(デモプレイ)全く予習をしていなかったため、figure の意味すらわからず、"出来ない子状態で孤独"だったのですが、当日はチートシートの配布はされないのですか?あと、プレイ前にちょっとした勉強ができたら助かるかも?
チートシートいいですね、やりましょう!
参加者全員分を紙にて配布します。それと、当日は各スペースの担当者が大会前にHTML5について軽く解説致します。それからプレイを開始する予定です。質問も遊びながらして構わないので、初心者の方でもとりあえず来場してもらって、その場で参加を決めてもらってもOKです★
おおっ!あざす。
自分のような自称Web屋でも安心して参加できそうです!
ぜひ!そのあとは皆で集まって初詣とか行ってきてくださいw
おっす。ありがとうございました。
というわけで、何だかテンション高めのインタビューでした。酒井さんありがとうございます。
是非とも、新年の挨拶をすませ、こたつに入りながら自宅警備しているWeb屋の方は各所コワーキングスペースに足を運んで新春!!KARUTAに参加してみてはいかがでしょうか ('A')ノおしまい。