INDEX

• HTML5KARUTAとは？
• 会場について
• 先ずは自己紹介と乾杯
• いざ予選開始
• 決勝戦
• 大会の後
• リンク

HTML5KARUTAとは？

HTML5KARUTA – 「HTML5カルタ」で覚えるHTML5の108つのタグ

WEBCRE8.jp の優さんが立ち上げられたサイトです。
サイトで遊べるほか、PDFを無料ダウンロードして厚紙に貼り付けて遊んだり、近日製品版のカルタを購入することができるようになるみたいです。

カルタは初級セット、中級セット、上級セットそれぞれ36枚セットになっています。

HTML5KARURA大会はその製品版のカルタを使用して実際に遊んでみようというイベントです^^

会場について

福岡会場は Future Studio 雁林 (がんりん) でした。

他の会場は以下です。

東京

• 下北沢 オープンソースCafe
• 渋谷 JELLY JELLY CAFE
• 高円寺 こけむさズ
• 茅場町 コワーキングスペース茅場町 Co-Edo（コエド）

神奈川

• 横浜 タネマキ

埼玉

• 大宮 7F

大阪

• 十三 JUSO Coworking

愛知

• 伏見 MYCAFE

北海道

• 札幌 Coworking Cafe 36

先ずは自己紹介と乾杯

KARUTA大会はお酒を飲みながらやるという非常にラフな感じでした。

いざ予選開始

しかし予選が開始されるとみんな真剣。
事前にチートシートを頂き少し予習と練習をしたものの、タグの説明って言い回し次第というか個々覚え方があると思うので、意外と難しかったり知ってるタグがあっても見つけるのが大変だったりで苦戦しました＞＜

予選でみんな困惑したタグが「nav」というタグ。
ナビゲーションのセクションかと思いきや説明がリンクをまとめるセクションみたいな説明だったので「？」となってしまいました。

そしてKARUTAのデザインですが、きちんとソースコード内に埋め込まれるんだ！凄い！と大好評でした。

ただそれでも上下がわかりにくかったので上下の分かりやすい目印とか要素の分類によって色が違うと分かりやすいかもという声が上がりました。
HTML5でいうと分類が増えますが、HTMLでいうとインライン要素とブロック要素のことですね。

決勝戦

決勝戦は予選の上位4名で行われ、僕も参加しました。
決勝戦では上級セットを混ぜてやったのですが、これまた難しいという声もあり、簡単なタグは壮絶な取り合いでした（h1〜h6とかw）

結果は、なんと優勝しました:)
以下頂いた本です。

大会の後

大会後は美味しくピザを頂きました:)
運営の越水さんと宅配の方のナイスな笑顔。

ぶっちぎりで勝ってしまってすみませんと生意気なコメントをしてしまいましたが、みんなでカルタで遊んでHTML5も勉強できてとても楽しかったです！
ありがとうございました:)

リンク

• 新春!!HTML5KARUTA大会報告＆まとめ #HTML5KARUTA
• HTML5カルタ製作に携わらせていただいたので裏話書きます。 #HTML5KARUTA
• 新春!!HTML5KARUTA大会（福岡会場）に参加して来ました
• 「新春！！HTML5KARUTA大会」福岡会場レポート！