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
とある EM の初めての育休からの学び
clown0082
1
1.4k
The history of Javascript frameworks: changes in front-end design philosophy
clown0082
2
140
Visually experience the beauty of mathematics with p5.js
clown0082
1
2.8k
Rediscover the joy of coding with Creative Coding
clown0082
0
1.5k
全員が意思決定する会社で開発者体験や生産性を見る大変さについて
clown0082
0
580
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
Rubyで始める関数型ドメインモデリング
shogo_tksk
0
130
Multi Step Form, Decentralized Autonomous Organization
pumpkiinbell
1
830
Amazon Q Developer Proで効率化するAPI開発入門
seike460
PRO
0
120
Amazon S3 TablesとAmazon S3 Metadataを触ってみた / 20250201-jawsug-tochigi-s3tables-s3metadata
kasacchiful
0
180
2025.2.14_Developers Summit 2025_登壇資料
0101unite
0
130
CI改善もDatadogとともに
taumu
0
180
コミュニティ駆動 AWS CDK ライブラリ「Open Constructs Library」 / community-cdk-library
gotok365
2
180
pylint custom ruleで始めるレビュー自動化
shogoujiie
0
140
Conform を推す - Advocating for Conform
mizoguchicoji
3
710
Unity Android XR入門
sakutama_11
0
170
データの整合性を保つ非同期処理アーキテクチャパターン / Async Architecture Patterns
mokuo
53
18k
15分で学ぶDuckDBの可愛い使い方 DuckDBの最近の更新
notrogue
1
240
Featured
See All Featured
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
193
16k
GraphQLとの向き合い方2022年版
quramy
44
13k
Rebuilding a faster, lazier Slack
samanthasiow
80
8.8k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
49k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
129
19k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
33
2.8k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
21
2.5k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
It's Worth the Effort
3n
184
28k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
10
500
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