デブサミ関西2014【B2】Web技術で開発するエンタープライズモバイルアプリ #kansumiB2
-
- いいね！14
kwgch
@ducky19999
onclickではダブルクリック判定のため、300ms遅延する。ontouchdownとかを使うとよい #kansumi #kansumiB2
2014-09-05 14:08:27
鎌玉 大
@kamatamadai
#kansumiB2 改善策>タッチイベントを使う、300ms Delay問題。ダブルクリックでないことを判定するために遅延が発生するonclickでなく、ontochstart。Hammer.jsを使うとスワイプ、ビンチなどもいける
2014-09-05 14:09:38
まっちゃだいふく
@ripjyr
Web技術で開発するエンタープライズモバイルアプリ田中 正裕（アシアル） #kansumi #kansumiB2 pic.twitter.com/SkfPexYxiw
2014-09-05 14:10:40
拡大
鎌玉 大
@kamatamadai
#kansumiB2 改善策＞DOMリフローをできるだけなくす。CSS3プロパティを用いるとGPUが有効になる famo.usフレームワーク
2014-09-05 14:11:13
kwgch
@ducky19999
DOMリフローで遅くなる。position を全部absoluteにするとめっちゃ早くなるけど開発が大変。それ用のフレームワークあるらしい #kansumi #kansumiB2
2014-09-05 14:11:51
kwgch
@ducky19999
Chromiumベースの最新ブラウザエンジンをアプリに組み込めば速くなる。でもアプリのサイズが15MB増える #kansumi #kansumiB2
2014-09-05 14:14:31
鎌玉 大
@kamatamadai
#kansumiB2 改善策>WebViewを交換する>最新Chromiumベースを組み込む、IntelのCrosswalkなど>大幅に向上し最新機能も使用できるようになるが、Android4以上、アプリサイズが15MB増加、アーキテクチャ(ARMかIntel)依存になる
2014-09-05 14:14:35
鎌玉 大
@kamatamadai
#kansumiB2 課題>一部はネイティブで書かないといけない>Cordva Plugin Registryでプラグインが見つかるかも、またCSSプラグインをベースに必要な部分だけを回収する方法がオススメ
2014-09-05 14:16:23
kwgch
@ducky19999
ネイティブAPIを呼び出すさいはObjective-cやjavaで書く必要がある。Cordovaのプラグインレジストリあり〼 plugins.cordova.io #kansumi #kansumiB2
2014-09-05 14:17:05
鎌玉 大
@kamatamadai
#kansumiB2 セキュリティ対策。ソースコード丸見え、暗号化ストレージがない>暫定的に難読化uglify。現在Monacaで暗号化用プラグインを開発中 IBMにはもうある
2014-09-05 14:18:33
kwgch
@ducky19999
コーディングはGoogle JavaScript Style Guideを使っている cou929.nu/data/google_ja… #kansumi #kansumiB2
2014-09-05 14:19:39
鎌玉 大
@kamatamadai
#kansumiB2 JavaScriptの開発体制＞フレームワークを使う＞Angular.JS Knockout.JS、WinJSなど jQueryやBackboneは大規模では難しい、コーディングルールはGoogleのJSスタイルガイド
2014-09-05 14:19:57
鎌玉 大
@kamatamadai
#kansumiB2 JavaScriptや実機端末でのデバッグがたいへん＞ChromiumのWebViewだと効率がよくなってきた、ios-webkit-proxyya
2014-09-05 14:21:17
鎌玉 大
@kamatamadai
#kansumiB2 ios-webkit-proxy(Google製)を使うとChromeでiOSのデバッグができるようになる.Windows用もある
2014-09-05 14:22:07
kwgch
@ducky19999
iPhoneをmacのChrome上でデバッグ github.com/google/ios-web… #kansumi #kansumiB2
2014-09-05 14:22:20
鎌玉 大
@kamatamadai
#kansumiB2 MonacaにはクラウドIDEやデバッガー、Onsen UIフレームワークなどなどがあります。ローカルで開発できるMonaca Localkitは近日公開。Monacaは無料がベースなので、学習目的ユーザーも多い
2014-09-05 14:27:00