Update on apps distributed in the European Union - Support - Apple Developer
Introduction Apple is providing changes to iOS, Safari, and the App Store, that impact developers’ apps in the European Union (EU) to comply with the Digital Markets Act (DMA). They create additional options for developers, including how they can distribute apps on iOS, process payments, use web browser engines in iOS apps, request interoperability with hardware and software features, access data
PWAs on Oculus Quest 2  | Articles  | web.dev
PWAs on Oculus Quest 2 Stay organized with collections Save and categorize content based on your preferences. The Oculus Quest 2 is a virtual reality (VR) headset created by Oculus, a division of Meta. Developers can now build and distribute 2D and 3D Progressive Web Apps (PWA) that take advantage of Oculus Quest 2's multitasking feature. The Oculus Quest 2 The Oculus Quest 2 is a virtual reality
Google pauses plan to break your PWA
A month ago, I published Your PWA is going to break in August 2021 to help developers deal with the then-upcoming changes in Chrome 93 that popped up in everyone’s browser console “Page does not work offline. Starting in Chrome 93, the installability criteria is changing, and this site will not be installable.†Google is backing offGreat news! A few days ago, Google decided to pause their plans. A
mozaic.fm v3 リリース㨠Podcast 㮠PWA 化 | blog.jxck.io
Intro mozaic.fm をリニューアル㗠v3 ã¨ã—ã¦ãƒªãƒªãƒ¼ã‚¹ã—ãŸã€‚ 今回ã®æ›´æ–°ã¯ä»¥ä¸‹ã®ã‚ˆã†ãªå¤‰æ›´/ä¿®æ£ã‚’実施ã—ã¦ã„る。 PWA 化 before install prompt Background Fetch Periodic Background Sync Content Index API Badging API Player UI ã®åˆ·æ–° Pure Webcomponents Media Session API WAI-ARIA Portal Preview Screen Wake Lock Security CSP v3 (not Report-Only) Cross Origin Resource Policy Cross Origin Opener Policy Cross Origin Embedder Policy Expect-CT NEL Referrer P
Periodic Background Sync
LT about periodic background sync at #remo_study
The story of Marp Next: 次世代㮠Marp ã¸ã®å–り組㿠- Speee DEVELOPER BLOG
プãƒã‚¸ã‚§ã‚¯ãƒˆæŽ¨é€²å®¤ã®æœéƒ¨ (@yhatt) ã§ã™ã€‚ ã“ã®è¨˜äº‹ã¯ Marp å…¬å¼ãƒ–ãƒã‚° ã®è¨˜äº‹ "The story of Marp Next" をベースã«ã€æ„訳ã¨ä¸€éƒ¨åŠ ç†ãƒ»ä¿®æ£ã‚’è¡Œã£ãŸã‚‚ã®ã§ã™ã€‚ç¾åœ¨ã‚ªãƒ¼ãƒ—ンソースã§é–‹ç™ºã«å–り組んã§ã„ã‚‹ã€æ¬¡ä¸–代㮠Marp（通称 Marp Next）ã¸ã®å–り組ã¿ã«ã¤ã„ã¦ã€ç¾åœ¨ã®çŠ¶æ³ã‚’ãŠä¼ãˆã§ãã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ marp.app ã¯ã˜ã‚ã« tech.speee.jp Marp ã®æœ€åˆã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯ã€ãŠã‚ˆã 3 å¹´å‰ã«å€‹äººé–‹ç™ºã®æˆæžœã¨ã—ã¦å…¬é–‹ã•ã‚Œã¾ã—ãŸã€‚プレゼンテーションスライドライターã¨ã—ã¦ã®ä¾¡å€¤ãŒèªçŸ¥ã•ã‚Œã€ GitHub ã§ã¯ âï¸ 8000 over ã®ãƒ„ールã«æˆé•·ã—ã€ã‚¹ãƒ©ã‚¤ãƒ‰ä½œæˆã®ãŸã‚ã®ã‚ªãƒ¼ãƒ—ンソースアプリケーションã¨ã—ã¦ã€ä¸€å®šã®æˆåŠŸã‚’åŽã‚ã‚‹ã“ã¨ãŒã§ãã¾ã—ãŸã€‚ 多ãã®è¦æœ›ã‚„フィードãƒãƒƒã‚¯ã‚’ Marp ã«é ‚ãã¾ã—ãŸãŒã€Marp ã¯é–‹ç™ºã®ãƒ¡ãƒ³ãƒ†ãƒŠãƒ“リティãŒä½Ž
アーã‚テクãƒãƒ£  | web.dev
PWA ã®ä¿¡é ¼æ€§ã€ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«å¯èƒ½æ€§ã€æ©Ÿèƒ½æ€§ã‚’高ã‚るテクノãƒã‚¸ãƒ¼ã‚’最大é™ã«æ´»ç”¨ã§ãるよã†ã«ã‚¢ãƒ—リケーションをè¨è¨ˆã™ã‚‹ã«ã¯ã€ã¾ãšã€ã‚¢ãƒ—リケーションã¨ãã®åˆ¶ç´„ã‚’ç†è§£ã—ã€ä¸¡è€…ã«é©ã—ãŸã‚¢ãƒ¼ã‚テクãƒãƒ£ã‚’é¸æŠžã—ã¾ã™ã€‚ SPA 㨠MPA ã®æ¯”較 ç¾åœ¨ã€ã‚¦ã‚§ãƒ–開発ã«ã¯ã€ã‚·ãƒ³ã‚°ãƒ«ãƒšãƒ¼ã‚¸ アプリ（SPA）ã¨ãƒžãƒ«ãƒãƒšãƒ¼ã‚¸ アプリ（MPA）㮠2 ã¤ã®ä¸»è¦ãªã‚¢ãƒ¼ã‚テクãƒãƒ£ パターンãŒã‚ã‚Šã¾ã™ã€‚ シングルページ アプリã¨ã¯ã€ã‚¢ãƒ—リãŒå–å¾—ã¾ãŸã¯æä¾›ã™ã‚‹ãƒ‡ãƒ¼ã‚¿ã«åŸºã¥ã„ã¦ã€ãƒšãƒ¼ã‚¸ã® HTML レンダリングã®ã»ã¨ã‚“ã©ã¾ãŸã¯ã™ã¹ã¦ã‚’クライアントå´ã® JavaScript ã«åˆ¶å¾¡ã•ã›ã‚‹ã“ã¨ã§å®šç¾©ã•ã‚Œã¾ã™ã€‚アプリã¯ãƒ–ラウザã®çµ„ã¿è¾¼ã¿ãƒŠãƒ“ゲーションをオーãƒãƒ¼ãƒ©ã‚¤ãƒ‰ã—ã¦ã€ãƒ«ãƒ¼ãƒ†ã‚£ãƒ³ã‚°ã¨ãƒ“ューã®å‡¦ç†æ©Ÿèƒ½ã«ç½®ãæ›ãˆã¾ã™ã€‚ マルãƒãƒšãƒ¼ã‚¸ アプリã¯é€šå¸¸ã€ãƒ—リレンダリングã•ã‚ŒãŸ HTML をブラウザã«ç›´æŽ¥é€ä¿¡ã—ã¾ã™ã€‚多ãã®å ´åˆã€ãƒ–ラウザãŒ
App Shell モデルã®ç´ 振り（å‰ç·¨ï¼‰webpack 㨠Workbox を利用ã—ãŸæ§‹ç¯‰
App Shell モデルã¨ã„ã†è¨è¨ˆãƒ‘ターン App Shell モデルã¯ã€å…±é€šã®ã‚¬ãƒ¯éƒ¨åˆ†ã‚’構æˆã™ã‚‹ HTMLã€CSSã€JavaScript をシェルã¨å®šç¾©ã—ã€ãã®ä¸ã«å…¥ã‚‹å‹•çš„ãªã‚³ãƒ³ãƒ†ãƒ³ãƒ„部分ã¨æ§‹é€ çš„ã«åˆ†é›¢ã—ã¦æ‰±ãˆã‚‹ã‚ˆã†ã«è¨è¨ˆã•ã‚Œã¾ã™ã€‚ アプリケーション シェル（App Shell）アーã‚テクãƒãƒ£ã¯ã€ãƒã‚¤ãƒ†ã‚£ãƒ– アプリã®ã‚ˆã†ã«çž¬æ™‚ã«ã€ãã—ã¦ç¢ºå®Ÿã«ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ç”»é¢ã«èªã¿è¾¼ã‚ã‚‹ Progressive Web App を構築ã™ã‚‹æ–¹æ³•ã® 1 ã¤ã§ã™ã€‚ アプリã®ã€Œã‚·ã‚§ãƒ«ã€ã¨ã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ インターフェースãŒæ©Ÿèƒ½ã™ã‚‹ãŸã‚ã«å¿…è¦ãªæœ€å°é™ã® HTMLã€CSSã€JavaScript ã§ã™ã€‚ã“れらをオフラインã§ä½¿ç”¨ã§ãるよã†ã«ã‚ャッシュã—ã¦ãŠãã“ã¨ã§ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒåŒã˜ãƒšãƒ¼ã‚¸ã«å†ã‚¢ã‚¯ã‚»ã‚¹ã—ãŸéš›ã«ã€çž¬æ™‚ã«é«˜ã„パフォーマンス ãŒç™ºæ®ã•ã‚Œã¾ã™ã€‚ã¤ã¾ã‚Š App Shell ã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹ãŸã³ã«ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã‹ã‚‰ã™
日経電å版ã®ãƒžã‚¤ã‚¯ãƒãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã¨PWA / devsum2019
日経電å版ã®æœ€è¿‘ã®å–り組ã¿ã‚’マイクãƒãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã¨PWAã«çµ¡ã‚ã¦ç´¹ä»‹ã—ã¾ã™ã€‚（Developers Summit 2019ã§ãŠè©±ã—ãŸå†…容ã§ã™ï¼‰
Shipping PWAs as Chrome Extensions
Sam Thorogood for Google Web Dev Posted on Aug 18, 2018 • Updated on Jun 20, 2019 Progressive Web Apps, or PWAs, are basically a type of website that works offline and may include native app-like features. But realistically, the PWA moniker is something you tell your boss, your investor, whoever, so they can conceptualize this web thing that you're building. So you've built a PWA, created your ser
amp-script ã®å®Ÿç”¨æ€§ã«ã¤ã„ã¦è€ƒãˆã‚‹ - mizchi's blog
AMP Conf 全体ã®æ„Ÿæƒ³ã¯å¾Œå›žã—ã«ã—ã¦(書ã‹ãªã„ã‹ã‚‚)〠amp-script ã«ã¤ã„㦠å˜ã«ä½¿ã£ã¦ã¿ãŸã„人㯠AMP ã§ä»»æ„ã® JS を実行ã§ãã‚‹ amp-script を試ã—ã¦ã¿ãŸ - Qiita ã‚„ https://github.com/mizchi-sandbox/amp-script-preact 㧠最åˆã« 僕㮠amp ã«å¯¾ã™ã‚‹ã‚¹ã‚¿ãƒ³ã‚¹ã¯ http://ampletter.org/?lang=ja ã«ç¤ºã•ã‚ŒãŸæ‡¸å¿µã¨ã ã„ãŸã„åŒã˜ã§ã€åŸºæœ¬çš„ã«AMPã¯é‚ªæ‚ªãªã‚‚ã®ã€ç¾ä»£ã®ã‚¦ã‚§ãƒ–ã®äº‹æƒ…を考慮ã™ã‚‹å¿…è¦æ‚ªã¨æ‚ªã®ä¸é–“ãらã„ã ã¨æ€ã£ã¦ãŠã‚Šã€ãã‚Œã¨åŒæ™‚ã«æ¥µç«¯ã«ãƒªã‚½ãƒ¼ã‚¹ãŒåˆ¶ç´„ã•ã‚ŒãŸãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ç’°å¢ƒã¨ã„ã†ã‚‚ã®ãŒå¥½ãã§ã€ãã†ã„ã†ç‚¹ã§ AMP ç”±æ¥ã®æŠ€è¡“を追ã£ã¦ã„ã‚‹ã€ã¨ã„ã†ç«‹å ´ã€‚ amp-script ã«ã¤ã„ã¦çŸ¥ã£ã¦ã„ã‚‹ã“㨠全然ドã‚ュメントãªã„ã®ã§ã€ã‚³ãƒ¼ãƒ‰èªã‚“ã§ã€æ›¸ã„ã¦ã€è§¦ã£ã¦ã€ã‚ã¨ä¸ã®äººé”ã«ç›´
Scrapboxã€Android版PWAã«å¯¾å¿œã€‚Android端末ã‹ã‚‰è¶…高速ã§Scrapboxを利用ã§ãるよã†ã«ã€‚
Scrapboxã€Android版PWAã«å¯¾å¿œã€‚Android端末ã‹ã‚‰è¶…高速ã§Scrapboxを利用ã§ãるよã†ã«ã€‚ Scrapboxã®Android版ã®PWA(Progressive Web App)をリリースã—ã¾ã—ãŸã€‚ã“ã‚Œã«ã‚ˆã‚Šã€Android端末ã«ãŠã„ã¦ScrapboxãŒé«˜é€Ÿã§èµ·å‹•ã—ã€ã•ãã•ã利用ã§ãるよã†ã«ãªã‚Šã¾ã—ãŸã€‚ 使ã„æ–¹ ブラウザã‹ã‚‰Â https://scrapbox.io ã«ã‚¢ã‚¯ã‚»ã‚¹ã—ã€ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‹ã‚‰ã€Œãƒ›ãƒ¼ãƒ ç”»é¢ã«è¿½åŠ ã€ã‚’é¸ã‚“ã§ãã ã•ã„。ã“ã‚Œã§ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã¯å®Œäº†ã§ã™ã€‚ ã™ã§ã«Android端末ã§Scrapboxをホーム画é¢ã«è¿½åŠ ã—ã¦ã„ã‚‹æ–¹ã¯ä¸€åº¦å‰Šé™¤ã—ã¦ãã ã•ã„。 Scrapbox PWA化ã®ãƒ¡ãƒªãƒƒãƒˆ ãƒã‚¤ãƒ†ã‚£ãƒ–アプリã®ã‚ˆã†ã«ã•ãã•ãå‹•ã 起動～記事閲覧ã¾ã§ã€ãƒã‚¤ãƒ†ã‚£ãƒ–アプリã®ã‚ˆã†ã«ã•ãã•ã高速ã«å‹•ãã¾ã™ã€‚オフラインã§ã®è¨˜äº‹é–²è¦§ã‚‚å¯èƒ½ã§ã™ã€‚オフラインã®æ›¸ãè¾¼ã¿ã«ã¤ã„ã¦ã¯ã€ä»Šå¾Œå¯¾å¿œ
アメブãƒ2019: ã“ãˆã®ãƒ–ãƒã‚°ã§ã®PWA | CyberAgent Developers Blog
ã“ãˆã®ãƒ–ãƒã‚°ã¯ã€Œå£°ã§æ›¸ãブãƒã‚°ã€å£°ã§è´ãブãƒã‚°ã€å£°ã§è¦³ã‚‹ãƒ–ãƒã‚°ã€ã‚’コンセプトã«æ›¸ã手ã€èªã¿æ‰‹åŒæ–¹ã«ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ã—ãŸãƒ–ãƒã‚°ã‚’æä¾›ã™ã‚‹ã‚¢ãƒ¡ãƒ–ãƒã®æ–°æ©Ÿèƒ½ã§ã™ã€‚ 投稿者ã¯ç«¯æœ«ã«å‘ã‹ã£ã¦å–‹ã‚‹ã ã‘ã§ã€ãã®éŸ³å£°ãŒæ´»å—化ã•ã‚Œãƒ–ãƒã‚°ã¨ã—ã¦å…¬é–‹ã§ãã¾ã™ã€‚閲覧者ã¯æ´»å—化ã•ã‚ŒãŸæ–‡å—を通常ã®ãƒ–ãƒã‚°ã¨åŒã˜ã‚ˆã†ã«èªã‚ã‚‹ã»ã‹ã€éŸ³å£°ã‚’è´ããªãŒã‚‰ã§ã‚‚コンテンツ消費ã§ãã¾ã™ã€‚ モãƒã‚¤ãƒ«ç«¯æœ«ã€ãƒ†ãƒ¬ãƒ“端末やスマートスピーカーãªã©ã®æ™®åŠã«ã‚ˆã‚Šã€ä»Šå¾Œã¾ã™ã¾ã™å¢—ãˆã‚‹ã¨äºˆæƒ³ã•ã‚Œã‚‹åˆ©ç”¨å½¢æ…‹ã«å¯¾ã—ã¦ã€ãã‚Œãžã‚Œã«é©ã—ãŸå½¢ã§ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æä¾›ã§ãるよã†ã«æŒ‘戦ã—ã¦ã„ã¾ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€æŠ€è¡“çš„ãªå´é¢ã‚’ä¸å¿ƒã«ã“ãˆã®ãƒ–ãƒã‚°ã‚’紹介ã—ã¾ã™ã€‚ ã“ãˆã®ãƒ–ãƒã‚°ã¯ã€æ–‡å—ã§ã‚‚音声ã§ã‚‚コンテンツ消費ã§ãã‚‹ã®ãŒç‰¹å¾´ã§ã™ã€‚èªè€…ã®æ–¹ã¸ã®ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã‚„質å•ã«å›žç”ãªã©åˆ©ç”¨æ³•ã¯æ§˜ã€…ã§ã™ã€‚é¾çŽ„ã¨ã—ã•ã‚“やクãƒã¡ã‚ƒã‚“ã•ã‚“ãªã©è‘—å人ã®æ–¹ã®å£°ã‚‚è´ã‘ã¾ã™ã€‚ ã§ãã‚‹é™ã‚Šã‚µãƒ¼ãƒãƒ¼ã«ã‚¢ã‚¯ã‚»ã‚¹ã—ãªã„
Progressive Web Apps  | web.dev
Capabilities that enable app experiences, built and deployed on the web. In this collection, you'll learn what makes a Progressive Web App special, how they can affect your business, and how to build them. For a course that breaks down every aspect of modern progressive web app development, check out Learn PWA.
Shape Detection API + PWAã§ãƒ–ラウザã‹ã‚‰ãã®ã¾ã¾ä½¿ãˆã‚‹ãƒãƒ¼ã‚³ãƒ¼ãƒ‰ãƒªãƒ¼ãƒ€ãƒ¼ã‚¢ãƒ—リを作ã£ã¦ã¿ã‚‹ - Qiita
ラクス Advent Calendar 2018 繋ãŽã®3番ãƒãƒƒã‚¿ãƒ¼ã§ã™ã€‚ 今回ã¯Chrome 70ã‹ã‚‰å®Ÿé¨“çš„ã«ä½¿ãˆã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã‚‹Shape Detection APIã«ã¤ã„ã¦ã¾ã¨ã‚ã¦ã¿ã¾ã™ã€‚使ã£ã¦ã¿ã‚‹ã¨æ„外ã¨å®Ÿç”¨çš„ã ã£ãŸã®ã§PWA化ã—ã¦ãƒ–ラウザã ã‘ã§ã‚¹ãƒžãƒ›ã‚¢ãƒ—リ相当ã®ã“ã¨ãŒå®Ÿç¾ã§ããã†ãªã“ã¨ã‚‚検証ã—ã¦ã¿ã¾ã—ãŸã€‚ Shape Detection APIã¨ã¯ Webã®æ–°ã—ã„技術ã®æ™®åŠã‚’推進ã™ã‚‹å›£ä½“ã® WICG ãŒä»•æ§˜ç–定を進ã‚ã¦ã„ã‚‹JavaScriptã®APIã§ã™ã€‚ Accelerated Shape Detection in Images ã¾ã Editor's Draft（è‰æ¡ˆãƒ¬ãƒ™ãƒ«ï¼‰ã§ã™ãŒä»¥ä¸‹ã®3ã¤ã®äº‹ãŒã§ãã¾ã™ã€‚ Face Detection（顔検出） Barcode Detection（ãƒãƒ¼ã‚³ãƒ¼ãƒ‰ã‚¹ã‚ャン） Text Detection（テã‚ストèªè˜ï¼‰ Shape Detecti
Google Play Store now open for Progressive Web Apps 😱
Disclaimer: I’m not affiliated with Google Play, Chrome or any other company mentioned. This is not an official statement; usage of the logo and name is just for illustration.âš ï¸ Updated version of this article â© firt.dev Chrome 72 for Android shipped the long-awaited Trusted Web Activity feature, which means we can now distribute PWAs in the Google Play Store! I played with the feature for a while
Progressive Web App Progress in iOS 12.2 Beta 1 (Build 16E5181f)
As a regular (and passionate) iOS user with a strong belief in the Web, I beta-test any and all new iOS builds as soon as I can get my hands on them. My main motivation is to see how they do when it comes to Progressive Web App features. Each new iOS version comes with a new version of Safari, yet changes in Safari tend to almost never get highlighted in the iOS release notes (and the 12.2 beta 1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
GitHub - w3c/webappswg: Web Applications Working Group
194593 – Add support for Web Share Target API
Microsoftã€ã€ŒPWABuilder 2.0ã€ã‚’リリース ～既å˜ã‚µã‚¤ãƒˆã®â€œPWAâ€ç§»è¡Œã‚’支æ´ï¼ãƒ‡ã‚¶ã‚¤ãƒ³ã®åˆ·æ–°ã‚„“Feature Storeâ€ã®æ–°è¨ãªã©ã€‚「PWABuilder 2.1ã€ã‚‚開発ä¸
{{#tags}}- {{label}}
{{/tags}}