並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 198件

新着順 人気順

*PWAの検索結果1 - 40 件 / 198件

タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。

*PWAに関するエントリは198件あります。 PWAwebtechfeed などが関連タグです。 人気エントリには 『PWAの作り方をサクッと学ぶ - 「ホーム画面に追加」「キャッシュ操作」「プッシュ通知」の実装 - エンジニアHub|Webエンジニアのキャリアを考える!』などがあります。
  • PWAの作り方をサクッと学ぶ - 「ホーム画面に追加」「キャッシュ操作」「プッシュ通知」の実装 - エンジニアHub|Webエンジニアのキャリアを考える!

    PWAの作り方をサクッと学ぶ - 「ホーム画面に追加」「キャッシュ操作」「プッシュ通知」の実装 PWAをテーマにしたコミュニティ「PWA Night」を運営する菅家大地さんが、既存のWebアプリをPWA化する簡単な実装方法を解説します。 はじめまして、菅家(@kan_dai)といいます。普段は株式会社TAMという会社でフロントエンドをメインに、クライアントのWebサイト制作やWebサービスの開発をしています。PWA(Progressive Web Apps)をテーマにしたコミュニティ「PWA Night」の運営もしています。 さて、2018年ごろからPWAという言葉を聞く機会が多くなってきました。2019年現在、毎月コンスタントにPWAに関する仕事の相談を受けるようになっており、PWAへの関心の高まりを感じます。日本経済新聞やスマートフォン版Yahoo! Japanといった有名サービスでの

      PWAの作り方をサクッと学ぶ - 「ホーム画面に追加」「キャッシュ操作」「プッシュ通知」の実装 - エンジニアHub|Webエンジニアのキャリアを考える!
    • Angular と Firebase で月間 3.5億PV になった PWA の収益性改善とコストカット - Qiita

      と、振り返ってみると毎年綺麗に 300% 成長でこれていますね。 (流石に来年はきついと思います^^; 今回は、そんな サービスを拡大する上で欠かせない収益の話 と 成長したからこそ表面化したコストの話 をまとめていきたいと思います。 収益の話 参照:https://jp.freepik.com PWA は稼げない 昨年の Advent Calendar にて、私はたいそう嘆いておりました(TДT) Web 側の広告は MPA(マルチページアプリ)を前提にしているものがほとんど Web 側では広告の表示を最適化できない(MPA 前提の規約上バックグラウンドで読み込んでおけない それに加えて、SPA のページ遷移が早すぎて広告が表示される前に通過してしまう アプリ側にはインタースティシャル広告やリワード広告といった単価の高い広告商材が豊富に存在する そういった要因から、PWA におけるページ

        Angular と Firebase で月間 3.5億PV になった PWA の収益性改善とコストカット - Qiita
      • 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分で構築しよう 静的キャッシュ 動的キャッシュ 静的と動的のどちらを使用すべきですか

          WebサイトをPWA(プログレッシブウェブアプリ)にする手順とその必要性
        • マイクロソフト、「Blazor WebAssembly」正式版を5月にリリース。BlazorでPWAやデスクトップアプリも開発へ

          マイクロソフト、「Blazor WebAssembly」正式版を5月にリリース。BlazorでPWAやデスクトップアプリも開発へ マイクロソフトは1月14日(日本時間1月15日未明)にオンラインインベント「.NET Conf Focus on Blazor」を開催、同社が開発中のWebアプリケーションフレームワーク「Blazor」の最新動向と今後について明らかにしました。 Blazorは、C#と.NET Coreを用いてWebアプリケーションの開発を可能にするフレームワークです。JavaScriptを用いず、C#によるプログラミングでSPA(Single Page Application)のWebアプリケーションを開発できるため、.NETの知識や経験をWebアプリケーションに活かせると同時に、Visual StudioなどC#に対応した豊富な開発ツールによる開発生産性の向上を期待できるとい

            マイクロソフト、「Blazor WebAssembly」正式版を5月にリリース。BlazorでPWAやデスクトップアプリも開発へ
          • Web版「Visual Studio Code」がオフライン動作に対応 ~PWAとしてインストール可能に/指定サイズ以下のリポジトリコンテンツを自動DLして高度な検索・定義移動も利用できる

              Web版「Visual Studio Code」がオフライン動作に対応 ~PWAとしてインストール可能に/指定サイズ以下のリポジトリコンテンツを自動DLして高度な検索・定義移動も利用できる
            • 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

                AppleがiOS 17.4のベータ版でPWAのサポートを削除していることが明らかに
              • PWAの今とこれから、iOSでの対応状況 / PWA now and in the future, status of support on iOS

                ネイティブアプリと同様の機能をウェブアプリに追加できる技術、それがProgressive Web Apps (PWA)です。iOSでも近年、徐々にPWAの機能が追加されています。これらの流れは、ユーザービリティに重きを置く昨今の潮流に即しているように感じます。 この発表では、PWAの現状とその可能…

                  PWAの今とこれから、iOSでの対応状況 / PWA now and in the future, status of support on iOS
                • Nuxt.js × GAS Execution API で同人頒布会向け予約システムをごにょごにょする PWA を作る - Qiita

                  はじめに 「GASでQRコードを使った同人頒布会向け予約システムを作った話」の続きです。 半年ほど前、日本最大級のアナログゲーム頒布会である「ゲームマーケット2018春」で、上記の予約システムを実際に運用してみたところ、 (こちらからの声かけ後を含め)QRコードを提示してくれたのは6割弱 0.5割くらいの人がガラケーないしキャリアメールのため、QRコード自体を受信できていない という問題にぶち当たりました。 QR コードが提示されなかった場合、スマホの Google スプレッドシートアプリから予約番号 or 名前を検索していましたが、いまいち操作性がよろしくない1。 というわけで、いっそスプレッドシートを外部 API 化して、スマホアプリから予約情報の検索&購入確定できるようにして、なんならアプリに QR コード読み取り機能も埋め込んじゃおう、というのが今回の趣旨です。 PWA (Prog

                    Nuxt.js × GAS Execution API で同人頒布会向け予約システムをごにょごにょする PWA を作る - Qiita
                  • 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が「iOS 17.4でのPWA廃止」を撤回すると発表
                    • Vue.jsで作ったゲームをインストール可能(PWA)にしてGitHub Pagesで公開してみた | DevelopersIO

                      はじめに おはようございます、加藤です。年末年始は実家の北海道に帰省するつもりだったのですが、見事にインフルエンザB型にかかってしまって、急遽キャンセルしました... 予定が全て吹っ飛んで暇になったので、年末年始は下記の教材を使ってVue.jsを勉強していました。 超Vue JS 2 入門 完全パック - もう他の教材は買わなくてOK! (Vue Router, Vuex含む) まだ7割しか終わっていないですが、せっかくなので簡単なゲームをインストール可能な状態で作って公開してみました。 新規プロジェクトの場合 Vue CLIで新規プロジェクトを作成する際に、指定する事でPWAとしてプロジェクトをセットアップできます。 npx -p @vue/cli vue create new-project # Manually select features を選択する Vue CLI v4.1.2

                        Vue.jsで作ったゲームをインストール可能(PWA)にしてGitHub Pagesで公開してみた | DevelopersIO
                      • SPA + SSR + PWA の作り方とセキュリティについて - hiroppy's site

                        <script nonce="xxxxx" id="initial-data" type="text/plain" data-json="${preloadedState}" ></script> このpreloadedStateはエスケープ処理が必要なので注意してください。 クライアント側の読み込み方 const initialData = JSON.parse( document.getElementById("initial-data")!.getAttribute("data-json")!, ); const { store } = configureStore(initialData); https://github.com/hiroppy/ssr-sample/blob/master/src/client/index.tsx#L21-L22 useEffect SSR では、

                          SPA + SSR + PWA の作り方とセキュリティについて - hiroppy's site
                        • 誰でもPWAやWebアプリを作り放題のNoCodeサービス「Adalo」を使ってみた! - paiza times

                          どうも、まさとらん(@0310lan)です! 今回は、誰でも簡単にPWAやWebアプリをビジュアルエディタで開発できるWebサービスをご紹介します! 「Adalo」は、最近人気が高まっているプログラミング不要のNoCodeサービスの一種ですが、なかでも直感的に操作ができて理解しやすいシンプルな設計なのが特徴です。 これまでアプリ開発を諦めていた人やオリジナルアプリの開発に興味ある方はぜひ参考にしてみてください! 【 Adalo 】 ■「Adalo」の使い方 それでは「Adalo」の基本的な使い方から見ていきましょう! まずはサイトにアクセスして【SIGN UP】ボタンから無料のユーザー登録を済ませておきます。 メールアドレス・パスワード・ユーザー名を入力すれば完了です。 すると開発したい種類を聞かれるので、今回は「Native Mobile App」(スマホアプリ)を選択してみましょう。

                            誰でもPWAやWebアプリを作り放題のNoCodeサービス「Adalo」を使ってみた! - paiza times
                          • PWA(Progressive Web Apps)対応サイトの作り方・実装方法まとめ・入門 - AWS上で学習したPWA導入例とLighthouse Report Viewerの使い方 - NRIネットコムBlog

                            小西秀和です。 現在、AWSの静的ウェブサイトホスティングで入門するAWS Amplify(Console、CLI) - 概要編などAWSのサーバーレスな静的ウェブサイトホスティングをテーマにしたブログ記事を執筆しています。 今回もAWSは関係しますが、フロントエンドに近い話題で、最近動向が本格的になってきたと感じているPWA(Progressive Web Apps)について私が自主的に学習した内容を記事にしてみました。 私の場合はAmazon S3、Amazon CloudFront、AWS Certificate Manager、Amazon Route53を使用した静的ウェブサイトに最小限のコンテンツをデプロイしてPWAの実装について学習しました。 また、Lighthouse Report ViewerというPWAなどの品質テストができるツールを使用して、PWAの基準に合格し、Pe

                              PWA(Progressive Web Apps)対応サイトの作り方・実装方法まとめ・入門 - AWS上で学習したPWA導入例とLighthouse Report Viewerの使い方 - NRIネットコムBlog
                            • PWA Night vol.57 ~認証・認可〜 にてパスキーの話をしました - r-weblife

                              ritou です。 これで話しました。 pwanight.connpass.com 発表資料と発表内容を公開します。 発表資料 speakerdeck.com 発表内容 台本チラ見しながら話したので実際にはこのとおりになってなかった部分もあります。 今日は、パスキーについて話します。 細かい自己紹介は省略します。 色々宣伝したいものがありますがブログに書きます。 今日の内容ですが、初めにパスキーの概要についてざっと触れます。 続いてWebアプリケーションにパスキーを導入するとなった場合にどこから手をつけるべきかというところに触れた後、一番の悩みどころになりそうなログインのUI/UXについて紹介します。 概要からいきましょう。 パスキーの紹介記事もたくさん出ているので要点だけまとめます。 パスキーとは「パスワードが不要な認証方式」であり、それを支える仕様はFIDOアライアンスとW3Cにより策

                                PWA Night vol.57 ~認証・認可〜 にてパスキーの話をしました - r-weblife
                              • 「Google スプレッドシートに情報を入力するだけ」で地図アプリが作成可能、無料の「Geolonia PWAマップ」ベータ版公開

                                  「Google スプレッドシートに情報を入力するだけ」で地図アプリが作成可能、無料の「Geolonia PWAマップ」ベータ版公開 
                                • Jamstackで失敗した3つのこと - PWA Night Conference 2021

                                  JamstackでWebサイトやWebアプリケーションが作られることも増えてきました。このセッションでは、まずJamstackとはなにか、特徴とそのメリットをあらためて確認します。その上で「自社メディアCodeGridをJamstackで作った際に、失敗した3つのこと」を紹介しながら、Jamstackを採用する際のコツを伝えます。

                                    Jamstackで失敗した3つのこと - PWA Night Conference 2021
                                  • とある個人開発 PWA の SEO 奮戦記

                                    Mangarel というコミック新刊情報アプリを PWA で出したんですが、そのままではびっくりするくらい Google に登録されず、いろいろ苦労した話です。PWA というより SPA 特有の話が多いかも。 https://mangarel.com/

                                      とある個人開発 PWA の SEO 奮戦記
                                    • SPA/PWA時代のWebデザインのお作法 / Stateful Web Design

                                      DIST.31 「DIST 6周年記念イベント」

                                        SPA/PWA時代のWebデザインのお作法 / Stateful Web Design
                                      • ネイティブアプリ風Webアプリ「PWA」を実現する3つの技術 | さくらのナレッジ

                                        数年前からGoogleは「Progressive Web Apps」(PWA)という技術を提唱してその普及を推進している。PWAはネイティブアプリケーションのように動作するWebアプリケーションであり、オフラインでも動作し、プッシュ通知などの機能も利用できる。本記事ではこのPWAの中核となる技術の解説と、PWAに対応したWebアプリケーションを作成するための流れを紹介する。 「Progressive Web Apps」(PWA)とは 一昔前は「ネットサービス」といえばPCのWebブラウザからアクセスして利用するものがほとんどだった。しかし、スマートフォンが普及した昨今では多くのサービスがスマートフォン向けの対応を行っている。今ではPCからのアクセスよりもスマートフォンからのアクセスのほうが多いサービスは珍しくなく、スマートフォン向けの専用アプリを用意しているサービスも多い。 とはいえ、ネイ

                                          ネイティブアプリ風Webアプリ「PWA」を実現する3つの技術 | さくらのナレッジ
                                        • PWAもAndroidアプリも使える! さらに“奥の手”Linuxアプリをインストール可能【Chromebookって何?】

                                            PWAもAndroidアプリも使える! さらに“奥の手”Linuxアプリをインストール可能【Chromebookって何?】
                                          • 【PWA】YouTubeをみんなでワイワイ見るためのサービス、DJ7をローンチしました! - Qiita

                                            みなさんこんにちは! 今回はYouTubeの動画を複数人で同時視聴できるサービスを作りましたので紹介したいと思います。 ブラウザを開くだけで、友達や恋人と同じ動画を見ることができます! 複数人で同じ動画を見て、あーでもないこーでもないと意見を交わすのはめちゃめちゃ楽しいです。 これはぜひ皆さんにも体験してもらいたいです! YouTube同時再生サービス DJ7 https://dj7.io 初回のアクセスは音がならないように設定してありますのでご安心ください。 できること 同期再生 サービスの要です。複数のデバイス間で再生の状態が同期され、離れている場所でも同じタイミングで同じ動画を視聴できます。 右下をクリックすると動画を画面に大きく表示します。これによって複数人で同じ動画を見ることができます😋 シークバー共有 DJ7ではシークバーの状態もユーザ間で共有されます。これはYouTube

                                              【PWA】YouTubeをみんなでワイワイ見るためのサービス、DJ7をローンチしました! - Qiita
                                            • ウェブ上でネイティブアプリ並の機能を実現するPWAで利用できる機能をまとめてテストできるサイト「What PWA Can Do Today」

                                              プログレッシブウェブアプリ(PWA)は、ウェブ上でネイティブアプリと同様の使い勝手を実現するための仕組みで、2015年に概念が提唱されて以来、徐々に機能が増加しています。「What PWA Can Do Today」は、PWAで利用できるさまざまな機能について実際に試せるサイトです。 What PWA Can Do Today https://whatpwacando.today/ サイトにアクセスするとこんな感じ。最初に「Install to home screen」をクリックし、サイトをアプリとしてインストールします。 確認画面が表示されるので「インストール」をクリック。 デスクトップにアプリが追加されました。初回は自動で起動しますが、次回以降はこのアイコンをダブルクリックして起動します。 アプリを起動すると、さまざまな機能をテストできる画面が表示されました。「Media captur

                                                ウェブ上でネイティブアプリ並の機能を実現するPWAで利用できる機能をまとめてテストできるサイト「What PWA Can Do Today」
                                              • NotionでPWAアプリの開発を実現するノーコードツール「NotionApps」の使い方! - paiza times

                                                今回はNotionのデータベースを活用して、PWAにも対応したWebアプリ開発ができるノーコードツールをご紹介します! このサービスはNotionデータベースの情報を取得したり、更新・追加などがアプリ側から簡単にできるのがポイントです。ノーコードでさまざまなロジックも構築でき、自分がイメージしたアプリを素早くカタチにできます。 面倒なサーバーの準備も不要なため、誰でも簡単にアプリを開発して公開できます。ご興味ある方はぜひ参考にしてください。 【 NotionApps 】 「NotionApps」の使い方! まずはサイトの上部にある【Create your app】ボタンをクリックして、無料のユーザー登録を済ませておきましょう。 メールアドレスとパスワードを入力したら【Sign up】ボタンをクリックします。 以下のようなダッシュボード画面が表示されたら準備完了です! 「NotionApps

                                                  NotionでPWAアプリの開発を実現するノーコードツール「NotionApps」の使い方! - paiza times
                                                • 「サルでもわかるGit入門」がPWAに対応しました | 株式会社ヌーラボ(Nulab inc.)

                                                  サルでもわかるGit入門はサル先生のGit入門に改名しました。 サルでもわかるGit入門がPWAに対応しました。 iOSやAndroidのスマートフォンのホーム画面にサルでもわかるGit入門を追加することでネイティブアプリのように起動し、ブラウザよりも高速に閲覧することが可能になります。 こんにちは。 ヌーラボのマーケティング課所属のレオです。 私はヌーラボが運営するサイトやCacooの開発をサポートしたりとヌーラボ内を横断しているフロントエンドエンジニアです。 今回はレガシーな構成からNuxt.jsにリプレイスしたサルでもわかるGit入門を今更ながらPWAに対応させたので、かんたんにご紹介します。 そもそもPWAとは PWAとはProgressive Web Apps(プログレッシブウェブアプリ)の略です。 通常のWebサイト / Webアプリはブラウザ上で動作しますが、PWAはブラウザ

                                                    「サルでもわかるGit入門」がPWAに対応しました | 株式会社ヌーラボ(Nulab inc.)
                                                  • GYAO!TOPページパフォーマンス改善 (PWA Night 2021)

                                                    PWA Night 2021で発表したセッションです。 https://conf2021.pwanight.jp/speaker/hamada/ 今回は、GYAO!トップページのWEBパフォーマンスの改善をケーススタディとして、PWAに必須なパフォーマンス改善の具体例を見ていきます。大規模な構成変更と、その成果として得られたスケーラビリティ、ページの表示速度の向上についてをお話しします。

                                                      GYAO!TOPページパフォーマンス改善 (PWA Night 2021)
                                                    • PWAとクラウドゲーミングの現状そしてPWAとOOParts

                                                      「PWA Night Conference 2021」にて発表した資料になります https://conf2021.pwanight.jp/ タイトル:PWAとクラウドゲーミングの現状そしてPWAとOOParts Pitch: https://app.pitch.com/app/public/player/75d8b9b3-b9a2-4cce-a132-aba3dc112ffd OOParts: https://oo.parts

                                                        PWAとクラウドゲーミングの現状そしてPWAとOOParts
                                                      • アプリと同等のUXをウェブでも提供する、PWA最新事情 from #ChromeDevSummit 2019

                                                        [レベル: 上級] この記事では、Chrome Dev Summit 2019 の PWA 関連セッションのハイライトをレポートします。 僕はデベロッパーではないので技術的な部分、特にコーディングについては言及しません。 テクニカルな内容は記事最後で紹介する動画でご確認ください。 では、PWA の最新事情を一緒に見ていきましょう! ウェブプラットフォームとしての PWA 新興国のような通信環境が整っていない国々でもウェブを利用しやすくする。 スマートフォンや PC などあらゆるデバイスでウェブにアクセスできるようにする。 ネイティブアプリと同等な機能をウェブアプリでも提供することが重要。 airbnb 事例 airbnb はネイティブアプリから PWA サイトでのサービス提供に移行した。 その結果、初回訪問ユーザーの 65 % はウェブ経由になった。 成果: パフォーマンス(読み込み速度)

                                                          アプリと同等のUXをウェブでも提供する、PWA最新事情 from #ChromeDevSummit 2019
                                                        • Webサイトやブログを高速化、PWA対応!静的サイトジェネレーターの導入方法を詳しく解説した入門書

                                                          これからのWebサイトに求められる要件「高速化」「メタデータ」「PWA」などに対応するための一つの答えが、静的サイトジェネレーターだと思います。Reactベースの静的サイトジェネレーター「GatsbyJS」で、Webサイトやブログを構築する手順を詳しく解説した入門書を紹介します。 ReactやJavaScriptに自信が無くても、非常に分かりやすい解説なので、必要となる制作知識を身につけることができます。 本書は、6/1発売です! 著者はWeb制作系の解説書で分かりやすさで評判のエビスコム様。初心者の人でもサンプルサイトを制作しながら、ステップ・バイ・ステップで静的サイトジェネレーターの構築を学ぶことができます。

                                                            Webサイトやブログを高速化、PWA対応!静的サイトジェネレーターの導入方法を詳しく解説した入門書
                                                          • 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

                                                              PWAをNativeAppだと錯覚させる
                                                            • PWAに取り組む前に知っておきたい SPAとSEO

                                                              ロリポップ! for Gamersを支えるインフラ/lolipop for gamers infrastructure

                                                                PWAに取り組む前に知っておきたい SPAとSEO
                                                              • Webでできる体験を考える会 / On the possibilities of PWA experience

                                                                No one is an island. Learnings from fostering a developers community.

                                                                  Webでできる体験を考える会 / On the possibilities of PWA experience
                                                                • 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

                                                                    mozaic.fm v3 リリースと Podcast の PWA 化 | blog.jxck.io
                                                                  • SPAは万能じゃない。「革新的」と言われているPWAはどこがすごいのか? | レバテックラボ(レバテックLAB)

                                                                    執筆 山内 直 有限会社 WINGSプロジェクトが運営する、テクニカル執筆コミュニティ(代表 山田祥寛)に所属するテクニカルライター。出版社を経てフリーランスとして独立。ライター、エディター、デベロッパー、講師業に従事。屋号は「たまデジ。」。著書に『Bootstrap 5 フロントエンド開発の教科書』、『作って学べるHTML+JavaScriptの基本』など。 監修 山田 祥寛 静岡県榛原町生まれ。一橋大学経済学部卒業後、NECにてシステム企画業務に携わるが、2003年4月に念願かなってフリーライターに転身。Microsoft MVP for Visual Studio and Development Technologies。執筆コミュニティ「WINGSプロジェクト」代表。 主な著書に「独習」シリーズ、「これからはじめるReact実践入門」、「改訂3版 JavaScript本格入門」他、

                                                                      SPAは万能じゃない。「革新的」と言われているPWAはどこがすごいのか? | レバテックラボ(レバテックLAB)
                                                                    • Nuxt.js(SPA)とFirebaseで強制リビジョン(バージョン)アップするならPWAモジュールを使おう - Qiita

                                                                      これはなに? SPAのキャッシュコントロールは難しい問題だけど、ちゃんと仕組みを理解してただしい戦略を使えばそんなに難しくないよという話。 Disclaimer この記事は2019年10月くらいにおける筆者の経験と見解に基づくものです。だいたい間違ってないとは思いますが内容の正確性は保証しませんし、2ヶ月くらいするとFirebaseないしNuxt.jsの進歩によりココに書かれていることが嘘になる可能性はあります。また、特定の記事や個人を中傷する意図はありません。筆者の所属する組織やその類とは関係がありません。 なんで難しい(と思われている)の? そもそもの前提としてちゃんとやらないとアプリケーションのリリースがままならないというプレッシャーがあります。 そのうえで... (1) SPAの構成ファイルをキャッシュしようとする輩がたくさんいる Hostingサービス(ブラウザキャッシュ) CD

                                                                        Nuxt.js(SPA)とFirebaseで強制リビジョン(バージョン)アップするならPWAモジュールを使おう - Qiita
                                                                      • AppleがiOSからPWAのサポートを削除したことを認める、デジタル市場法への対応で影響はEU圏のユーザーに限定

                                                                        iOSでは「プログレッシブウェブアプリ」(PWA)と呼ばれる技術を用いることでウェブサイトをiPhoneのホーム画面に追加したり通知を受信したりできます。ところが、2024年3月に正式展開される予定のiOS 17.4のベータ版では、EU圏のユーザーを対象にPWAが削除されていることが判明しています。これについてAppleが、EUのデジタル市場法(DMA)に準拠するためPWAを削除したと公式に認めました。 Apple confirms iOS 17.4 removes Home Screen web apps in the EU, here’s why - 9to5Mac https://9to5mac.com/2024/02/15/ios-17-4-web-apps-european-union/ Apple confirms it’s breaking iPhone web apps i

                                                                          AppleがiOSからPWAのサポートを削除したことを認める、デジタル市場法への対応で影響はEU圏のユーザーに限定
                                                                        • 進化したWeb技術でPWAをネイティブアプリに近づける / frontend-conf-2023

                                                                          フロントエンドカンファレンス沖縄2023の登壇資料です。 https://frontend-conf.okinawa.jp/ PDF出力の関係で一部レイアウトが崩れてるので、アニメーションありは以下のリンクから表示できます。 https://yuheifujita.github.io/frontend-conf-2023/

                                                                            進化したWeb技術でPWAをネイティブアプリに近づける / frontend-conf-2023
                                                                          • “触り心地”がいいUIとはなにか PWA時代のWebエンジニア/UIデザイナーが思う、直感的な道具に必要な4つの性質

                                                                            関心が高まりつつあるPWA(Progressive Web Apps)についての技術・情報交換の場である「PWA Night」。Vol.14の今回はUI/UXがテーマです。「さわり心地のよいウェブを考える」というテーマで登壇したWebエンジニアの竹本雄貴氏は、直接操作を感じさせる、触り心地のよいUIとは何かについて共有しました。 Webエンジニア/UIデザイナーとしてPWAに感じる可能性 竹本雄貴氏(以下、竹本):今回オンライン開催ということで、PWA Night 14回目のUI/UX回で話させてもらいます、竹本と申します。今YouTube Liveの画面開いてますけど、100名ぐらいの方がオンラインになっていて、けっこう緊張しているし、今までやったことのない取り組みなので、かなり不安のなかやっています。 前回の「PWA Night CONFERENCE」のLT会では「手触りのよいウェブを

                                                                              “触り心地”がいいUIとはなにか PWA時代のWebエンジニア/UIデザイナーが思う、直感的な道具に必要な4つの性質
                                                                            • 「Google Chrome」はPWAをスタートアップアプリにすることが可能/OSへログインした際に自動起動。「Chrome 91」から利用できる

                                                                                「Google Chrome」はPWAをスタートアップアプリにすることが可能/OSへログインした際に自動起動。「Chrome 91」から利用できる
                                                                              • 控えめな App Router と持続可能な開発 - PWA Night vol.59

                                                                                PWA Night vol.59 ~フロントエンド設計の振り返り〜 (2024.01.17) https://pwanight.connpass.com/event/306410/ で使用したスライドです。本編 20 分。 ===== ▼ 元データで参考リンクとして張っていた URL たち …

                                                                                  控えめな App Router と持続可能な開発 - PWA Night vol.59
                                                                                • “YouTube”がPWAに対応 ~PCやモバイル端末にインストールして利用できる/あたかも単体のローカルアプリのような使い勝手

                                                                                    “YouTube”がPWAに対応 ~PCやモバイル端末にインストールして利用できる/あたかも単体のローカルアプリのような使い勝手

                                                                                  新着記事