Introducing Ionic Framework to you

Transcript

1. Introducing Ionic Framework to you kkeeth @kuwahara_jsri clown0082 Dec 14, 2019 ʮIonicͰ࡞Δ ϞόΠϧΞϓϦ੍࡞ೖ໳ʯץߦه೦ Ionic Meetup #14 Tokyo
2. URL: https://www.amazon.co.jp/dp/4863542925/
3. URL: https://www.amazon.co.jp/dp/4863542925/ Congratulation !!
4. Has anyone already bought this book?
5. About me
6. About me const my_info = { Name: ‘܂ݪ੟ਔ’, Workplace: ‘Yumemi Inc’, Position: ‘Servant Leader’, Skills: ‘Riot.js, React.js, Nuxt.js’, PokemonGO: ‘TL40’ }
7. Communities github.com/riot
8. Sorry... # This slide is made in English. But, I am unfamiliar using English. So I may have a wrong expression. Plz feedback for me called “Masakari” about my English.
9. Let’s start the today’s Ionic talks !!
10. How about “Ionic Framework” ?
11. What is “Ionic Framework”?
12. What is “Ionic Framework” ? image by: https://ionicframework.com/
13. What is “Ionic Framework” ? image by: https://ionicframework.com/
14. What is “Ionic Framework” ? +
15. What is “Ionic Framework” ? Web
16. What is “Ionic Framework” ? Android iOS Web
17. What is “Ionic Framework” ? image by: https://ionicframework.com/
18. up to Ionic v3
19. + What is “Ionic Framework” ?
20. What is “Ionic Framework” ? UI Base WebView
21. What is “Ionic Framework” ? UI Base WebView Ionic Native Native API Cordova API
22. Ionic v4 + other frameworks
23. Ionic + other frameworks +
24. What is “Ionic Framework” ? UI Base WebView + Any FWs
25. More Details
26. More Details
27. More Details
28. What is “Capacitor” ?
29. What is “Capacitor” ? A tool made by Ionic Company for converting HTMP5 APPS to ɾPWA ɾiOS/Android (native app) ɾElectron (desktop app).
30. What is “Capacitor” ? URL: https://www.rdlabo.jp/article/973
31. What is “Capacitor” ? URL: https://medium.com/@sunilk/ionic-capacitor-vs-apache-cordova- difference-with-example-the-next-future-innovation-of-hybrid- 93b1317e08cc
32. Why “Ionic Framework”?
33. In recently years, Develop applications with “WEB”
34. There are some reasons 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. Q. How do we get started?
37. See also: Tutorials URL: https://ionicframework.com/docs/intro/first-app
38. See also: Tutorials URL: https://ionicframework.com/blog/announcing-ionic-devapp/
39. See also: for details URL: https://qiita.com/clown0082/items/5405c53eb955f985edda
40. Let’s Create Mobile Application by Ionic Framework!!
41. Publicity
42. We’re hiring web developers!!
43. There are funny system ‣ Decide our salary by ourself ‣ Unlimited paid leave ‣ All members are CEO