プロジェクト本文

全国で遊ばれた、カルタで遊びながらHTML5を学べる学習ゲーム
「HTML5KARUTA」。
初版を完売し、今回web制作者の仕事や学習を支援すべく再販致します!


■HTML5KARUTAとは

「HTML5KARUTA」は、これからのweb制作という技術において必須とされるマークアップ言語「HTML5」を遊びながら学ぶことが出来る、学習のためのツールです!

HTML5KARUTA_01

札には一枚一枚、HTML5における要素を定義するタグが印刷されており、プレイヤーは読み札で読み上げられるタグの説明から、該当するタグの札を探し出し、札を取ります。

HTML5KARUTA_02

これを繰り返して取った札の枚数を競うという、ゲームとしては非常にシンプルなものです。

HTML5KARUTA_03


■なぜHTML5KARUTAを作っているか

HTML5は現在進行中の世界的なプロジェクトでもあり、今日のwebを担っている企業や団体が、その発展に取り組んでいます。

WEBCRE8.jpも個人のweb制作者として、HTML5の発展、ひいてはそれを使ったweb制作者の仕事、学習を支援すべくこの企画を立ち上げました。

[HTML5]遊びながらタグを覚える「HTML5KARUTA」を作りました - WEBCRE8.jp
http://webcre8.jp/create/launch-html5-karuta.html

すでにwebサイトもあり、ユーザーの皆様は購入しなくてもどういったゲームかデータをダウンロードして体験版を遊ぶことも出来、「面白そう!」と思った方にはご購入頂ける形をとっています。また、webサイト単体でも遊ぶことができます。

HTML5KARUTA_04

HTML5KARUTA - 「HTML5カルタ」で覚えるHTML5の108つのタグ
http://roadstohtml5.com/html5karuta/


■WEBCRE8.jpの考え

私は「webとリアルをつなげる」「学習と遊びをつなげる」ということを重視しています。日本人なら誰もが遊んだことのある「カルタ」という遊びをすることによって、気付いたら知識がついている…そんなツールを目指してこのHTML5KARUTAは作られ、また今のところそれを実現できていると手応えを感じています。

HTML5KARUTA_05


■各有名サイトでご紹介頂きました

webサイトのリリース後、サイト、カルタについて多数のご紹介を頂きました!

IDEA*IDEA
http://www.ideaxidea.com/archives/2012/12/html5_karuta.html

GIGAZINE
http://gigazine.net/news/20121219-html-karuta/

MdN Design Interactive
http://www.mdn.co.jp/di/newstopics/27144/?rm=1


■全国で遊ばれ、初回の販売分は売り切れました

全国のweb制作者を招き7都道府県11会場で行った「新春!!HTML5KARUTA大会」では実に約150名の参加者にゲームを楽しんで頂き、その後もまたやって欲しい、カルタが欲しいとの声も頂いております。

HTML5KARUTA_06

新春!!HTML5KARUTA大会報告&まとめ #HTML5KARUTA - WEBCRE8.jp
http://webcre8.jp/meet/html5-karuta-report.html

新春!!HTML5KARUTA大会 - Togetter
http://togetter.com/li/435130

HTML5がカルタに!「新春!!HTML5KARUTA大会」が全国で開催! #HTML5KARUTA - NAVER まとめ
http://matome.naver.jp/odai/2135752815206629001

HTML5KARUTA_07

その後、予算の問題で少数ではありますが、ネットショップ作成サービス「BASE」を使いカルタを販売し、既にイベントや企業での学習ツール等に使って頂いています。

HTML5KARUTAの販売を開始致します #HTML5KARUTA - WEBCRE8.jp
http://webcre8.jp/create/html5-karuta-sall.html

HTML5KARUTA 購入ページ(現在は完売)
http://html5karuta.thebase.in/

制作者同士で遊べば、そこに会話が生まれます。疑問が出れば、遊びながら他の制作者に質問してもいいのです。そうして遊びの中でコミュニケーションが生まれ、自然と自身の知識として取り入れられます。

今後は実際にこのカルタを使い、HTML5を業務に取り入れたい企業や団体、これからweb制作を学んでいきたい学生の、学習やレクリエーション等の活動に大いに役立てて欲しいと考えています。


■資金の使い道、取り組みについて

皆様にご支援頂いた資金は、このカルタの制作費として使わせて頂きます。大量生産して一気に必要としている皆様の元へこの製品を届けたいと思います。

また、イベント等を行い、私自身がカルタを通して皆様のHTML5への興味、理解、そしてこうして遊びながらでも役に立つことが覚えられると実感して頂ければと考えています。


■プロジェクトのリターンについて

・HTML5KARUTA PDFデータ
・HTML5KARUTA 初級・中級・上級
・webサイトにスポンサーとして掲示
・イベントの開催相談受付等

等をご用意しております。また、今後も私自身がHTML5KARUTAを用いたイベントを行ったり、自由にこれを用いてイベントを行なって頂いて構いませんので、その際はご相談頂ければ宣伝活動などもご協力させて頂きます。
なお、イベントの開催相談受付については東京近郊であれば私が伺いし、遠方の方についてはメールやスカイプなどでお話させていただく予定です。


■カルタの内容

初級…HTML4、XHTML1.0のころからあったタグを中心に36タグを収録
中級…HTML5でよく使うタグを中心に36タグを収録
上級…HTML5で意味が変わったタグとあまり使われないタグを中心に36タグを収録

PDFデータでは印刷して遊ぶことが出来、カルタセットではそのまま遊べます。


■海外に向けた販売も検討中です!

HTML5は世界共通の技術です。WEBCRE8.jpは今後世界に向けた「HTML5KARUTA英語版」の制作を検討中です。この際にももちろんスポンサーとなって頂いた方々のwebサイトでの掲示は継続させて頂きます。

日本の遊びである「カルタ」とともに、世界中の皆さんにHTML5に親しんで欲しいと思います。


■WEBCRE8.jpについて

「webとリアルをつなげる」「遊びと学びをつなげる」をモットーにweb制作を行っているペーペーのwebデザイナー&ディレクター。web制作者向けブログ「WEBCRE8.jp」を運営しながらwebコンテンツを中心に今後も様々なものを作っていく予定。

ブログ:WEBCRE8.jp

このプロジェクトの問題報告やご取材はこちらよりお問い合わせください