Ionic Framework v4 with any other frameworks

Transcript

1. Ionic Framework v4 with any other frameworks k-kuwahara @kuwahara_jsri clown0082 2019/06/02 [Webٕज़ͰϞόΠϧΞϓϦΛͭ͘Δ] Ionic Meetup #11 Tokyo
2. About me
3. About me const my_info = { Name: ‘܂ݪ੟ਔ’, Workplace: ‘Yumemi Inc’, Skills: ‘Riot.js, Ionic, Nuxt, Node.js’, PokemonGO: ‘TL39’ }
4. Communities collaborator translator staff
5. Communities github.com/k-kuwahara
6. Let’s start the today’s Ionic talks !!
7. It has been a few years since being said mobile first.
8. Mobile first example ‣ Design tailored to each terminal
9. Mobile first example 'JSTU
   1BJOU 'JSTU
   $POUFOUGVM
   1BJOU 'JSTU
   .FBOJOHGVM
   1BJOU 'VMMZ
   -PBEFE ‣ First view optimized for mobile
10. For more mobile first ⚡AMP (Accelerated Mobile Pages) PWA (Progressive Web Apps)
11. ‣ Served over HTTPS PWA examples ‣ Add to home screen APP
12. PWA examples ‣ Offline Experience ‣ Push Notifications
13. How to make it PWA? See “Progressive Web App Checklist”. URL: https://developers.google.com/web/progressive-web-apps/checklist See “Your First Progressive Web App”. URL: https://codelabs.developers.google.com/codelabs/your-first-pwapp/ index.html?index=..%2F..%2Findex#0
14. In recently years, Develop applications with “WEB”
15. So, how about “Ionic Framework” ?
16. What is “Ionic Framework”?
17. What is “Ionic Framework” ? image by: https://ionicframework.com/
18. What is “Ionic Framework” ? image by: https://ionicframework.com/
19. What is “Ionic Framework” ? +
20. What is “Ionic Framework” ? Web
21. What is “Ionic Framework” ? Android iOS Web
22. up to Ionic v3
23. Ionic + other frameworks +
24. What is “Ionic Framework” ? UI Base WebView
25. What is “Ionic Framework” ? UI Base WebView Ionic Native Native API Cordova API
26. Ionic v4 + other frameworks
27. Ionic + other frameworks +
28. What is “Ionic Framework” ? UI Base WebView + Any FWs
29. More Details
30. More Details
31. More Details
32. What is “Capacitor” ?
33. What is “Capacitor” ? URL: https://www.rdlabo.jp/article/973
34. Other features of Ionic
35. Summary of Ionic features 1. PWA(by default) 2. It's fun to develop 3. Support of slack is profound 4. Clean, simple, and functional 5. Abundant API to native function
36. So, let’s try + I think
37. DEMO …it was plan of
38. I wasn’t in time my riot demo for today’s talk…
39. ‣ https://github.com/ionic-team/ionic-cli/pull/3951/files ‣ https://github.com/ionic-team/starters/commit/ 1d95f8de91c0f35b2b067258c555bd0bd7ed0ee5 How to introduce other FW to Ionic
40. Q. How do we get started?
41. See also: for details URL: https://qiita.com/clown0082/items/5405c53eb955f985edda
42. with this book ↓
43. Let’s Create Mobile Application by Ionic Framework!!
44. Publicity
45. We’re looking for Engineers!!