Suche senden
Hochladen
Monacaによるモバイルアプリ開発ことはじめ
•
2 gefällt mir
•
2,918 views
アシアル株式会社
Folgen
カサレアル、アシアル共催セミナー「ハイブリッドアプリ開発最前線 使いやすいJavaScriptフレームワークを見極めよう」で利用したスライド資料です。
Weniger lesen
Mehr lesen
Ingenieurwesen
Melden
Teilen
Melden
Teilen
1 von 28
Jetzt herunterladen
Downloaden Sie, um offline zu lesen
Empfohlen
Minna no Nihongo Shokyuu 1 - Hyoujun Mondaishuu
Minna no Nihongo Shokyuu 1 - Hyoujun Mondaishuu
Artur Filipe Segumdo
1 kriminologi copy
1 kriminologi copy
mersiasibarani
Menyusun data dalam pelayanan bimbingan dan konseling
Menyusun data dalam pelayanan bimbingan dan konseling
Mas Munir
Makalah Instrumen HAM Internasional
Makalah Instrumen HAM Internasional
AZA Zulfi
Resensi pengantar antropologi hukum
Resensi pengantar antropologi hukum
Yanels Garsione
Metode Penelitian Hukum.pdf
Metode Penelitian Hukum.pdf
sirojumsirojum
クロスプラットフォーム活用のポイント
クロスプラットフォーム活用のポイント
Monaca
kintone連携スマホアプリの開発・配布体験_生形 可奈子氏
kintone連携スマホアプリの開発・配布体験_生形 可奈子氏
kintone papers
Empfohlen
Minna no Nihongo Shokyuu 1 - Hyoujun Mondaishuu
Minna no Nihongo Shokyuu 1 - Hyoujun Mondaishuu
Artur Filipe Segumdo
1 kriminologi copy
1 kriminologi copy
mersiasibarani
Menyusun data dalam pelayanan bimbingan dan konseling
Menyusun data dalam pelayanan bimbingan dan konseling
Mas Munir
Makalah Instrumen HAM Internasional
Makalah Instrumen HAM Internasional
AZA Zulfi
Resensi pengantar antropologi hukum
Resensi pengantar antropologi hukum
Yanels Garsione
Metode Penelitian Hukum.pdf
Metode Penelitian Hukum.pdf
sirojumsirojum
クロスプラットフォーム活用のポイント
クロスプラットフォーム活用のポイント
Monaca
kintone連携スマホアプリの開発・配布体験_生形 可奈子氏
kintone連携スマホアプリの開発・配布体験_生形 可奈子氏
kintone papers
kintone 連携スマホアプリの開発・配布体験
kintone 連携スマホアプリの開発・配布体験
アシアル株式会社
iOS/Android/Windows クロスプラットフォーム モバイルアプリ開発
iOS/Android/Windows クロスプラットフォーム モバイルアプリ開発
アシアル株式会社
20110824 android apps_tanaka
20110824 android apps_tanaka
一般社団法人メディア事業開発会議
JavaScript祭りLTでmonacaを紹介
JavaScript祭りLTでmonacaを紹介
Yuki Okamoto
クロスプラットフォーム開発を可能にするMonaca
クロスプラットフォーム開発を可能にするMonaca
Monaca
NSA NB委員会セミナー「モバイルアプリ開発業務におけるmonacaの活用」
NSA NB委員会セミナー「モバイルアプリ開発業務におけるmonacaの活用」
アシアル株式会社
HTML5ハイブリッド アプリ開発実践編
HTML5ハイブリッド アプリ開発実践編
Monaca
Androidでもサクサク動くHTML5ハイブリッドアプリの作り⽅
Androidでもサクサク動くHTML5ハイブリッドアプリの作り⽅
アシアル株式会社
企画者が押さえておきたいHtml5アプリ開発の要点
企画者が押さえておきたいHtml5アプリ開発の要点
Monaca
たかがAPI,されどAPI、シナジーで広がるビジネスチャンス
たかがAPI,されどAPI、シナジーで広がるビジネスチャンス
Osaka University
サイネージを使う顧客創出のシナリオ
サイネージを使う顧客創出のシナリオ
CRI Japan, Inc.
スマートフォンアプリ開発の傾向とBaaSの活用
スマートフォンアプリ開発の傾向とBaaSの活用
大介 秋本
JINS MEME DEVELOPER HANDS-ON (Monaca / Apache Cordova編)
JINS MEME DEVELOPER HANDS-ON (Monaca / Apache Cordova編)
アシアル株式会社
Tapnow資料
Tapnow資料
Nobukawa_Yosuke
リワード広告におけるリジェクト問題の現状
リワード広告におけるリジェクト問題の現状
TakashiOkaniwa
リワード広告におけるリジェクト問題の現状
リワード広告におけるリジェクト問題の現状
VOYAGE GROUP
スマホアプリ向け Cpi ad network「adcrops」
スマホアプリ向け Cpi ad network「adcrops」
Hiromitsu Ishimori
201606 DeviceWebAPI 第4回技術WG会合
201606 DeviceWebAPI 第4回技術WG会合
Nagano Kosuke
アプリ市場傾向から見る スマートフォンECのこれから
アプリ市場傾向から見る スマートフォンECのこれから
株式会社メタップスホールディングス
20120413 nestakabaneworkshop
20120413 nestakabaneworkshop
Yoichiro Sakurai
MonacaとEducation活動の紹介
MonacaとEducation活動の紹介
アシアル株式会社
PWA 4 Business
PWA 4 Business
アシアル株式会社
Weitere ähnliche Inhalte
Ähnlich wie Monacaによるモバイルアプリ開発ことはじめ
kintone 連携スマホアプリの開発・配布体験
kintone 連携スマホアプリの開発・配布体験
アシアル株式会社
iOS/Android/Windows クロスプラットフォーム モバイルアプリ開発
iOS/Android/Windows クロスプラットフォーム モバイルアプリ開発
アシアル株式会社
20110824 android apps_tanaka
20110824 android apps_tanaka
一般社団法人メディア事業開発会議
JavaScript祭りLTでmonacaを紹介
JavaScript祭りLTでmonacaを紹介
Yuki Okamoto
クロスプラットフォーム開発を可能にするMonaca
クロスプラットフォーム開発を可能にするMonaca
Monaca
NSA NB委員会セミナー「モバイルアプリ開発業務におけるmonacaの活用」
NSA NB委員会セミナー「モバイルアプリ開発業務におけるmonacaの活用」
アシアル株式会社
HTML5ハイブリッド アプリ開発実践編
HTML5ハイブリッド アプリ開発実践編
Monaca
Androidでもサクサク動くHTML5ハイブリッドアプリの作り⽅
Androidでもサクサク動くHTML5ハイブリッドアプリの作り⽅
アシアル株式会社
企画者が押さえておきたいHtml5アプリ開発の要点
企画者が押さえておきたいHtml5アプリ開発の要点
Monaca
たかがAPI,されどAPI、シナジーで広がるビジネスチャンス
たかがAPI,されどAPI、シナジーで広がるビジネスチャンス
Osaka University
サイネージを使う顧客創出のシナリオ
サイネージを使う顧客創出のシナリオ
CRI Japan, Inc.
スマートフォンアプリ開発の傾向とBaaSの活用
スマートフォンアプリ開発の傾向とBaaSの活用
大介 秋本
JINS MEME DEVELOPER HANDS-ON (Monaca / Apache Cordova編)
JINS MEME DEVELOPER HANDS-ON (Monaca / Apache Cordova編)
アシアル株式会社
Tapnow資料
Tapnow資料
Nobukawa_Yosuke
リワード広告におけるリジェクト問題の現状
リワード広告におけるリジェクト問題の現状
TakashiOkaniwa
リワード広告におけるリジェクト問題の現状
リワード広告におけるリジェクト問題の現状
VOYAGE GROUP
スマホアプリ向け Cpi ad network「adcrops」
スマホアプリ向け Cpi ad network「adcrops」
Hiromitsu Ishimori
201606 DeviceWebAPI 第4回技術WG会合
201606 DeviceWebAPI 第4回技術WG会合
Nagano Kosuke
アプリ市場傾向から見る スマートフォンECのこれから
アプリ市場傾向から見る スマートフォンECのこれから
株式会社メタップスホールディングス
20120413 nestakabaneworkshop
20120413 nestakabaneworkshop
Yoichiro Sakurai
Ähnlich wie Monacaによるモバイルアプリ開発ことはじめ
(20)
kintone 連携スマホアプリの開発・配布体験
kintone 連携スマホアプリの開発・配布体験
iOS/Android/Windows クロスプラットフォーム モバイルアプリ開発
iOS/Android/Windows クロスプラットフォーム モバイルアプリ開発
20110824 android apps_tanaka
20110824 android apps_tanaka
JavaScript祭りLTでmonacaを紹介
JavaScript祭りLTでmonacaを紹介
クロスプラットフォーム開発を可能にするMonaca
クロスプラットフォーム開発を可能にするMonaca
NSA NB委員会セミナー「モバイルアプリ開発業務におけるmonacaの活用」
NSA NB委員会セミナー「モバイルアプリ開発業務におけるmonacaの活用」
HTML5ハイブリッド アプリ開発実践編
HTML5ハイブリッド アプリ開発実践編
Androidでもサクサク動くHTML5ハイブリッドアプリの作り⽅
Androidでもサクサク動くHTML5ハイブリッドアプリの作り⽅
企画者が押さえておきたいHtml5アプリ開発の要点
企画者が押さえておきたいHtml5アプリ開発の要点
たかがAPI,されどAPI、シナジーで広がるビジネスチャンス
たかがAPI,されどAPI、シナジーで広がるビジネスチャンス
サイネージを使う顧客創出のシナリオ
サイネージを使う顧客創出のシナリオ
スマートフォンアプリ開発の傾向とBaaSの活用
スマートフォンアプリ開発の傾向とBaaSの活用
JINS MEME DEVELOPER HANDS-ON (Monaca / Apache Cordova編)
JINS MEME DEVELOPER HANDS-ON (Monaca / Apache Cordova編)
Tapnow資料
Tapnow資料
リワード広告におけるリジェクト問題の現状
リワード広告におけるリジェクト問題の現状
リワード広告におけるリジェクト問題の現状
リワード広告におけるリジェクト問題の現状
スマホアプリ向け Cpi ad network「adcrops」
スマホアプリ向け Cpi ad network「adcrops」
201606 DeviceWebAPI 第4回技術WG会合
201606 DeviceWebAPI 第4回技術WG会合
アプリ市場傾向から見る スマートフォンECのこれから
アプリ市場傾向から見る スマートフォンECのこれから
20120413 nestakabaneworkshop
20120413 nestakabaneworkshop
Mehr von アシアル株式会社
MonacaとEducation活動の紹介
MonacaとEducation活動の紹介
アシアル株式会社
PWA 4 Business
PWA 4 Business
アシアル株式会社
書籍『Monacaで学ぶはじめてのプログラミング』発展資料(試験問題アプリ編)
書籍『Monacaで学ぶはじめてのプログラミング』発展資料(試験問題アプリ編)
アシアル株式会社
書籍『Monacaで学ぶはじめてのプログラミング』 講義スライド第2弾(体験版)
書籍『Monacaで学ぶはじめてのプログラミング』 講義スライド第2弾(体験版)
アシアル株式会社
Onsen UI 2 開発における JS フレームワーク衝突事例集
Onsen UI 2 開発における JS フレームワーク衝突事例集
アシアル株式会社
Web標準技術でiOS、Android両対応アプリを開発
Web標準技術でiOS、Android両対応アプリを開発
アシアル株式会社
書籍『Monacaで学ぶはじめてのプログラミング』 講義スライド(体験版)
書籍『Monacaで学ぶはじめてのプログラミング』 講義スライド(体験版)
アシアル株式会社
Cordovaの特徴と開発手法概要
Cordovaの特徴と開発手法概要
アシアル株式会社
Html5/JSモバイルアプリ最前線
Html5/JSモバイルアプリ最前線
アシアル株式会社
Onsen UI の最近とこれから 〜 国内サポートはじめました
Onsen UI の最近とこれから 〜 国内サポートはじめました
アシアル株式会社
Monaca事例から学ぶHTML5モバイルアプリの活用ポイント
Monaca事例から学ぶHTML5モバイルアプリの活用ポイント
アシアル株式会社
最新UIフレームワーク Onsen UI2でカッコイイWordPress連携アプリを作る方法
最新UIフレームワーク Onsen UI2でカッコイイWordPress連携アプリを作る方法
アシアル株式会社
Gartner summit 2016
Gartner summit 2016
アシアル株式会社
モバイル用Webフレームワーク最前線
モバイル用Webフレームワーク最前線
アシアル株式会社
Monacaソリューションセミナー20160621
Monacaソリューションセミナー20160621
アシアル株式会社
20160308seminar2
20160308seminar2
アシアル株式会社
Nifty cloud mbaas
Nifty cloud mbaas
アシアル株式会社
創業明治33年の衣料卸問屋がﰀ アプリで挑むコミュニケーション変革 ﰀ ~MonacaとmBaaSを活用したﰀ ビジネスチャットアプリの紹介〜 ﰀ
創業明治33年の衣料卸問屋がﰀ アプリで挑むコミュニケーション変革 ﰀ ~MonacaとmBaaSを活用したﰀ ビジネスチャットアプリの紹介〜 ﰀ
アシアル株式会社
HTML5ハイブリッドアプリ開発で拓くビジネスチャンス
HTML5ハイブリッドアプリ開発で拓くビジネスチャンス
アシアル株式会社
HTML5によるモバイルアプリ開発 が拓拓くビジネスチャンス
HTML5によるモバイルアプリ開発 が拓拓くビジネスチャンス
アシアル株式会社
Mehr von アシアル株式会社
(20)
MonacaとEducation活動の紹介
MonacaとEducation活動の紹介
PWA 4 Business
PWA 4 Business
書籍『Monacaで学ぶはじめてのプログラミング』発展資料(試験問題アプリ編)
書籍『Monacaで学ぶはじめてのプログラミング』発展資料(試験問題アプリ編)
書籍『Monacaで学ぶはじめてのプログラミング』 講義スライド第2弾(体験版)
書籍『Monacaで学ぶはじめてのプログラミング』 講義スライド第2弾(体験版)
Onsen UI 2 開発における JS フレームワーク衝突事例集
Onsen UI 2 開発における JS フレームワーク衝突事例集
Web標準技術でiOS、Android両対応アプリを開発
Web標準技術でiOS、Android両対応アプリを開発
書籍『Monacaで学ぶはじめてのプログラミング』 講義スライド(体験版)
書籍『Monacaで学ぶはじめてのプログラミング』 講義スライド(体験版)
Cordovaの特徴と開発手法概要
Cordovaの特徴と開発手法概要
Html5/JSモバイルアプリ最前線
Html5/JSモバイルアプリ最前線
Onsen UI の最近とこれから 〜 国内サポートはじめました
Onsen UI の最近とこれから 〜 国内サポートはじめました
Monaca事例から学ぶHTML5モバイルアプリの活用ポイント
Monaca事例から学ぶHTML5モバイルアプリの活用ポイント
最新UIフレームワーク Onsen UI2でカッコイイWordPress連携アプリを作る方法
最新UIフレームワーク Onsen UI2でカッコイイWordPress連携アプリを作る方法
Gartner summit 2016
Gartner summit 2016
モバイル用Webフレームワーク最前線
モバイル用Webフレームワーク最前線
Monacaソリューションセミナー20160621
Monacaソリューションセミナー20160621
20160308seminar2
20160308seminar2
Nifty cloud mbaas
Nifty cloud mbaas
創業明治33年の衣料卸問屋がﰀ アプリで挑むコミュニケーション変革 ﰀ ~MonacaとmBaaSを活用したﰀ ビジネスチャットアプリの紹介〜 ﰀ
創業明治33年の衣料卸問屋がﰀ アプリで挑むコミュニケーション変革 ﰀ ~MonacaとmBaaSを活用したﰀ ビジネスチャットアプリの紹介〜 ﰀ
HTML5ハイブリッドアプリ開発で拓くビジネスチャンス
HTML5ハイブリッドアプリ開発で拓くビジネスチャンス
HTML5によるモバイルアプリ開発 が拓拓くビジネスチャンス
HTML5によるモバイルアプリ開発 が拓拓くビジネスチャンス
Monacaによるモバイルアプリ開発ことはじめ
1.
1URL : http://ja.monaca.io/
Copyright © Asial Corporation. All Right Reserved. Monacaによる モバイルアプリ開発 ことはじめ アシアル株式会社 ⽣形 可奈⼦
2.
2URL : http://ja.monaca.io/
Copyright © Asial Corporation. All Right Reserved. ⽣形 可奈⼦(うぶかた かなこ) ⾃⼰紹介 アシアル株式会社 Monaca / Onsen UI エバンジェリスト モナカプレス 編集⻑ セミナー講師・書籍執筆・オウンドメディア運営など、モバイル アプリ開発技術の普及・促進を⽬的とした活動を⾏っています。 https://press.monaca.io
3.
3URL : http://ja.monaca.io/
Copyright © Asial Corporation. All Right Reserved. ハイブリッドアプリの概要
4.
4URL : http://ja.monaca.io/
Copyright © Asial Corporation. All Right Reserved. モバイルアプリ開発に関する課題 開発⾔語がOS毎に異なるため、 1. 開発⼯数がかかる 2. ソースコード管理の複雑化 3. エンジニアの確保が困難 × ×
5.
5URL : http://ja.monaca.io/
Copyright © Asial Corporation. All Right Reserved. ハイブリッドアプリの登場 ハイブリッドアプリはWebの技術を使って開発しますが、⽣成さ れるアプリはネイティブアプリとほぼ同等のものになります。 ×ネイティブアプリ Webアプリ ネイティブアプリとWebアプリ、2つのアプリの特徴を兼ね備え たアプリを「ハイブリッドアプリ」と呼びます。
6.
6URL : http://ja.monaca.io/
Copyright © Asial Corporation. All Right Reserved. 従来の開発⼿法とハイブリッドアプリ の⽐較 特徴・性能 ネイティブ アプリ Webアプリ ハイブリッド アプリ クロスプラットフォーム対応 × ○ ○ 端末へのインストール ○ × ○ マーケットでの配布 ○ × ○ オフラインでの利⽤ ○ × ○ 端末固有の機能の利⽤ ○ △ ○ アプリ実⾏速度 ○ △ △
7.
7URL : http://ja.monaca.io/
Copyright © Asial Corporation. All Right Reserved. HTML5モバイルアプリ⽤フレーム ワーク Cordova(旧PhoneGap) Apacheソフトウェア財団
8.
8URL : http://ja.monaca.io/
Copyright © Asial Corporation. All Right Reserved. Cordovaの仕組み Cordova層 HTML5層 アプリ本体は HTML5で実装 CordovaがOSに 合わせたネイティブ コードを提供 OS 1. JavaScriptでAPI実⾏ 2. Cordovaがネイティブ 機能を実⾏
9.
9URL : http://ja.monaca.io/
Copyright © Asial Corporation. All Right Reserved. プラグインでネイティブ機能を拡張 ネイティブの各種機能は、プラグイン形式で実装され ています。 標準プラグインの他にも、第三者によって提供された プラグインを取り込んで機能を拡張できます。 標準プラグイン ・カメラ ・位置情報 ・電話帳 ・加速度センサー ・ファイルアクセス サードパーティ製 プラグイン ・Bluetooth ・プッシュ通知 ・アプリ内課⾦ ・バーコード読取 ・IoT ⾃作プラグイン
10.
10URL : http://ja.monaca.io/
Copyright © Asial Corporation. All Right Reserved. Monacaの紹介
11.
11URL : http://ja.monaca.io/
Copyright © Asial Corporation. All Right Reserved. Cordova開発環境:Monaca 18万⼈が利⽤する Cordova開発環境 実機でのリアルタイム 検証が可能 UIフレームワーク Onsen UI搭載 安⼼の⽇本語サポート Monacaは⽇本でもっとも普及しているCordova開発 環境の⼀つです。
12.
12URL : http://ja.monaca.io/
Copyright © Asial Corporation. All Right Reserved. Monacaの仕組み IDE、ビルド環境はクラウドサービスとして提供。 どんな環境でもアプリ開発を始められます。 IDE デバッガー ビルドシステム クラウド ターゲットOSに 合わせた環境で アプリをビルド 開発環境として提供 ソースコードは クラウド上に
13.
13URL : http://ja.monaca.io/
Copyright © Asial Corporation. All Right Reserved. Monacaデバッガー ①ファイルを編集 ②実機ですぐに動作確認 コンパイル処理やUSB経由での実機転送などは不要。 デバッグ専⽤アプリがネットワーク経由で変更箇所を 取得するため、リアルタイムに動作検証できます。 推奨環境 Google Chrome
14.
14URL : http://ja.monaca.io/
Copyright © Asial Corporation. All Right Reserved. 開発事例紹介
15.
15URL : http://ja.monaca.io/
Copyright © Asial Corporation. All Right Reserved. テレビ朝⽇ みんながカメラマン • ネイティブ開発と⽐較してコスト半減 • Webサイトのみで展開していたがアプリ要望対応後 投稿数が3倍に増加
16.
16URL : http://ja.monaca.io/
Copyright © Asial Corporation. All Right Reserved. タニタヘルスリンク ヘルスプラネット • 体組成計連携の健康管理アプリを2ヶ⽉で開発 • BluetoothやNFCを使って計測データを受信 • クラウドサービスとも⾃動連携
17.
17URL : http://ja.monaca.io/
Copyright © Asial Corporation. All Right Reserved. KDDIウェブコミュニケーションズ 内線アプリ • クラウド電話API「Twilio」を⽤いた内線アプリ • 全社員のモバイル端末を内線化
18.
18URL : http://ja.monaca.io/
Copyright © Asial Corporation. All Right Reserved. ⽇本将棋連盟 棋譜記録アプリ・対局時計アプリ • プロの対局での棋譜記録を⼿書きからアプリ化 • アプリを通じてリアルタイムに棋譜を中継 • プログラミング未経験者が⼀⼈でアプリ開発を完遂
19.
19URL : http://ja.monaca.io/
Copyright © Asial Corporation. All Right Reserved. ジャパンネット銀⾏ 残⾼確認アプリ • Onsen UIでハイパフォーマンスなUIを構築 • Monacaの暗号化プラグインを利⽤することでリバー スエンジニアリング対策を実施
20.
20URL : http://ja.monaca.io/
Copyright © Asial Corporation. All Right Reserved. ハイブリッドアプリは パフォーマンスが課題?
21.
21URL : http://ja.monaca.io/
Copyright © Asial Corporation. All Right Reserved. モバイルアプリ向けフレームワーク Onsen UI • ハイパフォーマンスなUIを実現 • プラットフォームを判別して⾃動でスタイルが変化
22.
22URL : http://ja.monaca.io/
Copyright © Asial Corporation. All Right Reserved. Onsen UI • ハイパフォーマンスなUIを実現 • プラットフォームを判別して⾃動でスタイルが変化
23.
23URL : http://ja.monaca.io/
Copyright © Asial Corporation. All Right Reserved. 豊富なUIパーツを利⽤可能
24.
24URL : http://ja.monaca.io/
Copyright © Asial Corporation. All Right Reserved. 使い⽅は独⾃タグを記述するだけの 簡単設計 <ons-toolbar></ons-toolbar> <ons-list-item></ons-list-item> <ons-tabbar></ons-tabbar>
25.
25URL : http://ja.monaca.io/
Copyright © Asial Corporation. All Right Reserved. Monacaによるアプリ開発まとめ l Web標準技術のHTML5で開発ができる l 多くの端末やOSに、ワンソースで対応できる l デバイス固有の機能を活⽤することが可能 l ネイティブUIを構築できるUIフレームワークを搭載 l HTML5アプリの弱点を補うプラグインも提供
26.
26URL : http://ja.monaca.io/
Copyright © Asial Corporation. All Right Reserved. デモ
27.
27URL : http://ja.monaca.io/
Copyright © Asial Corporation. All Right Reserved. DOMツリーへの変更はパフォーマ ンス低下の原因になる • DOMツリーに要素の追加な どの変更処理を加えると、 DOMの再構築&再描画の処 理が都度発⽣します • 複数の要素をDOMに加える ときはDocumentFragment を利⽤して、複数の要素をま とめてから⼀気にツリーに追 加しましょう
28.
28URL : http://ja.monaca.io/
Copyright © Asial Corporation. All Right Reserved. ご清聴ありがとうございました
Jetzt herunterladen