ã“ãˆã®ãƒ–ãƒã‚°ã§ã®PWA ~ 開発ç¾å ´ç·¨ ~ / Koe-No-Blog PWA
Frontrend × Bonfire Frontend (https://frontrend.connpass.com/event/124995/) ã§ã®ç™ºè¡¨è³‡æ–™ã§ã™ã€‚ 「ã“ãˆã®ãƒ–ãƒã‚°ã€ã¯ã‚¢ãƒ¡ãƒ–ãƒã«è¿½åŠ ã•ã‚ŒãŸéŸ³å£°é…信機能ã§ã™ã€‚新機能開発ã«ãŠã‘る技術é¸å®šã€é–‹ç™ºãƒ•ãƒãƒ¼ã‚„ドã‚ュメント作æˆãªã©ã€Œé–‹ç™ºç¾å ´â€¦
ã„ã¾ã•ã‚‰èžã‘ãªã„PWAã¨AMP - Qiita
æ¦‚è¦ PWA = モãƒã‚¤ãƒ«ã®WEBページã§ãƒã‚¤ãƒ†ã‚£ãƒ–アプリã®ã‚ˆã†ãªUXã‚’æä¾›ã™ã‚‹ãŸã‚ã®ã‚‚㮠※ 2020/04/05 追記: PWAã«é–¢ã™ã‚‹ä»•æ§˜ã®ç–定当åˆã¯ãƒ¢ãƒã‚¤ãƒ«ã§ã®ãƒ¦ãƒ¼ã‚¹ã‚±ãƒ¼ã‚¹ãŒä¸»ã ã£ãŸã¨è¨˜æ†¶ã—ã¦ã„ã¾ã™ãŒã€PWAã¯ãƒ¢ãƒã‚¤ãƒ«ã«é™å®šã•ã‚ŒãŸã‚‚ã®ã§ã¯ãªãã€å®Ÿéš›ã«ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã§ã®æ´»ç”¨ä¾‹ã‚‚増ãˆã¦ã„ã¾ã™ã€‚å‚考: PWAs: building bridges to mobile, desktop, and native (Google I/O '18) AMP = モãƒã‚¤ãƒ«ã®WEBページを高速化ã™ã‚‹ãŸã‚ã®ã‚‚ã® ã©ã¡ã‚‰ã‚‚GoogleãŒä¸»è»¸ã¨ãªã£ã¦ç–定ã•ã‚Œã¦ã„ã‚‹ã€ãƒ¢ãƒã‚¤ãƒ«ãƒšãƒ¼ã‚¸ã‚’進化ã•ã›ã‚‹ãŸã‚ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆãŠã‚ˆã³æŠ€è¡“。ãƒã‚¤ãƒ†ã‚£ãƒ–アプリã®ä»£æ›¿æŠ€è¡“ã§ã¯ãªãã€ãƒ–ラウザAPIã®é€²åŒ–ã«ã‚ˆã£ã¦ãƒã‚¤ãƒ†ã‚£ãƒ–アプリã®ã‚ˆã†ãªUXをウェブページã§æä¾›ã™ã‚‹ã“ã¨ãŒä¸»çœ¼ã€‚ 1. PWAã¨ã¯ Progressive Web Appsã®
Chrome ã« PWA for Desktop ãŒæ¥ã¦ã„ãŸã®ã§ next-editor ã§è©¦ã—㟠- mizchi's blog
追記: Canary ã˜ã‚ƒãªãã¦ã‚‚ã„ã„らã—ã„ã®ã§ã‚¿ã‚¤ãƒˆãƒ«ä¿®æ£ã—ãŸã€‚ãŒâ€¦å®Ÿè£…å…·åˆã¯ã‚ˆãã‚ã‹ã‚‰ãªã„ 今年ä¸ã«æ¥ã‚‹ã¨ã¯èžã„ã¦ã„ãŸã‚„ã¤ã€‚è¦ã¯ã‚¦ã‚§ãƒ–アプリを デスクトップアプリ化ã™ã‚‹ã€‚Electron ã¨é•ã£ã¦ Chrome ã® Sandbox ã¨åŒã˜æ¨©é™ã§å‹•ã„ã¦ã„ã‚‹ Twitter Lite をデスクトップ PWA ã«ã—ã¦ä½¿ã£ã¦ã‚‹ã‚“ã ã‘ã©ã€æœ€ & 高ã§ã™ã€‚ Mac ã 㨠Chrome Canary 㧠enable-desktop-pwas ã®ãƒ•ãƒ©ã‚°ã‚’ç«‹ã¦ã‚‹ã¨ä½¿ãˆã¾ã™ã€‚ pic.twitter.com/0TPhe8gyQL— Eiji Kitamura / ãˆãƒ¼ã˜ (@agektmr) 2018å¹´7月12æ—¥ ã¡ãªã¿ã« Chrome Canary + フラグã¯ä¸Šç´šè€…å‘ã‘ãªã®ã§ã€è‡ªèº«ã®ãªã„æ–¹ã¯ã„ã¾ã—ã°ã‚‰ããŠå¾…ã¡ä¸‹ã•ã„。ãã®ã†ã¡å®‰å®šç‰ˆã§æ™®é€šã«ä½¿ãˆã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚— Eiji Kitamura / ãˆãƒ¼
A Tinder Progressive Web App Performance Case Study
Addy Osmani (@addyosmani) is an Engineering Manager working with the Chrome and Web Developer Relations teams at Google. He's written open-source books like 'Learning JavaScript Design Patterns' and 'Essential Image Optimization' and created open-source projects like Yeoman, HNPWA and Critical. You can find more of his work on web performance over on his Medium channel. Tinder recently swiped righ
ãªãœ dev.to ãŒã“ã‚“ãªã«ã‚‚速ãã€ã“ã‚“ãªã«ã‚‚自分ã«ã¨ã£ã¦æ„Ÿå‹•çš„ãªã®ã‹
最åˆã«ã„ã£ã¦ãŠã。ã“ã‚Œã¯è² ã‘惜ã—ã¿ã 。 SPAã¨PWAã®ç¾çŠ¶ 自分ã¯æ—¥æœ¬ã§Reactã®å‹æ‰‹ã‚¨ãƒ´ã‚¡ãƒ³ã‚¸ã‚§ãƒªã‚¹ãƒˆã¿ãŸã„ãªã“ã¨ã‚’ã‚„ã£ã¦ã„ã¦ã€SPAã®é‡ã‚ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„をよã作ã£ã¦ã‚‹ã‹ã‚‰ã‹ã€ã€ŒãŠå‰ã‚‰ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’物事をややã“ã—ãã—ã¦ã€é‡ã„ページをé‡ç”£ã—ã¦ã‚¦ã‚§ãƒ–を劣化ã•ã›ã¦ã‚‹ã˜ã‚ƒãªã„ã‹ï¼ã€ã¿ãŸã„ãªæ‰¹åˆ¤ã‚’ã€å指ã—ã§ã‚ˆãå—ã‘る。ãªã‚“ã§åƒ•ã«ã„ã†ã‹ã‚ã‹ã‚‰ãªã„ã‘ã©ã€React = SPA ã¿ãŸã„ãªã‚¤ãƒ¡ãƒ¼ã‚¸ã§ã‚¹ã‚±ãƒ¼ãƒ—ゴートã«ã•ã‚Œã¦ã‚‹ã‚“ã ã‚ã†ã€‚ãã‚Œã¯ã¾ã‚ã„ã„。 自分ã®ä»•äº‹ã§SPA技術を使ã†ã¨ã“ã‚ã¯ã€ã¡ã‚ƒã‚“ã¨å¿…è¦æ€§ã‚‚ã‚ã‚‹ã—ç†ç”±ã‚‚説明ã§ãる。ãŸã ã€ã‚„ã¯ã‚Šè¿‘å¹´ã®è¤‡é›‘化/é‡é‡åŒ–ã«ã¤ã„ã¦æ€ã†ã¨ã“ã‚ã¯ã‚ã‚‹ã®ã§ã€é€†ã«æŒ¯ã£ã¦ AMP/PWA ã¨ã„ã†é¸æŠžè‚¢ã‚’æŒã£ã¦ãŠããŸãã¦ã€æ£ç›´è¨€ã†ã¨ä¾é ¼ã•ã‚ŒãŸR&Dã®ä»•äº‹ã§ã‚‚ã‚ã£ãŸã‚“ã ã‘ã©ã€ä¸€é€šã‚Šè¦šãˆãŸã€‚ãªã‚“ã ã‘ã©ã€ä»Šã®ã¨ã“ã‚仕事ã§ä½¿ã†ã‚¿ã‚¤ãƒŸãƒ³ã‚°ãŒãªã„。 PWA技術を仕事ã§ä½¿ãˆãªã‹ã£ãŸç†ç”±ã¨ã—ã¦
Instant Loading Web Apps with an Application Shell Architecture  | Blog  | Chrome for Developers
An application shell is the minimal HTML, CSS, and JavaScript powering a user interface. The application shell should: load fast be cached dynamically display content An application shell is the secret to reliably good performance. Think of your app's shell like the bundle of code you'd publish to an app store if you were building a native app. It's the load needed to get off the ground, but might
Progressive Web Apps: Escaping Tabs Without Losing Our Soul - Infrequently Noted
Alex Russell on browsers, standards, and the process of progress. It happens on the web from time to time that powerful technologies come to exist without the benefit of marketing departments or slick packaging. They linger and grow at the peripheries, becoming old-hat to a tiny group while remaining nearly invisible to everyone else. Until someone names them. This may be the inevitable consequenc
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
åŠ é€Ÿã™ã‚‹ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã¨PWA
{{#tags}}- {{label}}
{{/tags}}