公開: 2026 年 5 月 12 日 ウェブアプリのインストールには常に JavaScript が必要でした。beforeinstallprompt イベントを使用すると、インストール フローはスクリプト内で完結します。新しい <install>要素では、この点が変更されます。HTML 要素を 1 つページにドロップするだけで、ブラウザが信頼できるインストール ボタンをレンダリングします。JavaScript は不要です。 Microsoft Edge チームは、Chrome チームと協力して、Chromium に <install> 要素を実装しました。現在、Chrome または Edge バージョン 148 以降ではフラグの背後でテストできます。また、148 から 153 までの両方のブラウザで使用できる オリジン トライアル としても利用できます。 ぜひお試しください。独自のオリジ
Introduction Apple has provided changes to iOS, iPadOS, 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 and iPadOS, process payments, use web browser engines in iOS and iPadOS apps, request interoperability with hardware and so
The Oculus Quest 2 The Oculus Quest 2 is a virtual reality (VR) headset created by Oculus, a division of Meta. It is the successor to the company's previous headset, the Oculus Quest. The device is capable of running as both a standalone headset with an internal, Android-based operating system, and with Oculus-compatible VR software running on a desktop computer when connected over USB or Wi-Fi. I
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
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
LT about periodic background sync at #remo_study
プロジェクト推進室の服部 (@yhatt) です。 この記事は Marp 公式ブログ の記事 "The story of Marp Next" をベースに、意訳と一部加筆・修正を行ったものです。現在オープンソースで開発に取り組んでいる、次世代の Marp（通称 Marp Next）への取り組みについて、現在の状況をお伝えできればと思います。 marp.app はじめに tech.speee.jp Marp の最初のバージョンは、およそ 3 年前に個人開発の成果として公開されました。プレゼンテーションスライドライターとしての価値が認知され、 GitHub では ⭐️ 8000 over のツールに成長し、スライド作成のためのオープンソースアプリケーションとして、一定の成功を収めることができました。 多くの要望やフィードバックを Marp に頂きましたが、Marp は開発のメンテナビリティが低
PWA を信頼性が高く、インストール可能で、機能豊富なものにする技術を最大限に活用するようにアプリケーションを設計するには、まずアプリケーションとその制約を理解し、両方に適したアーキテクチャを選択することから始めます。 SPA と MPA 現在、ウェブ開発には、シングルページ アプリ（SPA）とマルチページ アプリ（MPA）の 2 つの主要なアーキテクチャ パターンがあります。 シングルページ アプリは、アプリによって取得またはアプリに渡されるデータに基づいてページの HTML レンダリングのほとんどまたはすべてを制御する、クライアントサイドの JavaScript によって定義されます。アプリはブラウザの組み込みナビゲーションをオーバーライドし、ルーティング機能とビュー処理機能に置き換えます。 マルチページ アプリは通常、プリレンダリングされた HTML をブラウザに直接送信します。多く
App Shell モデルという設計パターン App Shell モデルは、共通のガワ部分を構成する HTML、CSS、JavaScript をシェルと定義し、その中に入る動的なコンテンツ部分と構造的に分離して扱えるように設計されます。 アプリケーション シェル（App Shell）アーキテクチャは、ネイティブ アプリのように瞬時に、そして確実にユーザーの画面に読み込める Progressive Web App を構築する方法の 1 つです。 アプリの「シェル」とは、ユーザー インターフェースが機能するために必要な最小限の HTML、CSS、JavaScript です。これらをオフラインで使用できるようにキャッシュしておくことで、ユーザーが同じページに再アクセスした際に、瞬時に高いパフォーマンス が発揮されます。つまり App Shell は、ユーザーがアクセスするたびにネットワークからす
Sam Thorogood for Google Web Dev Posted on Aug 18, 2018 • Edited 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 serv
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(Progressive Web App)をリリースしました。これにより、Android端末においてScrapboxが高速で起動し、さくさく利用できるようになりました。 使い方 ブラウザから https://scrapbox.io にアクセスし、メニューから「ホーム画面に追加」を選んでください。これでインストールは完了です。 すでにAndroid端末でScrapboxをホーム画面に追加している方は一度削除してください。 Scrapbox PWA化のメリット ネイティブアプリのようにさくさく動く 起動～記事閲覧まで、ネイティブアプリのようにさくさく高速に動きます。オフラインでの記事閲覧も可能です。オフラインの書き込みについては、今後対応
こえのブログは「声で書くブログ、声で聴くブログ、声で観るブログ」をコンセプトに書き手、読み手双方にバージョンアップしたブログを提供するアメブロの新機能です。 投稿者は端末に向かって喋るだけで、その音声が活字化されブログとして公開できます。閲覧者は活字化された文字を通常のブログと同じように読めるほか、音声を聴きながらでもコンテンツ消費できます。 モバイル端末、テレビ端末やスマートスピーカーなどの普及により、今後ますます増えると予想される利用形態に対して、それぞれに適した形でコンテンツを提供できるように挑戦しています。 この記事では、技術的な側面を中心にこえのブログを紹介します。 こえのブログは、文字でも音声でもコンテンツ消費できるのが特徴です。読者の方へのメッセージや質問に回答など利用法は様々です。龍玄としさんやクロちゃんさんなど著名人の方の声も聴けます。 できる限りサーバーにアクセスしない
ラクス 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
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
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
