Challenge to Ionic with Riot.js

Transcript

1. Challenge to Ionic with Riot.js k-kuwahara @kuwahara_jsri clown0082 2019/07/07 [Webٕज़ͰϞόΠϧΞϓϦΛͭ͘Δ] Ionic Meetup #12 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. What is “Ionic Framework” ?
8. In recently years, Develop applications with “WEB”
9. So, how about “Ionic Framework” ?
10. What is “Ionic Framework” ? image by: https://ionicframework.com/
11. What is “Ionic Framework” ? image by: https://ionicframework.com/
12. What is “Ionic Framework” ? +
13. What is “Ionic Framework” ? Web
14. What is “Ionic Framework” ? Android iOS Web
15. up to Ionic v3
16. Ionic + other frameworks +
17. What is “Ionic Framework” ? UI Base WebView
18. What is “Ionic Framework” ? UI Base WebView Ionic Native Native API Cordova API
19. Ionic v4 + other frameworks
20. Ionic + other frameworks +
21. What is “Ionic Framework” ? UI Base WebView or Any FWs
22. More Details
23. More Details
24. More Details
25. What is “Capacitor” ?
26. What is “Capacitor” ? URL: https://www.rdlabo.jp/article/973
27. So, I tried +
28. What is “Riot.js” ?
29. URL: https://riot.js.org/
30. URL: https://riot.js.org/ In plain words, Riot.js is a react-like ui library
31. Characteristics ‣ Custom tags(Component based) ‣ Simple syntax ‣ Human-readable ‣ Small leaning curve
32. URL: https://riot.js.org/made-with-riot/ Made with Riot
33. Let’s try Ionic with Riot
34. Tasks ‣ add riot project into “ionic-cli” ‣ create “@ionic/riot” project ‣ create “starters” about riot ‣ introduce riot to ionic
35. DEMO …it was plan of
36. I couldn’t demonstrate the riot with ionic again this time…
37. Causes ‣ riot 4 is not supported by various libraries ‣ The hurdles to make @ionic/riot from full-scratch are high ‣ (I didn’t have enough time)
38. ‣ɹhttps://github.com/ionic-team/ionic-cli/pull/3951/files ‣ɹhttps://github.com/ionic-team/starters/commit/ 1d95f8de91c0f35b2b067258c555bd0bd7ed0ee5 ‣ɹhttps://github.com/ionic-team/ionic/pull/16748/files How to introduce other FW to Ionic
39. Q. How do we get started?
40. See also: for details URL: https://qiita.com/clown0082/items/5405c53eb955f985edda
41. with this book ↓
42. Let’s Create Mobile Application by Ionic Framework!!
43. Publicity
44. We’re looking for Engineers!!