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.8k
Recommending Ionic Framework (LT)
kkeeth
January 20, 2018
Tweet
Share
More Decks by kkeeth
See All by kkeeth
Programming to play with p5.js
clown0082
0
22
とある EM の初めての育休からの学び
clown0082
1
3.9k
The history of Javascript frameworks: changes in front-end design philosophy
clown0082
2
180
Visually experience the beauty of mathematics with p5.js
clown0082
1
3k
Rediscover the joy of coding with Creative Coding
clown0082
0
1.6k
全員が意思決定する会社で開発者体験や生産性を見る大変さについて
clown0082
0
620
JavaScript × Mathematics go to Digital Art
clown0082
1
390
In-house study group at YUMEMI
clown0082
0
210
Playing Ionic Logo by p5.js
clown0082
0
290
Other Decks in Programming
See All in Programming
顧客の画像データをテラバイト単位で配信する 画像サーバを WebP にした際に起こった課題と その対応策 ~継続的な取り組みを添えて~
takutakahashi
4
1.4k
オンコール⼊⾨〜ページャーが鳴る前に、あなたが備えられること〜 / Before The Pager Rings
yktakaha4
2
1.2k
GPUを計算資源として使おう!
primenumber
1
290
202507_ADKで始めるエージェント開発の基本 〜デモを通じて紹介〜(奥田りさ)The Basics of Agent Development with ADK — A Demo-Focused Introduction
risatube
PRO
5
1.2k
What's new in Adaptive Android development
fornewid
0
120
AIに安心して任せるためにTypeScriptで一意な型を作ろう
arfes0e2b3c
0
280
CDK引数設計道場100本ノック
badmintoncryer
2
590
抽象化という思考のツール - 理解と活用 - / Abstraction-as-a-Tool-for-Thinking
shin1x1
1
890
AIコーディングエージェント全社導入とセキュリティ対策
hikaruegashira
15
8.6k
DMMを支える決済基盤の技術的負債にどう立ち向かうか / Addressing Technical Debt in Payment Infrastructure
yoshiyoshifujii
4
660
副作用と戦う PHP リファクタリング ─ ドメインイベントでビジネスロジックを解きほぐす
kajitack
3
490
React は次の10年を生き残れるか:3つのトレンドから考える
oukayuka
40
15k
Featured
See All Featured
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Embracing the Ebb and Flow
colly
86
4.8k
KATA
mclloyd
30
14k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
5.9k
The Cost Of JavaScript in 2023
addyosmani
51
8.7k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.2k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Designing Experiences People Love
moore
142
24k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
161
15k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Gamification - CAS2011
davidbonilla
81
5.4k
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