Challenge to Ionic with Riot.js

Transcript

1. 1.

   Challenge to Ionic with Riot.js k-kuwahara @kuwahara_jsri clown0082 2019/07/07 [Webٕज़ͰϞόΠϧΞϓϦΛͭ͘Δ]

   Ionic Meetup #12 Tokyo
2. 2.

   About me

3. 3.

   About me const my_info = { Name: ‘܂ݪ੟ਔ’, Workplace: ‘Yumemi

   Inc’, Skills: ‘Riot.js, Ionic, Nuxt, Node.js’, PokemonGO: ‘TL39’ }
4. 4.

   Communities collaborator translator staff

5. 5.

   Communities github.com/k-kuwahara

6. 6.

   Let’s start the today’s Ionic talks !!

7. 7.

   What is “Ionic Framework” ?

8. 8.

   In recently years, Develop applications with “WEB”

9. 9.

   So, how about “Ionic Framework” ?

10. 10.

    What is “Ionic Framework” ? image by: https://ionicframework.com/

11. 11.

    What is “Ionic Framework” ? image by: https://ionicframework.com/

12. 12.

    What is “Ionic Framework” ? +

13. 13.

    What is “Ionic Framework” ? Web

14. 14.

    What is “Ionic Framework” ? Android iOS Web

15. 15.

    up to Ionic v3

16. 16.

    Ionic + other frameworks +

17. 17.

    What is “Ionic Framework” ? UI Base WebView

18. 18.

    What is “Ionic Framework” ? UI Base WebView Ionic Native

    Native API Cordova API
19. 19.

    Ionic v4 + other frameworks

20. 20.

    Ionic + other frameworks +

21. 21.

    What is “Ionic Framework” ? UI Base WebView or Any

    FWs
22. 22.

    More Details

23. 23.

    More Details

24. 24.

    More Details

25. 25.

    What is “Capacitor” ?

26. 26.

    What is “Capacitor” ? URL: https://www.rdlabo.jp/article/973

27. 27.

    So, I tried +

28. 28.

    What is “Riot.js” ?

29. 29.

    URL: https://riot.js.org/

30. 30.

    URL: https://riot.js.org/ In plain words, Riot.js is a react-like ui

    library
31. 31.

    Characteristics ‣ Custom tags(Component based) ‣ Simple syntax ‣ Human-readable

    ‣ Small leaning curve
32. 32.

    URL: https://riot.js.org/made-with-riot/ Made with Riot

33. 33.

    Let’s try Ionic with Riot

34. 34.

    Tasks ‣ add riot project into “ionic-cli” ‣ create “@ionic/riot”

    project ‣ create “starters” about riot ‣ introduce riot to ionic
35. 35.

    DEMO …it was plan of

36. 36.

    I couldn’t demonstrate the riot with ionic again this time…

37. 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. 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. 39.

    Q. How do we get started?

40. 40.

    See also: for details URL: https://qiita.com/clown0082/items/5405c53eb955f985edda

41. 41.

    with this book ↓

42. 42.

    Let’s Create Mobile Application by Ionic Framework!!

43. 43.

    Publicity

44. 44.

    We’re looking for Engineers!!

45. 45.

    None