• Like
Zyyx inc. data for interop
Upcoming SlideShare
Loading in...5
×

Zyyx inc. data for interop

  • 837 views
Uploaded on

「HTML5アプリとネイティブアプリの融合」 …

「HTML5アプリとネイティブアプリの融合」

HTML5アプリとネイティブアプリそれぞれの限界を補い、新しい開発スタイルを提案する"ダイナミックアプリ"。
スマートフォンアプリをJavaやObjective-Cを使わずにHTML5だけで記述し、ワンソースでマルチデバイス対応を可能とする開発フレームワーク。
開発、アップデート、メンテナンスにかかるコストとスピードを大幅に圧縮します。
HTML5アプリとネイティブアプリの選択のポイントを交えながら、この環境で開発されたダイナミックアプリの実例の紹介と今後のHTML5アプリケーションのビジネスでの展開例を紹介致しました。

More in: Business
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
837
On Slideshare
0
From Embeds
0
Number of Embeds
2

Actions

Shares
Downloads
9
Comments
0
Likes
0

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/06/13 copyright(C) ZYYX Inc. All rights reserved.
  • 2. Chapter.1モバイルマーケットの現状と可能性 copyright(C) ZYYX Inc. All rights reserved.
  • 3. ハードウェア販売推移からみたモバイルマーケットの拡大 スマートフォンの出荷台数推移 2,790万台 (出典:MM総研調査 2012.3) copyright(C) ZYYX Inc. All rights reserved.
  • 4. ネイティブアプリケーションマーケットの状況と予測 日本国内のスマートフォンアプリ市場規模予測 億円 500 441.7 400 362.3 300 279.3 205.8 200 139.9 82.2 100 2011 2012 2013 2014 0 2015 2016 矢野経済研究所推計(2012.3) copyright(C) ZYYX Inc. All rights reserved.
  • 5. Chapter.2HTML5アプリ VS ネイティブアプリ copyright(C) ZYYX Inc. All rights reserved.
  • 6. モバイルコンテンツ構築をおこなうための技術• Webサイトの場合– HTML、CSS、JS、Flash• HTML5アプリ(Webアプリ)の場合– HTML5(XHTML/JS/CSS)• ネイティブアプリの場合– Objective C(iOS)– Java(Android)– .NET(Windows) copyright(C) ZYYX Inc. All rights reserved.
  • 7. ネイティブで開発する理由• 幅広いハードウェアーリソースへのアクセス• OSがもつAPIなどへのアクセス• 他のアプリケーションとの 連携• 通知が可能• パフォーマンスが要求される機能、細かい動きが必要とさ れる機能を実装できる copyright(C) ZYYX Inc. All rights reserved.
  • 8. ネイティブアプリのメリット・デメリットメリット• アプリマーケットの機能を使える• カメラやICなどの外部リソースが使える• アイコンが自動的に登録される• プッシュ型の情報配信が出来るデメリット• アプリマーケットへの申請が必要• iOS/Android/WindowsなどOS毎の開発費用/期間が必要• 機種ごとにテストをする必要がある copyright(C) ZYYX Inc. All rights reserved.
  • 9. HTML5アプリとは?• HTML5で構築するアプリケーション• アプリケーションはWebブラウザ上で動作• URLにて、アクセス、ダウンロード。 copyright(C) ZYYX Inc. All rights reserved.
  • 10. HTML5とは? HTML5 JavaScript API CSS3・セマンティックなタグ ・ローカルへのデータ保存 ・環境に依存しないフォント・マルチメディアに対応したタグ ・マルチスレッド  → WEBフォント・Form要素の強化 (バックグランド処理) ・アニメーション処理など ・ローカルファイルの読み書き ・段組みレイアウト ・双方向通信 ・角丸表示やテキストの装飾 ・ドラッグ&ドロップ ・文字の縦書き など など狭義でのHTML5 SVG Web GL Math ML 広義でのHTML5 14 copyright(C) ZYYX Inc. All rights reserved.
  • 11. HTML5アプリのメリット/デメリットメリット• クロスデバイス対応が容易• コンテンツ、ロジック、デザインの分離が可能• アプリマーケットへの申請等が不要• アプリの入れ替えが容易デメリット• 構築にはHTML5の知識が必要• 各々のスマートフォンへの対応ノウハウが必要• ハードウェアリソースへのアクセスの制限• コンテンツ課金に独自のシステムが必要 copyright(C) ZYYX Inc. All rights reserved.
  • 12. HTML5アプリの実際 ワンソースって言うけど デバイス対応がたいへん・解像度やハードウェアリソースの違いにより、動作が変わってくる・W3Cの勧告通りの実装がされていない (特定のハードでのみ動かない関数もあり)・画面のトランジッションなどが、機種によって動作が違うため、CSSの機能が場合によっては使えない場合もある。特にandroidの場合。・マルチタッチの動作が機種によって違う。(最新のUIの構築が厳しい場合がある)などなど。。。。 copyright(C) ZYYX Inc. All rights reserved.
  • 13. HTML5の普及 Webの表現技術アプリケーション開発技術 WebOSへの潮流 copyright(C) ZYYX Inc. All rights reserved.
  • 14. HTML5がデジタルコンバージェンスを加速する 新聞とWeb DTPとePub 電子新聞 電子書籍 放送と通信 SmartTV PCと通信 タブレット copyright(C) ZYYX Inc. All rights reserved.
  • 15. HTML5がデジタルコンバージェンスを加速する 映画業界 音楽業界 TV放送 映像制作会社 ラジオ放送 デザイン制作会社 印刷出版 業界 プロダクション新聞業界 ベンダー IT会社IT業界 数値雑誌 テキスト書籍 ドキュメント 新聞 データ ラジオ メディア 動画 音楽 音声 映画 ビッグデータ TV番組 WEB SNS BLOG YouTube copyright(C) ZYYX Inc. All rights reserved.
  • 16. Chapter.4スマホアプリ開発の現場 copyright(C) ZYYX Inc. All rights reserved.
  • 17. 必要なスキルクリエイティブ エンジニアリング コラボレーション copyright(C) ZYYX Inc. All rights reserved.
  • 18. 開発規模とコスト ひとりで作る 数万円(自費)これまでのシステム開発規模ではない せいぜい数人 でも、お客様からのニーズは高い せいぜい数百万 copyright(C) ZYYX Inc. All rights reserved.
  • 19. 人材ともかく人材不足でも、スピード命 copyright(C) ZYYX Inc. All rights reserved.
  • 20. 業界の方向性 これまでの技術でそこそこ作れる 早く作れる エンジニアでなくても作れるHTML、Javascriptが使えれば、 ネイティブアプリが作れる! copyright(C) ZYYX Inc. All rights reserved.
  • 21. Chapter.3HTML5アプリとネイティブアプリの融合 copyright(C) ZYYX Inc. All rights reserved.
  • 22. ネイティブアプリとHTML5アプリの融合HTML5アプリ ネイティブアプリ ダイナミックアプリ ジークスで命名(商標登録済み) copyright(C) ZYYX Inc. All rights reserved.
  • 23. ダイナミックアプリとは HTML5アプリとネイティブアプリの いいとこ取りジークスならではのエッセンス!! copyright(C) ZYYX Inc. All rights reserved.
  • 24. いいとこ取りメリット ネイティブ• アプリマーケットの機能を使える• カメラやICなどの外部リソースが使える• アイコンが自動的に登録される• プッシュ型の情報配信が出来るメリット HTML5• クロスデバイス対応が容易• コンテンツ、ロジック、デザインの分離が可能• アプリの入れ替えが容易 copyright(C) ZYYX Inc. All rights reserved.
  • 25. ダイナミックアプリのアーキテクチャー HTML5 ApplicationHTML5 Application HTML5 Application HTML5 Application javascript library Base Native Application OS: iOS,Android copyright(C) ZYYX Inc. All rights reserved.
  • 26. ダイナミックアプリライブラリー 11のJavascriptAPIカメラ サウンド 動画ファイル キャッシュ 暗号化課金 通知 広告電話帳 QRリーダー copyright(C) ZYYX Inc. All rights reserved.
  • 27. Chapter.4ダイナミックアプリ copyright(C) ZYYX Inc. All rights reserved.
  • 28. ダイナミックアプリとは copyright(C) ZYYX Inc. All rights reserved.
  • 29. ダイナミックアプリの特徴 HTML5 ApplicationHTML5 Application HTML5 Application HTML5 Application javascript library Base Native Application OS: iOS,Android copyright(C) ZYYX Inc. All rights reserved.
  • 30. ダイナミックアプリの提供形態 javascript library HTML5 Application javascript library <dynamicapp.js>Base Native Application Base Native Application OS: iOS,AndroidXcodeのテンプレート Eclipseのプラグインそのままビルドができる、ひな形で提供 copyright(C) ZYYX Inc. All rights reserved.
  • 31. ライセンスオープンソース(GPL v3を予定) 商用ライセンス デュアルライセンスを予定 copyright(C) ZYYX Inc. All rights reserved.
  • 32. 外部ライブラリの組み込み日本独自の様々なライブラリにぜひ取り組んでいきましょう! copyright(C) ZYYX Inc. All rights reserved.
  • 33. 提供時期2012年 8月 Dynamic app library Version 1.0を公開予定 商用ライセンス提供開始 WindowsPhone版対応予定 copyright(C) ZYYX Inc. All rights reserved.