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
99
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
Jaws-ug名古屋_LT資料_20250829
azoo2024
3
120
見てわかるテスト駆動開発
recruitengineers
PRO
6
840
【 LLMエンジニアがヒューマノイド開発に挑んでみた 】 - 第104回 Machine Learning 15minutes! Hybrid
soneo1127
0
130
TypeScript入門
recruitengineers
PRO
26
7.9k
Amazon Bedrock AgentCore でプロモーション用動画生成エージェントを開発する
nasuvitz
6
450
浸透しなさいRFC 5322&7208
hinono
0
120
AIドリブンのソフトウェア開発 - うまいやり方とまずいやり方
okdt
PRO
9
660
Goでマークダウンの独自記法を実装する
lag129
0
220
ゆるふわエンジニアでもAIフローにチャレンジしたい!!~Zapierのすゝめ~
masakiokuda
2
100
制約理論(ToC)入門
recruitengineers
PRO
5
1.1k
マイクロモビリティシェアサービスを支える プラットフォームアーキテクチャ
grimoh
1
240
自社製CMSからmicroCMSへのリプレースがプロダクトグロースを加速させた話
nextbeatdev
0
150
Featured
See All Featured
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Music & Morning Musume
bryan
46
6.7k
Being A Developer After 40
akosma
90
590k
The Pragmatic Product Professional
lauravandoore
36
6.8k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
283
13k
Optimising Largest Contentful Paint
csswizardry
37
3.4k
Automating Front-end Workflow
addyosmani
1370
200k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
570
Reflections from 52 weeks, 52 projects
jeffersonlam
351
21k
Bash Introduction
62gerente
614
210k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
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は結構あつい