Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
Ionic Framework v4 with any other frameworks
kkeeth
June 02, 2019
Programming
1
320
Ionic Framework v4 with any other frameworks
kkeeth
June 02, 2019
Tweet
Share
More Decks by kkeeth
See All by kkeeth
Walking through the source code of an OSS library(ESLint)
clown0082
0
20
A story of achievements after repeating various challenges
clown0082
1
3k
Let's play with Cypress
clown0082
0
26
Get Started "Firebase"
clown0082
0
68
GROW with YUMEMI at 技術書典
clown0082
0
39
Examples of opportunities seized by continuing to produce small outputs
clown0082
0
17
PWA with YUMEMI -PWA Night Conference 2021-
clown0082
0
32
About Transport Layer -layer 4-
clown0082
0
27
Comparing the philosophy of the store libraries for react
clown0082
1
160
Other Decks in Programming
See All in Programming
コードの解析と言語習得の心得
jinjin33333
0
130
WindowsコンテナDojo : 第1回 Visual StudioでWindowsコンテナアプリ作成
oniak3ibm
PRO
0
330
You CANt teach an old dog new tricks
michaelbukachi
0
110
Securing Kafka Connect Pipelines with Client-Side Field Level Cryptography @ Kafka Summit London 2022
hpgrahsl
0
310
C言語でメモリ管理を考えた話
hkawai
0
190
Reinventing the wheel ... as a service
mariofusco
3
260
Kotlin 最新動向2022 #tfcon #techfeed
ntaro
1
1k
dbtとBigQueryで始めるData Vault入門
kazk1018
0
180
From Java 11 to 17 and beyond
josepaumard
0
290
Kotlin KSP - Intro
taehwandev
1
480
Jetpack Compose 頑張らないPreviewParameterProvider
horie23
0
100
Composing an API with Kotlin (Kotlin Dev Day 2022)
zsmb
0
260
Featured
See All Featured
GitHub's CSS Performance
jonrohan
1020
410k
Principles of Awesome APIs and How to Build Them.
keavy
113
15k
Infographics Made Easy
chrislema
233
17k
Gamification - CAS2011
davidbonilla
75
3.9k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
236
1M
Web development in the modern age
philhawksworth
197
9.3k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
151
12k
How New CSS Is Changing Everything About Graphic Design on the Web
jensimmons
212
11k
A Philosophy of Restraint
colly
192
14k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
7
1k
Producing Creativity
orderedlist
PRO
333
37k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
29
4.3k
Transcript
Ionic Framework v4 with any other frameworks k-kuwahara @kuwahara_jsri clown0082
2019/06/02 [Webٕज़ͰϞόΠϧΞϓϦΛͭ͘Δ] Ionic Meetup #11 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 !!
It has been a few years since being said mobile
first.
Mobile first example ‣ Design tailored to each terminal
Mobile first example 'JSTU1BJOU 'JSTU$POUFOUGVM1BJOU 'JSTU.FBOJOHGVM1BJOU 'VMMZ-PBEFE ‣ First view
optimized for mobile
For more mobile first ⚡AMP (Accelerated Mobile Pages) PWA (Progressive
Web Apps)
‣ Served over HTTPS PWA examples ‣ Add to home
screen APP
PWA examples ‣ Offline Experience ‣ Push Notifications
How to make it PWA? See “Progressive Web App Checklist”.
URL: https://developers.google.com/web/progressive-web-apps/checklist See “Your First Progressive Web App”. URL: https://codelabs.developers.google.com/codelabs/your-first-pwapp/ index.html?index=..%2F..%2Findex#0
In recently years, Develop applications with “WEB”
So, how about “Ionic Framework” ?
What is “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 + Any
FWs
More Details
More Details
More Details
What is “Capacitor” ?
What is “Capacitor” ? URL: https://www.rdlabo.jp/article/973
Other features of Ionic
Summary of Ionic features 1. PWA(by default) 2. It's fun
to develop 3. Support of slack is profound 4. Clean, simple, and functional 5. Abundant API to native function
So, let’s try + I think
DEMO …it was plan of
I wasn’t in time my riot demo for today’s talk…
‣ https://github.com/ionic-team/ionic-cli/pull/3951/files ‣ https://github.com/ionic-team/starters/commit/ 1d95f8de91c0f35b2b067258c555bd0bd7ed0ee5 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