東京では語れないHTML5[仮題]

東京では語れないHTML5
［仮題］

2012年10月19日第3回東北セミナー＆ボランティア

公益社団法人日本アドバタイザーズ協会 Web広告研究会
東日本大震災・被災地支援プロジェクト

公益社団法人日本アドバタイザーズ協会 Web広告研究会第3回東北セミナー＆ボランティア

アジェンダ
• アジェンダ
• 登場人物
• 導入の流れをつくる（森田）
• HTML5概論（中村）
• HTML5のこれから（山本）
• HTML5事例紹介（道家・比留間）
• 総括してみる（森田）
• HTML5あれやこれや

2012/10/19 公益社団法人日本アドバタイザーズ協会 Web広告研究会第3回東北セミナー＆ボランティア 1

質問などありましたら
• Twitterでハッシュタグ #webken にて質
問等頂ければ、随時？どうにかします。

• 空気を読まずに挙手頂いても結構です。
– 空気を読んでスルーしたらごめんなさい。

• 時間の関係ですべての質問に回答できな
い可能性がありますがご了承ください。


登場人物（パネリスト）
中村享介（なかむら・きょうすけ）

株式会社ピクセルグリッド
代表取締役／フロントエンド・エンジニア

Web制作会社のWebディレクター、フリーランスのFlash・JavaScriptエンジニアを経
て、2009年に株式会社ピクセルグリッドを設立。

多数のリニューアル、新規立ち上げを取り仕切った経験をもち、JavaScriptを中心に
HTML5などの新しいWeb技術を駆使したウェブサイト制作・開発を得意としている。会
社経営・制作のほか、講演、執筆など幅広く活動している。

著書に『WebクリエイティブのためのDOM Scripting』（毎日コミュニケーションズ）、
『Web制作標準講座 [総合コース]』（共著、翔泳社）など。


山本健介（やまもと・けんすけ）

株式会社コンテンツ Innovative Business Unit
フロントエンド・エンジニア

WEBサイトにおけるフロントエンドを主に担当。Flash/HTML/CSS/JavaScriptを使っ
た制作を行う。
直近では自社コンテンツの制作チームに所属し、企画、サーバサイドプログラム、ネイ
ティブアプリケーションの開発に従事し、専門領域の幅を広げている。


道家陽介（どうけ・ようすけ）

面白法人カヤック閃光部

こえであそぶサービス「koebu」http://koebu.com におけるサービス運営および
Flash/HTML/CSS/JavaScriptなどフロントエンド全般を担当。

Flashコミュニティのボランティア団体 F-siteの運営に参加。


比留間和也（ひるま・かずや）

面白法人カヤック HTMLファイ部

カヤックでは主に、HTML/CSS/JavaScriptでのフロントエンドで活躍。
HTMLファイ部のリーダーで、アサイン管理なども担当。
HTML5を使ったキャンペーンサイトやHTML5を利用した（Web）アプリ制作を担う。

近著に『すべての人に知っておいてほしい HTML5 & CSS3 の基本原則』（共著、エム
ディエヌコーポレーション）、『すべての人に知っておいてほしいスタイルシートデザ
インの基本原則』（共著、エムディエヌコーポレーション）がある。またWeb 系技術
Tipsブログ CSS-EBLOGを運営中。


登場人物（モデレーター）
森田雄（もりた・ゆう）

株式会社ツルカメ代表取締役社長・UXディレクター
株式会社ネコメシ代表取締役CEO
Web広告研究会東日本大震災・被災地支援プロジェクト

東芝EMIやマイクロソフトなどを経て、2000年にビジネス・アーキテクツの設立に参画
し2005年より取締役、2009年同社退職。読書家と称した充電期間を経て、2010年ツル
カメ設立とともにめでたく社会復帰、代表取締役社長に就任（現職）。2012年ネコメシ
を設立し代表取締役CEOに就任（現職）。
IAおよびUX、フロントエンド技術、アクセシビリティ、ユーザビリティのスペシャリス
ト。CG-ARTS協会委員。広告電通賞審議会選考委員。米IA Institute会員。内閣総理大
臣賞、グッドデザイン賞など受賞多数。趣味は料理とカメラ。

gihyo.jp（技術評論社）にて「キーパーソンが見るWeb業界」を2008年より連載して
いるが、今年は関係者のスケジュールがぜんぜん合わなくて頓挫中。


大まかな歴史
• W3C的にはHTML→XHTMLであり
XHTML2の勧告を目指していたがなんか
全然行ったり来たりで進まない。
• 埒があかねえとWHATWGがWA1とWeb
Form2を策定。
• W3CがXHTML2の策定を諦めWHATWG
のWA1+Web Form2を採用しHTML5
WDとして発行。
• ブラウザでの先行実装が進むが仕様は流
動的である。

大多数の現場的歴史観
• HTMLのSemantic Web化（XHTML2）に
そんなに違和感がなかったが、
• iPhoneにFlashが搭載される/されないの
ニュースに盛り上がり、
• 初代iPhone(2007年)は日本未発売であっ
たがiPhone3G(2008年)の発売までに脱
FlashをしておかねばとかいってHTML5。
• 瞬く間にバズワード化してカオス。


バズワードとしてのHTML5
• 以下の“たったひとつのもの”を指しても「
HTML5」という場合があります。
– HTML5, CSS3, Web Socket, Local
Storage, Canvas, GeoLocation, <video>,
<audio>, Microformat, Web Font, 等々
– 正確を期すなら「HTML5 Family」
• しまいにゃFacebookのことだった場合が
あります。


中村さん
• HTML5概論


山本さん
• HTML5のこれから


道家さん・比留間さん
• HTML5事例紹介


森田
• なるほどですね～


HTML5あれやこれや
• HTML5といえばで出てくるあれやこれや
の聞いてみたいことをHTML5界隈のトッ
プクリエーターらがお答えします！

• パネルディスカッション希望。

• Twitter ハッシュタグ #webken で拾っ
てきた質問への回答などもここで。


あれや
• コーポレートサイトのリニューアルを考
えているのですが、HTML5を採用すべき
でしょうか？
– コーポレートのWebガイドラインが
XHTML1.0になっているのですがHTML5に改
定すべき？
– 使ってるCMSはHTML5に対応してるのか？


これや
• HTML5ならPCだけでなくスマホでもサイ
トの閲覧は問題ありませんか？
– PCサイトでFlashを使ってるところがあるの
だけど、スマホ対応していくにはどうしたら
いいですか？
– HTML5とガラケーってどうなんでしょう？


あれや
• 弊社のイントラでIE6が必要な関係で、で
きればWebもIE6に対応しておいてほしい
のですが、それでいて最近のフロントエ
ンド技術でカッチョよくしてほしいし勿
論スマホでも見れないと嫌だしiPadもよ
ろしくです。
– これ次回のミーティングで絶対Androidと
Windows8の話追加されてるな。
– まず予算。話はそれからだ。
– 要件定義でしっかり握っておきましょう。


これや
• WebアプリケーションとしてのHTML5に
ついてもっと詳しく聞きたいの！
– オフライン、キャッシュ系
– CanvasやらSVGやら何やら表現関係
– デバイス間の互換性
– 動作速度・性能
– セキュリティ


あれやこれや
• 言語としてのHTML5のメリットを教えて
ください☆
– 結局 <div> と JS ばっかになってないか？
– 新しい要素や属性の使い勝手はどう？
– WAI-ARIAとか使ってますか？


質疑応答
• 何も情報がないので質問の邪魔にならな
い、ニュートラルなスライドです。


終了

御清聴ありがとうございました。


東京では語れないHTML5[仮題]

More Related Content

Similar to 東京では語れないHTML5[仮題]

More from Yu Morita

東京では語れないHTML5[仮題]