ひとりでできるもん!サーバープログラム不要、java...

Download ひとりでできるもん!サーバープログラム不要、Java Scriptだけで作るハイブリッドアプリ(iphone,android,web)実践作成

Post on 07-Aug-2015

179 views

Category:

Documents

3 download

Embed Size (px)

TRANSCRIPT

  1. 1. TECHNOMOBILE GROUP HEAD OFFICE TOKUSHIMA development section | 5floor Column Minamiaoyama,7-1-5,Minamiaoyama,Minato-ku,Tokyo 107-0062,Japan | 3floor Tokushimakenkohkagaku-center,Hiraishisumiyoshi,Kawauchi-cho,Tokushima-shi Tokushima 771-0134,Japan JavaScript (iPhone,Android,Web) MonacaMBaaS(KiiCoud)JavaScript PHPJavaScript
  2. 2. 2 COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED. AndroidJava iOSSwift WebHTMLJavaScript PHP MySQL AWS etc.....
  3. 3. 3 COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED. orz
  4. 4. 4 COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED.
  5. 5. 5 COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED.
  6. 6. 6 COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED. HTML5MBaaS JavaScript Web CordovaPushGPS Beacon
  7. 7. 7 COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED. JavaScript
  8. 8. 8 COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED.
  9. 9. 9 COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED. JavaScriptPHP JavaScript Mac Windows JavaScript
  10. 10. 10 COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED. Gashfara,Inc. mogi@gashfara.com kenichi.mogi@tcmobile.jp http://facebook.com/mogiken http://www.slideshare.net/mogiken1 [/] Gashfara,Inc. (Z80 CP/M)SmallTalk EC USTOL (USENGate01Gyao)BitcashEC IT1998 JIBBrewJava HUGGSNS[HUGG] BREW [] PHP 516[]
  11. 11. 11 Web 2 3 B2B2C Web Web Java,PHP Strong1 Strong2 Strong3 Strong Strong Strong Mashup Awards 5 2008 2,500 100 107-0062 7-1-5 5F 771-0134 209-5 3F
  12. 12. 12 COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED. SNS ID, Airbnb
  13. 13. 13 Monaca COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED. HTML5 GitLocalKit PC JavaScript SPA https://ja.monaca.io/book/support/ Monaca Cordva(GPSBeacon) HTML5 Onsen UI(AngularJSBootstrap)
  14. 14. 14 MBaaS(KiiCloud) COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED. API MBaaS (iPhone,Android,JavaScript) (PHP,Java...) MBaaS (iPhone,Android,JavaScript) MBaaS(, ,) SDKAPIDBJSON (JSON)UP SDKJS Android iPhone SDK
  15. 15. 15 KiiCloud COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED. http://documentation.kii.com/ja/guides/javascript/quickstart/ http://www.riaxdnp.jp/?p=6722 API
  16. 16. 16 Monaca COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED. https://ja.monaca.io/
  17. 17. 17 COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED. HelloWorld QR
  18. 18. 18 COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED. OK PCWiFi
  19. 19. 19 COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED.
  20. 20. 20 KiiCloud COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED. http://jp-cloud.kii.com/
  21. 21. 21 COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED. KiiCloud
  22. 22. 22 COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED. KiiCloud
  23. 23. 23 COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED. KiiCloudSDK JSSDK .js
  24. 24. 24 Monaca COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED.
  25. 25. 25 COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED.
  26. 26. 26 Monaca COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED. https://goo.gl/G0TZta
  27. 27. 27 COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED.
  28. 28. 28 COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED.
  29. 29. 29 KiiCloud COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED. Kii.initializeWithSite("", " ", KiiSite.JP); index.htmlKiiCloud(app id,app key)KiiCloud
  30. 30. 30 Monaca COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED. Console abcFunction
  31. 31. 31 COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED. ChromeJavaScript MonacaIDE OK. console.log()
  32. 32. 32 COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED. KiiCloudDataBrowser
  33. 33. 33 COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED. index.html regist.html list.html post.html app.js app.jsJavaScript
  34. 34. 34 COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED. index.html loader.jscomponentsJS MonacaUI html5-cloud-sdk-xx.jsKiiCloudSDK app.jsJSHTML OnsenUI http://ja.onsen.io/guide/overview.html ng-controllerAngularJS ng-xxAngularJS ons-navigator ons-template regist.html ons-page ons-toolbar ons-buttonOnsenUIng-click ng-click(app.controller $scope.xxx)
  35. 35. 35 COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED. list.html ons-toolbar-button ons-list ons-list-item ng-repeat=message in messages$scope.messages messageAngularJS {{ message.message }} {{}} post.html JSON
  36. 36. 36 COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED. html onClick=myNavigator.pushPage(xxx.html) ng-click$scope $scope.functionName = function() { xxxx; }; $scope.xx = yyy$scope Entityapp.factory(Message) app.controller('MyController', function($scope,Message) ...
  37. 37. 37 COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED. Airbnb
  38. 38. 38 KiiCloudTips UP COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED. UP: KiiCloudAPI FileBody http://docs.kii.com/references/js/storage/latest/symbols/KiiObject.html#uploadB ody messageData ACL http://documentation.kii.com/ja/guides/javascript/managing- data/buckets/setting-acl/ http://www.riaxdnp.jp/?p=6770
  39. 39. 39 COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED. Push http://documentation.kii.com/ja/starts/cloudsdk/managing-push- notification/push_kiicloud/push-to-user/ http://documentation.kii.com/ja/guides/javascript/managing-push-notification/
  40. 40. 40 AppleStore COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED. iOS http://docs.monaca.mobi/cur/ja/manual/deploy/appstore/reg_appstore/
  41. 41. 41 Monaca COPYRIGHT(C) TECHNOMOBILE ALL RIGHTS RESERVED. http://goo.gl/xbq7Vy