スマートフォン開発の事例 Html5開発の導入ポイント
Upcoming SlideShare
Loading in...5
×
 

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

on

  • 1,921 views

 

Statistics

Views

Total Views
1,921
Views on SlideShare
1,921
Embed Views
0

Actions

Likes
0
Downloads
6
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Apple Keynote

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n

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

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