Recommending Ionic Framework (LT)

Transcript

1. Recommend Ionic ϥΠτχϯάτʔΫ෇͖ΫϦΤΠλʔζަྲྀձ in౦ژ by @kuwahara_ngv5
2. Self-Introduction
3. Basic Information const my_info = { ɹ Name: ‘܂ݪ੟ਔ’, ɹ Twitter: ‘@kuwahara_ngv5’, ɹ GitHub: ’k-kuwahara’, ɹ Qiita: ’clown0082’, ɹ Workplace: ‘Yumemi, Inc.’ }
4. Communities collaborator translator staff staff
5. In the past: Web First ↓ Currently: Mobile First
6. Mobile First …?
7. Mobile First …? It’s Responsive!!
8. Mobile First = Responsive
9. Mobile First = Responsive ×
10. Mobile First is … Optimizing UI design for mobile
11. Mobile first example ‣ Design tailored to each terminal
12. Mobile first example 'JSTU
    1BJOU 'JSTU
    $POUFOUGVM
    1BJOU 'JSTU
    .FBOJOHGVM
    1BJOU 'VMMZ
    -PBEFE ‣ First view optimized for mobile
13. ⚡ AMP (Accelerated Mobile Pages) PWA (Progressive Web Application) let me choose either. For more mobile first
14. Web with PWA ↓ Mobile Application
15. In recently years, Develop applications with HTML5 (so-called hybrid development) Ex:
16. So, how about “Ionic Framework” ?
17. What is “Ionic Framework”?
18. What is “Ionic Framework” ? UI Base WebView
19. What can be made with ionic Android iOS Web
20. 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
21. But it's really difficult, is not it?
22. Application Example: ʮϗ΢Ϗϯΰʯ Web URL: https://app.houbingo.com App URL : https://play.google.com/store/apps/details?id=com.houbingo
23. This app was developed by a designer alone. While reading this introductory book.