はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ Service Worker

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 25 / 42件)

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

2023/03/06 このエントリーをはてなブックマークに追加 11 users Instapaper Pocket Tweet Facebook Share Evernote Clip 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 Instapaper Pocket Tweet Facebook Share Evernote Clip 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 Instapaper Pocket Tweet Facebook Share Evernote Clip 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 Instapaper Pocket Tweet Facebook Share Evernote Clip moz ウェブサ Pwa SEO 適応

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

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

2018/12/12 このエントリーをはてなブックマークに追加 28 users Instapaper Pocket Tweet Facebook Share Evernote Clip Nuxt Contentful performance 実装

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

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

2018/11/11 このエントリーをはてなブックマークに追加 258 users Instapaper Pocket Tweet Facebook Share Evernote Clip Publickey サーバレスコンピューティング CDN

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

#0

2018/09/05 このエントリーをはてなブックマークに追加 32 users Instapaper Pocket Tweet Facebook Share Evernote Clip 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 Instapaper Pocket Tweet Facebook Share Evernote Clip 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 Instapaper Pocket Tweet Facebook Share Evernote Clip 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 Instapaper Pocket Tweet Facebook Share Evernote Clip Publickey CloudFlare CDN 向こう側

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

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

2018/02/15 このエントリーをはてなブックマークに追加 132 users Instapaper Pocket Tweet Facebook Share Evernote Clip スクリプト 実装 web インストール 主要ブラウザ

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

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

2018/02/15 このエントリーをはてなブックマークに追加 132 users Instapaper Pocket Tweet Facebook Share Evernote Clip スクリプト 実装 web インストール 主要ブラウザ

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

2018/02/13 このエントリーをはてなブックマークに追加 493 users Instapaper Pocket Tweet Facebook Share Evernote Clip 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 Instapaper Pocket Tweet Facebook Share Evernote Clip ポートフォリオサイト 名刺 サンプル きっかけ コード

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

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

2018/02/01 このエントリーをはてなブックマークに追加 72 users Instapaper Pocket Tweet Facebook Share Evernote Clip 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 Instapaper Pocket Tweet Facebook Share Evernote Clip 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 Instapaper Pocket Tweet Facebook Share Evernote Clip デフォルト 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 Instapaper Pocket Tweet Facebook Share Evernote Clip 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 Instapaper Pocket Tweet Facebook Share Evernote Clip lll 挿絵 Qiita えほん テキスト

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

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

2017/09/14 このエントリーをはてなブックマークに追加 378 users Instapaper Pocket Tweet Facebook Share Evernote Clip Speaker Deck 攻撃者視点

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

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

2017/08/03 このエントリーをはてなブックマークに追加 39 users Instapaper Pocket Tweet Facebook Share Evernote Clip 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 Instapaper Pocket Tweet Facebook Share Evernote Clip 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 Instapaper Pocket Tweet Facebook Share Evernote Clip ランコム 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 Instapaper Pocket Tweet Facebook Share Evernote Clip lll 挿絵 Qiita えほん テキスト

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

Foreign Fetch による Micro Service Workers | blog.jxck.io

2016/12/12 このエントリーをはてなブックマークに追加 27 users Instapaper Pocket Tweet Facebook Share Evernote Clip jxck.io fetch クロスオリジン 対象 機能

created_at: 2016-12-12 updated_at: 2016-12-12 tags: [ fetch , service worker , origin trials ] Intro Service Worker に Foreign Fetch という機能が提案されている。 この機能があるとクロスオリジンへの fetch をフックできる Service Worker を、その対象... 続きを読む

 
(1 - 25 / 42件)