「HTML5カルタ」で覚えるHTML5の108つのタグ 動画が表示されない場合は html5jのYoutubeチャンネルへ! Created by WEBCRE8.jp 四畳半ワークス Supported by tweet hatena facebook_like 札一覧
本日HTML5の各タグを遊びながら覚えられる「HTML5KARUTA」を公開しました。これがどういうモノかを紹介します! 9月くらいから構想していた、ゲームを通してHTML5を覚えるというコンセプトから作られたHTML5KARUTAを作成、公開しました。まだイメージしていたものの80%程度の出来ですが、どうぞご覧ください★ http://roadstohtml5.com/html5karuta/ HTML5KARUTAは、日本の遊びカルタというゲームを通してHTML5のタグを覚えようという主旨のゲームです。 読み札にはHTML5の各タグの説明が書いてあります。絵札にはタグの名前自体があるだけです。タグの説明を聞いて、それが何のことかわかったら札を取る。日本人にはおなじみのルールですね!最近の若い人が知っているのかは知りませんけど…w HTML5KARUTAを作った動機 まずなぜこれを作った
HTML5のうちページにおいて一般的なタグ36個の説明が書いてある読み札とタグの書いてある絵札からなるカルタが「HTML5KARUTA」です。ウェブサイト上で遊べるだけでなく、ダウンロードしたPDFファイルを使って実際にカルタを作りプレイすることも可能で、遊びながらHTML5の学習ができるようになっています。 HTML5KARUTA http://roadstohtml5.com/html5karuta/ カルタは以下のような感じで、HTML5のタグ108個のうちページにおいて一般的なタグ36個が扱われています。 「表組み内の行の見出しのタグ」、「ページ自体のメタ情報をまとめるタグ」、「ページ自体の題名のタグ」が並んでいます。 「ページ自体のメタ情報をまとめるタグ」の札の上にカーソルを乗せると、答えである「head」が現れました。 なお、カルタはページの下部からPDFファイルをダウンロード
HTML5KARUTA Creators 企画 コンテンツ制作 @webcre8 カルタ制作 @webcre8 @4_5matworks @anticyborg @xxeimixx テキスト制作 @webcre8 @Toro_unit @kojika17 制作協力 @o_ti @mima_v @Hitomi_e スポンサー協力 Forkwell CodeIQ アシアル株式会社 プライム・ストラテジー株式会社 HTML5 Contents & License HTML5 Powered with CSS3 / Styling, and Semantics HTML5 LogoはW3Cよりクリエイティブ・コモンズライセンス 3.0 表示の元公開されています。 音楽:魔王魂
WEBCRE8.jpの中の人こと酒井優さん(@glatyou)が作ったHTML5カルタが届いてたのを思い出して早速遊んでみました。 はこです 僕はCAMPFIREのアレで早々にパトロンとして金を出したので、初級・中級・上級の3種類のセットを頂くことが出来ました。 かね の ちから って すげー 。 中身を見てみる カルタの他に簡単な解説も入ってました。 カルタですね。カルタです。こんなにカルタなものは見たことないくらいカルタ。 早速遊んでみよう! というわけで、早速カルタで遊んでみようと思ったんですけど、よく考えたら僕には一緒にカルタを楽しめる友達がいませんでした。 友達が、いませんでした。 おわり。 以下、泣きながら全力で一人カルタを楽しむ僕の努力をお楽しみください わ、わーい。 僕のID、halcanaができたよー。カルタってすごーい。たのしーい。 続いてカルタの制作者、酒井優さんのI
このプロジェクトは、2013-03-15に募集を開始し、53人の支援により325,000円の資金を集め、2013-04-15に募集を終了しました 全国で遊ばれた、カルタで遊びながらHTML5を学べる学習ゲーム 「HTML5KARUTA」。 初版を完売し、今回web制作者の仕事や学習を支援すべく再販致します! ■HTML5KARUTAとは 「HTML5KARUTA」は、これからのweb制作という技術において必須とされるマークアップ言語「HTML5」を遊びながら学ぶことが出来る、学習のためのツールです! 札には一枚一枚、HTML5における要素を定義するタグが印刷されており、プレイヤーは読み札で読み上げられるタグの説明から、該当するタグの札を探し出し、札を取ります。 これを繰り返して取った札の枚数を競うという、ゲームとしては非常にシンプルなものです。 ■なぜHTML5KARUTAを作っているか
今年もこの時期がやって参りました。正月気分も抜けてきた1月後半ですが、最後にWebのお祭りに参加しませんか? HTML5KARUTAを使った宴会をやりますー!★ もう1月も半分を過ぎて過ぎてしまいましたが、1年を快調に滑り出せていますか?私は本の執筆をしたり雑誌への寄稿を行ったりとかなりアクティブに過ごしていますが、色々忙しくて本来やりたいことの半分もこなせておらず焦っていたりします>< しかしこの日だけは慌てずに、皆さんで遊びませんか? 新年1月25日土曜日に六本木で、私が一昨年末に発表、昨年はずっと販売したりイベントをやってきていたHTML5KARUTAを使った大会&宴会を開催します。ぎりぎりの告知になってしまいましたが、皆さんが遊びにくるのをお待ちしております。 場所はGREEのイベントホールをお借りさせて頂いております。大きなホールでお酒を飲みながらワイワイやりましょう!★ イベン
http://www.asial.co.jp/ アシアル株式会社は、HTML5、PHP等を得意とするシステム系の制作会社。最近はブラウザー上で動く、HTML5とJavaScriptで動くスマートフォンアプリ開発が出来るMonacaというサービスが注目されています。 取り組みとしても私の活動と親和性が高く、私も今後これでHTML5に関連したアプリを作ろうと思っています★ この機会を与えてくださったアシアルの岡本さんにこの場を借りてお礼を申し上げます。 CodeIQ https://codeiq.jp/ CodeIQは、株式会社リクルートキャリアの運営するWebサービスです。 CodeIQ(コードアイキュー)とは、自分の実力を知りたいITエンジニア向けの、実務スキル評価サービスです。ということで、もちろんHTML5についての問題も掲載されています。 こちらもテストやクイズの様な形式でweb制作
最近企業ブログとしては珍しく月間140万PVを越え、盛り上がっている株式会社LIGに「HTML5KARUTA」を持って遊びに行ってきました★ http://liginc.co.jp/ 株式会社LIGは、東京の東側、我らが台東区にオフィスを構えるweb制作会社です。最近ブログが物凄く人気になっているわけで、このブログでも何度か紹介させてもらっています! [web制作]今、制作会社の(特にスタッフ持ち回りの)ブログがアツい – WEBCRE8.jp まあ、このブログを知っている位なら皆さんLIGのブログは既にご存知かと思われます。それくらい人気ですよねー。 東東京のアツい制作会社 私は東京の東側に住む者として、西側には負けないように東東京のwebを盛り上げることに協力していきたいと常々思っているんですが…先日行ってきたウサギィにしろ、アシアルにしろチームラボにしろ、東東京の活発な企業ってたくさ
今週日曜日に全国で行われた「新春!!HTML5KARUTA大会」の様子のレポートを紹介します。一応渋谷会場のレポートもしたいと思います! HTML5KARUTA大会、無事終了しました! 2013年年始のイベントごととしては初めての人も多かったのではないでしょうか。1月6日日曜日、webcre8の制作したHTML5KARUTAを使った全国的なイベント、新春!!HTML5KARUTA大会が行われました。 新春!!HTML5KARUTA大会、全国規模に。参加を迷ってるあなたに! #HTML5KARUTA webcre8としてはこうしたイベントに参加する事自体あまりできていなかったのですが、せっかくやるなら話を大きくしたいという安直な考えのもと、いきなり主催で、しかも全国を巻き込んでのイベントとしてしまいました。 Photo by @shinsyou 実際のところ私自身が考えていたような段取りでイ
TVゲームがヒントになった学習ゲーム — HTML5KARUTAという活動 酒井優(WEBCRE8.jp) 一月の末、東京・六本木ヒルズにあるグリーのオフィスを会場に、「2014 企業対抗!!HTML5KARUTA大会」というイベントを開催しました。このイベントはhtml5j、CodeIQ、グリー、日本マイクロソフトを中心とした多くの企業やコミュニティの協力のもと行われました。懸念されていた参加率も95%程度と参加人数100名超の大きなイベントとなり、熱い熱気に包まれました。 このイベントは世の中で行われているITやWeb系の勉強会やセミナーとは大きく趣向が異なり、拙作「HTML5KARUTA」を使ったゲームの大会を中心としたミートアップのような、宴会のようなイベントでした。企業同士のトーナメントをお酒を飲みながら観戦したり、談笑したり、用意されたブースで遊ぶこともできるというカジュアルな
千葉県生まれ、千葉県育ち、豊島区在住の26歳。大学卒業後、モバイルコンテンツの制作会社やPR会社などでWebディレクターをしたり、専門学校生をしたり、Tech系フリーライターをしたりして、現在に至る。現在は出版社にて女性向けWebメディアの専属ライター。 メール:aco19890220aco[at]gmail.com Twitter:@aco220 Facebook:http://www.facebook.com/aco220 [読了時間: 1分] 2013年8月11日、マルチメディアスクールWAVE新宿で開催された「HTML5カルタ大会」へ行ってきました。 「HTML5でカルタ?」と思われるかもしれませんが、初級・中級・上級の3種類(各36枚)を揃えることで、W3Cで正式に採用されている109種類(2013年8月6日の仕様変更で109から108に戻りましたが、カルタ自体が変更前に作られて
2014年1月25日、六本木ヒルズのグリーイベントホールにて、HTML5KARUTA大会が開催された。広い会場には名だたるIT企業代表のつわもの達が続々と集結。各チームがHTML5の実力を競い合った。 CodeIQはおつまみスポンサーとして、問題に解答してくれた参加者の方にビールとおつまみを振舞った。その解答と解説も発表します! by 馬場美由紀 (CodeIQ中の人) HTMLタグで構成されたカルタ「HTML5KARUTA」 大会で使ったHTML5KARUTAは2012年にリリースされ、Webエンジニアに大人気のアイテム。カルタにはHTML5以前から変わらず残っているタグの「初級セット」、HTML5でコーディングをするときによく使うタグの「中級セット」、あまり使われることのないタグや解釈の変わったタグの「上級セット」がある。それぞれ36のタグで構成された、名刺サイズでスタイリッシュなデザ
ブログWEBCRE8.jpの@glatyou さんが作成された、”HTML5のタグを楽しく遊びながら覚えられる”がコンセプトのカルタ、その名も「HTML5KARUTA」。 HTML5KARUTA – 「HTML5カルタ」で覚えるHTML5の108つのタグ 先日、全国各地にてその大会が催され、私は渋谷のコワーキングスペースJELLY JELLY CAFEさんで行われた大会の方に遊びに行って参りましたので簡単なオフレポをば:) HTML5KARUTAとは HTML5KARUTAは、日本の遊びカルタというゲームを通してHTML5のタグを覚えようという主旨のゲームです。 読み札にはHTML5の各タグの説明が書いてあります。絵札にはタグの名前自体があるだけです。タグの説明を聞いて、それが何のことかわかったら札を取る。日本人にはおなじみのルールですね! via: [HTML5]遊びながらタグを覚える「
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く