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
Jasprが凄い話
hyshu
0
180
[JAWS DAYS 2025] 最近の DB の競合解決の仕組みが分かった気になってみた
maroon1st
0
160
ML.NETで始める機械学習
ymd65536
0
240
クックパッド検索システム統合/Cookpad Search System Consolidation
giga811
0
130
PHPのバージョンアップ時にも役立ったAST
matsuo_atsushi
0
230
新宿駅構内を三人称視点で探索してみる
satoshi7190
2
120
Generating OpenAPI schema from serializers throughout the Rails stack - Kyobashi.rb #5
envek
1
420
未経験でSRE、はじめました! 組織を支える役割と軌跡
curekoshimizu
1
200
機能が複雑化しても 頼りになる FactoryBotの話
tamikof
1
240
DRFを少しずつ オニオンアーキテクチャに寄せていく DjangoCongress JP 2025
nealle
2
290
Better Code Design in PHP
afilina
0
180
.NET Frameworkでも汎用ホストが使いたい!
tomokusaba
0
210
Featured
See All Featured
Embracing the Ebb and Flow
colly
84
4.6k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
30
2.3k
Fireside Chat
paigeccino
35
3.2k
Thoughts on Productivity
jonyablonski
69
4.5k
The Power of CSS Pseudo Elements
geoffreycrofte
75
5.5k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
7.1k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
27
1.9k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.5k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
100
18k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
40
2k
Fashionably flexible responsive web design (full day workshop)
malarkey
406
66k
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
͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ