Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Challenge to Ionic with Riot.js
Search
kkeeth
July 07, 2019
Programming
0
150
Challenge to Ionic with Riot.js
kkeeth
July 07, 2019
Tweet
Share
More Decks by kkeeth
See All by kkeeth
The history of Javascript frameworks: changes in front-end design philosophy
clown0082
2
110
Visually experience the beauty of mathematics with p5.js
clown0082
1
2.7k
Rediscover the joy of coding with Creative Coding
clown0082
0
1.4k
全員が意思決定する会社で開発者体験や生産性を見る大変さについて
clown0082
0
550
JavaScript × Mathematics go to Digital Art
clown0082
1
320
In-house study group at YUMEMI
clown0082
0
160
Playing Ionic Logo by p5.js
clown0082
0
220
Skills that employers recommend students to acquire
clown0082
1
260
Walking through the source code of an OSS Library(ESLint))
clown0082
0
350
Other Decks in Programming
See All in Programming
As an Engineers, let's build the CRM system via LINE Official Account 2.0
clonn
1
620
Enabling DevOps and Team Topologies Through Architecture: Architecting for Fast Flow
cer
PRO
0
430
よくできたテンプレート言語として TypeScript + JSX を利用する試み / Using TypeScript + JSX outside of Web Frontend #TSKaigiKansai
izumin5210
8
3.7k
Thoughts and experiences on Rust and TypeScript
unvalley
2
200
Jakarta EE meets AI
ivargrimstad
0
1k
Discord Bot with AI -for English learners-
xin9le
0
110
エンジニアとして関わる要件と仕様(公開用)
murabayashi
0
340
距離関数を極める! / SESSIONS 2024
gam0022
0
360
物流システムにおけるリファクタリングとアーキテクチャの再構築 〜依存関係とモジュール分割の重要性〜
deeprain
1
280
watsonx.ai Dojo #4 生成AIを使ったアプリ開発、応用編
oniak3ibm
PRO
1
270
React への依存を最小にするフロントエンド設計
takonda
21
8.6k
Functional Event Sourcing using Sekiban
tomohisa
0
130
Featured
See All Featured
Thoughts on Productivity
jonyablonski
67
4.3k
Bootstrapping a Software Product
garrettdimon
PRO
305
110k
Building a Modern Day E-commerce SEO Strategy
aleyda
38
7k
Rails Girls Zürich Keynote
gr2m
94
13k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
How to Ace a Technical Interview
jacobian
276
23k
Art, The Web, and Tiny UX
lynnandtonic
297
20k
Why You Should Never Use an ORM
jnunemaker
PRO
54
9.1k
Mobile First: as difficult as doing things right
swwweet
222
8.9k
Making the Leap to Tech Lead
cromwellryan
133
8.9k
Being A Developer After 40
akosma
87
590k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
27
2.1k
Transcript
Challenge to Ionic with Riot.js k-kuwahara @kuwahara_jsri clown0082 2019/07/07 [Webٕज़ͰϞόΠϧΞϓϦΛͭ͘Δ]
Ionic Meetup #12 Tokyo
About me
About me const my_info = { Name: ‘܂ݪਔ’, Workplace: ‘Yumemi
Inc’, Skills: ‘Riot.js, Ionic, Nuxt, Node.js’, PokemonGO: ‘TL39’ }
Communities collaborator translator staff
Communities github.com/k-kuwahara
Let’s start the 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” ? 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” ? UI Base WebView
What is “Ionic Framework” ? UI Base WebView Ionic Native
Native API Cordova API
Ionic v4 + other frameworks
Ionic + other frameworks +
What is “Ionic Framework” ? UI Base WebView or Any
FWs
More Details
More Details
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 riot with ionic again this time…
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)
‣ɹ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
Q. How do we get started?
See also: for details URL: https://qiita.com/clown0082/items/5405c53eb955f985edda
with this book ↓
Let’s Create Mobile Application by Ionic Framework!!
Publicity
We’re looking for Engineers!!
None