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
メモ整理が苦手な者による頑張らないObsidian活用術
optim
0
140
Ktor + Google Cloud Tasks/PubSub におけるOTel Messaging計装の実践
sansantech
PRO
1
320
今日からあなたもGeminiを好きになる
subaruhello
1
640
スプリントレビューを効果的にするために
miholovesq
9
1.7k
機械学習を「社会実装」するということ 2025年夏版 / Social Implementation of Machine Learning July 2025 Version
moepy_stats
1
1.4k
PHPでResult型やってみよう
higaki_program
0
200
Power Automate のパフォーマンス改善レシピ / Power Automate Performance Improvement Recipes
karamem0
0
250
With Devin -AIの自律とメンバーの自立
kotanin0
2
640
FAST導入1年間のふりかえり〜現実を直視し、さらなる進化を求めて〜 / Review of the first year of FAST implementation
wooootack
1
170
SAE J1939シミュレーション環境構築
daikiokazaki
1
190
CSPヘッダー導入で実現するWebサイトの多層防御:今すぐ試せる設定例と運用知見
llamakko
1
250
OTel 公式ドキュメント翻訳 PJ から始めるコミュニティ活動/Community activities starting with the OTel official document translation project
msksgm
0
290
Featured
See All Featured
RailsConf 2023
tenderlove
30
1.2k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.3k
[RailsConf 2023] Rails as a piece of cake
palkan
55
5.7k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Done Done
chrislema
184
16k
How to Think Like a Performance Engineer
csswizardry
25
1.8k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
850
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
2.9k
The Invisible Side of Design
smashingmag
301
51k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.2k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
Statistics for Hackers
jakevdp
799
220k
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は結構あつい