Appleが「iOS 17.4でのPWA廃止」を撤回すると発表
2024年2月の頭頃から、AppleがiOS 17.4のベータ版で「プログレッシブウェブアプリ(PWA)」のサポートを廃止していることが明らかになっています。AppleはPWAのサポート廃止について、欧州連合(EU)のデジタル市場法に準拠するためと説明していたのですが、多くの批判にさらされた末、サポート廃止を撤回すると発表するに至りました。 iOS 17.4 won't remove Home Screen web apps in the EU after all - 9to5Mac https://9to5mac.com/2024/03/01/apple-home-screen-web-apps-ios-17-eu/ iPhoneは長らくPWAをサポートしており、これによりモバイルアプリと同じようにウェブ上のアプリをホーム画面に追加して利用することができるようになっています。iOSでのP
Appleは自らがPWAを廃止した行為を「EUのせい」と責任転嫁しようとしているとの指摘
ウェブサイト上で利用できるサービスを端末上で再現する「プログレッシブウェブアプリ(PWA)」のサポートを、Appleは何の前触れもなく廃止しました。これはEUで施行されたデジタル市場法(DMA)に準拠するためだったのですが、そのようなAppleの言い分は言い訳に過ぎず、競合他社を蹴落とす狙いがあるとして、ChromeやEdgeの開発をリードしてきたアレックス・ラッセル氏が強く非難しています。 Home Screen Advantage - Infrequently Noted https://infrequently.org/2024/02/home-screen-advantage/ iOS 17.4のベータ版においてPWAのサポートが廃止されていることが明らかになったのは2024年2月初旬のこと。後にAppleから「DMAによりWebKit以外のブラウザエンジンをiOSで許可することに
AppleがiOS 17.4のベータ版でPWAのサポートを削除していることが明らかに
Appleは長年にわたり、ウェブサイトをiPhoneのホーム画面に追加することでウェブアプリとして使用できる「プログレッシブウェブアプリ」(PWA)と呼ばれる機能を導入していました。しかし、iOS 17.4のベータ版において、PWAのサポートが削除されていることが報告されています。 Did Apple just break Web Apps in iOS 17.4 Beta (EU)? - Open Web Advocacy https://open-web-advocacy.org/blog/did-apple-just-break-web-apps-in-ios17.4-beta-eu/ iOS 17.4 seems to remove web app support in the EU https://9to5mac.com/2024/02/08/ios-17-4-web-app-e
PWA Night vol.57 ～認証・認可〜 にてパスキーの話をしました - r-weblife
ritou です。 これで話しました。 pwanight.connpass.com 発表資料と発表内容を公開します。 発表資料 speakerdeck.com 発表内容 台本チラ見しながら話したので実際にはこのとおりになってなかった部分もあります。 今日は、パスキーについて話します。 細かい自己紹介は省略します。 色々宣伝したいものがありますがブログに書きます。 今日の内容ですが、初めにパスキーの概要についてざっと触れます。 続いてWebアプリケーションにパスキーを導入するとなった場合にどこから手をつけるべきかというところに触れた後、一番の悩みどころになりそうなログインのUI/UXについて紹介します。 概要からいきましょう。 パスキーの紹介記事もたくさん出ているので要点だけまとめます。 パスキーとは「パスワードが不要な認証方式」であり、それを支える仕様はFIDOアライアンスとW3Cにより策
Web Push for Web Apps on iOS and iPadOS
Today marks the release of iOS and iPadOS 16.4 beta 1, and with it comes support for Web Push and other features for Home Screen web apps. Today also brings the first beta of Safari 16.4. It’s a huge release, packed with over 135 features in WebKit — including RegExp lookbehind assertions, Import Maps, OffscreenCanvas, Media Queries Range Syntax, @property, font-size-adjust, Declarative Shadow DOM
PWAの今とこれから、iOSでの対応状況 / PWA now and in the future, status of support on iOS
ネイティブアプリと同様の機能をウェブアプリに追加できる技術、それがProgressive Web Apps (PWA)です。iOSでも近年、徐々にPWAの機能が追加されています。これらの流れは、ユーザービリティに重きを置く昨今の潮流に即しているように感じます。 この発表では、PWAの現状とその可能性についてお話しします。 - PWAとは？ - PWAの歴史 - PWAを特徴づける機能（オフライン、ホーム画面に追加、プッシュ通知 、Progressive Enhancement） - iOSにおける対応状況 - PWAの成果事例 - PWAのこれから - PWA活用のフローチャート 弊社のAmbient Weavingのサイトはこちら https://ambientweaving.lab.zozo.jp/
PWAをNativeAppだと錯覚させる
こんにちは、@kaa_a_zuです。PWAという単語を聞いて、皆さんは何を想像しますか？A2HS、オフライン利用、プッシュ通知など様々な機能があるかと思います。今回は、あまり知られていないけど、WebAppを確実にNativeAppに近付ける機能についてご紹介をします。また、この記事は 2021年のPWA(Progressive Web App)のアドベントカレンダー 19日目の内容になります。 私が想定している読者は、全てのWeb開発に関わる方々です。中でも「既にPWAサービスを展開している」「既存のPWAを今すぐにNativeAppに近づけたい」という開発者に届けることができたら嬉しいです。 目次 PWA と ProjectFugu について マニフェストファイルの基礎 さらにNativeAppに近付ける マニフェストファイル(2021年末版) 1. PWA と ProjectFugu
TechFeed ProのPM兼UXデザイナーが語る、PWAのデメリット・メリット
関心が高まりつつあるPWA（Progressive Web Apps）についての技術・情報交換の場である「PWA Night」。Vol.14の今回はUI/UXがテーマです。株式会社テックフィードCEOで、「TechFeed Pro」のプロダクトマネージャーでありUXデザイナーでもある白石俊平氏は、同アプリ開発の経験からUI/UX設計の2つの原則について話しました。 TechFeed ProのUI/UX 白石俊平氏（以下、白石）：始めようと思います。「TechFeed ProのUI/UX」というタイトルでやりたいと思います。 軽く自己紹介すると、株式会社テックフィードというところの社長をやってます。「TechFeed Pro」というプロダクトがあるんですけれども、そのプロダクトマネージャーとかUXデザイナーとかもやっています。なので、ビジネスからUXデザイン……僕、開発者でもあるので、そうい
旅行プランナーサービス「Google Travel」がPWAに対応
旅行プランナーサービス「Google Travel」が「PWA」に対応 ブラウザサービスをアプリのように利用可能 Android や Windows 10、iOS 13 の「Chrome」からインストール可能 Google 旅行プランナーサービス「Google Travel」が、いつの間にか「Progressive Web Apps（PWA）」に対応した模様です。 「PWA」は WEB サイトをアプリのような仕様で表示できる仕組みです。「PWA」に対応している WEB サイトを［ホーム画面に追加］などを利用してインストールすることができ、（実際はアプリではないですが）アプリの一つとして利用できるようになります。 そしてその主な利点は、WEB サイトの最新情報が自動更新され、いち早く入手できるようになる点や、WEB サイトのサービスを手軽に利用できる点です。 「PWA」は Android や
WebサイトをPWA（プログレッシブウェブアプリ）にする手順とその必要性
ここ数年、PWA（プログレッシブウェブアプリ）が非常に注目されています。通常のWebページとスマホアプリそれぞれの利点を兼ね備えており、導入したサイトではコンバージョンやユーザーエクスペリエンスの改善が大きく見込めます。 WebサイトをPWAにする手順とその必要性を紹介します。 Turn Your Website into a PWA by Luca Spezzano 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 PWA（プログレッシブウェブアプリ）とは なぜPWAを構築する必要があるのですか？ すでにPWAを採用しているのはどこですか？ PWAを作成する時に必要なもの Web App Manifest Service Worker PWAを5分で構築しよう 静的キャッシュ 動的キャッシュ 静的と動的のどちらを使用すべきですか
PWAはネイティブアプリに今のままでは勝てない？ PWAが解決すべき3つの大きな課題
[レベル: 上級] 多くのサイトが PWA に対応するようになってきました。 しかし、PWA がネイティブアプリの完全な置き換えになるには克服しなければならない問題がまだ残されているように思えます。 Stefan Dorresteijn 氏が dev.to で、PWA が現状で抱えている大きな問題を 3 つ指摘しました。 どんな問題なのかを、追加情報を交えてこの記事で完結にまとめます。 Apple の PWA サポート状況 Android の Chrome では、ネイティブアプリに引けを取らないほどに PWA の機能が充実してきました。 これに対し、iOS の Safari は PWA のほとんどの機能をサポートできていません。 こちらは、Google の Thomas Steiner 氏が作成した、PWA のサポート状況を検出するツールを使って iOS 版 Safari をチェックした状
マイクロソフト、Progressive Web Appsの開発支援ツール「PWA Builder 2.0」公開
Progressive Web Apps（PWA）とは、Webの標準技術を用いて開発されたWebアプリケーションの一種。通常のWebアプリケーションとして振る舞うことに加えて、リソースをローカルに保存しオフラインでの実行にも対応し、Service Workerによるバックグラウンド処理やプッシュ通知なども可能。デスクトップにWebアプリケーション単独のアイコンを登録し、ダブルクリックで実行可能なため、まるでネイティブアプリケーションのように振る舞うことができます。 すでにChrome、Firefox、Safari、iOS、Android、Windowsなど主要なWebブラウザやプラットフォームはPWA対応を実現しており、ネイティブアプリケーションのようにPWAを実行するだけでなく、AppStoreやGoogle Playストアで配布することも可能です。 PWA Builder 2.0はこう
簡単過ぎる！GoogleスプレッドシートからPWAアプリを開発できる「Glide」を使ってみた！ - paiza times
どうも、まさとらん（@0310lan）です！ 今回は、Googleのスプレッドシートを利用して誰でも手軽にPWAアプリを開発して公開することができるサービスをご紹介します！ スプレッドシートにデータを準備するだけなので、エンジニア以外の方でも簡単にアプリ開発を楽しむことができます。多彩な機能をグラフィカルなGUIで追加していくことも可能なので、ご興味のある方はぜひ参考にしてみてください！ 【 Glide 】 ■「Glide」の使い方 それでは、まず最初にGlideをどのように使っていけばよいのかを見ていきましょう！ サイトにアクセスしたら【Sign Up】ボタンをクリックして無償のユーザー登録を済ませておきます。 GlideはGoogleのスプレッドシートを利用するので、自分のGoogleアカウントから簡単にログインできるようになっています。 ログインが完了すると自分専用のダッシュボードが
MacでProgressive Web Apps（PWA）を実現、Chrome 73安定版がリリース。主要プラットフォームすべてでPWAの実行環境が整う
MacでProgressive Web Apps（PWA）を実現、Chrome 73安定版がリリース。主要プラットフォームすべてでPWAの実行環境が整う GoogleはChrome 73安定版をリリースしました。Chrome 73ではmacOSでのWeb App Manifest対応などによるProgressive Web Apps（PWA）対応とダークモード対応、Signed HTTP Exchangesへの対応などの新機能が追加されています。 PWAの実行環境があらゆるところに行き渡った PWAとは、HTML、CSS、JavaScriptなどのWeb技術によって開発されるWebアプリケーションの一種です。Webサーバから配信されて実行されるだけでなく、リソースをローカルに保存しオフラインでの実行にも対応。Service Workerによるバックグラウンド処理やプッシュ通知なども可能。デ
PWAでここまでできる
スライド内の関連リンク * DiverseのPodcast https://podcast.diverse-inc.com/ * 採用ページ https://diverse-inc.co.jp/recruit/positions * 今回のサンプルGithub https://github.com/SAMUKEI/droidkaigi2019-sample-pwa * 今回のサンプル動画 https://youtu.be/ehW6397JceI * はじめてのプログレッシブ ウェブアプリ https://developers.google.com/web/fundamentals/codelabs/your-first-pwapp/?hl=ja * PWA Builder https://www.pwabuilder.com/ * How to Package Android https:
Google Play StoreでPWAを配信できるらしい | Hypertext Candy
この記事では、先日 Medium に公開された Maximiliano Firtman 氏による記事『Google Play Store now open for Progressive Web Apps 😱』を要約して感想などを加えています。 記事のタイトルを訳すと『Google Play ストアで PWA を配信できるようになった 😱』という感じでしょうか。Web エンジニアとしては惹かれるタイトルですよね。ただ私は Android 事情には疎いですし、結局どういうことなのか？記事を読んでまとめてみようと思いました。 まとめると Android 向け Chrome のバージョン72から Trusted Web Activity が実装された。 ネイティブアプリ内で Web アプリを起動する新しい仕組み。WebView など既存の同種の仕組みの欠点を補っている。よりネイティブと We
Webでどこまで遊べるか試してみた - Qiita
Sound Walker という Web アプリを作りました。 ↓ここで遊べます↓（スマートフォンで開いてください） https://www.sound-walker.app リポジトリはこちら https://github.com/Leonardo-mbc/sound-walker ホーム画面に追加することで、インストールしたアプリのように遊べます。 Webでどこまでできるかをやってみようと思って作り始めて、 ほっといて数年たったら技術がみるみる変わっていて、いろいろ味が出てきました。 Service Worker, Add To HomeScreen などなど Webでできるゲームってだけだったのが、普通にスマホで動くゲームになる時代になっております。 Sound Walker で使ってる技術は WebGL(Three.js), WebAudioAPI, ServiceWorker,
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的にい
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
PWAとクラウドゲーミングの現状そしてPWAとOOParts
PWA Night Conf: ScrapboxでのServiceWorkerとCacheの活用 - daiiz
