Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Ionic Framework v4 with any other frameworks
Search
kkeeth
June 02, 2019
Programming
1
440
Ionic Framework v4 with any other frameworks
kkeeth
June 02, 2019
Tweet
Share
More Decks by kkeeth
See All by kkeeth
とある EM の初めての育休からの学び
clown0082
1
910
The history of Javascript frameworks: changes in front-end design philosophy
clown0082
2
130
Visually experience the beauty of mathematics with p5.js
clown0082
1
2.8k
Rediscover the joy of coding with Creative Coding
clown0082
0
1.4k
全員が意思決定する会社で開発者体験や生産性を見る大変さについて
clown0082
0
570
JavaScript × Mathematics go to Digital Art
clown0082
1
340
In-house study group at YUMEMI
clown0082
0
180
Playing Ionic Logo by p5.js
clown0082
0
240
Skills that employers recommend students to acquire
clown0082
1
280
Other Decks in Programming
See All in Programming
Software Architecture
hschwentner
6
2.1k
iOSエンジニアから始める visionOS アプリ開発
nao_randd
3
120
Pythonでもちょっとリッチな見た目のアプリを設計してみる
ueponx
1
480
Amazon Q Developer Proで効率化するAPI開発入門
seike460
PRO
0
110
CloudNativePGがCNCF Sandboxプロジェクトになったぞ! 〜CloudNativePGの仕組みの紹介〜
nnaka2992
0
220
Honoをフロントエンドで使う 3つのやり方
yusukebe
5
2.2k
How mixi2 Uses TiDB for SNS Scalability and Performance
kanmo
30
11k
『GO』アプリ バックエンドサーバのコスト削減
mot_techtalk
0
130
Ruby on cygwin 2025-02
fd0
0
140
Conform を推す - Advocating for Conform
mizoguchicoji
3
680
[JAWS-UG横浜 #80] うわっ…今年のServerless アップデート、少なすぎ…?
maroon1st
1
170
昭和の職場からアジャイルの世界へ
kumagoro95
1
350
Featured
See All Featured
[RailsConf 2023] Rails as a piece of cake
palkan
53
5.2k
Music & Morning Musume
bryan
46
6.3k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
3
310
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Become a Pro
speakerdeck
PRO
26
5.1k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
8
270
Typedesign – Prime Four
hannesfritz
40
2.5k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
366
25k
Scaling GitHub
holman
459
140k
The Invisible Side of Design
smashingmag
299
50k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.1k
Adopting Sorbet at Scale
ufuk
74
9.2k
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