1. スマートフォン開発の事例
HTML5開発の導入ポイント
2011.9.17 リクルートエージェント
HTML5-WEST.jp 村岡 正和

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. 本日の話題
Recruit Agen
•ネイティブかHTML5か？
•HTML5 Webアプリ開発のメリット・デメリット
•HTML5開発導入のポイント
•未来をモチベーションに
HTML5-WEST.jp

4. HTML5-WEST.jp
PCからスマートフォン・タブレットへ

5. ネイティブかHTML5か？
Recruit Agen
ネイティブの強み
• 安定動作
• ハードウェアリソースをフルに活用できる
• ハードウェア対する最適化ができる
• OSが提供するサービスを活用できる
• HTML5で実現できない機能もある
カメラ、音声入力、バッテリー消費量 etc..
HTML5-WEST.jp

6. ネイティブかHTML5か？
Recruit Agen
HTML5(Webアプリ)の強み
• アジャイル開発
• インストール不要
• マルチデバイス
(Webの機能をフル活用という強みはないと思う。ネイティブでも
WebViewとかが使えるから)
HTML5-WEST.jp

7. ？
WebアプリはHTML5でな
ければならないのか？

8. 勘違いしてはいけないこと
Recruit Agen
HTML5で新しくできるようになったことは無い
と言っていい。
動画の再生、アニメーション、Socket通信...
Flashなどで既に実現可能。
HTML5はFlashやネイティブアプリに代わるもの
ではない。
HTML5-WEST.jp

9. HTML5-WEST.jp
そろそろ頭を冷やして考えよう

10. HTML5開発 メリット
Recruit Agen
• 学習コストが低い
特にレイアウト・デザイン系の機能が簡単強力 (HTML, CSS3)
直感的で使いやすいAPI群
• レイアウト・デザインを柔軟にコントロールできる
UIがダサいアプリは売れない iPhone/Android
デザイナーとの連携が大事 -> Web制作では常識的
なのが利点
Web業界はデザインリソースが豊富
HTML5-WEST.jp

11. HTML5開発でしんどいこと
Recruit Agen
• JavaScript
• クロスブラウザ
10ブラウザ対応+Android問題
• クライアントとの情報共有
バズの弊害
HTML5-WEST.jp

12. HTML5-WEST.jp
HTML5開発導入のポイント

13. HTML5開発導入のポイント
Recruit Agen
開発したいサービスについての判断
ネイティブと同じWebアプリは意味がない。同じ要求だった
らネイティブでやったほうがいいものができる。
特にリアルタイムなゲームなどは向かないと思う。
Webの中でもよくある「それ、Flashでよくね？」
HTML5-WEST.jp

14. HTML5開発導入のポイント
Recruit Agen
クライアントとのコンセンサス(※重要）
現段階では実験的なサービスでの導入が無難（クロス環境で
の安定動作を考えると...）
モバイルでも対応ブラウザを絞ること。クロスブラウザ対応
に相当コストがかかるから。
AndroidのWebブラウザ（画面サイズ違う、解像度違う、バー
ジョン違う）
企画、営業段階でこれらの認識が必須。
HTML5-WEST.jp

15. HTML5開発導入のポイント
Recruit Agen
正しいコスト感で判断すること。現段階では正しいコ
スト感を持たないと損をする。
クロスプラットフォーム開発は「できる」が「大変」（モダンブラウザ
しばりでも）技術的にできるが、開発は高度な技術力が必要。ノウハウ
が少ない。技術検証に工数がかかる。
「HTML5」というバズワードに振り回される。リリース3日前に 「仕様
はChromeしばりだけどiPadでも動作&オフライン駆動しますよね？」
（実話）とかｗ
スマフォブラウザはしんどい...
デバッグが大変、負荷に気を使う。(ネイティブアプリのようにハー
ドリソースをコントロールできない)
HTML5-WEST.jp

16. ？
いろいろ大変そうだけど
HTML5ってダメなの？

17. HTML5-WEST.jp
HTML5は未来のスタンダード

18. 未来をモチベーションに
Recruit Agen
ITはウェブを中心に進化している。その基幹技術
のひとつがHTML。
モダンブラウザのHTML5対応は進化する一方。
新機能の実装、安定性の向上。わくわくする。
今HTML5で制作していると、次々に新しいこと
ができるようになっていって楽しい。
HTML5-WEST.jp

19. 未来をモチベーションに
Recruit Agen
個人的には、将来はアプリはネイティブ, Webの区別がわか
らなくなると思う。(ex. Windows8のアプリ開発にHTML5)
それはITの未来にとってもWeb制作者の未来にとってもす
ばらしいこと。
よいものを作るためには、制作者のモチベーションが第
一。HTML5を通じてWeb技術の未来を垣間見ながらモチ
ベーションの高い仕事をしていくことが良い業界をつくっ
ていくことになると思う。
HTML5-WEST.jp

20. Thanks!