Challenge toIonic with Riot.jsk-kuwahara @kuwahara_jsri clown00822019/07/07 [Webٕज़ͰϞόΠϧΞϓϦΛͭ͘Δ] Ionic Meetup #12 Tokyo
View Slide
About me
About meconst my_info = {Name: ‘܂ݪਔ’,Workplace: ‘Yumemi Inc’,Skills: ‘Riot.js, Ionic, Nuxt, Node.js’,PokemonGO: ‘TL39’}
Communitiescollaboratortranslatorstaff
Communitiesgithub.com/k-kuwahara
Let’s startthe today’s Ionic talks !!
What is “Ionic Framework” ?
In recently years,Develop applications with “WEB”
So, how about“Ionic Framework” ?
What is “Ionic Framework” ?image by: https://ionicframework.com/
What is “Ionic Framework” ?+
What is “Ionic Framework” ?Web
What is “Ionic Framework” ?Android iOS Web
up to Ionic v3
Ionic + other frameworks+
What is “Ionic Framework” ?UIBaseWebView
What is “Ionic Framework” ?UIBaseWebViewIonic NativeNative APICordova API
Ionic v4+other frameworks
What is “Ionic Framework” ?UIBaseWebViewor Any FWs
More Details
What is “Capacitor” ?
What is “Capacitor” ?URL: https://www.rdlabo.jp/article/973
So, I tried+
What is “Riot.js” ?
URL: https://riot.js.org/
URL: https://riot.js.org/In plain words,Riot.js is a react-like ui library
Characteristics‣ Custom tags(Component based)‣ Simple syntax‣ Human-readable‣ Small leaning curve
URL: https://riot.js.org/made-with-riot/Made with Riot
Let’s try Ionic with Riot
Tasks‣ add riot project into “ionic-cli”‣ create “@ionic/riot” project‣ create “starters” about riot‣ introduce riot to ionic
DEMO…it was plan of
I couldn’t demonstrate the riotwith ionic again this time…
Causes‣ riot 4 is not supported byvarious libraries‣ The hurdles to make @ionic/riotfrom full-scratch are high‣ (I didn’t have enough time)
‣ɹ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/filesHow to introduce other FW to Ionic
Q. How do we get started?
See also: for detailsURL: https://qiita.com/clown0082/items/5405c53eb955f985edda
with this book ↓
Let’s Create Mobile Applicationby Ionic Framework!!
Publicity
We’re looking for Engineers!!