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
910
The history of Javascript frameworks: changes in front-end design philosophy
clown0082
2
130
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
570
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
AWSマネコンに複数のアカウントで入れるようになりました
yuhta28
2
160
CloudNativePGがCNCF Sandboxプロジェクトになったぞ! 〜CloudNativePGの仕組みの紹介〜
nnaka2992
0
220
DevinとCursorから学ぶAIエージェントメモリーの設計とMoatの考え方
itarutomy
1
640
バックエンドのためのアプリ内課金入門 (サブスク編)
qnighy
8
1.7k
Honoのおもしろいミドルウェアをみてみよう
yusukebe
1
200
なぜイベント駆動が必要なのか - CQRS/ESで解く複雑系システムの課題 -
j5ik2o
7
2.5k
AIの力でお手軽Chrome拡張機能作り
taiseiue
0
170
Flutter × Firebase Genkit で加速する生成 AI アプリ開発
coborinai
0
150
知られざるDMMデータエンジニアの生態 〜かつてツチノコと呼ばれし者〜
takaha4k
4
1.3k
AHC041解説
terryu16
0
590
SwiftUIで単方向アーキテクチャを導入して得られた成果
takuyaosawa
0
260
昭和の職場からアジャイルの世界へ
kumagoro95
1
350
Featured
See All Featured
Build your cross-platform service in a week with App Engine
jlugia
229
18k
Adopting Sorbet at Scale
ufuk
74
9.2k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
49k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
3
310
For a Future-Friendly Web
brad_frost
176
9.5k
Product Roadmaps are Hard
iamctodd
PRO
50
11k
What's in a price? How to price your products and services
michaelherold
244
12k
Testing 201, or: Great Expectations
jmmastey
41
7.2k
Facilitating Awesome Meetings
lara
51
6.2k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
160
15k
The Invisible Side of Design
smashingmag
299
50k
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