スマートフォン開発の事例 HTML5開発の導入ポイント  2011.9.17 リクルートエージェント    HTML5-WEST.jp 村岡 正和
自己紹介むらおか まさかず村岡正和           @bathtimefishWebアプリケーション開発 IT業務システム設計/開発Webサービス導入/事業戦略コンサルティングHTML5-WEST.jp代表 / 京都GTUG / CSS Ni...
本日の話題                   Recruit Agen •ネイティブかHTML5か? •HTML5 Webアプリ開発のメリット・デメリット •HTML5開発導入のポイント •未来をモチベーションに               ...
HTML5-WEST.jpPCからスマートフォン・タブレットへ
ネイティブかHTML5か?                           Recruit Agen ネイティブの強み  • 安定動作  • ハードウェアリソースをフルに活用できる  • ハードウェア対する最適化ができる  • OSが提供す...
ネイティブかHTML5か?                          Recruit Agen HTML5(Webアプリ)の強み  • アジャイル開発  • インストール不要  • マルチデバイス  (Webの機能をフル活用という強みは...
?    WebアプリはHTML5でな    ければならないのか?
勘違いしてはいけないこと                     Recruit Agen  HTML5で新しくできるようになったことは無い  と言っていい。  動画の再生、アニメーション、Socket通信...  Flashなどで既に実現可能...
HTML5-WEST.jpそろそろ頭を冷やして考えよう
HTML5開発 メリット                                  Recruit Agen • 学習コストが低い  特にレイアウト・デザイン系の機能が簡単強力 (HTML, CSS3)  直感的で使いやすいAPI群 •...
HTML5開発でしんどいこと                         Recruit Agen   • JavaScript   • クロスブラウザ    10ブラウザ対応+Android問題   • クライアントとの情報共有    バ...
HTML5-WEST.jpHTML5開発導入のポイント
HTML5開発導入のポイント                         Recruit Agen  開発したいサービスについての判断  ネイティブと同じWebアプリは意味がない。同じ要求だった  らネイティブでやったほうがいいものができる...
HTML5開発導入のポイント                         Recruit Agen  クライアントとのコンセンサス(※重要)  現段階では実験的なサービスでの導入が無難(クロス環境で  の安定動作を考えると...)  モバイ...
HTML5開発導入のポイント                            Recruit Agen  正しいコスト感で判断すること。現段階では正しいコ  スト感を持たないと損をする。  クロスプラットフォーム開発は「できる」が「大変」...
?    いろいろ大変そうだけど    HTML5ってダメなの?
HTML5-WEST.jpHTML5は未来のスタンダード
未来をモチベーションに                 Recruit Agen ITはウェブを中心に進化している。その基幹技術 のひとつがHTML。 モダンブラウザのHTML5対応は進化する一方。 新機能の実装、安定性の向上。わくわくする。 ...
未来をモチベーションに                          Recruit Agen 個人的には、将来はアプリはネイティブ, Webの区別がわか らなくなると思う。(ex. Windows8のアプリ開発にHTML5) それはITの...
Thanks!
Upcoming SlideShare
Loading in …5
×

スマートフォン開発の事例 Html5開発の導入ポイント

1,755 views

Published on

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

  • Be the first to like this

No Downloads
Views
Total views
1,755
On SlideShare
0
From Embeds
0
Number of Embeds
22
Actions
Shares
0
Downloads
9
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • スマートフォン開発の事例 Html5開発の導入ポイント

    1. 1. スマートフォン開発の事例 HTML5開発の導入ポイント 2011.9.17 リクルートエージェント HTML5-WEST.jp 村岡 正和
    2. 2. 自己紹介むらおか まさかず村岡正和 @bathtimefishWebアプリケーション開発 IT業務システム設計/開発Webサービス導入/事業戦略コンサルティングHTML5-WEST.jp代表 / 京都GTUG / CSS Nite in OSAKA / 神戸ITフェスティバル実行委員など HTML5-WEST.jpHTML5 JavaScript Python中国拳法 主夫になりたい 炊事 Google Apps http://html5-west.jp/
    3. 3. 本日の話題 Recruit Agen •ネイティブかHTML5か? •HTML5 Webアプリ開発のメリット・デメリット •HTML5開発導入のポイント •未来をモチベーションに HTML5-WEST.jp
    4. 4. HTML5-WEST.jpPCからスマートフォン・タブレットへ
    5. 5. ネイティブかHTML5か? Recruit Agen ネイティブの強み • 安定動作 • ハードウェアリソースをフルに活用できる • ハードウェア対する最適化ができる • OSが提供するサービスを活用できる • HTML5で実現できない機能もある カメラ、音声入力、バッテリー消費量 etc.. HTML5-WEST.jp
    6. 6. ネイティブかHTML5か? Recruit Agen HTML5(Webアプリ)の強み • アジャイル開発 • インストール不要 • マルチデバイス (Webの機能をフル活用という強みはないと思う。ネイティブでも WebViewとかが使えるから) HTML5-WEST.jp
    7. 7. ? WebアプリはHTML5でな ければならないのか?
    8. 8. 勘違いしてはいけないこと Recruit Agen HTML5で新しくできるようになったことは無い と言っていい。 動画の再生、アニメーション、Socket通信... Flashなどで既に実現可能。 HTML5はFlashやネイティブアプリに代わるもの ではない。 HTML5-WEST.jp
    9. 9. HTML5-WEST.jpそろそろ頭を冷やして考えよう
    10. 10. HTML5開発 メリット Recruit Agen • 学習コストが低い 特にレイアウト・デザイン系の機能が簡単強力 (HTML, CSS3) 直感的で使いやすいAPI群 • レイアウト・デザインを柔軟にコントロールできる UIがダサいアプリは売れない iPhone/Android デザイナーとの連携が大事 -> Web制作では常識的 なのが利点 Web業界はデザインリソースが豊富 HTML5-WEST.jp
    11. 11. HTML5開発でしんどいこと Recruit Agen • JavaScript • クロスブラウザ 10ブラウザ対応+Android問題 • クライアントとの情報共有 バズの弊害 HTML5-WEST.jp
    12. 12. HTML5-WEST.jpHTML5開発導入のポイント
    13. 13. HTML5開発導入のポイント Recruit Agen 開発したいサービスについての判断 ネイティブと同じWebアプリは意味がない。同じ要求だった らネイティブでやったほうがいいものができる。 特にリアルタイムなゲームなどは向かないと思う。 Webの中でもよくある「それ、Flashでよくね?」 HTML5-WEST.jp
    14. 14. HTML5開発導入のポイント Recruit Agen クライアントとのコンセンサス(※重要) 現段階では実験的なサービスでの導入が無難(クロス環境で の安定動作を考えると...) モバイルでも対応ブラウザを絞ること。クロスブラウザ対応 に相当コストがかかるから。 AndroidのWebブラウザ(画面サイズ違う、解像度違う、バー ジョン違う) 企画、営業段階でこれらの認識が必須。 HTML5-WEST.jp
    15. 15. HTML5開発導入のポイント Recruit Agen 正しいコスト感で判断すること。現段階では正しいコ スト感を持たないと損をする。 クロスプラットフォーム開発は「できる」が「大変」(モダンブラウザ しばりでも)技術的にできるが、開発は高度な技術力が必要。ノウハウ が少ない。技術検証に工数がかかる。 「HTML5」というバズワードに振り回される。リリース3日前に 「仕様 はChromeしばりだけどiPadでも動作&オフライン駆動しますよね?」 (実話)とかw スマフォブラウザはしんどい... デバッグが大変、負荷に気を使う。(ネイティブアプリのようにハー ドリソースをコントロールできない) HTML5-WEST.jp
    16. 16. ? いろいろ大変そうだけど HTML5ってダメなの?
    17. 17. HTML5-WEST.jpHTML5は未来のスタンダード
    18. 18. 未来をモチベーションに Recruit Agen ITはウェブを中心に進化している。その基幹技術 のひとつがHTML。 モダンブラウザのHTML5対応は進化する一方。 新機能の実装、安定性の向上。わくわくする。 今HTML5で制作していると、次々に新しいこと ができるようになっていって楽しい。 HTML5-WEST.jp
    19. 19. 未来をモチベーションに Recruit Agen 個人的には、将来はアプリはネイティブ, Webの区別がわか らなくなると思う。(ex. Windows8のアプリ開発にHTML5) それはITの未来にとってもWeb制作者の未来にとってもす ばらしいこと。 よいものを作るためには、制作者のモチベーションが第 一。HTML5を通じてWeb技術の未来を垣間見ながらモチ ベーションの高い仕事をしていくことが良い業界をつくっ ていくことになると思う。 HTML5-WEST.jp
    20. 20. Thanks!

    ×