$30 off During Our Annual Pro Sale. View Details »
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.7k
Rediscover the joy of coding with Creative Coding
clown0082
0
1.4k
全員が意思決定する会社で開発者体験や生産性を見る大変さについて
clown0082
0
550
JavaScript × Mathematics go to Digital Art
clown0082
1
320
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
350
Other Decks in Programming
See All in Programming
社内活動の取り組み紹介 ~ スリーシェイクでこんな取り組みしてます ~
bells17
0
390
Haze - Real time background blurring
chrisbanes
1
420
RWC 2024 DICOM & ISO/IEC 2022
m_seki
0
110
flutterkaigi_2024.pdf
kyoheig3
0
460
Functional Event Sourcing using Sekiban
tomohisa
0
130
Java 23の概要とJava Web Frameworkの現状 / Java 23 and Java web framework
kishida
2
380
rails statsで大解剖 🔍 “B/43流” のRailsの育て方を歴史とともに振り返ります
shoheimitani
0
360
Jakarta EE meets AI
ivargrimstad
0
1.2k
たのしいparse.y
ydah
3
110
Thoughts and experiences on Rust and TypeScript
unvalley
2
210
Welcome JSConf.jp 2024
yosuke_furukawa
PRO
0
3k
Symfony Mapper Component
soyuka
2
510
Featured
See All Featured
It's Worth the Effort
3n
183
27k
Fontdeck: Realign not Redesign
paulrobertlloyd
82
5.3k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
1
94
Java REST API Framework Comparison - PWX 2021
mraible
PRO
28
8.3k
The Pragmatic Product Professional
lauravandoore
32
6.3k
GraphQLの誤解/rethinking-graphql
sonatard
67
10k
Building an army of robots
kneath
302
43k
Optimising Largest Contentful Paint
csswizardry
33
3k
Designing for humans not robots
tammielis
250
25k
Being A Developer After 40
akosma
87
590k
Fashionably flexible responsive web design (full day workshop)
malarkey
405
65k
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