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
Introducing Ionic Framework to you
Search
kkeeth
December 14, 2019
Programming
0
51
Introducing Ionic Framework to you
kkeeth
December 14, 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.8k
Rediscover the joy of coding with Creative Coding
clown0082
0
1.4k
全員が意思決定する会社で開発者体験や生産性を見る大変さについて
clown0082
0
560
JavaScript × Mathematics go to Digital Art
clown0082
1
330
In-house study group at YUMEMI
clown0082
0
170
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
360
Other Decks in Programming
See All in Programming
htmxって知っていますか?次世代のHTML
hiro_ghap1
0
350
rails statsで大解剖 🔍 “B/43流” のRailsの育て方を歴史とともに振り返ります
shoheimitani
2
960
testcontainers のススメ
sgash708
1
130
rails stats で紐解く ANDPAD のイマを支える技術たち
andpad
1
300
競技プログラミングへのお誘い@阪大BOOSTセミナー
kotamanegi
0
360
20年もののレガシープロダクトに 0からPHPStanを入れるまで / phpcon2024
hirobe1999
0
820
KubeCon + CloudNativeCon NA 2024 Overviewat Kubernetes Meetup Tokyo #68 / amsy810_k8sjp68
masayaaoyama
0
260
fs2-io を試してたらバグを見つけて直した話
chencmd
0
240
ドメインイベント増えすぎ問題
h0r15h0
2
430
ブラウザ単体でmp4書き出すまで - muddy-web - 2024-12
yue4u
3
490
PSR-15 はあなたのための ものではない? - phpcon2024
myamagishi
0
180
歴史と現在から考えるスケーラブルなソフトウェア開発のプラクティス
i10416
0
130
Featured
See All Featured
Designing on Purpose - Digital PM Summit 2013
jponch
116
7k
A better future with KSS
kneath
238
17k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
6
530
Docker and Python
trallard
42
3.1k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
26
1.5k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
191
16k
Bash Introduction
62gerente
609
210k
We Have a Design System, Now What?
morganepeng
51
7.3k
The Cost Of JavaScript in 2023
addyosmani
46
7k
Documentation Writing (for coders)
carmenintech
67
4.5k
Building Adaptive Systems
keathley
38
2.3k
Rails Girls Zürich Keynote
gr2m
94
13k
Transcript
Introducing Ionic Framework to you kkeeth @kuwahara_jsri clown0082 Dec 14,
2019 ʮIonicͰ࡞Δ ϞόΠϧΞϓϦ੍࡞ೖʯץߦه೦ Ionic Meetup #14 Tokyo
URL: https://www.amazon.co.jp/dp/4863542925/
URL: https://www.amazon.co.jp/dp/4863542925/ Congratulation !!
Has anyone already bought this book?
About me
About me const my_info = { Name: ‘܂ݪਔ’, Workplace: ‘Yumemi
Inc’, Position: ‘Servant Leader’, Skills: ‘Riot.js, React.js, Nuxt.js’, PokemonGO: ‘TL40’ }
Communities github.com/riot
Sorry... # This slide is made in English. But, I
am unfamiliar using English. So I may have a wrong expression. Plz feedback for me called “Masakari” about my English.
Let’s start the today’s Ionic talks !!
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
What is “Ionic Framework” ? image by: https://ionicframework.com/
up to Ionic v3
+ What is “Ionic Framework” ?
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” ? A tool made by Ionic Company
for converting HTMP5 APPS to ɾPWA ɾiOS/Android (native app) ɾElectron (desktop app).
What is “Capacitor” ? URL: https://www.rdlabo.jp/article/973
What is “Capacitor” ? URL: https://medium.com/@sunilk/ionic-capacitor-vs-apache-cordova- difference-with-example-the-next-future-innovation-of-hybrid- 93b1317e08cc
Why “Ionic Framework”?
In recently years, Develop applications with “WEB”
There are some reasons 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
Q. How do we get started?
See also: Tutorials URL: https://ionicframework.com/docs/intro/first-app
See also: Tutorials URL: https://ionicframework.com/blog/announcing-ionic-devapp/
See also: for details URL: https://qiita.com/clown0082/items/5405c53eb955f985edda
Let’s Create Mobile Application by Ionic Framework!!
Publicity
We’re hiring web developers!!
There are funny system ‣ Decide our salary by ourself
‣ Unlimited paid leave ‣ All members are CEO
None