はてブログ

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



タグ Service Worker

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

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

2024/12/19 このエントリーをはてなブックマークに追加 19 users Instapaper Pocket Tweet Facebook Share Evernote Clip Pwa マルチデバイス カミナシ ソフトウェアエンジニア 佐藤

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

Service WorkerとWasmを組み合わせてサーバー処理をブラウザーでリアルに再現する

2023/06/21 このエントリーをはてなブックマークに追加 7 users Instapaper Pocket Tweet Facebook Share Evernote Clip wasm ブラウザー PHP ブラウザー上 メイン

今回の話はWasmというよりもService Workerの話がメインになりますが、WasmとService Workerを組み合わせることで、ブラウザー上でサーバー処理をリアルに再現することができるので、このタイトルにしています。 まずは動画をご覧ください。 見ていただくと分かるように、ブラウザー上でPHPのコードを書くとその実行結果... 続きを読む

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ス... 続きを読む

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

2023/02/27 このエントリーをはてなブックマークに追加 9 users Instapaper Pocket Tweet Facebook Share Evernote Clip Cache API 負荷軽減 テスト実装 Webサーバー 前編

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でも動く

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とは、それを使ってできること / what-is-service-worker - Speaker Deck

2020/09/26 このエントリーをはてなブックマークに追加 7 users Instapaper Pocket Tweet Facebook Share Evernote Clip 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

2019/12/01 このエントリーをはてなブックマークに追加 7 users Instapaper Pocket Tweet Facebook Share Evernote Clip Workbox Progressive Pwa https

こんにちは。宿泊事業本部の宇都宮です。 この記事は、一休.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

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. 続きを読む

 
(1 - 25 / 47件)