Flawless development with Vue, Monaca and Onsen UI
PhoneGap day US 2017
jQuery (Vanilla JS)
- Keeping backwards compatibility.
- Great documentation.
- Incorporating goodies from React and Angular.
- It can load with <script> tag (Webpack is optional).
- Standard HTML template & syntax.
- Less scary code.
$ npm install --global vue-cli $ vue init OnsenUI/vue-cordova-webpack hello-vue
What is onsen ui?
- A rich variety of UI components specially designed for mobile apps.
- Full of ready to implement features with native iOS and Android design standards.
- Free to use, 100% open source software.
- Fine-tuned performance for Mobile Safari and Chrome.
Framework you love
温泉 (Onsen) = SPA!
Framework bindings is required to support props and methods.
All components are exposed as HTML elements.
Written in pure CSS (cssnext, PostCSS)
For Vanilla JS
For more details
what is monaca?
- Cordova development suite on the Cloud.
- Focus on pro and enterprise developers.
- Enhanced Cordova features.
- Online & local debugging.
- Live update on device.
- Distributed via app stores.
- Build your own debugger.
- Cordova plugin support.
- All-in-one for iOS, Android and Windows.
- iTunes Connect distribution automation.
- All Cordova plugins are supported including hooks.
- Encryption, not obfuscation.
- Encrypts entire assets.
- Key can be supplied at runtime.
- Binary code identification.
- Update on-the-fly outside of the store.
- Precise update control through API.
- Can be hosted on premise.
Enterprise management PORTAL
- Central management for iOS keys and Android KeyStores.
- Manage developer seating, plug-in and continuous integration.
- Automated build & deployment.
- Support Git based systems + webhooks.
- Test distribution to HockeyApp and DeployGate.
Security CheckER Tool
- Cordova platform & native security analysis.
- Detailed code based inspection.
local and online ide
- Commercial subscription starting $20/month/developer.
- USD payment starting next week.
free training & consultation
- On-boarding support for organization customers.
- Extended trial period.
- Includes unlimited Cordova technical support during trial.
Catch me for details!
Relaxing mobile app dev with Onsen UI and Monaca!
Where to go next?
Contact me for any questions: email@example.com
Onsen UI for Vue: documentation and tutorial
Sign up to Monaca for free trial
Slides available at: https://slides.com/masa-tanaka/pgday-2017-us/
Flawless development with Vue, Monaca and Onsen UI ♨️
By Masa Tanaka