WEBCRE8.jp > 会う > 新春!!HTML5KARUTA大会報告＆まとめ #HTML5KARUTA

新春!!HTML5KARUTA大会報告＆まとめ #HTML5KARUTA

この記事は約17分ぐらいで読めます

今週日曜日に全国で行われた「新春!!HTML5KARUTA大会」の様子のレポートを紹介します。一応渋谷会場のレポートもしたいと思います！

HTML5KARUTA大会、無事終了しました！

2013年年始のイベントごととしては初めての人も多かったのではないでしょうか。1月6日日曜日、webcre8の制作したHTML5KARUTAを使った全国的なイベント、新春!!HTML5KARUTA大会が行われました。

新春!!HTML5KARUTA大会、全国規模に。参加を迷ってるあなたに！ #HTML5KARUTA

webcre8としてはこうしたイベントに参加する事自体あまりできていなかったのですが、せっかくやるなら話を大きくしたいという安直な考えのもと、いきなり主催で、しかも全国を巻き込んでのイベントとしてしまいました。

各地でこのようにカルタを着物で楽しみました

Photo by @shinsyou

実際のところ私自身が考えていたような段取りでイベントを進めることが出来ず、自分の力不足を痛感することも正直多かったのですが、終了後に運営グループへの投稿やハッシュタグを追ってみた限りでは楽しそうな投稿が並び、参加者には楽しんでもらえたのだなと嬉しい気持ちです。

反省点は一旦おいておいて、イベントの様子をざっくりとお伝えします。

動画の配信

HTML5KARUTAのサイトに特設動画配信ページを設置し、イベントの様子を各場所で共有したいと思っていました。

がしかし、私自身動画のwebcre8が不慣れなこともあって配信がほとんど満足に出来ませんでした(おいておいてとか言いながらいきなり反省ｗ)。

新春!!HTML5KARUTA大会イベント中継配信会場 - HTML5KARUTA

http://roadstohtml5.com/html5karuta/event.html?ust=1

場所によっては当初の予定通りHTML5に関する解説やゲームを臨機応変に開始していてくれたようで、ここも早速皆さんに助けられています…ｗ

渋谷会場は参加者の4分の3が着物参加!!

webcre8はイベントの渋谷会場の司会を行なっていたのですが、このイベントには着物割引というものを取り決めていました。着物での来場者は~~5000~~500円割引というもので、当日は私自身も着物を着て参加し、正月気分を盛り上げるのによいルールだったのではないかなと思っております。

しかしまさか参加者の4分の3(16人くらい)が着物で参加とは…なんてノリがいいんですかweb制作者ってのは…！しかも参加者のうち半分くらいが女性で、渋谷会場は相当華やかな状態でした。後日写真が公開できるかもしれません…一応あとで紹介するまとめなんかには写真も載ってます。

予選

webcre8からざっくりとした製品の紹介をしたあと、各テーブルに初級、中級、上級と分かれます。場所の問題と人数の問題もあって、初級8名、中級7名、上級4名といった様な分かれ方をし、ゲームに移って行きます。上級は上位に残る競争率が低いですね！

カードの背景にはうっすらとソースコードが書かれている

Photo by @demizu

飛び交うタグの疑問点

まずこのカルタはある程度読み手がHTML5を理解しており、質問が出たときは答えなければならないというような構造をしています。ときにはプレイヤー同士が説明し合うときもあるものの、私の担当したテーブルは上級者用。正直これらのタグを説明できる人なんてあんまりいません。なんせ、まだ実装されてないタグもありますからｗ

上級テーブルで特に注目されたのはkbdと言うようなフレージング・コンテンツと、summary,detailsと言うようなインタラクティブ・コンテンツ。summaryに関しては他の場所でも話題になっていたみたいです。こうしてどんなタグが存在するのかをとりあえず知るのがこのカルタの一つめの目的です。

上級のせいか、webcre8の解説が長いせいか、ゲーム自体も一番長くかかってしまいましたｗ

決勝

各テーブルから上位者二名を集め、六名での決勝が行われました。猛者共です！ｗ

決勝はテーブルにとりあえず108枚全てを置き、読み札を半分の54枚使って遊ぶという形式にしました。場にはカードがたくさんあるので、いつ終わるかわからない状態ですｗ

さすがに108枚並ぶとかなりキモイｗ

Photo by @oremega

激戦を制し、優勝したのはめるもさん(@heavenlyx009x)でした！めるもさんにはJelly Jelly Cafeからうそつき人狼が送られました。

うそつき人狼

posted with amazlet at 13.01.08

株式会社人狼
売り上げランキング: 10,741

Amazon.co.jp で詳細を見る

2位と3位が同点で、あやちさん(@smilelx_xl)とウェビメモのみぞれさん(@xxmiz0rexx)の手にwebcre8オススメのフォントに関する本(HTML5関係ないｗ)、フォントのふしぎとHTML5KARUTAが送られます。

フォントのふしぎブランドのロゴはなぜ高そうに見えるのか？

posted with amazlet at 13.01.08

小林章
美術出版社
売り上げランキング: 38,440

Amazon.co.jp で詳細を見る

勝者に贈られたHTML5KARUTAの中級

Photo by @smilelx_xl

それ以下の皆さんにもカルタやバッジが送られます！上位入賞者の皆さん、おめでとうございます！

そのほかの会場の様子

webcre8自身、動画の配信によって各会場の様子をチェックするつもりでいたのですが、それは全く出来ませんでした…。それでも、#HTML5KARUTAのハッシュタグで投稿されたイベントの様子はどれも楽しそうでした。各会場の司会を担当して下さった方々には感謝ですね…！

http://togetter.com/li/435130

こちらはTogetter。

HTML5がカルタに！「新春!!HTML5KARUTA大会」が全国で開催！ #HTML5KARUTA - NAVER まとめ

http://matome.naver.jp/odai/2135752815206629001

そしてこちらがNAVERまとめですね。イベント全体の雰囲気がざっくり見られていい感じです！

ブログレポート

既に各地域のレポートが上がっているのでこちらも紹介！ここに挙げたもの以外に上がっている記事がありましたら報告下さいねー！

高円寺での激しいラス1争い！！ｗ

Photo by @demizu

渋谷

カルタで楽しみながらHTML5のタグを覚える！「HTML5KARUTA」の大会に行って参りました！！ | OZPAの表4

http://ozpa-h4.com/2013/01/09/html5-karuta/

HTML5を遊びながら覚えられる「HTML5KARUTA」の大会に参加してきました。｜WEB Drawer

http://webdrawer.net/html/html5karuta.html

高円寺

あけおめ！　そしてHTML5かるた大会に参加してきました。 | 俺が俺らしく俺であるために

http://t-tsuchiya.info/wordpress/?p=46

http://backless.org/1686/

http://d.hatena.ne.jp/absun/20130108

裏話的なもの

さて、このコンテンツとこれを用いた一連のイベントは、webcre8だけでなく色んな人の努力によって実現させて頂いたものです。よくある謙遜でなく、マジで、皆さんのおかげでこのイベントをたくさんの人に楽しんでもらう事が出来たのです。

そしてその最大の功労者は、webデザイナーの方もDTPデザイナーの方もフリーランスの制作者も読んでいるかもしれない、四畳半ワークスのまさきさん( @4_5matworks)です。

HTML5カルタ製作に携わらせていただいたので裏話書きます。 #HTML5KARUTA | 四畳半ワークス

http://blog.4-5matworks.com/archives/1734

彼にはまずカルタを作った場合の見積もりから始まり、印刷所の手配、検討、制作物のチェック、配送と、およそカルタがwebから抜け出す為の全てを担っていたと言っても過言ではありません。彼の「あーそれはこっちでやっておきますよ」という言葉の頼もしさと言ったら…！

他にもこのコンテンツ自体の話しは以下の記事に書いてあります。

[HTML5]遊びながらタグを覚える「HTML5KARUTA」を作りました

スポンサー

そして金銭面でのサポート、これも重要な事です。HTML5KARUTAはwebcre8は普通に個人が制作して発注して出来ているいわば同人誌的なものなのですが、その費用の一部をエンジニアとクリエイターがスキルを軸に、仲間や仕事に出会うためのサービスForkwell様からのスポンサー協力によって賄っています。