タグ Service Worker
人気順 10 users 50 users 100 users 500 users 1000 usersService Worker がページをコントロールし始めるタイミングを skipWaiting と clients.claim から理解する - カミナシ エンジニアブログ
こんにちは。カミナシでソフトウェアエンジニアをしております佐藤です。 先日、『カミナシ レポート 記録アプリ(Web)』の提供を開始いたしました。 現場帳票システム『カミナシ レポート』、マルチデバイスで記録ができるWeb版をリリース PWA として利用が可能であり、また、ネットワークが不安定な現場での使用も想... 続きを読む
Service WorkerとWasmを組み合わせてサーバー処理をブラウザーでリアルに再現する
今回の話はWasmというよりもService Workerの話がメインになりますが、WasmとService Workerを組み合わせることで、ブラウザー上でサーバー処理をリアルに再現することができるので、このタイトルにしています。 まずは動画をご覧ください。 見ていただくと分かるように、ブラウザー上でPHPのコードを書くとその実行結果... 続きを読む
Service WorkerとCache APIによるWebサーバーの負荷軽減とテスト実装について-後編 - dwango on GitHub
2023-03-06 Mon Service WorkerとCache APIによるWebサーバーの負荷軽減とテスト実装について-後編 ニコニコQセクションのhajime-san(GitHub/Twitter)です。 本記事は、Service WorkerとCache APIによるWebサーバーの負荷軽減とテスト実装について-前編の続きとなります。 テストについて さて、前編のService Workerス... 続きを読む
Service WorkerとCache APIによるWebサーバーの負荷軽減とテスト実装について-前編 - dwango on GitHub
2023-02-27 Mon Service WorkerとCache APIによるWebサーバーの負荷軽減とテスト実装について-前編 こんにちは。ニコニコQセクションのhajime-san(GitHub/Twitter)です。 当記事では所属部署で開発に携わっている「ニコニコオーディション」の既存システムにService WorkerとCache APIを用いて、 Webサーバーからのレス... 続きを読む
CloudflareでもFastlyでもVercelでもDenoでもBunでもService Workerでも動く
当初はCloudflare Workers向けに作っていたのですが、同じCDNであるFastlyのエッジランタイム、Compute@Edgeでも動くことが分かりました。また、Next.jsのEdge MiddlewareもしくはEdge API RoutesとしてVercelの環境でも動きます。そして、少々手を加えるとDenoでも動きました。もちろんDeno Deployにもデプロイできます... 続きを読む
Origin 解体新書 | Zenn
Web 技術解体新書 第一章 Origin 解体新書 現在の Web における最も重要なセキュリティモデルの 1 つである Origin について、この概念が持ち込まれた背景やそれがユーザを保護するメカニズム、 JSONP などで迂回した場合の危険性と CORS による安全な拡張、 Preflight が飛ぶ理由、 Service Worker など新しい API との... 続きを読む
Service Workerとは、それを使ってできること / what-is-service-worker - Speaker Deck
Transcript 4FSWJDF�8PSLFSͱ� ͦΕΛͬͯͰ͖Δ͜ͱ ,BOB[BXB�KT�3FNPUF�.FFUVQ����� 5PTIJIJTB�5PNBUTV 1 ֎দ�ढ़ঘ 5PTIJIJTB�5PNBUTV � αΠϘζגࣜձࣾ� ϑϩϯτΤϯυ� ۚ� େֶଔۀ·Ͱ �ˠ౦ژ�ˠѪඤ !UPTIJ�UPNB !UPTIJ@@UPNB 4FSWJDF�8PSLFSͱ 3 4FSWJDF�8PSLFS 48 8FCϖʔδͱผʹϒϥβͷόοΫάϥϯυͰ� ಈ࡞͢Δ+4ͷ࣮ߦڥͰ� ϖʔδ͔ΒͷωοτϫʔΫϦΫΤετʹհೖͰ͖Δ 4 Α͘Θ͔Βͳ͍ 5 4FSWJDF�8PSLFS 48... 続きを読む
一休.comにService Worker(Workbox)を導入しました - 一休.com Developers Blog
こんにちは。宿泊事業本部の宇都宮です。 この記事は、一休.com Advent Calendar 2019の2日目の記事です。 今日は、一休.com( https://www.ikyu.com )にService Worker + Workboxを導入した件について書きます。 Service Workerとは Service Workerはブラウザのバックグラウンドで動作するJavaScriptで、PWA(Progressive... 続きを読む
Service Workerがもつ圧倒的な力。SEO担当者は変化に適応が必要 | Moz - SEOとインバウンドマーケティングの実践情報 | Web担当者Forum
3回に分けてお届けしてきたこの記事も、これで最終回だ。後編となる今回は、PWAを支える2つの技術のうち、残るService Workerについて解説する。 → まず前編と前編を先に読んでおく 「Service Worker」は、PWAの最もエキサイティング部分であり、ウェブの世界に対して行われたこれまでで最も重要な変更の1つだ。ウェブサ... 続きを読む
阿部寛を超えるための技術: はてなブログからNuxtに移行した話 | Studio Andy
旧サイト(はてなブログ)からのパフォーマンスの伸びが顕著ですね。 Performanceは言わずもがなですが、はてなブログでPWA対応がほとんどされていないのが気になりました。Service Workerのような標準化しつつある仕様に追従できていないのは痛いところ。 Nuxt + Contentfulでやっていき 今回の実装にあたってはフレーム... 続きを読む
VMよりコンテナよりもさらに軽量な分離技術、V8のIsolateを用いてサーバレスコンピューティングを提供するCloudflare Workers - Publickey
CDNプロバイダのCloudflareは、いわゆるサーバレスコンピューティングサービスの一種としてCDNのエッジにおいてJavaScriptのコードを配置し実行できる「Cloudflare Workers」を提供しています。 Cloudflare Workersは、HTML5の機能であるService Workerの実行環境をクラウド上で提供するというものです。 Service Worker... 続きを読む
#0
Service Worker とは合法ローカルプロキシ // client navigator.serviceWorker.register("/sw.js"); // sw.js self.addEventListener('fetch', event => { console.log('[fetch on sw]', event.request.url) }) service-worker いつ使える?開発者向けツール: たぶん使って OK一般向けサービス: 2020~ (Windows7 サポー... 続きを読む
「改めまして、Progressive Web Appsと申します」── Web UXの新たな基準を考える | HTML5Experts.jp
「改めまして、Progressive Web Appsと申します」── Web UXの新たな基準を考える NEW 宇都宮佑亮 PWA , Progressive Web Apps , Service Worker , UX , Webアプリ 2018年4月19日 Progressive Web Appsというワードが世に出て約2年半が経ちました。 2015年10月に開催されたChrome Dev ... 続きを読む
モバイル/オフラインでも動作するはてなブックマーク検索のPWAを作った | Web Scratch
はてなブックマーク検索PWA というはてなブックマークでブクマしたデータをオフラインでも検索できるPWAを作りました。 サイト: https://hatebupwa.netlify.com/ ソース: https://github.com/azu/hatebupwa はてなブックマークの自分のブクマを検索できるPWAを作りました。 Service Workerに対応してるブラウザ(IOS Safa... 続きを読む
JavaScriptのコードとService Workerをユーザーに近いCDNのエッジで実行可能。Cloudflareが「Cloudflare Workers」を提供開始 - Publickey
CDNプロバイダのCloudflareは、同社が提供するグローバルなコンテンツデリバリーネットワーク(CDN)のエッジにおいて、開発者がJavaScriptのコードを配置し実行できる新機能 「Cloudflare Workers」の一般提供を開始したと発表しました 。 Cloudflare Workersを利用すると、開発者はネットワークの向こう側にあるクラウドではなく、利用者にもっとも近いCDN... 続きを読む
Service Worker スクリプトのインストールと更新処理
Service Worker スクリプトのインストールと更新処理 Feb 15, 2018 | #web #serviceworker Service Worker の実装が主要ブラウザで揃い始めて盛り上がってきましたね。その流れに便乗して久しぶりに Service Worker の仕様や実装に関する記事を書いてみました。今回は Service Worker スクリプトのインストールと更新処理につ... 続きを読む
Service Worker スクリプトのインストールと更新処理
Service Worker スクリプトのインストールと更新処理 Feb 15, 2018 | #web #serviceworker Service Worker の実装が主要ブラウザで揃い始めて盛り上がってきましたね。その流れに便乗して久しぶりに Service Worker の仕様や実装に関する記事を書いてみました。今回は Service Worker スクリプトのインストールと更新処理につ... 続きを読む
AppleもiOS/macOSをProgressive Web Apps(PWA)対応へ。次のSafari 11.1でService Workerなど実装 - Publickey
AppleもiOS/macOSをProgressive Web Apps(PWA)対応へ。次のSafari 11.1でService Workerなど実装 Appleが、iOSとmacOSの次バージョンにバンドルされるSafari 11.1で、Progressive Web Apps(PWA)の重要な構成要素であるService Workerをサポートすることが分かりました。次のiOSとmacOS... 続きを読む
Service Workerで簡単なオフライン対応サイトを作ってみた – Snaplog
Service Workerで簡単なオフライン対応サイトを作ってみました。 ここ数年、勉強会で名刺を用意してなくて、そろそろ用意しようと思った時に、名刺に載せるポートフォリオサイトやプロフィールサイトあった方がいいよなと思ったのがきっかけで、どうせならオフライン対応ページを作ってみようと思いつくりました。 サンプルのコードを適当に拾ってきてやったので、正しくできてるか分かりませんが。ネットを切って... 続きを読む
リニューアルで表示を高速化させた「日経電子版のページ高速化とPWA対応」プロジェクトの舞台裏|CodeIQ MAGAZINE
リニューアルで表示を高速化させた「日経電子版のページ高速化とPWA対応」プロジェクトの舞台裏 2018.02.01 Category: 勉強会・イベント Tag: html5jplat , Progressive Web Apps , PWA , Service Worker , UI/UX Webアプリはネイティブアプリと比べてロードが遅い、通知が出せない、実行が遅いといった課題を持つ。だがPr... 続きを読む
SafariとEdgeの開発版、Service Workerがデフォルトで利用可能に - Publickey
Web標準の1つである「Service Worker」は、Webブラウザで表示されるWebページのバックグラウンドで実行されるスクリプトです。 Service Workerを利用することで、ネットワークに接続されていないオフラインのときでもプロキシサーバのようにWebページからのリクエストを処理することができるため、オフラインに対応したWebアプリケーションを実現することが可能になります。 今後の... 続きを読む
PWAサイトに2つのXmasプレゼント!Microsoft EdgeとApple Safariが開発版でService Workerをデフォルトで有効に | 海外SEO情報ブログ
[レベル: 上級] Microsoft Edge ブラウザの開発版と Apple Safari ブラウザの開発版がともにデフォルトで Service Worker のサポートを有効にしました。 Service Workers: Going beyond the page – Microsoft Edge Dev Blog Release Notes for Safari Technology Pr... 続きを読む
Mercari Web版 に Workbox で Service Worker を導入する話 - Mercari Engineering Blog
2017 - 12 - 19 Mercari Web版 に Workbox で Service Worker を導入する話 Mercari Advent Calendar 2017 19日目は フロントエンドチームの @_hitima が JP Web版 にてサイトのオフライン対応を検証している話をします。 メルカリのWeb版強化への道 メルカリは iOS と Android のアプリ版のほかに ... 続きを読む
Service Workerってなんなのよ (Service Workerのえほん) - Qiita
私 「ねぇ、Service Workerってあなた何者?」 Service Worker 「プログラム可能なネットワークプロキシです」 私 「.....(´Α`lll)o0(イミフ)」 (この記事は元々 英語で投稿した記事 の翻訳版です。挿絵に入っているテキストが英語のままなのはご了承ください 続きを読む
攻撃者視点で見る Service Worker / PWA Study SW // Speaker Deck
All slide content and descriptions are owned by their creators. 続きを読む