Update on apps distributed in the European Union - Support - Apple Developer
Introduction Apple is sharing changes to iOS, Safari, and the App Store, impacting developers’ apps in the European Union (EU) to comply with the Digital Markets Act (DMA). These changes create new options for developers, including how they can distribute apps on iOS, process payments, use web browser engines in iOS apps, request interoperability with iPhone and iOS hardware and software features,
Tabbed application mode for PWAs | Capabilities | Chrome for Developers
In the world of computing, the desktop metaphor is an interface metaphor that is a set of unifying concepts used by graphical user interfaces (GUI) to help users interact more easily with the computer. In keeping with the desktop metaphor, GUI tabs are modeled after traditional card tabs inserted in books, paper files, or card indexes. A tabbed document interface (TDI) or tab is a graphical contro
Customize the window controls overlay of your PWA's title bar | Articles | web.dev
How to use Window Controls Overlay Adding window-controls-overlay to the web app manifest A progressive web app can opt-in to the window controls overlay by adding "window-controls-overlay" as the primary "display_override" member in the web app manifest: { "display_override": ["window-controls-overlay"] } The window controls overlay will be visible only when all of the following conditions are sa
GitHub - shadowwalker/next-pwa: Zero config PWA plugin for Next.js, with workbox 🧰
This plugin is powered by workbox and other good stuff. 👋 Share your awesome PWA project 👉 here Features 0️⃣ Zero config for registering and generating service worker ✨ Optimized precache and runtime cache 💯 Maximize lighthouse score 🎈 Easy to understand examples 📴 Completely offline support with fallbacks example 🆕 📦 Use workbox and workbox-window v6 🍪 Work with cookies out of the box 🔉
Progressive Web Apps in multi-origin sites | Articles | web.dev
Progressive Web Apps in multi-origin sites Stay organized with collections Save and categorize content based on your preferences. Challenges and workarounds for building Progressive Web Apps in multi-origin sites. Background In the past, there were some advantages to using multi-origin architectures, but for Progressive Web Apps, that approach presents many challenges. In particular, the same-orig
こえのブログでのPWA ~ PWA編 ~ / PWA Night Vol.4
PWA Night vol.4 ～PWAのミライや活用方法をみんなで考えよう～の資料です。 https://pwanight.connpass.com/event/128434/
やっていこう。PWA
「PWA Night vol.4 ～PWAのミライや活用方法をみんなで考えよう～」にて登壇した発表資料です。 https://pwanight.connpass.com/event/128434
日経電子版とPWAのこれから / PWANight vol.2
PWANight vol.2でお話させていただきました。 https://pwanight.connpass.com/event/121473/?fbclid=IwAR1Icrg4cX-qMXJvY9b4tgY30GCX_0zt6D_R7jz3YqB6jrxRM8y3kcc9FP4 スライド内リンク - 日本経済新聞社は複数ページのPWAで新しいレベルの品質とパフォーマンスを実現 https://developers.google.com/web/showcase/2018/nikkei?hl=ja - Why Progressive Web Applications Are Not Single Page Applications https://love2dev.com/blog/pwa-spa - Sites vs. Apps defined: the Documents‐to‐Ap
アメブロ2019: こえのブログでのPWA | CyberAgent Developers Blog
こえのブログは「声で書くブログ、声で聴くブログ、声で観るブログ」をコンセプトに書き手、読み手双方にバージョンアップしたブログを提供するアメブロの新機能です。 投稿者は端末に向かって喋るだけで、その音声が活字化されブログとして公開できます。閲覧者は活字化された文字を通常のブログと同じように読めるほか、音声を聴きながらでもコンテンツ消費できます。 モバイル端末、テレビ端末やスマートスピーカーなどの普及により、今後ますます増えると予想される利用形態に対して、それぞれに適した形でコンテンツを提供できるように挑戦しています。 この記事では、技術的な側面を中心にこえのブログを紹介します。 こえのブログは、文字でも音声でもコンテンツ消費できるのが特徴です。読者の方へのメッセージや質問に回答など利用法は様々です。龍玄としさんやクロちゃんさんなど著名人の方の声も聴けます。 できる限りサーバーにアクセスしない
自社運営のWebアプリをPWA化した際にハマった話（OAuthなど） - APC 技術ブログ
はじめに 先進サービス開発事業部の高橋です。主にフロントエンド開発を担当しています。今回は私たちの部署で運営しているソーシャルRSSサービス「NEIGHBORS」をPWA化した際にやったことを書いていこうと思います。 NEIGHBORS | ひとりの興味をみんなの知識に とはいえ、比較的短期間で実装するという目標を掲げていたということもあり、プッシュ通知みたいなすごくネイティブっぽい機能は実装しておらず、キャッシュコントロールやホームに追加してアプリっぽく振る舞うといった比較的簡易な形で落ち着かせています。なので、この記事ではPWAの実装自体について詳しく記載していくというよりは、それまで動いていた機能がPWAというかServiceWorkerを使うことでうまく動かなくなった点に重きを置いています。 PWAとは PWA(Progressive Web App)とは、ざっくりいうと、Webア
OAuth2対応したPWAをiOSでホーム画面に追加すると認証が厳しい - yasutomogのブログ
概要 社内アプリをPWAで構築したときのはなし 社内の諸々はGoogleアカウントで管理しているので、認証はGoogleのOAuth2を使用 PWAはNuxt.jsを使って作成し、APIはPHPのLaravel（社内サイトがLaravelを使ってたので流用）を使って作成 Google OAuth 2.0 認証を使用 結論（感想） Nuxt.jsを使うことで、単純なPWA構築はSPAの開発経験者であればいける（キャッシュ機構、バックグラウンド実行、オンラインとオフラインの切替時の制御とか、この辺のナレッジを溜めることでPWA経験者としての優位性が出てくると思う） OAuth2を使用する場合、認証画面を開くときに単純なリダイレクト（ブラウザの別タブで表示される）にするよりかは、window.openで認証画面を開き、認証成功時にwindowを自動で閉じるような流れにするほうが、UI/UX的にい
PWA導入の成果と課題 / nikkei-pwa-html5conf2018 - Speaker Deck
HTML5 Conference 2018 https://events.html5j.org/conference/2018/11/ で発表したPWAに関するスライドです。 [日経電子版 サイト高速化とPWA対応] https://speakerdeck.com/sisidovski/nikkei-high-performance-pwa [Nikkei achieves a new level of quality and performance with their multi-page PWA] https://developers.google.com/web/showcase/2018/nikkei [「改めまして、Progressive Web Appsと申します」── Web UXの新たな基準を考える] https://html5experts.jp/uskay/25391
SuperPWA - Super Progressive Web Apps Plugin for WordPress Website
Ready to take your website to the next level? SuperPWA instantly converts your website into a fully functional mobile app. No code edit needed. Get SuperPWA Now Progressive Web Apps (PWA) is a new technology that creates a middle ground between a website and a mobile app. They are installed on the phone like a normal app (web app) and can be accessed from the home screen. Users can come back to yo
PWA: Progressive Web All-the-things
PWA. Progressive Web Apps. Frances Berriman and Alex Russell coined the term "progressive web apps" in 2015 with what I think is a seminal post "Progressive Web Apps: Escaping Tabs Without Losing Our Soul". 3 years later, we've come a long way. From a loose collection of technologies - Service Worker, Manifest, Add to Homescreen, Web Push - that were originally only implemented in one browser engi
A one year PWA retrospective
Zack Argyle | Engineering manager, Core Experience The idea of building a “Progressive Web App” (PWA) is not new, but its definition has changed with the emergence of key technologies like service workers. Now it’s finally possible to build great experiences in a mobile browser. Being an early adopter can be scary, so we’d like to share a brief overview of our experience building one of the world’
PWACompat - the Web App Manifest for all browsers | Blog | Chrome for Developers
You've designed a web app, wrote its code and service worker, and finally added the Web App Manifest to describe how it should behave when 'installed' on a user's device. This includes things like high-resolution icons to use for e.g. a mobile phone's launcher or app switcher, or how your web app should start when opened from the user's home screen. And while many browsers will respect the Web App
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Detection | web.dev
Learn PWA | web.dev
The modern PWA Cheat Sheet by Maximiliano Firtman | JSConf EU 2019
Appscope
