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
96
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
3.2k
Other Decks in Technology
See All in Technology
Core Audio tapを使ったリアルタイム音声処理のお話
yuta0306
0
150
マーケットプレイス版Oracle WebCenter Content For OCI
oracle4engineer
PRO
3
930
登壇ネタの見つけ方 / How to find talk topics
pinkumohikan
5
570
Model Mondays S2E03: SLMs & Reasoning
nitya
0
230
AWS Organizations 新機能!マルチパーティ承認の紹介
yhana
1
210
Lambda Web Adapterについて自分なりに理解してみた
smt7174
5
140
20250625 Snowflake Summit 2025活用事例 レポート / Nowcast Snowflake Summit 2025 Case Study Report
kkuv
1
360
CI/CD/IaC 久々に0から環境を作ったらこうなりました
kaz29
1
200
KubeCon + CloudNativeCon Japan 2025 Recap by CA
ponkio_o
PRO
0
240
モバイル界のMCPを考える
naoto33
0
330
Microsoft Build 2025 技術/製品動向 for Microsoft Startup Tech Community
torumakabe
2
330
Oracle Audit Vault and Database Firewall 20 概要
oracle4engineer
PRO
3
1.7k
Featured
See All Featured
The Cost Of JavaScript in 2023
addyosmani
51
8.5k
The Pragmatic Product Professional
lauravandoore
35
6.7k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Six Lessons from altMBA
skipperchong
28
3.9k
The Art of Programming - Codeland 2020
erikaheidi
54
13k
Become a Pro
speakerdeck
PRO
28
5.4k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
48
5.4k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
35
2.4k
4 Signs Your Business is Dying
shpigford
184
22k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
800
[RailsConf 2023] Rails as a piece of cake
palkan
55
5.6k
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は結構あつい