Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Upcoming SlideShare
事例で解説するハイブリッドアプリ開発のポイント
Next
Download to read offline and view in fullscreen.

Share

HTML5ハイブリッドアプリ の活用ポイント

Download to read offline

12月11日開催のニフティ株式会社で開催されたセミナー「プロトタイピングで変わるアプリ開発」で発表した資料です。

Related Books

Free with a 30 day trial from Scribd

See all

HTML5ハイブリッドアプリ の活用ポイント

  1. 1. Bringing More People To Apps HTML5ハイブリッドアプリ の活⽤用ポイント   〜~10万⼈人のMonacaユーザーの事例例から〜~ アシアル株式会社 塚⽥田亮亮⼀一
  2. 2. Bringing More People To Apps アシアル株式会社 会社概要 •  創業:2002年年 •  資本⾦金金:1000万円 •  事業所:東京(本社)、サンフランシスコ •  従業員数:約35名(8国籍) 事業内容 •  開発プラットフォーム事業:開発ツール、UIフレームワーク •  開発⽀支援事業:アプリ開発、サーバーサイド(PHP)開発 •  教育事業:トレーニング、執筆
  3. 3. Bringing More People To Apps 急増するアプリ 不不⾜足するアプリ開発者 More app demand Less developer supply Multiple screen sizes Different languages Multiple platforms Cloud driven enterprise apps IoT and Wearables Next billion mobile market
  4. 4. Bringing More People To Apps 避けられない クロスプラットフォーム対応 u iOS  vs. Android そしてWindows  10の登場 u アプリビジネスから ビジネスのためのアプリへ
  5. 5. Bringing More People To Apps Web標準技術で クロスプラットフォーム対応
  6. 6. Bringing More People To Apps HTML5はモバイル開発No.1 出典: Developer Economics 2014 Q3 構築技術のなかで圧倒的に ⾼高いマインドシェアを獲得
  7. 7. Bringing More People To Apps さ Cordovaがデファクト的存在
  8. 8. Bringing More People To Apps PhoneGap/Cordovaがトップ 61% 35% 31% 18% 15% 13% 12% 9% 4% 3% 0% 10% 20% 30% 40% 50% 60% 70% PhoneGap/Cordova Xamarin Unity Qt Adobe Air Appcelerator Corona Marmelade Codename One Live Code Using this tool Prioritize this tool Vision Mobile Analysis of Cross-Platform Development, July 2015
  9. 9. Bringing More People To Apps 本当にHTML5ハイブリッド開発 で⼤大丈夫?
  10. 10. Bringing More People To Apps ザッカーバーグさんにも こう⾔言われちゃいました 『HTML5に賭けたの は失敗』 2012年年にHTML5から ネイティブ化へ
  11. 11. Bringing More People To Apps 暗⿊黒の時代
  12. 12. Bringing More People To Apps HTML5ハイブリッドアプリ が⻑⾧長らく抱えていた課題 u アプリの機能に制限が出来てしまう u アプリのパフォーマンスや安定性が低い u アプリのUIを作るのが⼤大変 u 開発、デバッグ環境の整備されていない u ソースコードが隠蔽できない
  13. 13. Bringing More People To Apps ⻑⾧長い暗闇の先に明るい道筋が!
  14. 14. Bringing More People To Apps アプリの機能に制限がでる?
  15. 15. Bringing More People To Apps Cordovaプラグインの充実 ネイティブコード HTML コンテンツ アプリケーション本体は HTML5技術で実装 ハードウェア機能を利利⽤用可能 ネイティブアプリ形式で配布 Pluginでネイティブ機能を拡張 800以上のプラグインが公開
  16. 16. Bringing More People To Apps パフォーマンスが低い?
  17. 17. Bringing More People To Apps 端末の⼤大幅な進化 初代Xperia Xperia  Z4 発売⽇日:  2010年年4⽉月 Android 1.6  (後に2.1) 1GHz シングルコアCPU 384MBメモリー ベンチマークスコア:  3361 発売⽇日:  2015年年6⽉月 Android 5.0 2GHz オクタ(8)コアCPU 3GBメモリー ベンチマークスコア:  52084 5年年間で1500%もの スピードアップ WebviewのChronium化
  18. 18. Bringing More People To Apps u アプリのパフォーマンスや安定性が低い u アプリのUIを作るのが⼤大変 u 開発、デバッグ環境の整備されていない u ソースコードが隠蔽できない その他の問題も解決!
  19. 19. Bringing More People To Apps HTML5ハイブリッド開発のための 開発プラットフォーム
  20. 20. Bringing More People To Apps セットアップ不不要の クロスプラットフォーム開発環境 •  クラウドを活⽤用したクロスプラットフォーム開発 •  Cordovaを内包した開発環境 •  iOS開発にMac不不要、開発環境のセットアップ不不要 •  各種クラウドツールとの連携
  21. 21. Bringing More People To Apps 特徴1: 選べる4つの開発環境 MonacaクラウドIDE Monaca for Visual Studio Monaca Localkit Monaca CLI ホビーユースからエンタープライズまで、 幅広い開発者のニーズに対応
  22. 22. 特徴2: 充実のテストツール ステップ1:   ファイルを編集 ステップ2:   ライブリロードで   実機上ですぐに動作確認 コンパイル処理理やUSB経由での実機転送などは⼀一切切不不要! 実機は⼿手元にある必要なし!
  23. 23. 特徴3: 超⾼高速モバイルUIフレームワーク •  AngularJSベースのモバイルアプリ •  Custom Elementsで簡単設計 •  OSに応じてUIを切切り替え+ CSSで簡単カスタマイズ •  UIガイドラインに準拠 ▷  http://ja.onsen.io/
  24. 24. 特徴4: Cordovaコアを拡張 最新Blinkエンジンをアプリに組み込み。 Android 4.3未満WebView脆弱性にも対処します。 プログラムコードやアセットを暗号化。 リバースエンジニアリングによる被害を防ぎます。 HTML5 ASSET ENCRYPTION
  25. 25. Bringing More People To Appshttps://ja.monaca.io/book/support/ 特徴5: ⽇日本語での⽀支援体制
  26. 26. Bringing More People To Apps 特徴6: 外部サービスとの連携 •  各種開発⽀支援ツールのSDKがプリセット
  27. 27. 100,000⼈人の開発者が利利⽤用
  28. 28. Bringing More People To Apps 事例例:ジャパンネット銀⾏行行 残⾼高確認アプリ •  Onsen UIでネイティブと遜⾊色ないUIを実現 •  アセット暗号化プラグインでソースコードを隠蔽
  29. 29. Bringing More People To Apps 事例例:タニタヘルスプラネット •  体組成計連携の健康管理理アプリ •  Bluetoothを使って専⽤用の体組成計からデータを⾃自動 で受け取ることが可能
  30. 30. Bringing More People To Apps 事例例:⻑⾧長野銀⾏行行 NaganoBank Total Assist Book •  当初はiPadだが、将来を⾒見見据えた戦略略 印刷機能は別アプリ化することでメンテコスト削減 •  あえてSPAにしない設計
  31. 31. Bringing More People To Apps 事例例:ニジボックス レシポ! •  エンジニア1名実⾼高数2週間程度度でアプリを完成 •  Monacaデバッガーを使ったユーザーテストでUI改善
  32. 32. Bringing More People To Apps 事例例:NPOフュージョン⻑⾧長池 152カ所の公園管理理作業の ⾒見見える化・効率率率化・情報共有化を実現
  33. 33. Bringing More People To Apps その他事例例も多数公開中 https://ja.monaca.io/showcase/
  34. 34. Bringing More People To Apps ご清聴ありがとうございました
  • racooma

    Mar. 11, 2016
  • ToranosukeFukumoto

    Dec. 18, 2015

12月11日開催のニフティ株式会社で開催されたセミナー「プロトタイピングで変わるアプリ開発」で発表した資料です。

Views

Total views

1,657

On Slideshare

0

From embeds

0

Number of embeds

385

Actions

Downloads

16

Shares

0

Comments

0

Likes

2

×