1. みなさんがHTML5をやらなくていい
３つの理由
神戸IT飲み会
2012.7.12 BathTimeFish
村岡正和

2. 自己紹介
むらおか まさかず
村岡正和 @bathtimefish
Webアプリケーション開発 IT業務システム設計/開発
Webサービス導入/事業戦略コンサルティング
HTML5-WEST.jp代表 / 京都GTUG / CSS Nite in OSAKA / 神戸ITフェス
ティバル実行委員など
HTML5-WEST.jp
HTML5 JavaScript
Python
中国拳法 主夫になりたい
炊事 Google Apps
http://html5-west.jp/

3. おことわり
HTML5マジスゲーとかいうタテマエベース
の話にしようかと思ったけど、やっぱやめ
てホンネベースの話にしました。

4. 唐突ですが、
みなさんはHTML5なんかやらないほうが
いいですよ。

5. 新しいことやるの
めんどくさいわ。。。

6. HTML5とは
IT Nomikai Kobe
ホームページを制作する技術「HTML」の次の
バージョン。
デザインだけでなく、アプリケーション開発のた
めの機能仕様が豊富に盛り込まれている。
現在、W3Cで草案が策定中。
Webブラウザが仕様を先行して実装中。
HTML5-WEST.jp

7. やらなくていい３つの理由
1. 将来アプリ開発のデファクトになる
2. あらゆるデバイスで動く
3. カメラ、センサー等の制御が可能

8. HTML5-WEST.jp
1. 将来アプリ開発のデファクトになる

9. 開発者は職を失う
IT Nomikai Kobe
HTML5-WEST.jp

10. HTML5-WEST.jp
スマートデバイスの普及によりソフトウェアにウェブアクセス機能が強
く求められている。（Facebook Googleなどのウェブサービス）
利用者はウェブサービスを深く、迅速に利用することを求めている。
且つ、PC、スマートフォン、タブレットで同じデータを同じように利用
することを求めている。
このようなアプリケーションをウェブアプリケーションとして手早く、
高機能に開発するための様々な技術仕様がHTML5という名前で策定さ
れている。

11. HTML5-WEST.jp
スマートデバイスの普及によりソフトウェアにウェブアクセス機能が強
く求められている。（Facebook Googleなどのウェブサービス）
利用者はウェブサービスを深く、迅速に利用することを求めている。
且つ、PC、スマートフォン、タブレットで同じデータを同じように利用
することを求めている。
このようなアプリケーションをウェブアプリケーションとして手早く、
高機能に開発するための様々な技術仕様がHTML5という名前で策定さ
れている。
ウェブアプリケーションはインストール不要

12. HTML5-WEST.jp
スマートデバイスの普及によりソフトウェアにウェブアクセス機能が強
く求められている。（Facebook Googleなどのウェブサービス）
利用者はウェブサービスを深く、迅速に利用することを求めている。
且つ、PC、スマートフォン、タブレットで同じデータを同じように利用
することを求めている。
このようなアプリケーションをウェブアプリケーションとして手早く、
高機能に開発するための様々な技術仕様がHTML5という名前で策定さ
れている。
ウェブアプリケーションはインストール不要
PC、スマフォ、テレビでも動作可能

13. HTML5-WEST.jp
2. あらゆるデバイスで動く

14. マルチプラットフォームアプリ
IT Nomikai Kobe
HTML5ウェブアプリの原理はホームページと同じ。
つまりWebブラウザが搭載されていればどんなマシン
でも動作する。
PC、スマフォ、TV... これから出て
くる夢のデバイスでも動作する
HTML5-WEST.jp

15. HTML5 対応OSが続々登場
IT Nomikai Kobe
HTML5-WEST.jp

16. TV向けWebブラウザ
IT Nomikai Kobe
HTML5-WEST.jp

17. 日本でもはじまった
IT Nomikai Kobe
HTML5-WEST.jp

18. HTML5-WEST.jp
あらゆるデバイスで動作するウェブアプリケーションは、通常のアプリ
ケーションに比べて開発コストが低くできる可能性がある。
今までホームページのみ制作していた技術者は、スマートフォン、テレ
ビなどで動作するアプリケーションを既存の技術をベースにして制作す
ることができる。
ウェブ制作業界は、他のソフトウェア開発に比べて技術者人口が多い。
プログラマー、デザイナー、プランナー等職種も多種多様。大規模から
小規模まで、顧客のニーズに応じたアプリケーションを低コストで制作
できる。

19. HTML5-WEST.jp
あらゆるデバイスで動作するウェブアプリケーションは、通常のアプリ
ケーションに比べて開発コストが低くできる可能性がある。
今までホームページのみ制作していた技術者は、スマートフォン、テレ
ビなどで動作するアプリケーションを既存の技術をベースにして制作す
ることができる。
ウェブ制作業界は、他のソフトウェア開発に比べて技術者人口が多い。
プログラマー、デザイナー、プランナー等職種も多種多様。大規模から
小規模まで、顧客のニーズに応じたアプリケーションを低コストで制作
できる。
ウェブ系技術者は引く手あまたになる

20. HTML5-WEST.jp
3. カメラ、センサー等の制御が可能

21. ホームページの枠を超えた機能
FIT2012
Geolocation, Camera, Sensors...
Webアプリケーションが動作するハードウェア
のリソースをコントロールできる。
HTML5でモバイルカメラを
コントロールした例
http://bit.ly/M6OgTg
HTML5-WEST.jp

22. Device Support (Smartphone)
位置情報
加速度センサ
動画カメラ
静止画カメラ
データ保存
バッテリ残量

23. 開発してます
FIT2012
ぐるぐる神戸 http://guruguru.ko-co.jp/
神戸のエリアをまわってネジ（ポイント）を
ゲット。抽選でいろいろな商品が当たる。
GPS位置情報を使った地域型ゲームアプリ。
ひとつのWebアプリケーションでiPhone, Androidに
両方対応（各アプリを開発する必要なし）
URLで迅速なアクセスが可能なので、街歩きのユー
ザーを誘導しやすい。QRコードで即アクセス。
HTML5-WEST.jp

24. HTML5-WEST.jp
HTML5は、ウェブアプリケーションが動作するデバイスが持つ様々な機
能を利用可能にする。（カメラ、位置情報、音声の再生etc）
将来的にはBluetoothなどの遠隔通信デバイスも利用できるようになるか
もしれない。
現在のネイティブアプリケーションでは、それぞれのデバイス毎にカメ
ラ、位置情報などのプログラミングを行う必要がある。一方、HTML5仕
様では、一つのプログラミングで全てのデバイスでそれらが動作するこ
とが期待されている。

25. 結論

26. いろいろ書きましたが、

27. みなさんはやらなくていいですよ。

28. ボクだけ かればいいんで！

29. でもまあ、詳しく勉強したければ、

30. 直近楽しげなイベント
IT Nomikai Kobe
• 7/21 HTML5など勉強会
• 8/18 CSS Nite in OSAKA Vol.32
• 10/5, 6 神戸ITフェスティバル2012
HTML5-WEST.jp

31. Thanks！