Weitere ähnliche Inhalte
Ähnlich wie 東京では語れないHTML5[仮題] (20)
Kürzlich hochgeladen (11)
東京では語れないHTML5[仮題]
- 1. 東京では語れないHTML5
[仮題]
2012年10月19日 第3回東北セミナー&ボランティア
公益社団法人日本アドバタイザーズ協会 Web広告研究会
東日本大震災・被災地支援プロジェクト
公益社団法人日本アドバタイザーズ協会 Web広告研究会 第3回東北セミナー&ボランティア
- 2. アジェンダ
• アジェンダ
• 登場人物
• 導入の流れをつくる (森田)
• HTML5概論 (中村)
• HTML5のこれから (山本)
• HTML5事例紹介 (道家・比留間)
• 総括してみる (森田)
• HTML5あれやこれや
2012/10/19 公益社団法人日本アドバタイザーズ協会 Web広告研究会 第3回東北セミナー&ボランティア 1
- 3. 質問などありましたら
• Twitterでハッシュタグ #webken にて質
問等頂ければ、随時?どうにかします。
• 空気を読まずに挙手頂いても結構です。
– 空気を読んでスルーしたらごめんなさい。
• 時間の関係ですべての質問に回答できな
い可能性がありますがご了承ください。
2012/10/19 公益社団法人日本アドバタイザーズ協会 Web広告研究会 第3回東北セミナー&ボランティア 2
- 4. 登場人物(パネリスト)
中村 享介(なかむら・きょうすけ)
株式会社ピクセルグリッド
代表取締役/フロントエンド・エンジニア
Web制作会社のWebディレクター、フリーランスのFlash・JavaScriptエンジニアを経
て、2009年に株式会社ピクセルグリッドを設立。
多数のリニューアル、新規立ち上げを取り仕切った経験をもち、JavaScriptを中心に
HTML5などの新しいWeb技術を駆使したウェブサイト制作・開発を得意としている。会
社経営・制作のほか、講演、執筆など幅広く活動している。
著書に『WebクリエイティブのためのDOM Scripting』(毎日コミュニケーションズ)、
『Web制作標準講座 [総合コース]』(共著、翔泳社)など。
2012/10/19 公益社団法人日本アドバタイザーズ協会 Web広告研究会 第3回東北セミナー&ボランティア 3
- 5. 登場人物(パネリスト)
山本 健介(やまもと・けんすけ)
株式会社コンテンツ Innovative Business Unit
フロントエンド・エンジニア
WEBサイトにおけるフロントエンドを主に担当。Flash/HTML/CSS/JavaScriptを使っ
た制作を行う。
直近では自社コンテンツの制作チームに所属し、企画、サーバサイドプログラム、ネイ
ティブアプリケーションの開発に従事し、専門領域の幅を広げている。
2012/10/19 公益社団法人日本アドバタイザーズ協会 Web広告研究会 第3回東北セミナー&ボランティア 4
- 6. 登場人物(パネリスト)
道家 陽介(どうけ・ようすけ)
面白法人カヤック 閃光部
フロントエンド・エンジニア
こえであそぶサービス「koebu」http://koebu.com におけるサービス運営および
Flash/HTML/CSS/JavaScriptなどフロントエンド全般を担当。
Flashコミュニティのボランティア団体 F-siteの運営に参加。
2012/10/19 公益社団法人日本アドバタイザーズ協会 Web広告研究会 第3回東北セミナー&ボランティア 5
- 7. 登場人物(パネリスト)
比留間 和也(ひるま・かずや)
面白法人カヤック HTMLファイ部
フロントエンド・エンジニア
カヤックでは主に、HTML/CSS/JavaScriptでのフロントエンドで活躍。
HTMLファイ部のリーダーで、アサイン管理なども担当。
HTML5を使ったキャンペーンサイトやHTML5を利用した(Web)アプリ制作を担う。
近著に『すべての人に知っておいてほしい HTML5 & CSS3 の基本原則』(共著、エム
ディエヌコーポレーション)、『すべての人に知っておいてほしい スタイルシートデザ
インの基本原則』(共著、エムディエヌコーポレーション)がある。またWeb 系技術
Tipsブログ CSS-EBLOGを運営中。
2012/10/19 公益社団法人日本アドバタイザーズ協会 Web広告研究会 第3回東北セミナー&ボランティア 6
- 8. 登場人物(モデレーター)
森田 雄(もりた・ゆう)
株式会社ツルカメ 代表取締役社長・UXディレクター
株式会社ネコメシ 代表取締役CEO
Web広告研究会 東日本大震災・被災地支援プロジェクト
東芝EMIやマイクロソフトなどを経て、2000年にビジネス・アーキテクツの設立に参画
し2005年より取締役、2009年同社退職。読書家と称した充電期間を経て、2010年ツル
カメ設立とともにめでたく社会復帰、代表取締役社長に就任(現職)。2012年ネコメシ
を設立し代表取締役CEOに就任(現職)。
IAおよびUX、フロントエンド技術、アクセシビリティ、ユーザビリティのスペシャリス
ト。CG-ARTS協会委員。広告電通賞審議会選考委員。米IA Institute会員。内閣総理大
臣賞、グッドデザイン賞など受賞多数。趣味は料理とカメラ。
gihyo.jp(技術評論社)にて「キーパーソンが見るWeb業界」を2008年より連載して
いるが、今年は関係者のスケジュールがぜんぜん合わなくて頓挫中。
2012/10/19 公益社団法人日本アドバタイザーズ協会 Web広告研究会 第3回東北セミナー&ボランティア 7
- 9. 大まかな歴史
• W3C的にはHTML→XHTMLであり
XHTML2の勧告を目指していたがなんか
全然行ったり来たりで進まない。
• 埒があかねえとWHATWGがWA1とWeb
Form2を策定。
• W3CがXHTML2の策定を諦めWHATWG
のWA1+Web Form2を採用しHTML5
WDとして発行。
• ブラウザでの先行実装が進むが仕様は流
動的である。
2012/10/19 公益社団法人日本アドバタイザーズ協会 Web広告研究会 第3回東北セミナー&ボランティア 8
- 10. 大多数の現場的歴史観
• HTMLのSemantic Web化(XHTML2)に
そんなに違和感がなかったが、
• iPhoneにFlashが搭載される/されないの
ニュースに盛り上がり、
• 初代iPhone(2007年)は日本未発売であっ
たがiPhone3G(2008年)の発売までに脱
FlashをしておかねばとかいってHTML5。
• 瞬く間にバズワード化してカオス。
2012/10/19 公益社団法人日本アドバタイザーズ協会 Web広告研究会 第3回東北セミナー&ボランティア 9
- 11. バズワードとしてのHTML5
• 以下の“たったひとつのもの”を指しても「
HTML5」という場合があります。
– HTML5, CSS3, Web Socket, Local
Storage, Canvas, GeoLocation, <video>,
<audio>, Microformat, Web Font, 等々
– 正確を期すなら「HTML5 Family」
• しまいにゃFacebookのことだった場合が
あります。
2012/10/19 公益社団法人日本アドバタイザーズ協会 Web広告研究会 第3回東北セミナー&ボランティア 10
- 12. 中村さん
• HTML5概論
2012/10/19 公益社団法人日本アドバタイザーズ協会 Web広告研究会 第3回東北セミナー&ボランティア 11
- 13. 山本さん
• HTML5のこれから
2012/10/19 公益社団法人日本アドバタイザーズ協会 Web広告研究会 第3回東北セミナー&ボランティア 12
- 14. 道家さん・比留間さん
• HTML5事例紹介
2012/10/19 公益社団法人日本アドバタイザーズ協会 Web広告研究会 第3回東北セミナー&ボランティア 13
- 15. 森田
• なるほどですね~
2012/10/19 公益社団法人日本アドバタイザーズ協会 Web広告研究会 第3回東北セミナー&ボランティア 14
- 16. HTML5あれやこれや
• HTML5といえばで出てくるあれやこれや
の聞いてみたいことをHTML5界隈のトッ
プクリエーターらがお答えします!
• パネルディスカッション希望。
• Twitter ハッシュタグ #webken で拾っ
てきた質問への回答などもここで。
2012/10/19 公益社団法人日本アドバタイザーズ協会 Web広告研究会 第3回東北セミナー&ボランティア 15
- 17. あれや
• コーポレートサイトのリニューアルを考
えているのですが、HTML5を採用すべき
でしょうか?
– コーポレートのWebガイドラインが
XHTML1.0になっているのですがHTML5に改
定すべき?
– 使ってるCMSはHTML5に対応してるのか?
2012/10/19 公益社団法人日本アドバタイザーズ協会 Web広告研究会 第3回東北セミナー&ボランティア 16
- 18. これや
• HTML5ならPCだけでなくスマホでもサイ
トの閲覧は問題ありませんか?
– PCサイトでFlashを使ってるところがあるの
だけど、スマホ対応していくにはどうしたら
いいですか?
– HTML5とガラケーってどうなんでしょう?
2012/10/19 公益社団法人日本アドバタイザーズ協会 Web広告研究会 第3回東北セミナー&ボランティア 17
- 19. あれや
• 弊社のイントラでIE6が必要な関係で、で
きればWebもIE6に対応しておいてほしい
のですが、それでいて最近のフロントエ
ンド技術でカッチョよくしてほしいし勿
論スマホでも見れないと嫌だしiPadもよ
ろしくです。
– これ次回のミーティングで絶対Androidと
Windows8の話追加されてるな。
– まず予算。話はそれからだ。
– 要件定義でしっかり握っておきましょう。
2012/10/19 公益社団法人日本アドバタイザーズ協会 Web広告研究会 第3回東北セミナー&ボランティア 18
- 20. これや
• WebアプリケーションとしてのHTML5に
ついてもっと詳しく聞きたいの!
– オフライン、キャッシュ系
– CanvasやらSVGやら何やら表現関係
– デバイス間の互換性
– 動作速度・性能
– セキュリティ
2012/10/19 公益社団法人日本アドバタイザーズ協会 Web広告研究会 第3回東北セミナー&ボランティア 19
- 21. あれやこれや
• 言語としてのHTML5のメリットを教えて
ください☆
– 結局 <div> と JS ばっかになってないか?
– 新しい要素や属性の使い勝手はどう?
– WAI-ARIAとか使ってますか?
2012/10/19 公益社団法人日本アドバタイザーズ協会 Web広告研究会 第3回東北セミナー&ボランティア 20
- 22. 質疑応答
• 何も情報がないので質問の邪魔にならな
い、ニュートラルなスライドです。
2012/10/19 公益社団法人日本アドバタイザーズ協会 Web広告研究会 第3回東北セミナー&ボランティア 21
- 23. 終了
御清聴ありがとうございました。
2012/10/19 公益社団法人日本アドバタイザーズ協会 Web広告研究会 第3回東北セミナー&ボランティア 22