Enviar pesquisa
Carregar
HTML5 クロスプラットフォームアプリ開発の現実解
•
Transferir como PPTX, PDF
•
6 gostaram
•
3,852 visualizações
Monaca
Seguir
Denunciar
Compartilhar
Denunciar
Compartilhar
1 de 18
Baixar agora
Recomendados
Windows ストアアプリから使かえるセンサーAPIとデバイスAPI
Windows ストアアプリから使かえるセンサーAPIとデバイスAPI
Osamu Monoe
HTML5 によるロボット制御
HTML5 によるロボット制御
Honma Masashi
HTML5でできるカメラアプリを実際に体験しよう
HTML5でできるカメラアプリを実際に体験しよう
Hideki Akiba
その Web サイト、その Web アプリを最新の IE11 に対応しよう
その Web サイト、その Web アプリを最新の IE11 に対応しよう
Osamu Monoe
モバイルHTML5サイトでの写真アップロードの最適化と業務アプリへの適用
モバイルHTML5サイトでの写真アップロードの最適化と業務アプリへの適用
Shinichi Tomita
Microsoft Edge 最新アップデートとこれから
Microsoft Edge 最新アップデートとこれから
Osamu Monoe
Movable Type から BOT を作ろう! ~ Data API と Microsoft BOT Framework ~
Movable Type から BOT を作ろう! ~ Data API と Microsoft BOT Framework ~
Osamu Monoe
Cordovaの最近ホットな話題と地雷をまとめて紹介
Cordovaの最近ホットな話題と地雷をまとめて紹介
アシアル株式会社
Recomendados
Windows ストアアプリから使かえるセンサーAPIとデバイスAPI
Windows ストアアプリから使かえるセンサーAPIとデバイスAPI
Osamu Monoe
HTML5 によるロボット制御
HTML5 によるロボット制御
Honma Masashi
HTML5でできるカメラアプリを実際に体験しよう
HTML5でできるカメラアプリを実際に体験しよう
Hideki Akiba
その Web サイト、その Web アプリを最新の IE11 に対応しよう
その Web サイト、その Web アプリを最新の IE11 に対応しよう
Osamu Monoe
モバイルHTML5サイトでの写真アップロードの最適化と業務アプリへの適用
モバイルHTML5サイトでの写真アップロードの最適化と業務アプリへの適用
Shinichi Tomita
Microsoft Edge 最新アップデートとこれから
Microsoft Edge 最新アップデートとこれから
Osamu Monoe
Movable Type から BOT を作ろう! ~ Data API と Microsoft BOT Framework ~
Movable Type から BOT を作ろう! ~ Data API と Microsoft BOT Framework ~
Osamu Monoe
Cordovaの最近ホットな話題と地雷をまとめて紹介
Cordovaの最近ホットな話題と地雷をまとめて紹介
アシアル株式会社
ROS.js の紹介
ROS.js の紹介
Honma Masashi
もっと良くなるHTMLアプリケーション設計と実装
もっと良くなるHTMLアプリケーション設計と実装
Mitsue-Links
20141018 selenium appium_cookpad
20141018 selenium appium_cookpad
Kazuaki Matsuo
Win7 * appium * androidで実機自動テストやってみた。
Win7 * appium * androidで実機自動テストやってみた。
Naoto Kishino
Behatで行う、E2Eテスト入門
Behatで行う、E2Eテスト入門
leverages_event
Visual Studio 2013 と HTML5 で実現するマルチデバイス/マルチプラットフォーム アプリの開発
Visual Studio 2013 と HTML5 で実現するマルチデバイス/マルチプラットフォーム アプリの開発
Osamu Monoe
Androidハイブリッドアプリを約2年間メンテンナンスしてきて分ったこと
Androidハイブリッドアプリを約2年間メンテンナンスしてきて分ったこと
Shuichi Takaya
一六社ブログ-プラグイン作成入門
一六社ブログ-プラグイン作成入門
柴田 篤志
脱・独自改造! GebでWebDriverをもっとシンプルに
脱・独自改造! GebでWebDriverをもっとシンプルに
Hiroko Tamagawa
[MR09] デスクトップ アプリをストアから配布するための A to Z
[MR09] デスクトップ アプリをストアから配布するための A to Z
de:code 2017
[DO09] 獲れたて OSS x DevOps!自動化三昧を満喫セヨ
[DO09] 獲れたて OSS x DevOps!自動化三昧を満喫セヨ
de:code 2017
クロスプラットフォーム開発入門
クロスプラットフォーム開発入門
minazou67
その後のBash on windows
その後のBash on windows
Kazushi Kamegawa
Visual studio extensibility
Visual studio extensibility
Takeshi Fujimoto
Introduction to Visual Studio App Center
Introduction to Visual Studio App Center
Takeshi Fujimoto
Selenium boot campの紹介
Selenium boot campの紹介
Nozomi Ito
テスト自動化ツール[Selenium]を検討してみて
テスト自動化ツール[Selenium]を検討してみて
裕史 川松
ASP.NET Core のお気に入りの機能たち (docker向け)
ASP.NET Core のお気に入りの機能たち (docker向け)
Takayoshi Tanaka
【SQiP2014】システム操作インターフェイス最適化によるテスト自動化ROI向上
【SQiP2014】システム操作インターフェイス最適化によるテスト自動化ROI向上
Tatsuya Ishikawa
テスト自動化の様々な道具を使ってみた四方山話
テスト自動化の様々な道具を使ってみた四方山話
haljik Seiji
Phone gap+javascriptスマホアプリ開発(入門編)
Phone gap+javascriptスマホアプリ開発(入門編)
Monaca
スマートフォンアプリケーション開発の最新動向
スマートフォンアプリケーション開発の最新動向
Tsutomu Ogasawara
Mais conteúdo relacionado
Mais procurados
ROS.js の紹介
ROS.js の紹介
Honma Masashi
もっと良くなるHTMLアプリケーション設計と実装
もっと良くなるHTMLアプリケーション設計と実装
Mitsue-Links
20141018 selenium appium_cookpad
20141018 selenium appium_cookpad
Kazuaki Matsuo
Win7 * appium * androidで実機自動テストやってみた。
Win7 * appium * androidで実機自動テストやってみた。
Naoto Kishino
Behatで行う、E2Eテスト入門
Behatで行う、E2Eテスト入門
leverages_event
Visual Studio 2013 と HTML5 で実現するマルチデバイス/マルチプラットフォーム アプリの開発
Visual Studio 2013 と HTML5 で実現するマルチデバイス/マルチプラットフォーム アプリの開発
Osamu Monoe
Androidハイブリッドアプリを約2年間メンテンナンスしてきて分ったこと
Androidハイブリッドアプリを約2年間メンテンナンスしてきて分ったこと
Shuichi Takaya
一六社ブログ-プラグイン作成入門
一六社ブログ-プラグイン作成入門
柴田 篤志
脱・独自改造! GebでWebDriverをもっとシンプルに
脱・独自改造! GebでWebDriverをもっとシンプルに
Hiroko Tamagawa
[MR09] デスクトップ アプリをストアから配布するための A to Z
[MR09] デスクトップ アプリをストアから配布するための A to Z
de:code 2017
[DO09] 獲れたて OSS x DevOps!自動化三昧を満喫セヨ
[DO09] 獲れたて OSS x DevOps!自動化三昧を満喫セヨ
de:code 2017
クロスプラットフォーム開発入門
クロスプラットフォーム開発入門
minazou67
その後のBash on windows
その後のBash on windows
Kazushi Kamegawa
Visual studio extensibility
Visual studio extensibility
Takeshi Fujimoto
Introduction to Visual Studio App Center
Introduction to Visual Studio App Center
Takeshi Fujimoto
Selenium boot campの紹介
Selenium boot campの紹介
Nozomi Ito
テスト自動化ツール[Selenium]を検討してみて
テスト自動化ツール[Selenium]を検討してみて
裕史 川松
ASP.NET Core のお気に入りの機能たち (docker向け)
ASP.NET Core のお気に入りの機能たち (docker向け)
Takayoshi Tanaka
【SQiP2014】システム操作インターフェイス最適化によるテスト自動化ROI向上
【SQiP2014】システム操作インターフェイス最適化によるテスト自動化ROI向上
Tatsuya Ishikawa
テスト自動化の様々な道具を使ってみた四方山話
テスト自動化の様々な道具を使ってみた四方山話
haljik Seiji
Mais procurados
(20)
ROS.js の紹介
ROS.js の紹介
もっと良くなるHTMLアプリケーション設計と実装
もっと良くなるHTMLアプリケーション設計と実装
20141018 selenium appium_cookpad
20141018 selenium appium_cookpad
Win7 * appium * androidで実機自動テストやってみた。
Win7 * appium * androidで実機自動テストやってみた。
Behatで行う、E2Eテスト入門
Behatで行う、E2Eテスト入門
Visual Studio 2013 と HTML5 で実現するマルチデバイス/マルチプラットフォーム アプリの開発
Visual Studio 2013 と HTML5 で実現するマルチデバイス/マルチプラットフォーム アプリの開発
Androidハイブリッドアプリを約2年間メンテンナンスしてきて分ったこと
Androidハイブリッドアプリを約2年間メンテンナンスしてきて分ったこと
一六社ブログ-プラグイン作成入門
一六社ブログ-プラグイン作成入門
脱・独自改造! GebでWebDriverをもっとシンプルに
脱・独自改造! GebでWebDriverをもっとシンプルに
[MR09] デスクトップ アプリをストアから配布するための A to Z
[MR09] デスクトップ アプリをストアから配布するための A to Z
[DO09] 獲れたて OSS x DevOps!自動化三昧を満喫セヨ
[DO09] 獲れたて OSS x DevOps!自動化三昧を満喫セヨ
クロスプラットフォーム開発入門
クロスプラットフォーム開発入門
その後のBash on windows
その後のBash on windows
Visual studio extensibility
Visual studio extensibility
Introduction to Visual Studio App Center
Introduction to Visual Studio App Center
Selenium boot campの紹介
Selenium boot campの紹介
テスト自動化ツール[Selenium]を検討してみて
テスト自動化ツール[Selenium]を検討してみて
ASP.NET Core のお気に入りの機能たち (docker向け)
ASP.NET Core のお気に入りの機能たち (docker向け)
【SQiP2014】システム操作インターフェイス最適化によるテスト自動化ROI向上
【SQiP2014】システム操作インターフェイス最適化によるテスト自動化ROI向上
テスト自動化の様々な道具を使ってみた四方山話
テスト自動化の様々な道具を使ってみた四方山話
Semelhante a HTML5 クロスプラットフォームアプリ開発の現実解
Phone gap+javascriptスマホアプリ開発(入門編)
Phone gap+javascriptスマホアプリ開発(入門編)
Monaca
スマートフォンアプリケーション開発の最新動向
スマートフォンアプリケーション開発の最新動向
Tsutomu Ogasawara
企画者が押さえておきたいHtml5アプリ開発の要点
企画者が押さえておきたいHtml5アプリ開発の要点
Monaca
ハイブリッドアプリ開発最前線から見たHtml5の理想と現実
ハイブリッドアプリ開発最前線から見たHtml5の理想と現実
Monaca
Solution semniar vs2013_multi_device-1209-new
Solution semniar vs2013_multi_device-1209-new
Shotaro Suzuki
One ASP.NET ~ 今、ASP.NET に何が起こっているのか? ~
One ASP.NET ~ 今、ASP.NET に何が起こっているのか? ~
Akira Inoue
Introduction to web development 1
Introduction to web development 1
hideaki honda
HTML5ハイブリッドアプリ開発のベストプラクティス
HTML5ハイブリッドアプリ開発のベストプラクティス
アシアル株式会社
HTML5とマイクロソフト(東京)
HTML5とマイクロソフト(東京)
Microsoft
2011年マイクロソフト テクノロジー振り返り~開発編~
2011年マイクロソフト テクノロジー振り返り~開発編~
Takeshi Shinmura
【デブサミ関西2014】Web技術で作るエンタープライズアプリ
【デブサミ関西2014】Web技術で作るエンタープライズアプリ
アシアル株式会社
Visual Studio 2012 で実現する HTML5 & マルチ デバイス時代の Web 開発
Visual Studio 2012 で実現する HTML5 & マルチ デバイス時代の Web 開発
Akira Inoue
これからのNOTESモバイルアプリはこう作れ
これからのNOTESモバイルアプリはこう作れ
Mitsuru Katoh
Webエンジニアによるスマートフォンアプリ開発
Webエンジニアによるスマートフォンアプリ開発
takeuchi-tk
【17-D-6】.NETアセンブリの宿命
【17-D-6】.NETアセンブリの宿命
Developers Summit
Universal Appとは? -デバイスに依存しないアプリケーション開発-
Universal Appとは? -デバイスに依存しないアプリケーション開発-
Takaaki Suzuki
Dot_fes2013
Dot_fes2013
cyberagent
jQuery/Html5/ASP.NET MVC 対応コンポーネントを用いたデバイス対応業務アプリケーション開発
jQuery/Html5/ASP.NET MVC 対応コンポーネントを用いたデバイス対応業務アプリケーション開発
Daizen Ikehara
クラウド・スマートデバイス事例調査報告
クラウド・スマートデバイス事例調査報告
Shinichi Tomita
ICT ERA+ABC 2012東北講演
ICT ERA+ABC 2012東北講演
Monaca
Semelhante a HTML5 クロスプラットフォームアプリ開発の現実解
(20)
Phone gap+javascriptスマホアプリ開発(入門編)
Phone gap+javascriptスマホアプリ開発(入門編)
スマートフォンアプリケーション開発の最新動向
スマートフォンアプリケーション開発の最新動向
企画者が押さえておきたいHtml5アプリ開発の要点
企画者が押さえておきたいHtml5アプリ開発の要点
ハイブリッドアプリ開発最前線から見たHtml5の理想と現実
ハイブリッドアプリ開発最前線から見たHtml5の理想と現実
Solution semniar vs2013_multi_device-1209-new
Solution semniar vs2013_multi_device-1209-new
One ASP.NET ~ 今、ASP.NET に何が起こっているのか? ~
One ASP.NET ~ 今、ASP.NET に何が起こっているのか? ~
Introduction to web development 1
Introduction to web development 1
HTML5ハイブリッドアプリ開発のベストプラクティス
HTML5ハイブリッドアプリ開発のベストプラクティス
HTML5とマイクロソフト(東京)
HTML5とマイクロソフト(東京)
2011年マイクロソフト テクノロジー振り返り~開発編~
2011年マイクロソフト テクノロジー振り返り~開発編~
【デブサミ関西2014】Web技術で作るエンタープライズアプリ
【デブサミ関西2014】Web技術で作るエンタープライズアプリ
Visual Studio 2012 で実現する HTML5 & マルチ デバイス時代の Web 開発
Visual Studio 2012 で実現する HTML5 & マルチ デバイス時代の Web 開発
これからのNOTESモバイルアプリはこう作れ
これからのNOTESモバイルアプリはこう作れ
Webエンジニアによるスマートフォンアプリ開発
Webエンジニアによるスマートフォンアプリ開発
【17-D-6】.NETアセンブリの宿命
【17-D-6】.NETアセンブリの宿命
Universal Appとは? -デバイスに依存しないアプリケーション開発-
Universal Appとは? -デバイスに依存しないアプリケーション開発-
Dot_fes2013
Dot_fes2013
jQuery/Html5/ASP.NET MVC 対応コンポーネントを用いたデバイス対応業務アプリケーション開発
jQuery/Html5/ASP.NET MVC 対応コンポーネントを用いたデバイス対応業務アプリケーション開発
クラウド・スマートデバイス事例調査報告
クラウド・スマートデバイス事例調査報告
ICT ERA+ABC 2012東北講演
ICT ERA+ABC 2012東北講演
Mais de Monaca
クロスプラットフォーム開発を可能にするMonaca
クロスプラットフォーム開発を可能にするMonaca
Monaca
展示会出展を成功させるたった一つのこと
展示会出展を成功させるたった一つのこと
Monaca
クロスプラットフォーム開発を可能にするMonacaとそのセキュリティ対策
クロスプラットフォーム開発を可能にするMonacaとそのセキュリティ対策
Monaca
LT「料金プラン改定後のMonacaについて」
LT「料金プラン改定後のMonacaについて」
Monaca
クロスプラットフォーム活用のポイント
クロスプラットフォーム活用のポイント
Monaca
US Meetup Tour
US Meetup Tour
Monaca
New things about Cordova 4.0
New things about Cordova 4.0
Monaca
Cordova and PhoneGap Insights
Cordova and PhoneGap Insights
Monaca
120分聞けばドヤ顔で語れる apache cordova スーパー勉強会
120分聞けばドヤ顔で語れる apache cordova スーパー勉強会
Monaca
はやわかりHTML5ハイブリッドアプリ開発事情
はやわかりHTML5ハイブリッドアプリ開発事情
Monaca
Using PhoneGap to develop incredible HTML5 hybrid mobile apps
Using PhoneGap to develop incredible HTML5 hybrid mobile apps
Monaca
How to make Twitter app with PhoneGap/Cordova
How to make Twitter app with PhoneGap/Cordova
Monaca
HTML5ハイブリッド アプリ開発の実践〜開発現場ですぐに活かせるコツを伝授〜
HTML5ハイブリッド アプリ開発の実践〜開発現場ですぐに活かせるコツを伝授〜
Monaca
高いUXをハイブリッド開発で実現するためのポイント
高いUXをハイブリッド開発で実現するためのポイント
Monaca
LODチャレンジデー オープンデータを利用したサンプルアプリ
LODチャレンジデー オープンデータを利用したサンプルアプリ
Monaca
第6回LODチャレンジデー Monaca紹介資料
第6回LODチャレンジデー Monaca紹介資料
Monaca
Android Bazaar Conference講演資料「Onsen UIデビュー!」
Android Bazaar Conference講演資料「Onsen UIデビュー!」
Monaca
Monacaで簡単スマートフォンアプリ開発体験講座
Monacaで簡単スマートフォンアプリ開発体験講座
Monaca
HTML5ハイブリッド アプリ開発実践編
HTML5ハイブリッド アプリ開発実践編
Monaca
事例で解説するハイブリッドアプリ開発のポイント
事例で解説するハイブリッドアプリ開発のポイント
Monaca
Mais de Monaca
(20)
クロスプラットフォーム開発を可能にするMonaca
クロスプラットフォーム開発を可能にするMonaca
展示会出展を成功させるたった一つのこと
展示会出展を成功させるたった一つのこと
クロスプラットフォーム開発を可能にするMonacaとそのセキュリティ対策
クロスプラットフォーム開発を可能にするMonacaとそのセキュリティ対策
LT「料金プラン改定後のMonacaについて」
LT「料金プラン改定後のMonacaについて」
クロスプラットフォーム活用のポイント
クロスプラットフォーム活用のポイント
US Meetup Tour
US Meetup Tour
New things about Cordova 4.0
New things about Cordova 4.0
Cordova and PhoneGap Insights
Cordova and PhoneGap Insights
120分聞けばドヤ顔で語れる apache cordova スーパー勉強会
120分聞けばドヤ顔で語れる apache cordova スーパー勉強会
はやわかりHTML5ハイブリッドアプリ開発事情
はやわかりHTML5ハイブリッドアプリ開発事情
Using PhoneGap to develop incredible HTML5 hybrid mobile apps
Using PhoneGap to develop incredible HTML5 hybrid mobile apps
How to make Twitter app with PhoneGap/Cordova
How to make Twitter app with PhoneGap/Cordova
HTML5ハイブリッド アプリ開発の実践〜開発現場ですぐに活かせるコツを伝授〜
HTML5ハイブリッド アプリ開発の実践〜開発現場ですぐに活かせるコツを伝授〜
高いUXをハイブリッド開発で実現するためのポイント
高いUXをハイブリッド開発で実現するためのポイント
LODチャレンジデー オープンデータを利用したサンプルアプリ
LODチャレンジデー オープンデータを利用したサンプルアプリ
第6回LODチャレンジデー Monaca紹介資料
第6回LODチャレンジデー Monaca紹介資料
Android Bazaar Conference講演資料「Onsen UIデビュー!」
Android Bazaar Conference講演資料「Onsen UIデビュー!」
Monacaで簡単スマートフォンアプリ開発体験講座
Monacaで簡単スマートフォンアプリ開発体験講座
HTML5ハイブリッド アプリ開発実践編
HTML5ハイブリッド アプリ開発実践編
事例で解説するハイブリッドアプリ開発のポイント
事例で解説するハイブリッドアプリ開発のポイント
HTML5 クロスプラットフォームアプリ開発の現実解
1.
HTML5クロスプラットフォームアプリ開発の現実解 アシアル株式会社 田中正裕
2.
自己紹介 田中正裕 (たなかまさひろ)
masahiro@asial.co.jp 大学2年生の時にアシアル株式会社を設立、そのまま 代表取締役社長として今に至る。 もともと小学生の時にパソコンを触ったことがきっか けで、生きている時間の大半をプログラミングして過 ごす。東京大学工学部を卒業、アシアルの事業に忙し くなったため同大学院を中退。 代表取締役社長として対外的な活動を行いつつ、各プ ロジェクトではコーディングやマネジメントなども担 当。 2013/1/7 2
3.
アシアル株式会社 紹介
アシアル株式会社は、これまで培ってきたサーバーサイド技術をもとに、 HTML5やJavaScriptといったクライアント技術を高い次元で組み合わせ、 優れたユーザーエクスペリエンスを持つアプリケーションを提案します。 アシアル提供のWebサービス アシアルブログ PHPプロ! 企業サイト 不定期で弊社エンジニアやデザイ アシアルの創業事業である「PHPプ 弊社が開発・販売している各種製品 ナーが興味のある技術テーマを配信 ログラマーズマガジン」を引き継ぎ、 やサービスへのリンク、スクールの します。 PHPプログラマーのためのコミュニ 情報などが掲載されています。 ティサイトとして運営しています。 2013/1/7 <3>
4.
アシアルの技術ドメイン
UI/UX ユーザー UI設計 エクスペリエンス HTML5 CSS3 クライアント Objective-C レイヤー Android Java JavaScript ミドルレイヤー Symfony PhoneGap サーバーレイヤー PHP Node.js UI設計からシ ステム構築ま MySQL で、最先端の インフラ 技術で幅広い ハードウェア 経験がござい Linux クラウド ます IaaS インフラ 2013/1/7 <4>
5.
アシアルの技術ドメイン
UI/UX ユーザー UI設計 エクスペリエンス HTML5 CSS3 クライアント Objective-C 本日のプレゼン範囲 Android Java レイヤー JavaScript ミドルレイヤー Symfony PhoneGap サーバーレイヤー PHP Node.js UI設計からシ ステム構築ま MySQL で、最先端の インフラ 技術で幅広い ハードウェア 経験がござい Linux クラウド ます IaaS インフラ 2013/1/7 <5>
6.
HTML5で変わるアプリ体験 1.
HTML5とは? HTML4、XHTMLに続くバージョンアップ タグの追加・整理だけでなく、JavaScript APIも 新たに用意 CSSやSVG、WebSocketなどの周辺機能も広義のHTML5に 含まれる 2. HTML5のインパクト ブラウザーがHTML5に対応することで、リッチな表現力が可能に ユーザーインターフェースを刷新する能力を持つ 2013/1/7 <6>
7.
モバイル分野で先行するHTML5 1.
スマートデバイス分野ではHTML5がすでにスタンダード iOS/AndroidブラウザーのWebKitエンジンは早くからサポート 2. 一方、PC向けWebサイトのHTML5対応はこれから Internet Explorer 10で本格的にサポート Firefox、Chrome、Safariは 早い段階でHTML5対応 CSS3だけで作成した「ドラえもん」 日本におけるブラウザーシェア shopdd.blog51.fc2.com/blog-entry-932.html 2012年11月 2013/1/7 <7>
8.
HTML5とネイティブ
“企業としての最大の失敗はネイ ティブアプリではなくHTML5に 賭けすぎたことです。時期尚早 でした。”と話した。“iOSアプリ にしたら、利用者のフィードの 消費が2倍になりました。” 「HTML5はFTのビジネスを殺し ていない。ネイティブ環境にと どまるよりもよい結果となっ た」「アプリケーションのメン テナンスに要する作業が大幅に 削減され、新機能の開発と実装 がシンプルで簡単になった」 HTML5からネイティブに移行したFacebook ネイティブからHTML5に移行したFinancial Times 2013/1/7 <8>
9.
どう選択するのか?
開発の難易度 クロスプラットフォーム OS独自機能の活用 メンテナンス性 端末性能の発揮 HTML5アプリ(Web) ネイティブアプリ OSや端末の性能を最大限に発揮するためにはネイティブ形式が望ましい クロスプラットフォーム性や開発体制の確保ではHTML5形式が優位 2013/1/7 <9>
10.
HTML5のWebアプリでは作れない機能の例 1.
デバイスの特殊な機能を用いたい場合 Bluetooth通信 デバイス内のファイル読み書き カメラ撮影 2. OSの機能を用いたい場合 プッシュ通信 GameCenterやPassbookなどへの対応 ホーム画面のウィジェット 3. ハードウェア能力を最大限用いたい場合 高度なアニメーション(3D、OpenGL等) ポインターによる高速演算など 「フラグシップ」アプリはネイティブアプリが使われる可能性が高い 2013/1/7 <10>
11.
HTML5のWebアプリでは作れない機能の例 1.
デバイスの特殊な機能を用いたい場合 Bluetooth通信 デバイス内のファイル読み書き カメラ撮影 2. OSの機能を用いたい場合 プッシュ通信 GameCenterやPassbookなどへの対応 ホーム画面のウィジェット 3. ハードウェア能力を最大限用いたい場合 高度なアニメーション(3D、OpenGL等) 無理 ポインターによる高速演算など いける 2013/1/7 <11>
12.
HTML5アプリとネイティブアプリの違い
HTML5アプリ ネイティブアプリ 開発言語 HTML5とJavaScript Objective-CやJava Webブラウザーが備える 端末やOSが持つすべての 機能 機能のみ利用可能 機能を利用可能 通常のWeb開発環境 XcodeやEclipseといったOSごと 開発環境 エディタ、Dreamweaver等 の開発環境 ○ × クロスプラットフォーム 同じJavaScriptコードを流用可 開発言語自体が異なる △ ◎ 実行速度 Webブラウザーが実行エンジン OSが直接実行する × ◎ オフライン対応 キャッシュを用いて一部オフラ 端末内にプログラムが配置 イン対応も可能 Webサイトにアクセス アプリの配布方法 マーケットの登録が原則 マーケットへの登録は不可 サーバーから配信するため アップデートのたびにマーケッ メンテナンス方法 常に最新状態をキープ可能 ト登録。更新はユーザー次第 2013/1/7 <12>
13.
HTML5でネイティブ形式のアプリを実現するハイブリッドアプリ もう一つの選択肢:ハイブリッドアプリ
開発の難易度 クロスプラットフォーム OS独自機能の活用 メンテナンス性 端末性能の発揮 HTML5アプリ(Web) ネイティブアプリ ハイブリッドアプリ 1. HTML5アプリの開発技術でネイティブ形式のアプリを実現する手 法 2. OSの独自機能や端末性能などをHTML5アプリから補うことが可能 2013/1/7 <13>
14.
ハイブリッドアプリの例 多くのiOS/Androidアプリがハイブリッドアプリとしてリリース
クックパッド Wikipedia Linked-In ハイブリッドアプリ開発のための オープンソース製品も充実してきた 2013/1/7 <14>
15.
ハイブリッドアプリの仕組み
GPS HTML5/JavaScript/CSS3 ネイティブコード ハイブリッドアプリのパッケージ内 サーバーとの通信は カメラ Webアプリではアクセスで Ajaxの技術を応用 きない各種ネイティブAPI を実行できる 連絡帳など 2013/1/7 <15>
16.
ハイブリッドアプリの特徴
HTML5アプリ ハイブリッドアプリ ネイティブアプリ 開発言語 HTML5とJavaScript Objective-CやJava JavaScriptから Webブラウザーが備える 端末やOSが持つすべての 機能 ネイティブの機能を 機能のみ利用可能 機能を利用可能 呼び出せる 通常のWeb開発環境 XcodeやEclipseといったOSごとの開発環境 開発環境 エディタ、Dreamweaver等 (Monacaでブラウザだけで環境構築も可能) ○ × クロスプラットフォーム 同じJavaScriptコードを流用可 開発言語自体が異なる △ ○ ◎ 実行速度 Webブラウザーが実行エン ソースコードを端末上に保 OSが直接実行する ジン 存することが可能 × ◎ オフライン対応 キャッシュを用いて一部オ 端末内にプログラムが配置 フライン対応も可能 Webサイトにアクセス アプリの配布方法 マーケットの登録が原則 マーケットへの登録は不可 ネイティブ部分はマーケッ アップデートのたびにマー サーバーから配信するため ト経由の更新。HTML5部分 メンテナンス方法 ケット登録。更新はユー 常に最新状態をキープ可能 は任意のタイミングで更新 ザー次第 可能 2013/1/7 <16>
17.
アシアルのHTML5に対する取り組み
HTML5研修・セミナー ハイブリッドアプリ開発 環境: Monaca PhoneGapのOSS貢献 やコミュニティサイト運営 HTML5アプリ開発/システム構築 (Webアプリ・ハイブリッドアプリ) 2013/1/7 <17>
18.
ご静聴ありがとうございました
2013/1/7 <18>
Baixar agora