SlideShare una empresa de Scribd logo
1 de 18
2017年8月1日
Monaca失敗あるある
~とあるパートナー失敗談~
アジェンダ
■バルテス・モバイルテクノロジー(VMT)の紹介
– VMTとはどんな会社?
■Moanca導入経緯
– 私はこれでMonacaを導入しました。
■Moancaを使う条件
– ハイブリッドにする条件は?
– どんなアプリに有効?
■Monaca失敗あるある
– Moancaあるある
– Moanca全般での失敗
– Localkitでの失敗
– OnsenUIでの失敗
2
バルテス・モバイルテクノロジー(VMT)の紹介
3
VMTってどんな会社?
4
バルテス・モバイルテクノロジー(VMT)の紹介
– 大阪でモバイルアプリを開発している会社
– 親会社はテスト専門会社バルテス
• ISTQBプラチナパートナー
– とにかく、品質とセキュリティにうるさい会社
• ISO/IEC27001:2013取得済み
Moanca導入経緯
5
私たちはこれでMonaca
に決めました。
6
Moanca導入経緯
–環境構築が楽だから。
•Cordovaで環境壊れて、えらい目にあったから。
–色々と選択肢が広がるから。
•ネイティブでやるかハイブリッドでやるか?
•デザイン → HTMLコーディングがシームレス。
•プロジェクトアサインの多様性
–とにかく、コストダウンと効率化が見込めるから。
7
Monaca(ハイブリッドアプリ)
にする条件は?
Monacaを使う条件
Monacaを使う条件
8
–画面構成がシンプルである事。
•ナビゲーション>タブなど構造が2階層以内のもの
–スマホ特有機能について応用的な利用をしない事。
–とにかくiOS、Androidの両対応が必要である事。
9
どんなアプリに有効か?
Monacaを使う条件
Monacaを使う条件
10
–こんなアプリに有効です!
•業務用アプリ
•SNSアプリ
•IOT設定アプリ
•会員情報のアプリ
–カメラ、位置情報は使えないの?
•使えます!
•ただし、カスタマイズ出来ない事に注意!
11
Monacaあるある~
Monaca失敗あるある
12
Monaca失敗あるある
失敗あるある
はやくいいたい
13
–デバッグ環境が多くテストが増えてしまった!!
•デバッグ環境はこれだけある。
–Monacaデバッガー
–Localkitプレビューモード
–デバッグビルド、アドホックビルド(iOSのみ)
–これでスッキリ!
•UIの確認 → Monacaデバッガー
•JSの動作確認 → Localkitプレビューモード
•単体テスト以降 → デバッグビルド(apk、ipa)
Monaca失敗あるある - Monaca全般での失敗
14
–AndroidでJSの問題が多発!!
•JSで機種差分(Android4系)が発生
–これでスッキリ!
•Crosswalkプラグインを導入しよう!
–AndroidのWebviewを内部持ちにするので、環
境に左右されない!
–20MBぐらい容量が増えるが、Android4系をサ
ポートするなら必須!
Monaca失敗あるある - Monaca全般での失敗
15
–バージョン管理するファイル範囲がわからない!!
•プラグインのバージョン管理どうする?
•.monacaフォルダってなんだ?
–これでスッキリ!
•.monaca/local_properties.jsonのみが環境に
よって異なる!
同じフォルダにある.monaca/project_info.jsonは
バージョン管理しよう!プラグインの設定が入る!
Monaca失敗あるある - Localkitでの失敗
16
–ソースコードを勝手に改変してしまう!
•設定、またはリモートビルドの作業ウインドウを開いたま
ま、コーディングするとコーディング内容が消える!
–これでスッキリ!
•っはありまてん・・・。とにかく注意するしか・・・。
Monaca失敗あるある - Localkitでの失敗
17
–iOSとAndroid同じ表示になかなかできない!!
•Onsen UIはiOSはiOSっぽく、Androidは
Androidっぽく見せてくれるすごいやつ!
•でも、両OSで同じ表示にしたい時は、きれいに表示でき
ないし、修正に時間がすごくかかる
–これでスッキリ!
•forcePlatformStyling(platform)を使おう!
–これで、iOSとAndroidの表示を統一出来る!
Monaca失敗あるある - Onsen UIでの失敗
ご清聴ありがとうございました。
18

Más contenido relacionado

Similar a Manacaあるある(とあるパートナー失敗談) vmt

アプリケーション概観 29 feb2016 のコピー
アプリケーション概観 29 feb2016 のコピーアプリケーション概観 29 feb2016 のコピー
アプリケーション概観 29 feb2016 のコピーYoshimitsu Homma
 
日本におけるIT自動化導入の特殊な事情 - 菅原 亮、株式会社NTTデータ
日本におけるIT自動化導入の特殊な事情 - 菅原 亮、株式会社NTTデータ日本におけるIT自動化導入の特殊な事情 - 菅原 亮、株式会社NTTデータ
日本におけるIT自動化導入の特殊な事情 - 菅原 亮、株式会社NTTデータPuppet
 
Open stack概要とよくある議論
Open stack概要とよくある議論Open stack概要とよくある議論
Open stack概要とよくある議論shintaro mizuno
 
kintone hive ライトニングトーク M-SOLUTIONS 植草様
kintone hive ライトニングトーク M-SOLUTIONS 植草様kintone hive ライトニングトーク M-SOLUTIONS 植草様
kintone hive ライトニングトーク M-SOLUTIONS 植草様Cybozucommunity
 
MonacaでPWAを作ってデプロイしよう!~MonacaでPWAをとりあえず公開したい!!~
MonacaでPWAを作ってデプロイしよう!~MonacaでPWAをとりあえず公開したい!!~MonacaでPWAを作ってデプロイしよう!~MonacaでPWAをとりあえず公開したい!!~
MonacaでPWAを作ってデプロイしよう!~MonacaでPWAをとりあえず公開したい!!~Daisuke Yamashita
 
WebRTC status and what to expect in 2015
WebRTC status and what to expect in 2015WebRTC status and what to expect in 2015
WebRTC status and what to expect in 2015Alexandre Gouaillard
 
異能vationの研究計画概要
異能vationの研究計画概要異能vationの研究計画概要
異能vationの研究計画概要Yousuke Saki
 
20161102 cms security
20161102 cms  security20161102 cms  security
20161102 cms securitySix Apart
 
米国のスマートフォンサイトの設計・テスト・運用監視手法
米国のスマートフォンサイトの設計・テスト・運用監視手法米国のスマートフォンサイトの設計・テスト・運用監視手法
米国のスマートフォンサイトの設計・テスト・運用監視手法Yoichiro Takehora
 
尼崎から世界へ!モノタロウの海外展開を支えるDevOps基盤 (デブサミ関西2016)
尼崎から世界へ!モノタロウの海外展開を支えるDevOps基盤 (デブサミ関西2016)尼崎から世界へ!モノタロウの海外展開を支えるDevOps基盤 (デブサミ関西2016)
尼崎から世界へ!モノタロウの海外展開を支えるDevOps基盤 (デブサミ関西2016)株式会社MonotaRO Tech Team
 
201606 DeviceWebAPI 第4回技術WG会合
201606 DeviceWebAPI 第4回技術WG会合201606 DeviceWebAPI 第4回技術WG会合
201606 DeviceWebAPI 第4回技術WG会合Nagano Kosuke
 
Device WebAPI 20160407
Device WebAPI 20160407Device WebAPI 20160407
Device WebAPI 20160407陽平 山口
 

Similar a Manacaあるある(とあるパートナー失敗談) vmt (12)

アプリケーション概観 29 feb2016 のコピー
アプリケーション概観 29 feb2016 のコピーアプリケーション概観 29 feb2016 のコピー
アプリケーション概観 29 feb2016 のコピー
 
日本におけるIT自動化導入の特殊な事情 - 菅原 亮、株式会社NTTデータ
日本におけるIT自動化導入の特殊な事情 - 菅原 亮、株式会社NTTデータ日本におけるIT自動化導入の特殊な事情 - 菅原 亮、株式会社NTTデータ
日本におけるIT自動化導入の特殊な事情 - 菅原 亮、株式会社NTTデータ
 
Open stack概要とよくある議論
Open stack概要とよくある議論Open stack概要とよくある議論
Open stack概要とよくある議論
 
kintone hive ライトニングトーク M-SOLUTIONS 植草様
kintone hive ライトニングトーク M-SOLUTIONS 植草様kintone hive ライトニングトーク M-SOLUTIONS 植草様
kintone hive ライトニングトーク M-SOLUTIONS 植草様
 
MonacaでPWAを作ってデプロイしよう!~MonacaでPWAをとりあえず公開したい!!~
MonacaでPWAを作ってデプロイしよう!~MonacaでPWAをとりあえず公開したい!!~MonacaでPWAを作ってデプロイしよう!~MonacaでPWAをとりあえず公開したい!!~
MonacaでPWAを作ってデプロイしよう!~MonacaでPWAをとりあえず公開したい!!~
 
WebRTC status and what to expect in 2015
WebRTC status and what to expect in 2015WebRTC status and what to expect in 2015
WebRTC status and what to expect in 2015
 
異能vationの研究計画概要
異能vationの研究計画概要異能vationの研究計画概要
異能vationの研究計画概要
 
20161102 cms security
20161102 cms  security20161102 cms  security
20161102 cms security
 
米国のスマートフォンサイトの設計・テスト・運用監視手法
米国のスマートフォンサイトの設計・テスト・運用監視手法米国のスマートフォンサイトの設計・テスト・運用監視手法
米国のスマートフォンサイトの設計・テスト・運用監視手法
 
尼崎から世界へ!モノタロウの海外展開を支えるDevOps基盤 (デブサミ関西2016)
尼崎から世界へ!モノタロウの海外展開を支えるDevOps基盤 (デブサミ関西2016)尼崎から世界へ!モノタロウの海外展開を支えるDevOps基盤 (デブサミ関西2016)
尼崎から世界へ!モノタロウの海外展開を支えるDevOps基盤 (デブサミ関西2016)
 
201606 DeviceWebAPI 第4回技術WG会合
201606 DeviceWebAPI 第4回技術WG会合201606 DeviceWebAPI 第4回技術WG会合
201606 DeviceWebAPI 第4回技術WG会合
 
Device WebAPI 20160407
Device WebAPI 20160407Device WebAPI 20160407
Device WebAPI 20160407
 

Más de Daisuke Yamashita

PWANight Vol.31 Flutterで簡単PWA
PWANight Vol.31 Flutterで簡単PWAPWANight Vol.31 Flutterで簡単PWA
PWANight Vol.31 Flutterで簡単PWADaisuke Yamashita
 
Pwa night vol.20~初めてのPWA開発で学んだ事~
Pwa night vol.20~初めてのPWA開発で学んだ事~Pwa night vol.20~初めてのPWA開発で学んだ事~
Pwa night vol.20~初めてのPWA開発で学んだ事~Daisuke Yamashita
 
PWA+WebARをECサイトで使ってみたい
PWA+WebARをECサイトで使ってみたいPWA+WebARをECサイトで使ってみたい
PWA+WebARをECサイトで使ってみたいDaisuke Yamashita
 
コミュニティの楽しみ方~私はこうやって楽しんでる~
コミュニティの楽しみ方~私はこうやって楽しんでる~コミュニティの楽しみ方~私はこうやって楽しんでる~
コミュニティの楽しみ方~私はこうやって楽しんでる~Daisuke Yamashita
 
Monacaを使ってアプリ開発ビジネスを加速させ、そして色々と苦労した話~
Monacaを使ってアプリ開発ビジネスを加速させ、そして色々と苦労した話~Monacaを使ってアプリ開発ビジネスを加速させ、そして色々と苦労した話~
Monacaを使ってアプリ開発ビジネスを加速させ、そして色々と苦労した話~Daisuke Yamashita
 
ARVRを始める前の3Dの基本的な事~3つの壁に挑もう!!~
ARVRを始める前の3Dの基本的な事~3つの壁に挑もう!!~ARVRを始める前の3Dの基本的な事~3つの壁に挑もう!!~
ARVRを始める前の3Dの基本的な事~3つの壁に挑もう!!~Daisuke Yamashita
 
探偵Monacaスクープ!~monaca&onsen uiあるある小ネタ集~
探偵Monacaスクープ!~monaca&onsen uiあるある小ネタ集~探偵Monacaスクープ!~monaca&onsen uiあるある小ネタ集~
探偵Monacaスクープ!~monaca&onsen uiあるある小ネタ集~Daisuke Yamashita
 
MonacaxVRで楽しもう!~3D/VRの基本も楽しもう!
MonacaxVRで楽しもう!~3D/VRの基本も楽しもう!MonacaxVRで楽しもう!~3D/VRの基本も楽しもう!
MonacaxVRで楽しもう!~3D/VRの基本も楽しもう!Daisuke Yamashita
 
Manacaの常識を覆せ!!~monacaで試す3d/vr/arの可能性~
Manacaの常識を覆せ!!~monacaで試す3d/vr/arの可能性~Manacaの常識を覆せ!!~monacaで試す3d/vr/arの可能性~
Manacaの常識を覆せ!!~monacaで試す3d/vr/arの可能性~Daisuke Yamashita
 

Más de Daisuke Yamashita (11)

PWANight Vol.31 Flutterで簡単PWA
PWANight Vol.31 Flutterで簡単PWAPWANight Vol.31 Flutterで簡単PWA
PWANight Vol.31 Flutterで簡単PWA
 
Pwa night vol.20~初めてのPWA開発で学んだ事~
Pwa night vol.20~初めてのPWA開発で学んだ事~Pwa night vol.20~初めてのPWA開発で学んだ事~
Pwa night vol.20~初めてのPWA開発で学んだ事~
 
PWA+WebARをECサイトで使ってみたい
PWA+WebARをECサイトで使ってみたいPWA+WebARをECサイトで使ってみたい
PWA+WebARをECサイトで使ってみたい
 
コミュニティの楽しみ方~私はこうやって楽しんでる~
コミュニティの楽しみ方~私はこうやって楽しんでる~コミュニティの楽しみ方~私はこうやって楽しんでる~
コミュニティの楽しみ方~私はこうやって楽しんでる~
 
Monaca X PWA X 3D
Monaca X PWA X 3DMonaca X PWA X 3D
Monaca X PWA X 3D
 
Monacaを使ってアプリ開発ビジネスを加速させ、そして色々と苦労した話~
Monacaを使ってアプリ開発ビジネスを加速させ、そして色々と苦労した話~Monacaを使ってアプリ開発ビジネスを加速させ、そして色々と苦労した話~
Monacaを使ってアプリ開発ビジネスを加速させ、そして色々と苦労した話~
 
ARVRを始める前の3Dの基本的な事~3つの壁に挑もう!!~
ARVRを始める前の3Dの基本的な事~3つの壁に挑もう!!~ARVRを始める前の3Dの基本的な事~3つの壁に挑もう!!~
ARVRを始める前の3Dの基本的な事~3つの壁に挑もう!!~
 
Monaca ug osaka_20190522
Monaca ug osaka_20190522Monaca ug osaka_20190522
Monaca ug osaka_20190522
 
探偵Monacaスクープ!~monaca&onsen uiあるある小ネタ集~
探偵Monacaスクープ!~monaca&onsen uiあるある小ネタ集~探偵Monacaスクープ!~monaca&onsen uiあるある小ネタ集~
探偵Monacaスクープ!~monaca&onsen uiあるある小ネタ集~
 
MonacaxVRで楽しもう!~3D/VRの基本も楽しもう!
MonacaxVRで楽しもう!~3D/VRの基本も楽しもう!MonacaxVRで楽しもう!~3D/VRの基本も楽しもう!
MonacaxVRで楽しもう!~3D/VRの基本も楽しもう!
 
Manacaの常識を覆せ!!~monacaで試す3d/vr/arの可能性~
Manacaの常識を覆せ!!~monacaで試す3d/vr/arの可能性~Manacaの常識を覆せ!!~monacaで試す3d/vr/arの可能性~
Manacaの常識を覆せ!!~monacaで試す3d/vr/arの可能性~
 

Manacaあるある(とあるパートナー失敗談) vmt