みんなで話し合いながら楽しくHTMLマークアップの知識を深めるイベント

html5j マークアップ部

Markup Cafe

マークアップカフェとは？

マークアップカフェは、HTMLマークアップを、ゲーム感覚で楽しむイベントです。

気軽に参加できて、みんなで話し合いながらHTMLマークアップについての知識を深めることができます。

マークアップカフェの流れ

1. チームをつくる

2. 出題

3. みんなで話し合う

4. 各テーブルの結果を発表する

5. 投票する

※ 出題数に応じて3～4を繰り返します。

1. チームをつくる参加者を人数に応じて各テーブルに振り分けます。くじ引きで決めたり、席順は自由だったりくじ引きで決めたり。

A

B

C

1. チームをつくるコミュニケーションで使うための模造紙、ペンを配ります。模造紙はテーブル一面に広げて自由に書いてください。※裏うつり等でテーブルが汚れないように注意してください。

2. 出題司会者が問題を出題します。実際の制作にあるような問題をだすのでよく聞いておきましょう。

カリスマ美容師が経営するWebサイトのリニューアルで、PVが多くできるだけ高速化したいと要望が...

問題の例

「カリスマ美容師が経営する美容室のウェブサイトのリニューアル件。デザインは既に決定している。サイトのリニューアルによってPVアップを期待している。」

コンセプト欄のマークアップ、あなたならどうする？

みたいな感じ。

ココ

問題画像の例

出展: http://www.s-hoshino.com/

3. みんなで話し合う問題の回答となるマークアップを30分間話し合います。コード案やメモなどを気軽に模造紙に書いて会話を楽しみましょう。考えたマークアップ結果を jsdo.it などに書いて発表に備えます。

4. 各チームの結果を発表する各チームの考案したマークアップを発表します。あとで投票を行うのでよく覚えておきましょう。

5. 投票する 各チームの発表でよかったと思うものに挙手で投票を行います。一人2票。つまり良かったと思う2チームに手を挙げることができます。

Aチーム! ※ 高得点のチームにはプレゼントがあるかも！？

HTMLのマークアップには決まった答えがありません。

どんなウェブページをつくりたいか。アクセスした人に何を伝えたいか。どういう気持で伝えたいか。

それがページごとにちがうから、それぞれのページにそれぞれのマークアップがあるのです。

MarkupCafeは、みんなで気軽にHTMLマークアップについて気軽に話し合い、マークアップの知識を深め、より伝わるマークアップ法をみんなでさがすイベントです。

MarkupCafeを通じて、あなたの意見、あなたの気持ちをマークアップで伝えられるようになりませんか？

Let’s find your own Markup!!

Markup Cafe