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
PWAとネイティヴアプリ
Search
isy
October 31, 2018
Technology
0
92
PWAとネイティヴアプリ
現状のPWAとネイティヴアプリ、またそれを取り巻くクロスプラットフォーム開発について簡単に調べたまとめです
isy
October 31, 2018
Tweet
Share
More Decks by isy
See All by isy
React + Redux: Re-Architecture - Think ! FrontEnd by DMM
isy
3
2.9k
Other Decks in Technology
See All in Technology
NewSQL Landscape
oracle4engineer
PRO
2
2.7k
Max out Local LLM in Challenging Environments
sashimimochi
2
210
コードファーストの考え方。 Amplify Gen2から学ぶAWS次世代のWeb開発体験
yoshiitaka
2
540
Azureの基本的な権限管理の勉強会
yhana
1
2.2k
Gemini, Google's Large Language Model
glaforge
0
120
kcp: Kubernetes APIs Are All You Need #techfeed_live / TechFeed Experts Night 28th
ytaka23
1
160
今年のRubyKaigiはProfiler Year🤘
osyoyu
0
530
AWS アーキテクチャ作図入門/aws-architecture-diagram-101
ma2shita
16
6.5k
Microsoft for Startups Founders Hub_20240429 update
daikikanemitsu
1
2.5k
エンジニア候補者向け資料2024.04.24.pdf
macloud
0
3.4k
DX企業CTOとして考える技術への向き合い方
shoheitai
0
120
Android Target SDK 35 (Android 15) 対応の概要
akkie76
0
200
Featured
See All Featured
No one is an island. Learnings from fostering a developers community.
thoeni
16
2.1k
Into the Great Unknown - MozCon
thekraken
15
1k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
15
1.6k
Mobile First: as difficult as doing things right
swwweet
217
8.6k
Fantastic passwords and where to find them - at NoRuKo
philnash
39
2.5k
Designing on Purpose - Digital PM Summit 2013
jponch
111
6.5k
4 Signs Your Business is Dying
shpigford
176
21k
Build your cross-platform service in a week with App Engine
jlugia
226
17k
Put a Button on it: Removing Barriers to Going Fast.
kastner
58
3.1k
What's in a price? How to price your products and services
michaelherold
238
11k
The Language of Interfaces
destraynor
151
23k
How GitHub Uses GitHub to Build GitHub
holman
468
290k
Transcript
PWAとネイティブアプリ
1.ネイティヴアプリの現状と課題 2.PWAについて 3.PWAの今後
ネイティヴアプリの現状 ・iOS Swift, Objective-C ・Android Kotlin, Java ・クロスプラットフォーム ReactNative, Xamarin,
Unity, PhoneGap, RubyMotion, cordova
ネイティヴアプリの課題 ・インストールまでのコストが高い ネイティブアプリのDLフローにおいて1ステップごとに20%のユーザが 脱落する ・開発に比較的障害が多い 各プラットフォーム・デバイスに対応させる必要がある。 iOSやAndroidのルール・ガイドラインに縛られる
1.ネイティヴアプリの現状と課題 2.PWAについて 3.PWAの今後
PWAとは ・PWA(ProgressiveWebApps) Googleが提唱。 ウェブサイトをiOSやAndroidアプリなどと、同じように表示・操作することができるようにすることができる技 術。簡単にいうとWEB経由で配信されるネイティヴアプリ的な感じ ユーザに対してアプリのようなUXを提供でき、web上で構築されているため、デスクトップやモバイル、タブ レットなど、あらゆるデバイスで同一のUXを実現できる。 ServiceWorker、HTTPS、WebAppManifestのウェブ標準に準拠している
PWAでできること ServieWorker: オフラインキャッシュ、オフサイトプッシュ通知、バックグラウンド同期 Web App Manifest: Webページをホーム画面にインストール オフラインキャッシュ プッシュ通知 インストール
セキュア
PWAの事例 スターバックス https://preview.starbucks.com/ Instagram https://www.instagram.com/ https://tinder.com/
1.ネイティヴアプリの現状と課題 2.PWAについて 3.PWAの今後
PWAの現状と今後 ・現状 ・iOSの対応が遅れており、プッシュ通知ができない。 ・OAuth(SNS認証)に弱い ・ローカルプロキシ、オフラインキャッシュ、オフサイトプッシュ通知、バックグラウンド同期はできる ・定期的な同期、ジオフェンシングに対応する予定らしい ・今後できることが増加して、PWAは増えてくる。 ・発展はApple次第? ・WEB業界に行く人は抑えておいた方が良いかも ・今後と所感
おまけ クロスプラットフォームの動向 Flutter Googleが開発したモバイルアプリフレームワーク。Dartを使う。2018.2にベータ版がリリースされた 開発では、ステートフルホットリロード機能が強力。ReactNativeはjsランタイムがネイティヴコードを呼び出すが、 Flutterはネイティヴコードまでコンパイルされ、 ネイティヴパフォーマンス出すことができる。
おまけ クロスプラットフォームの動向 Kotlin/Native 2018年10月にベータ版が登場。Kotlinコードをネイティヴバイナリにコンパイルする。VMなしで動く。 iOS,MacOS,Android,Windows,Linux,WebAssemblyで動作する。 まだまだ情報は少ない。 ・クロスプラットフォーム開発も活発になってきている ・PWAとネイティブどっちもできると幸せなれるかも ・Flutterは結構あつい