Recommending Ionic Framework

Transcript

1. Recommending Ionic Framework ʮIonicͰ࡞Δ ϞόΠϧΞϓϦ੍࡞ೖ໳ʯץߦه೦ Ionic Meetup Tokyo #3 by @kuwahara_ngv5
2. Released January 19, 2018
4. Congratulations !!
5. Self-Introduction
6. Basic Information const my_info = { ɹ Name: ‘܂ݪ੟ਔ’, ɹ Twitter: ‘@kuwahara_ngv5’, ɹ GitHub: ’k-kuwahara’, ɹ Qiita: ’clown0082’, ɹ Workplace: ‘Yumemi, Inc.’ }
7. Communities collaborator translator staff staff
8. In the past: Web First ↓ Currently: Mobile First
9. Mobile First …?
10. Mobile First …? It’s Responsive!!
11. Mobile First = Responsive
12. Mobile First = Responsive ×
13. Mobile First ⊃ Responsive
14. Mobile First is … Optimizing UI/UX design for mobile
15. Mobile first example ‣ Design tailored to each terminal
16. Mobile first example 'JSTU
    1BJOU 'JSTU
    $POUFOUGVM
    1BJOU 'JSTU
    .FBOJOHGVM
    1BJOU 'VMMZ
    -PBEFE ‣ First view optimized for mobile
17. For more mobile first ⚡AMP (Accelerated Mobile Pages) PWA (Progressive Web Application)
18. PWA examples ‣ Offline Experience ‣ Push Notifications
19. How to make it PWA? See “Progressive Web App Checklist”. URL: https://developers.google.com/web/progressive-web-apps/checklist
20. Web with PWA ↓ Mobile Application
21. In recently years, Develop applications with HTML5 (so-called hybrid development) Ex:
22. So, how about “Ionic Framework” ?
23. What is “Ionic Framework”?
24. What is “Ionic Framework” ? image by: https://ionicframework.com/
25. What can be made with ionic Android iOS Web
26. What is “Ionic Framework” ? UI Base WebView
27. What is “Ionic Framework” ? UI Base WebView Ionic Native Native API Cordova API
28. What can be made with ionic 1. PWA(by default) 2. Ionic DevApp 3. All current mobile devices and platforms 4. Clean, simple, and functional 5. Abundant API to native function
29. Q. But it's really difficult, is not it?
30. A. It is roughly No. (The difficult point is Angular)
31. Application Example: ʮϗ΢Ϗϯΰʯ Web URL: https://app.houbingo.com App URL : https://play.google.com/store/apps/details?id=com.houbingo
32. This app was developed by a designer. While reading this introductory book.
34. Let’s Create Mobile Application by Ionic Framework!!