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!!

45. None