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
Recommending Ionic Framework (LT)
Search
kkeeth
January 20, 2018
Programming
1
1.6k
Recommending Ionic Framework (LT)
kkeeth
January 20, 2018
Tweet
Share
More Decks by kkeeth
See All by kkeeth
The history of Javascript frameworks: changes in front-end design philosophy
clown0082
1
46
Visually experience the beauty of mathematics with p5.js
clown0082
0
2.2k
Rediscover the joy of coding with Creative Coding
clown0082
0
1k
全員が意思決定する会社で開発者体験や生産性を見る大変さについて
clown0082
0
470
JavaScript × Mathematics go to Digital Art
clown0082
1
230
In-house study group at YUMEMI
clown0082
0
120
Playing Ionic Logo by p5.js
clown0082
0
150
Skills that employers recommend students to acquire
clown0082
0
200
Walking through the source code of an OSS Library(ESLint))
clown0082
0
290
Other Decks in Programming
See All in Programming
単体テストを書かない技術 #phpcon_odawara
o0h
PRO
27
8.2k
Node.js v22 で変わること
yosuke_furukawa
PRO
9
3.3k
Elm Form Validation
bkuhlmann
0
510
Git Lint
bkuhlmann
4
750
GitHub Actionsで泣かないためにやっておきたい設定 / Recommended GHA settings to avoid crying
pinkumohikan
3
530
Code Reviews
bkuhlmann
4
890
Build Apps for iOS, Android & Desktop in 100% Kotlin With Compose Multiplatform (mDevCamp 2024)
zsmb
0
330
OpenAPIを中心に考えるAPI開発入門 / Introduction to API Development with a Focus on OpenAPI
seike460
PRO
2
170
Random\Randomizer クラスで日常のあれこれを解決しよう! / Random\Randomizer class solves familiar trouble
cocoeyes02
0
240
デフォルトにして至高、RubyMineの大好きな所
ruzia
0
350
SIMD Parallel Programming with the Vector API
josepaumard
0
170
Rubyでたのしむクリエイティブコーディング/Enjoy Creative coding with Ruby
chobishiba
1
180
Featured
See All Featured
The Language of Interfaces
destraynor
151
23k
The Invisible Customer
myddelton
114
12k
Atom: Resistance is Futile
akmur
259
25k
The Straight Up "How To Draw Better" Workshop
denniskardys
227
130k
The Invisible Side of Design
smashingmag
294
49k
Documentation Writing (for coders)
carmenintech
60
3.9k
No one is an island. Learnings from fostering a developers community.
thoeni
16
2.1k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
121
39k
KATA
mclloyd
15
12k
Optimizing for Happiness
mojombo
370
69k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
14
1.5k
4 Signs Your Business is Dying
shpigford
175
21k
Transcript
Recommend Ionic ϥΠτχϯάτʔΫ͖ΫϦΤΠλʔζަྲྀձ in౦ژ by @kuwahara_ngv5
Self-Introduction
Basic Information const my_info = { ɹ Name: ‘܂ݪਔ’, ɹ
Twitter: ‘@kuwahara_ngv5’, ɹ GitHub: ’k-kuwahara’, ɹ Qiita: ’clown0082’, ɹ Workplace: ‘Yumemi, Inc.’ }
Communities collaborator translator staff staff
In the past: Web First ↓ Currently: Mobile First
Mobile First …?
Mobile First …? It’s Responsive!!
Mobile First = Responsive
Mobile First = Responsive ×
Mobile First is … Optimizing UI design for mobile
Mobile first example ‣ Design tailored to each terminal
Mobile first example 'JSTU1BJOU 'JSTU$POUFOUGVM1BJOU 'JSTU.FBOJOHGVM1BJOU 'VMMZ-PBEFE ‣ First view
optimized for mobile
⚡ AMP (Accelerated Mobile Pages) PWA (Progressive Web Application) let
me choose either. For more mobile first
Web with PWA ↓ Mobile Application
In recently years, Develop applications with HTML5 (so-called hybrid development)
Ex:
So, how about “Ionic Framework” ?
What is “Ionic Framework”?
What is “Ionic Framework” ? UI Base WebView
What can be made with ionic Android iOS Web
What can be made with ionic 1. PWA(by default) 2.
Ionic DevApp 3. All current mobile devices and platforms 4. Clean, simple, and functional 5. Abundant API to native function
But it's really difficult, is not it?
Application Example: ʮϗϏϯΰʯ Web URL: https://app.houbingo.com App URL : https://play.google.com/store/apps/details?id=com.houbingo
This app was developed by a designer alone. While reading
this introductory book.
None
None