HTML5ハイブリッドアプリ の活用ポイント
•
2 recomendaciones•1,792 vistas
12月11日開催のニフティ株式会社で開催されたセミナー「プロトタイピングで変わるアプリ開発」で発表した資料です。
Recomendados
Más contenido relacionado
La actualidad más candente
La actualidad más candente (20)
Similar a HTML5ハイブリッドアプリ の活用ポイント
Similar a HTML5ハイブリッドアプリ の活用ポイント (20)
Más de アシアル株式会社
Más de アシアル株式会社 (17)
HTML5ハイブリッドアプリ の活用ポイント
- 1. Bringing More People To Apps HTML5ハイブリッドアプリ の活⽤用ポイント 〜～10万⼈人のMonacaユーザーの事例例から〜～ アシアル株式会社 塚⽥田亮亮⼀一
- 2. Bringing More People To Apps アシアル株式会社 会社概要 • 創業：2002年年 • 資本⾦金金：1000万円 • 事業所：東京（本社）、サンフランシスコ • 従業員数：約35名（8国籍） 事業内容 • 開発プラットフォーム事業：開発ツール、UIフレームワーク • 開発⽀支援事業：アプリ開発、サーバーサイド（PHP）開発 • 教育事業：トレーニング、執筆
- 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. Bringing More People To Apps 避けられない クロスプラットフォーム対応 u iOS vs. Android そしてWindows 10の登場 u アプリビジネスから ビジネスのためのアプリへ
- 5. Bringing More People To Apps Web標準技術で クロスプラットフォーム対応
- 6. Bringing More People To Apps HTML5はモバイル開発No.1 出典: Developer Economics 2014 Q3 構築技術のなかで圧倒的に ⾼高いマインドシェアを獲得
- 7. Bringing More People To Apps さ Cordovaがデファクト的存在
- 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. Bringing More People To Apps 本当にHTML5ハイブリッド開発 で⼤大丈夫？
- 10. Bringing More People To Apps ザッカーバーグさんにも こう⾔言われちゃいました 『HTML5に賭けたの は失敗』 2012年年にHTML5から ネイティブ化へ
- 11. Bringing More People To Apps 暗⿊黒の時代
- 12. Bringing More People To Apps HTML5ハイブリッドアプリ が⻑⾧長らく抱えていた課題 u アプリの機能に制限が出来てしまう u アプリのパフォーマンスや安定性が低い u アプリのUIを作るのが⼤大変 u 開発、デバッグ環境の整備されていない u ソースコードが隠蔽できない
- 13. Bringing More People To Apps ⻑⾧長い暗闇の先に明るい道筋が！
- 14. Bringing More People To Apps アプリの機能に制限がでる？
- 15. Bringing More People To Apps Cordovaプラグインの充実 ネイティブコード HTML コンテンツ アプリケーション本体は HTML5技術で実装 ハードウェア機能を利利⽤用可能 ネイティブアプリ形式で配布 Pluginでネイティブ機能を拡張 800以上のプラグインが公開
- 16. Bringing More People To Apps パフォーマンスが低い？
- 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. Bringing More People To Apps u アプリのパフォーマンスや安定性が低い u アプリのUIを作るのが⼤大変 u 開発、デバッグ環境の整備されていない u ソースコードが隠蔽できない その他の問題も解決！
- 19. Bringing More People To Apps HTML５ハイブリッド開発のための 開発プラットフォーム
- 20. Bringing More People To Apps セットアップ不不要の クロスプラットフォーム開発環境 • クラウドを活⽤用したクロスプラットフォーム開発 • Cordovaを内包した開発環境 • iOS開発にMac不不要、開発環境のセットアップ不不要 • 各種クラウドツールとの連携
- 21. Bringing More People To Apps 特徴１: 選べる４つの開発環境 MonacaクラウドIDE Monaca for Visual Studio Monaca Localkit Monaca CLI ホビーユースからエンタープライズまで、 幅広い開発者のニーズに対応
- 23. 特徴3: 超⾼高速モバイルUIフレームワーク • AngularJSベースのモバイルアプリ • Custom Elementsで簡単設計 • OSに応じてUIを切切り替え＋ CSSで簡単カスタマイズ • UIガイドラインに準拠 ▷ http://ja.onsen.io/
- 24. 特徴4: Cordovaコアを拡張 最新Blinkエンジンをアプリに組み込み。 Android 4.3未満WebView脆弱性にも対処します。 プログラムコードやアセットを暗号化。 リバースエンジニアリングによる被害を防ぎます。 HTML5 ASSET ENCRYPTION
- 25. Bringing More People To Appshttps://ja.monaca.io/book/support/ 特徴5: ⽇日本語での⽀支援体制
- 26. Bringing More People To Apps 特徴6: 外部サービスとの連携 • 各種開発⽀支援ツールのSDKがプリセット
- 28. Bringing More People To Apps 事例例：ジャパンネット銀⾏行行 残⾼高確認アプリ • Onsen UIでネイティブと遜⾊色ないUIを実現 • アセット暗号化プラグインでソースコードを隠蔽
- 29. Bringing More People To Apps 事例例：タニタヘルスプラネット • 体組成計連携の健康管理理アプリ • Bluetoothを使って専⽤用の体組成計からデータを⾃自動 で受け取ることが可能
- 30. Bringing More People To Apps 事例例：⻑⾧長野銀⾏行行 NaganoBank Total Assist Book • 当初はiPadだが、将来を⾒見見据えた戦略略 印刷機能は別アプリ化することでメンテコスト削減 • あえてSPAにしない設計
- 31. Bringing More People To Apps 事例例：ニジボックス レシポ！ • エンジニア1名実⾼高数2週間程度度でアプリを完成 • Monacaデバッガーを使ったユーザーテストでUI改善
- 32. Bringing More People To Apps 事例例：NPOフュージョン⻑⾧長池 152カ所の公園管理理作業の ⾒見見える化・効率率率化・情報共有化を実現
- 33. Bringing More People To Apps その他事例例も多数公開中 https://ja.monaca.io/showcase/
- 34. Bringing More People To Apps ご清聴ありがとうございました