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
420
Ionic Framework v4 with any other frameworks
kkeeth
June 02, 2019
Tweet
Share
More Decks by kkeeth
See All by kkeeth
The history of Javascript frameworks: changes in front-end design philosophy
clown0082
1
76
Visually experience the beauty of mathematics with p5.js
clown0082
0
2.4k
Rediscover the joy of coding with Creative Coding
clown0082
0
1.2k
全員が意思決定する会社で開発者体験や生産性を見る大変さについて
clown0082
0
510
JavaScript × Mathematics go to Digital Art
clown0082
1
270
In-house study group at YUMEMI
clown0082
0
140
Playing Ionic Logo by p5.js
clown0082
0
180
Skills that employers recommend students to acquire
clown0082
0
230
Walking through the source code of an OSS Library(ESLint))
clown0082
0
320
Other Decks in Programming
See All in Programming
Terraformテスト入門
msato
0
550
Async Await: Mastering Python's Time-Bending Tricks - EuroPython2024
yanbo
1
290
データカタログ運用物語 〜令和6年夏の理想と現実〜
kuro_kurorrr
0
110
Introduction of Happy Eyeballs Version 2 (RFC8305) to the Socket library
coe401_
1
220
CSC307 Lecture 14
javiergs
PRO
0
220
AWS初心者ってどうやってAWSを学ぶ?〜アプリエンジニアがやってよかったアーキテクチャ学習方法〜
yamanashi_ren01
0
200
君たちはどうコードをレビューする (される) か / 大吉祥寺.pm
utgwkk
15
8.5k
はしめてのプログラミングとロボット制御
watawatavoltage
0
290
Rustのweb開発を助ける 便利なツール紹介
yuki0418
1
190
さきがけから振り返るアーキテクチャ刷新 / Reflecting on the Architectural Renewal from the Vanguard
nrslib
2
780
DMMプラットフォームにおけるTiDBの導入から運用まで
pospome
7
3k
[After Kotlin Fest 2024 LT Night @ Sansan] もっともっとKotlinを好きになる!K2 Compiler Pluginで遊んでみよう!
kitakkun
2
260
Featured
See All Featured
How to name files
jennybc
67
96k
The Language of Interfaces
destraynor
151
23k
Robots, Beer and Maslow
schacon
PRO
157
8.1k
Why You Should Never Use an ORM
jnunemaker
PRO
51
8.9k
What's new in Ruby 2.0
geeforr
338
31k
A better future with KSS
kneath
231
17k
Code Reviewing Like a Champion
maltzj
517
39k
Creatively Recalculating Your Daily Design Routine
revolveconf
214
11k
GitHub's CSS Performance
jonrohan
1026
450k
Design by the Numbers
sachag
277
19k
Building a Scalable Design System with Sketch
lauravandoore
458
32k
Clear Off the Table
cherdarchuk
89
320k
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