Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
Ionic Framework v4 with any other frameworks
Search
kkeeth
June 02, 2019
Programming
480
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Ionic Framework v4 with any other frameworks
kkeeth
June 02, 2019
Transcript
46 slides
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
More Decks by kkeeth
See All by kkeeth
Programming to play with p5.js
clown0082
0
130
とある EM の初めての育休からの学び
clown0082
1
6.1k
The history of Javascript frameworks: changes in front-end design philosophy
clown0082
2
260
Visually experience the beauty of mathematics with p5.js
clown0082
1
3.4k
Rediscover the joy of coding with Creative Coding
clown0082
0
2k
全員が意思決定する会社で開発者体験や生産性を見る大変さについて
clown0082
0
690
JavaScript × Mathematics go to Digital Art
clown0082
1
490
In-house study group at YUMEMI
clown0082
0
250
Playing Ionic Logo by p5.js
clown0082
0
380
Other Decks in Programming
See All in Programming
Lambda durable functionsでHuman in the Loopを楽に…楽に……
har1101
2
320
[Kotlin Fest 2026] eBPF Tracing for Kotlin
takehaya
1
130
高橋メソッドでCVE解説シリーズ 〜CVE-2026-112816〜
hakkadaikon
0
260
AI時代のFlutter品質設計 — アプリ品質を守るQuality Layers
omatty198
0
380
GraphQL の onError と Nullability のこれから
quramy
0
220
自作Discord音声botをLambda MicroVMsに移行した話 / Migrating My Discord Voice Bot to Lambda MicroVMs
akihisaikeda
1
320
Zero-Tap Sign-In対応、結局何をすればいいの?
mitohato14
0
2.1k
TS 7.0 で baseUrl が使えなくなった今、パスエイリアスをどうするか
bicstone
2
650
Growing PicoRuby's Ecosystem on ESP32
yuuu
2
130
Crash Auto Pipelines
veronikapj
1
410
TanStack Vue Query と Pinia Colada から学ぶ非同期状態の型設計
aoshi
0
670
Rails初心者がパスキーを実装してみて大変だったこと
ktombow
0
190
Featured
See All Featured
Mind Mapping
helmedeiros
1
440
Fantastic passwords and where to find them - at NoRuKo
philnash
53
4k
16th Malabo Montpellier Forum Presentation
akademiya2063
PRO
0
460
Test your architecture with Archunit
thirion
2
2.5k
Thoughts on Productivity
jonyablonski
76
5.5k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
10
1.4k
Navigating Team Friction
lara
192
16k
Redefining SEO in the New Era of Traffic Generation
szymonslowik
1
530
Discover your Explorer Soul
emna__ayadi
2
1.3k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
33
5.7k
Navigating Weather and Climate Data
rabernat
0
590
Typedesign – Prime Four
hannesfritz
42
3.2k