Your SlideShare is downloading. ×
東京では語れないHTML5[仮題]
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

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

971

Published on

2012年10月19日開催の第三回東北セミナー(主催:公益社団法人 日本アドバタイザーズ協会 Web広告研究会) 第二部 パネルディスカッション「東京では語れないHTML5[仮題]」のメインスライドです。パネリスト:ピクセルグリッド 中村享介、コンテンツ 山本健介、カヤック 道家陽介・比留間和也 モデレーター:ツルカメ 森田雄

2012年10月19日開催の第三回東北セミナー(主催:公益社団法人 日本アドバタイザーズ協会 Web広告研究会) 第二部 パネルディスカッション「東京では語れないHTML5[仮題]」のメインスライドです。パネリスト:ピクセルグリッド 中村享介、コンテンツ 山本健介、カヤック 道家陽介・比留間和也 モデレーター:ツルカメ 森田雄

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
971
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
17
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 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

×