WEBCRE8.jpウェブクリ8.jp

webデザイナーによる、デザインとwebを楽しむ情報ブログ

会う。

WEBCRE8.jpが出会った人や参加したイベントの様子を
報告するカテゴリです。

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

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

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

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

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

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

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

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

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


Photo by @shinsyou

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

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

動画の配信

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

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

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

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

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

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

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

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

予選

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

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

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


Photo by @demizu

飛び交うタグの疑問点

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

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

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

決勝

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

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

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

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


Photo by @oremega

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

うそつき人狼
うそつき人狼
posted with amazlet at 13.01.08
株式会社人狼
売り上げランキング: 10,741

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

フォントのふしぎ  ブランドのロゴはなぜ高そうに見えるのか?
小林章
美術出版社
売り上げランキング: 38,440

勝者に贈られたHTML5KARUTAの中級

勝者に贈られたHTML5KARUTAの中級


Photo by @smilelx_xl

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

そのほかの会場の様子

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

新春!!HTML5KARUTA大会 - Togetter

http://togetter.com/li/435130

こちらはTogetter。

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

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

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

ブログレポート

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

高円寺での激しいラス1争い!!w

高円寺での激しいラス1争い!!w

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

#HTML5KARUTA に参加したよ! | Backless -バックレス-

http://backless.org/1686/

2013-01-08 - absunの動向

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

大宮

Office 7Fで開催されたHTML5KARUTAに参戦しました | tama's memo

http://www.tama200x.com/blog/?p=492

茅場町

新春!!HTML5KARUTA大会に参加してきました

http://aco220.com/?p=192

横浜

白熱!遊んで覚えるHTML5KARUTA!! 新春!!HTML5KARUTA大会 @横浜 タネマキに参加してきました。 | CodePlus

http://code-plus.jp/event/html5karuta-tournament/

名古屋

『新春!!HTML5KARUTA大会』名古屋も盛況でした! | girigiribauer.com

http://girigiribauer.com/archives/604

伊藤清徳の垂直落下式ムーンサルトプレス » Blog Archive » HTML5をKARUTAで学んだ話。

http://agilmente.com/blog/2013/01/08/html5karuta/

福岡

新春!!HTML5KARUTA大会(福岡会場)に参加して来ました | ぺぺろぐ

http://pepenpen.com/event/html5karuta/

HTML5KARUTA大会に参加してきました! -- WebCake

http://webcake.no003.info/event/html5karuta-2013.html

「新春!!HTML5KARUTA大会」福岡会場レポート!

http://kirinblog.com/event/html5karuta.html

裏話的なもの

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

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

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

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

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

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

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

スポンサー

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

Forkwell - スキルを軸に、エンジニアの学びと出会いを応援するサイト

https://forkwell.com/

このカルタに興味を持った様な人には役に立つタイプのサービスですので是非チェックしてみてください!

プレゼント

さて、このカルタは近日、と言うか明日?辺りに販売を始めます。それに先駆けて、プレゼント企画が行われております!

皆さんご存知のWebクリエイターボックスから、Web Designingの一年無料購読等の豪華なサービスに紛れて、なんとこのHTML5KARUTAもフルセットで1名の方に差し上げます!是非こちらもチェックしてみてください!

Webクリエイターボックス3周年記念プレゼント企画! | Webクリエイターボックス

http://www.webcreatorbox.com/webinfo/wcb-3year/

このプレゼント、当記事公開時点で既に60名程度の応募を頂いているようです!(それでも他のプレゼントよりは倍率低いはずですがw)ありがとうございます!!

告知

今後のことですが、まず明日からHTML5KARUTAの販売が開始されます。される予定です。多分されると思いますw

そしてイベントと致しましては、2013年1月11日と29日に行われるCSS Nite @Co-Edo, Vol.1「マルチデバイス化を見据えたコンテンツ設計 基礎講座」(2013年1月11日開催)の懇親会に、このカルタを持ちこませて頂こうと思っています!

次に、1月21日に行われる2013年最初の「HTML5とか勉強会(第35回)」に、これまた懇親会から参加させて頂く予定であります。実際にカルタに触って頂き、「これは役に立つ!」「会社に持ってってみよう!」という方は是非購入をご検討ください★

今後カルタ単体でのイベントを行うかは分かりませんが、ご要望がありましたらどちらででも行えるように致しますので、御用の際はコンタクトからのメールか、@webcre8までリプライを頂ければと思います!

終わりに

さて、WEBCRE8.jpではもうちょっとカルタの話題で引っ張ることになるかと思いますw 技術面の話しや、カルタ自体の話等、話したいことはいくらでもありますよー!w