永らくお待たせ致しました

本日8月19日より、HTML5KARUTA 第二版の販売を開始致します！！

http://html5karuta.thebase.in/

いやー、本当にお待たせ致しました。初版の販売は2012年12月18日、前回のHTML5の仕様更新の翌日でした。あれからまるまる8ヶ月ということになるわけですが、そう考えるとまだHTML5KARUTAがこの世に生まれてからそれだけしか経ってないんですねー。

HTML5KARUTA 第二版の内容

今回このカルタを初めて知った人もいると思うので、解説致します。

概要

HTML5KARUTAは、「カルタ」という日本人なら誰でも馴染みのある遊びを通して、HTML5の仕様に含まれる109(現在は2013年8月6日の仕様変更で、HTML5の要素のタグは108つに戻っています。詳しくはブログ記事の[HTML5]結局108つに戻るHTML5(またはdata要素について)を参照してください。)のHTML要素の意味を学習するためのゲームです。

初級はHTML4，XHTMLで今までWeb制作を行ってきた人でも馴染みのある要素のタグのみ36。

中級はHTML5を用いるコーディングでよく使う要素のタグ36。

そして上級にはHTML5に習熟した人でもあまり使うことがない、レアな要素のタグ37が収録されています。

これらの分割はゲーム性、パッケージ的な都合で私が独自に行ったもので、仕様的な根拠はありません。

難易度ごとに分けたことによって最初はHTML5を全く知らなくても初級で遊ぶことができ、徐々にHTML5からの要素を覚えていったり、全てのカードセットを使うことで全要素を網羅的に把握できます。学校で、会社で、HTML5を覚えようとしている方々で楽しく遊びながら学ぶことができます。

遊び方

遊び方は普通のカルタと同じです。

1. 札を読む人一人と、それ以外のプレイヤーに分かれます。プレイヤーはチームに分けて遊んでも良いです
2. 札を読む人が読み札の本文を読み上げ、プレイヤーは、その文章がどの要素を表しているのかを考え、対応した要素のタグが書かれた札を取ります。最初にその札に触れた人がその札を得ます
3. 2を繰り返し、最終的に一番札をとれた人、またはチームの勝ちです

至って普通のルールですね。

最後の一枚は早い者勝ちになってしまうのでゲームに使っていない札を混ぜる、全て言い終わってから取るようにする等各自でルールを決めて構いませんが、カルタの公式なルールでは最後から二番目の札を取った人が最後の札も得るというようになっているそうです。

読み札は

1. 本文
2. 区分
3. 要素名
4. 補足

という内容になっています。

通常は本文を読み、要素名で解答を確認するといった使い方をしますが、下部の補足の文章はプレイヤーが答えがわからない時のヒントとして、または札が取れたあとに補足説明として読んであげる等、そのHTML要素への理解をより深めるために使うことが出来るのではないかと思います。

内容

HTML5KARUTAはそれぞれ

• 読み札36枚(上級のみ37)
• 取り札36枚(上級のみ37)
• ブランク札3枚
• 商品解説

といった内容で構成されています。

ブランク札は、遊んでいてなくした場合、今後のHTML5の仕様変更により追加されたタグの札を自作するなどにご利用ください。チーム分けのくじに使ったりすることもできます。

初版からの変更

初版との違いは、

• 箱表紙に難易度を表記
• ブランク札の追加
• 印刷、カードや商品解説の紙質の全体的な向上
• 2013年8月5日以前での仕様変更による要素の削除に対応(hgroupタグの削除)
• 2013年8月5日以前での仕様変更による要素の追加に対応(dialogタグ、mainタグの追加)

それに伴い、今回はカルタセット一つ辺りの価格が1980円に上がっています。初・中・上級セットでまとめて買えば初版と変わらない値段で買えてお得です★

ちなみに2013年8月6日の仕様更新で上級セットに含まれるcomannd要素、menu要素が削除されていますので、今後プレイするにあたってそれらは抜いても構いません。同時にdata要素が追加されているので、これはブランク札で対応頂ければと思います。(文面が必要であれば後日作成して公開します)。

販売ページ

今回も販売ページのシステムには無料で使えるネットショップサービスBASEを使っています。

http://html5karuta.thebase.in/

リンクはHTML5KARUTAのページから辿ることもできます。まだサイトを見ていない人はそっちも見てみてください★ 近日中に軽くリニューアルをする予定です…このブログの様子を見ていると信ぴょう性がないですけどｗ

メインスポンサー紹介

HTML5KARUTA 第二版は、スポンサー様からご提供頂いた資金、またCampfireでの支援金によってその大部分が賄われています。

ここにそのスポンサー様を紹介するとともに、お礼とさせて頂きます。

アシアル株式会社

http://www.asial.co.jp/

CodeIQ

https://codeiq.jp/

プライム・ストラテジー株式会社

http://www.prime-strategy.co.jp/

サブスポンサーその他

その他Campfireのページ、サブスポンサー様を紹介致します。

株式会社ラテール

HTML5KARUTA カルタで遊びながらHTML5を学べる学習ゲーム(Campfire)

体験報告等お待ちしております

販売ページはこちらになります。

HTML5KARUTA 購入ページ

是非ご購入頂き、それを使って遊んだご報告等ももらえたらなと思います！

イベントなども随時やっていきたいと思ってますので興味のある方はメールや@webcre8のアカウントをフォローしたり当ブログのRSS登録等をお願い致します★