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
Web, App, or PWA by Shohei Koyama
Search
SHOHEI-KOYAMA
April 16, 2018
Programming
1
29
Web, App, or PWA by Shohei Koyama
PWA Beginners 勉強会 #3
SHOHEI-KOYAMA
April 16, 2018
Tweet
Share
Other Decks in Programming
See All in Programming
Better Code Design in PHP
afilina
0
180
Django NinjaによるAPI開発の効率化とリプレースの実践
kashewnuts
1
300
PHPのバージョンアップ時にも役立ったAST
matsuo_atsushi
0
230
クックパッド検索システム統合/Cookpad Search System Consolidation
giga811
0
150
もう僕は OpenAPI を書きたくない
sgash708
6
1.9k
読まないコードリーディング術
hisaju
0
120
複数のAWSアカウントから横断で 利用する Lambda Authorizer の作り方
tc3jp
0
130
苦しいTiDBへの移行を乗り越えて快適な運用を目指す
leveragestech
0
1.2k
Datadog Workflow Automation で圧倒的価値提供
showwin
1
310
TCAを用いたAmebaのリアーキテクチャ
dazy
0
230
Kotlinの開発でも AIをいい感じに使いたい / Making the Most of AI in Kotlin Development
kohii00
5
1.9k
CDK開発におけるコーディング規約の運用
yamanashi_ren01
2
260
Featured
See All Featured
How to train your dragon (web standard)
notwaldorf
91
5.9k
Java REST API Framework Comparison - PWX 2021
mraible
29
8.4k
How GitHub (no longer) Works
holman
314
140k
GraphQLとの向き合い方2022年版
quramy
44
14k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
13
1k
GraphQLの誤解/rethinking-graphql
sonatard
69
10k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
46
2.4k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Fashionably flexible responsive web design (full day workshop)
malarkey
406
66k
StorybookのUI Testing Handbookを読んだ
zakiyama
28
5.5k
Transcript
-Web? App? PWA?- FREEMONT, inc Shohei Koyama
Profile
Profile • ถࠃγΞτϧʹ̍ཹֶ • ౦ژཧՊେͷཧֶ෦ཧΛଔۀ • γΣΞϋεܦӦΛ • JavaͰERPΛ •
ECαΠτͷάϩʔεϋοΫ • ৽نࣄۀ(NativeΞϓϦ)ͷPMΛ1 • G's ACADEMY LABίʔε3ظΛଔۀ • ձࣾελʔτ on ڈͷ12݄
Profile • ถࠃγΞτϧʹ̍ཹֶ • ౦ژཧՊେͷཧֶ෦ཧΛଔۀ • γΣΞϋεܦӦΛ • JavaͰERPΛ •
ECαΠτͷάϩʔεϋοΫ • ৽نࣄۀ(NativeΞϓϦ)ͷPMΛ1 • G's ACADEMY LABίʔε3ظΛଔۀ • ձࣾελʔτ on ڈͷ12݄
PWA
WebͷମݧΛܶతʹม͑Δͷ ࢀߟURL: https://www.dropbox.com/s/z8hkuzg9egush6u/ 1803_PWA%E5%8B%89%E5%BC%B7%E4%BC%9A.pdf?dl=0
PWA͕ɺ WebͷମݧΛܶతʹม͑ΔཁҼ • ৹ࠪʹ௨͢ඞཁͳ͠ • ΦϑϥΠϯରԠ • όοΫάϥϯυಉظ • Push௨
• શը໘දࣔ • ܾࡁ ࢀߟURL: https://growthhackjournal.com/progressive-web-apps-the-nest-mobile-experience/
ʮใʯ ʻ ʮܦݧʯ URL:http://usamura.com/art_design/myself/
ʮใʯͷɺͰ͖·ͤΜɻ ͍͢·ͤΜɻস
ʮܦݧʯ͔Βͷ ʮࢹʯͱʮࢥߟʯ
ண؟ͷఏڙ
Purpose
Asking Questions
Process
Process ࣮ࡍʹPWAͰ࡞ͬͯΈͨαʔϏε ↓ ߟ͑Δ͜ͱʹͳΔීวతͳ͍
Process ࣮ࡍʹPWAͰ࡞ͬͯΈͨαʔϏε ↓ ߟ͑Δ͜ͱʹͳΔ͍
࡞ͬͯΈͨαʔϏε
͋ͳͨͷཱྀߦΛɺਓੜʹڹ͘ །Ұແೋͷମݧʹ COMPASS Make Travel Better
COMPASSͱ
• ཱྀߦΨΠυΞϓϦ • Ϣʔβʔͷح৺ʹԊཱྀͬͨઌͷ ใΛఏҊ • γΞτϧ൛ͷΈӡ༻த COMPASSͱ
༻ٕज़
• PWA • Vue.js • Onsen UI • Python ༻ٕज़
࣮ࡍʹ৮ͬͯΈ͍ͯͩ͘͞
https://seattle.compass-travel.jp
Questions
Questions ϢʔβʔʹͲ͏ͬͯ PWAԽͯ͠Β͏ʁ
Questions Ͳ͏આ໌ͨ͠Β͍͍ʁ
Questions ͔ͯઆ໌͠ͳ͍͍ͯ͘ʁ
Questions PWAԽͨ͠ޙɺͲ͏ͬͯ Ξοϓσʔτ (Ωϟογϡͷߋ৽)Λଅ͢ʁ
Questions WebͷUXʁ AppͷUXʁ
Native APP → PWA Web → PWA ͍͖ͳΓPWA Native
Web͋Δ → PWAͭ͘Δ
Purpose
UX
Ϣʔβʔʹ ԿΛಧ͚͍͔ͨ
ීวతͳՁͳʹ͔
App Web Past
App Web Present
App Web Future
Apple Google Future ࢀߟURL:https://amzn.to/2H15k0p
Think for yourself and question authority. -Timothy Leary
facebook/shohei.koyama7
͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ