イベント生中継！！ HTML5 Experts Night#1をライブライティングしちゃいます

いよいよ本日、HTML5 Experts Night#1を開催します。なんと、このHTML5 Experts.jpでは、編集部が総力をあげてイベントの模様をこの記事で、生中継（ライブライティング？）しちゃいます！イベントの様子を写真付きで逐次アップしていきますので、乞うご期待！

HTML5 Experts Nightとは？

logo 　HTML5 Experts Nightは、HTML5 Experts.jpが誇るWebエキスパートたちと飲めて、学べて、触れ合える、そんなパーティイベントです。日本で最高峰のエキスパートたちが集まった場で、Web技術の話題を肴に楽しめる、そんな場作りを目指しています。

イベントプログラム

さて、イベント開催時間が迫ってまいりました！今日のプログラムをお知らせしますね。皆様のご来場、お待ちしております！

20:00 受付開始です

20:30　イベントスタート！

20:30~20:50　ワイワイ歓談タイム

20:50~21:10　エキスパート対談（どなたが登壇されるかはまだヒミツです！）

21:10~21:30　ワイワイ歓談タイム

21:30~21:45　ロゴコンテストの結果をコードリーディング！？

21:45~22:05　ライトニングトーク(5分×4)

@futomi
@ogaoga
@nakajmg
@Shumpei

22:00　Finish!!

イベント準備開始！

スタッフが会場入りし、準備が始まりました〜。今日の会場はリクルートさんのメディアテクノロジーラボ（MTL）です！

色々仕込んでいます！何が出るかは後ほどのお楽しみ〜。

エキスパートの方で一番乗りはダニエルさんでした。ようこそ！Experts Nightへ。

@wksさん会場設営のご協力ありがとうございます！

どこかで見た事がある人も居るかもしれませんが、今日のイベントでもやります！漫画テレビ。エキスパートで編集部の@komasshuさんが、スペシャルなチューニングを色々と施してます。会場にお越し頂ける方は、是非注目してみてください。

入場開始！!

お待たせしました、入場開始しました。今日はパーティーです！入場したらビールを片手にエキスパートの方々と目眩くWebの世界へ！今日のイベントはエキスパートの方々と一杯飲んでいっぱい語らってくださいね〜。

すでに会場の各所で真剣な（？）議論が始まっています。

白石編集長の乾杯ではじまりました！

乾杯に引き続き、イベントの趣旨の説明。HTML5 Experts.jpが考えるエキスパートの条件の説明や記事寄稿者の告知も！

HTML5 Experts.jpでは一般の方の寄稿も募集する事となりました。我こそは！というかたは編集部までご連絡ください。

エキスパート増井さんとの対談

HTML5 Experts.jp公開以来もっと読まれた記事の著者、エキスパートNo.43の増井さんとの対談です。

編集部の大津谷（写真左）が聞き手となり、色々な話を聞いていきます。

Pukiwiki開発の話から始まり、アメリカへわたった時の話など、楽しい対談が続きました。詳しい内容は後日、レポート記事として起こすとして、いくつかキーワードを。

風呂といったら増井さん（お風呂で開発するプログラマー）
母国語はRuby？
英語はなせなくてもアメリカで仕事できます！
なぜAppleやGoogleに行かないの？＝＞ふつうに働くだけじゃつまらないよ！

会場からの質問も受け付け、参加者全員で盛り上がりました！本当に風呂で仕事しているの？など、面白い質問も沢山。

増井さん、本日はありがとうございました。次の記事もお待ちしています！

歓談タイムその２！

増井さんの対談が終わり会場は再び歓談タイム。ここで、開発者のためのChromeガイドブックのサイン入り本のプレゼント抽選会を開催。

エキスパートの吉川さんと小松さんのサインが入っていますね〜。

エキスパートのえーじさんもサインに応じてくださいました。サインの列ができますね！すごい。

当選された方、おめでとうございます！！

HTML5 Experts.jpロゴコンテストの公開コードレビュー

そうしているうちに、目玉企画の一つ、ロゴコンテストの公開コードレビューがはじまりました。エキスパートの小山田さんをゲスト解説にお迎えし、同じくエキスパートの小松さんと一緒に投稿頂いた作品一つ一つをレビューしていきます。

ロゴコンテストに応募された作品はこちらのページでご覧頂けます。
レビューの概要をざくっと記載すると・・・（すみません、一部更新が追いつきませんでしたので、後日レポートします）

1作品目 http://jsdo.it/platism/xkQYH
小山田さん「CSSアニメーション。border-raduisを使って、丸が四角にアニメーションしている。」

2作品目 http://jsdo.it/mermaid1112/logocontest-robot
小山田さん「これもCSSアニメーション。小さいdivをたくさんうまく使っている。」
小松さん「canvasは使ってないんですね。こういうのもCSSアニメーションでできるんですね。」

3作品目 http://jsdo.it/shirayuki/1NEK
小松さん「ちょうちょがひらひらするのはどうやってるんですか。」
小山田さん「そこまで見てなかったんですが。」
小山田さん「(コードを見て)CSSアニメーションのskewをつかってるんですね。」

4作品目 http://jsdo.it/kingpanda/enUm
小松さん「日本の日の出みたいな感じですね。」
小山田さん「これもCSSアニメーションですね。」

5作品目 http://jsdo.it/sapphire_al2o3/u4ed
小山田さん「これはWebGLを使っています。three.jsを使うことが多いですが、これはWebGLのコードを直に書いています。」
小松さん「僕も、three.jsを使わないと書けないです。」
小山田さん「お手本的なきれいなコードですね。」

6作品目 http://jsdo.it/cx20/9lUe
小山田さん「手前のアニメーションはサンプルコードをのままです。」
小山田さん「その背景でWebGLを動かしているんですね。」
小山田さん「ぜひコードを見てみたいと思います。」
(会場からどよめきが。ソースコードにテキストアートのようにロゴが書かれている。)
小山田さん「これを読み込んでアニメーションさせてるんですね。」

7作品目 http://jsdo.it/Xpressive_Team/p1Mj
小山田さん「これも小さい div をたくさん使っています。」

8作品目 http://jsdo.it/xicolo/peA7
(更新がついていけませんでした。ごめんなさ・・・)

ロゴコンテストは面白法人カヤックさんのjsdo.itを利用して行われました。Webブラウザ上で開発しそのままプレビューすることができます。便利ですね〜。

ロゴコンテストはエキスパートの方に審査して頂いていますので、後日審査結果を発表する予定です。乞うご期待！

LTタイム

どんどん、進んでいきます！LTタイムに突入しました。計６つのLTを一人５分のペースで発表していきます。　　

一人目は株式会社ニューフォリアから羽田野さんです。

ニューフォリアさんで最近サービス開始した、アプリ開発支援サービス「アプリカン」の紹介です。名前の由来はアプリの缶だそうです。好きなエディタでコードを書き、HTML, JavaScript, CSSをZIPしてサイトにアップロードすると、iOSアプリとAndroidアプリをビルドしてくれます。アプリの実行が出来るだけでなく、デバッグツールも付いていて、AppStoreに申請しなくても、アプリのコンテンツを入れ替えることができます。

日本発のアプリ開発支援サービスアプリカンをよろしくお願いします。