タグ「Service Worker」 - はてブログ

タグ Service Worker

新着順人気順 5 users 10 users 50 users 100 users 500 users 1000 users

(1 - 25 / 43件)

Service Worker がページをコントロールし始めるタイミングを skipWaiting と clients.claim から理解する - カミナシエンジニアブログ

2024/12/19 19 users Pwa マルチデバイスカミナシソフトウェアエンジニア佐藤

こんにちは。カミナシでソフトウェアエンジニアをしております佐藤です。先日、『カミナシレポート　記録アプリ（Web）』の提供を開始いたしました。現場帳票システム『カミナシレポート』、マルチデバイスで記録ができるWeb版をリリース PWA として利用が可能であり、また、ネットワークが不安定な現場での使用も想... 続きを読む

Service WorkerとCache APIによるWebサーバーの負荷軽減とテスト実装について-後編 - dwango on GitHub

2023/03/06 11 users Cache API 後編負荷軽減テスト実装 Webサーバー

2023-03-06 Mon Service WorkerとCache APIによるWebサーバーの負荷軽減とテスト実装について-後編ニコニコQセクションのhajime-san(GitHub/Twitter)です。本記事は、Service WorkerとCache APIによるWebサーバーの負荷軽減とテスト実装について-前編の続きとなります。テストについてさて、前編のService Workerス... 続きを読む

CloudflareでもFastlyでもVercelでもDenoでもBunでもService Workerでも動く

2022/07/06 21 users Bun routes CloudFlare fastly 当初

当初はCloudflare Workers向けに作っていたのですが、同じCDNであるFastlyのエッジランタイム、Compute@Edgeでも動くことが分かりました。また、Next.jsのEdge MiddlewareもしくはEdge API RoutesとしてVercelの環境でも動きます。そして、少々手を加えるとDenoでも動きました。もちろんDeno Deployにもデプロイできます... 続きを読む

Origin 解体新書 | Zenn

2020/10/04 13 users ORIGIN Zenn セキュリティモデル JSONP ユーザ

Web 技術解体新書第一章 Origin 解体新書現在の Web における最も重要なセキュリティモデルの 1 つである Origin について、この概念が持ち込まれた背景やそれがユーザを保護するメカニズム、 JSONP などで迂回した場合の危険性と CORS による安全な拡張、 Preflight が飛ぶ理由、 Service Worker など新しい API との... 続きを読む

Service Workerがもつ圧倒的な力。SEO担当者は変化に適応が必要 | Moz - SEOとインバウンドマーケティングの実践情報 | Web担当者Forum

2019/09/01 67 users moz ウェブサ Pwa SEO 適応

3回に分けてお届けしてきたこの記事も、これで最終回だ。後編となる今回は、PWAを支える2つの技術のうち、残るService Workerについて解説する。 → まず前編と前編を先に読んでおく「Service Worker」は、PWAの最もエキサイティング部分であり、ウェブの世界に対して行われたこれまでで最も重要な変更の1つだ。ウェブサ... 続きを読む

阿部寛を超えるための技術: はてなブログからNuxtに移行した話 | Studio Andy

2018/12/12 28 users Nuxt Contentful performance 実装

旧サイト(はてなブログ)からのパフォーマンスの伸びが顕著ですね。 Performanceは言わずもがなですが、はてなブログでPWA対応がほとんどされていないのが気になりました。Service Workerのような標準化しつつある仕様に追従できていないのは痛いところ。 Nuxt + Contentfulでやっていき今回の実装にあたってはフレーム... 続きを読む

VMよりコンテナよりもさらに軽量な分離技術、V8のIsolateを用いてサーバレスコンピューティングを提供するCloudflare Workers － Publickey

2018/11/11 258 users Publickey サーバレスコンピューティング CDN

CDNプロバイダのCloudflareは、いわゆるサーバレスコンピューティングサービスの一種としてCDNのエッジにおいてJavaScriptのコードを配置し実行できる「Cloudflare Workers」を提供しています。 Cloudflare Workersは、HTML5の機能であるService Workerの実行環境をクラウド上で提供するというものです。 Service Worker... 続きを読む

#0

2018/09/05 32 users addEventListener console.log

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

2018/04/19 458 users Progressive Web Apps 基準ワード

「改めまして、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

2018/04/16 82 users Pwa azu github.com ブクマオフライン

はてなブックマーク検索PWA というはてなブックマークでブクマしたデータをオフラインでも検索できるPWAを作りました。サイト: https://hatebupwa.netlify.com/ ソース: https://github.com/azu/hatebupwa はてなブックマークの自分のブクマを検索できるPWAを作りました。 Service Workerに対応してるブラウザ(IOS Safa... 続きを読む

JavaScriptのコードとService Workerをユーザーに近いCDNのエッジで実行可能。Cloudflareが「Cloudflare Workers」を提供開始－ Publickey

2018/03/14 284 users Publickey CloudFlare CDN 向こう側

CDNプロバイダのCloudflareは、同社が提供するグローバルなコンテンツデリバリーネットワーク（CDN）のエッジにおいて、開発者がJavaScriptのコードを配置し実行できる新機能「Cloudflare Workers」の一般提供を開始したと発表しました。 Cloudflare Workersを利用すると、開発者はネットワークの向こう側にあるクラウドではなく、利用者にもっとも近いCDN... 続きを読む

Service Worker スクリプトのインストールと更新処理

2018/02/15 132 users スクリプト実装 web インストール主要ブラウザ

Service Worker スクリプトのインストールと更新処理 Feb 15, 2018 | #web #serviceworker Service Worker の実装が主要ブラウザで揃い始めて盛り上がってきましたね。その流れに便乗して久しぶりに Service Worker の仕様や実装に関する記事を書いてみました。今回は Service Worker スクリプトのインストールと更新処理につ... 続きを読む

Service Worker スクリプトのインストールと更新処理

2018/02/15 132 users スクリプト実装 web インストール主要ブラウザ

AppleもiOS/macOSをProgressive Web Apps（PWA）対応へ。次のSafari 11.1でService Workerなど実装－ Publickey

2018/02/13 493 users Publickey iOS Pwa Apps MacOS

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

2018/02/05 13 users ポートフォリオサイト名刺サンプルきっかけコード

Service Workerで簡単なオフライン対応サイトを作ってみました。ここ数年、勉強会で名刺を用意してなくて、そろそろ用意しようと思った時に、名刺に載せるポートフォリオサイトやプロフィールサイトあった方がいいよなと思ったのがきっかけで、どうせならオフライン対応ページを作ってみようと思いつくりました。サンプルのコードを適当に拾ってきてやったので、正しくできてるか分かりませんが。ネットを切って... 続きを読む

リニューアルで表示を高速化させた「日経電子版のページ高速化とPWA対応」プロジェクトの舞台裏｜CodeIQ MAGAZINE

2018/02/01 72 users 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

2017/12/21 103 users Publickey プロキシサーバ Edge Safari

Web標準の1つである「Service Worker」は、Webブラウザで表示されるWebページのバックグラウンドで実行されるスクリプトです。 Service Workerを利用することで、ネットワークに接続されていないオフラインのときでもプロキシサーバのようにWebページからのリクエストを処理することができるため、オフラインに対応したWebアプリケーションを実現することが可能になります。今後の... 続きを読む

PWAサイトに2つのXmasプレゼント！Microsoft EdgeとApple Safariが開発版でService Workerをデフォルトで有効に | 海外SEO情報ブログ

2017/12/20 19 users デフォルト Service workers 上級ブラウザ

[レベル: 上級] 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 118 users iOS Workbox メルカリ Android ほか

2017 - 12 - 19 Mercari Web版に Workbox で Service Worker を導入する話 Mercari Advent Calendar 2017 19日目はフロントエンドチームの @_hitima が JP Web版にてサイトのオフライン対応を検証している話をします。メルカリのWeb版強化への道メルカリは iOS と Android のアプリ版のほかに ... 続きを読む

Service Workerってなんなのよ (Service Workerのえほん) - Qiita

2017/10/08 296 users lll 挿絵 Qiita えほんテキスト

私「ねぇ、Service Workerってあなた何者？」 Service Worker 「プログラム可能なネットワークプロキシです」私「.....(´Α｀lll)o0(ｲﾐﾌ)」 (この記事は元々英語で投稿した記事の翻訳版です。挿絵に入っているテキストが英語のままなのはご了承ください続きを読む

攻撃者視点で見る Service Worker / PWA Study SW // Speaker Deck

2017/09/14 378 users Speaker Deck 攻撃者視点

All slide content and descriptions are owned by their creators. 続きを読む

iOS がプログレッシブウェブアプリをサポートする可能性が浮上 | 海外SEO情報ブログ

2017/08/03 39 users iOS Pwa 浮上ステータス in development

[レベル: 上級] iOS で、PWA (プログレッシブウェブアプリ）がサポートされる可能性が出てきました。 Service Worker が In Development に WebKit Bugzilla で Service Worker のステータスが開発中を意味する「In development」になっていることを Marco Pöhler‏ 氏が発見しました ※WebKit B... 続きを読む

Web Budget API と Web に導入されつつある Budget と Cost の概念 | blog.jxck.io

2017/06/12 136 users Budget Cost Pwa created_at 概念

created_at: 2017-06-12 updated_at: 2017-06-12 tags: [ web budget api , service worker , pwa ] Intro PWA の普及により、バックグラウンド処理をいかに制限するかといった課題が生まれた。その対策として、バックグラウンド処理における Budget と Cost の概念が提案され、それを扱う Budge... 続きを読む

Service WorkerをサポートしないiOSでもPWAで成果をあげた世界最大のビューティサイト | 海外SEO情報ブログ

2017/06/08 37 users ランコム iOS Pwa フレグランス中級

[レベル: 中級] Google Developers サイトに PWA の成功事例が新たにたくさん追加されました。多くは、 Google I/O 2017 でも紹介されていました。この記事では、特に注目したい事例として Lancôme（ランコム）を紹介します。 Lancôme はコスメやスキンケア、フレグランスなどの美容アイテムを取り扱う世界最大の化粧品会社です。 Lancôme の全体... 続きを読む

Service Workerってなんなのよ (Service Workerのえほん) - Qiita

2017/01/25 296 users lll 挿絵 Qiita えほんテキスト

(1 - 25 / 43件)

次の25件 »