ServiceWorkerの落とし穴8選 - Repro Tech Blog

2023/07/27 12 users Repro Tech Blog

はじめに Reproで開発をやっているEdward Fox (edwardkenfox) です。2021年頃から Repro Booster というプロダクトの立ち上げに携わっており、開発を通して得た知見を共有できればと思い立ち筆を取るに至りました。4年ぶりのテックブログ執筆で少しばかり緊張していますが（？）、張り切ってやっていこうと思います。 Re... 続きを読む

運用期間20年　DMMが明かす、Vue.jsを使って長期運用サービスを改善するまで - ログミーTech

2018/10/23 246 users ログミーTech Vue.js Webフロントエンド テーマ

運用期間20年 DMMが明かす、Vue.jsを使って長期運用サービスを改善するまで 長期運用サービス改善のために構築した開発環境の話 2018年9月5日、第70回となる「HTML5とか勉強会」が開催されました。今回のテーマは「開発環境」。 Webフロントエンドの開発環境をテーマに、エディタプラクティスやServiceWorkerを開発ツ... 続きを読む

js-primer(JavaScript入門本)がオフラインで読めるようになりました | Web Scratch

2018/05/25 63 users js-primer ウェブページ キャッシュ IE以外 書籍

現在開発中の js-primer(JavaScript入門本) がServiceWorkerを使ってオフラインでも読めるようになりました。 Service Workers に対応しているブラウザ(IE以外)なら一度開いた後はキャッシュを使ってオフラインでも読めるようになっています。 また、ただのウェブページでもあるので書籍の内容が更新されれば最新の内容に更新されます。 js-primer work... 続きを読む

Chromiumのプロセス構成と Worker/SharedWorker/ServiceWorkerのうごき - Qiita

2017/12/03 58 users worker Twitter Chromium Qiita

この記事は Chromium Browser Advent Calendar 2017 の3日目の記事になります。 今日の担当はamiq11( twitter , chromium )です。2016年の4月からBlink-WorkerチームでServiceWorkerの実装をしています。このadvent calendarに登録しているchromiumコミッターのなかでもChromium歴が浅いので... 続きを読む

Workbox で Service Woker のキャッシュを導入してみた話し、Webpack を添えて | Nagisaのすゝめ

2017/09/29 43 users WebKit Webpack パスワード Pwa Nagisa

はじめに Webkit の ServiceWorker (以下 SW) in develop 事件以来、SW にも希望が持てるようになってきました。PWA という言葉もちょっとバズワードっぽくなっているのでここで PWA というワードもさり気なく入れてみます。 Nagisa でも マンガZERO というサービスの Web 版で SW を使ったクライアントキャッシュを導入してみたので、その辺のことを... 続きを読む

Remove foreign fetch · Issue #1188 · w3c/ServiceWorker · GitHub

2017/08/18 10 users GitHub Issue W3C

Dismiss Join GitHub today GitHub is home to over 20 million developers working together to host and review code, manage projects, and build software together. Sign up Have a question about this projec... 続きを読む

PWA時代のimgタグの書き方 | プログラミングメカブログ

2017/07/17 18 users IMGタグ PWA時代 Pwa 書き方 PWA対応

PWA時代とは PWAとは、ProgressiveWebAppsの略で、Webアプリケーションでのユーザ体験を向上させる仕組みです。 Google社が推進している技術で、最近のフロントエンドエンジニア界隈ではなかなかに盛り上がっているようです。 Angular Mobile Toolkit でフロントエンド実装を行えば、 本番用にビルドするだけでServiceWorkerが作られ、PWA対応が完了... 続きを読む

Chrome M60 で Native ES Modules + ServiceWorker を試して未来へのマイグレーションを見積もる - Qiita

2017/06/03 40 users Qiita マイグレーション Canary Babel 未来

目的 Chrome M60(Canary) でフラグ付きで ES 2015 の ES Modules が動くようになったので、試す。 ServiceWorker と Babel 前提で、エッジな構成で今のバンドル環境を無理矢理シミュレートしてみて、今との比較で現実的なマイグレーションパスを探しておくことにした。 成果物 https://github.com/mizchi-sandbox/nativ... 続きを読む

Link rel=serviceworker ヘッダによる API やアセットの Offline 対応 | blog.jxck.io

2016/12/12 11 users Offline ヘッダ アセット API jxck.io

created_at: 2016-12-11 updated_at: 2016-12-12 tags: [ origin trials , service worker , offline ] Intro Service Worker を登録する方法は現状 3 つある。 HTML meta タグでの追加ならば、 Service Worker を追加するためだけの JS であれば不要になる。 HTT... 続きを読む

Chrome 45 の Service Worker の変更点

2015/10/29 15 users Service Worker リリースノート 変更点 原文

Chrome 45 の Service Worker の変更点 Aug 7, 2015 | serviceworker 本記事は Chrome 45 の Service Worker のリリースノートを日本語に意訳したものです。原文は service-worker-discuss グループで読むことができます。 [service-worker-discuss] Release Notes for ... 続きを読む

Service Worker の Registration

2015/07/06 14 users Tags registration 仕様 時点 動作確認

Service Worker の Registration Jul 5, 2015 | tags : serviceworker 今回は Service Worker の中で最も重要なオブジェクトであろう ServiceWorkerRegistration について詳しく紹介します。なお、この記事は 2015/07/05 時点での仕様に基づいており、Chrome 45 で動作確認を行っています。 ... 続きを読む

ServiceWorker のスコープとページコントロールについて - Qiita

2015/02/27 77 users Qiita Opera スコープ レスポンス 実行コンテキスト

Chrome 40 から ServiceWorker が使えるようになりました。Opera もバージョン 26 から対応し、Firefox でも現在実装が進められています (参考「Can I use...」)。ServiceWorker はページのライフタイムとは独立した JavaScript の実行コンテキストを提供する機能で、ページからのリクエストをフックしてキャッシュからレスポンスを返したり... 続きを読む

ServiceWorkerでモックサーバーを作る - Qiita

2015/02/25 63 users Qiita モックサーバー

実験環境は Chrome Canary 43.0.2314.0 だけど動かしてる分は現時点の安定版(40)でも動くはず やりたいこと http://localhost:3000/api/* へのリクエストを全部serviceworkerに任せたい。 先行実装として Jxck/response-injection がある。 やり方 sw.js(になるsw.coffee) console.log 'w... 続きを読む

Service worker が拓く mobile web の新しいかたち

2015/02/25 183 users Service Worker 新しいカタチ kinu MOB

Transcript 1. ServiceWorker が拓く Mobile Web の新しいかたち HTML5とか勉強会 02/25/2015 Kinuko Yasuda (@kinu) kinuko@chromium.org HTML5とか勉強会 02/25/2015 Kinuko Yasuda (@kinu) kinuko@chromium.org ServiceWorker が拓く Mob... 続きを読む

ServiceWorker を使った XHR のモックテスト - Block Rockin’ Codes

2015/01/15 38 users PoC Codes XHR レスポンス 既出

2015-01-16 ServiceWorker を使った XHR のモックテスト serviceworker fetch test Intro 似た話は既出なのでご提案にはならないけど、PoC として一応ライブラリっぽくしてみた。 タイトルの通り XHR のリクエストに対して、任意のレスポンスを返すことによって、 再現の面倒なエラー処理などのテストを、 Local Proxy 無しで実現する方法... 続きを読む

JavaScript - Chrome 40 で今すぐ ServiceWorker を試す - Qiita

2014/12/12 124 users Qiita kinu AppCache Chrome リリース

Chrome 40 で今すぐ ServiceWorker を試すJavaScript(4144)Chrome(308)HTML5(424)kinuが2014/12/12に投稿(2014/12/12に編集)編集履歴(11)編集リクエストを作成する Chrome では、リリース 40 からごく一部で「マシな AppCache」とも言われている ServiceWorker がデフォルトで使えるようになり... 続きを読む

ServiceWorkerの記事を書いた＆所感 - fragmentary

2014/07/31 22 users fragmentary ネイティブアプリ 所感 セッション

2014-07-31 ServiceWorkerの記事を書いた＆所感 HTML5 Experts.jpにServiceWorkerの記事を書いた。 Google I/O 2014──ServiceWorkerでネイティブアプリとの差を縮めよう Google I/Oで見たServiceWorkerのセッションを紹介したもの。セッションの内容を文字にして説明しているという雑な記事。セッションのビデオを... 続きを読む

Google I/O 2014──ServiceWorkerでネイティブアプリとの差を縮めよう | HTML5Experts.jp

2014/07/31 83 users ネイティブアプリ Editor セッション 連載 特集

連載： Google I/O 2014 特集 (8)今回お届けするのは、Jake Archibald氏とAlex Russell氏によるServiceWorkerのセッション「Appy Times with ServiceWorker – Bridging the gap between the web and apps」です。 Alex氏はService Workers仕様のEditorで、古く... 続きを読む

W3CのEME標準化、ServiceWorker解説、RespImgシンタックスはレスポンシブ画像問題など海外WEBテク20本を一挙公開 | HTML5Experts.jp

2013/11/05 15 users EME AppCache 定点観測 斉藤祐也 一挙公開

斉藤祐也の海外WEBテク定点観測＜Issue.7: 2013/10/01-2013/10/31＞ 今月の定点観測はW3CがEMEをなぜ標準化したのか、その動きに対する反対と賛成意見を紹介し、AppCacheが解決できなかったオフラインに対する問題を解決すべく立ち上がったServiceWorkerの解説、突如として現れたかに見えるレスポンシブ・イメージに対する解決であるRespImgなど、合計20件... 続きを読む