こんにちは。Mercari Advent Calendar 2019 の 17 日目は Web UX Team 所属の @lightnet328 がお送りします。 どのようにリモートのデータを取得して管理するかは SPA 構成の Web フロントエンドにおいて大きなテーマの 1 つだと思います。最近では Apollo Client のようにデータ取得のためのクライアントとデータ管理のためのキャッシュ機構が一体化したライブラリが出てきています。 本稿で紹介する zeit/swr (以下、SWR) もそのような特徴を持っています。SWR はその名が示すとおり HTTP の stale-while-revalidate (略すと swr) というキャッシュ戦略に影響を受けているため、先に HTTP の state-while-ravalidate について紹介します。 HTTP の Cache-
知ってた人には今さらーって感じかもやけど。 正月休み最後の日ということで、何か新しい目のやつを学びたいなあと思い。 ServiceWorkerでできることやデザインについては追ってたつもりやったけど、実際にコード書いたことはないなということで。 スーパーイカメーカーとかいう丁度よい題材も手元にあることやので、これにServiceWorkerを適応するならどんな感じかとやってみた。 ただ結局リリースはしてなくて、その紆余曲折もまとめてメモ。 ServiceWorkerでやりたかったこと 主にはCache APIによるオフライン対応。 もはや更新の予定がないのでプッシュ通知もいらないし、他のテクいことにも使えなさそう。 最初は勉強がてら手書きで全部いこうかと思ったけど、細かいとこまで考慮しようとすると色んなイベントで色んなことが必要なのと、キャッシュしたいパスをコードに手書きするのはアレやなー
値をキャッシュしておけるJavascript用クラスライブラリ「JavaScript LRU Cache」 2007年06月01日- Javascript LRU Cache Just a simple LRU cache written in javascript. It is loosely based on ASP.NET's Cache, and includes many caching options such as absolute expiration, sliding expiration, cache priority, and a callback function. 値をキャッシュしておけるJavascript用クラスライブラリ「JavaScript LRU Cache」。 Ajax で構成されたアプリにおいて、値を毎回サーバから取得するよりも、キャッシュできるデー
Webframeworks LLC - Open Souce Projects Dramatically improve your Ajax application performance with JSOC - the JavaScript Object Cache framework. AjaxのレスポンスをキャッシュするJavaScriptライブラリ「JSOC」。 次はJSOCを使ってXMLHTTPRequestの結果をキャッシュするサンプルスクリプト。 var xhttp = new xhttp(); // use your XMLHTTPRequest library of choice! function setCache(n,v){ var respCode = jsoc.set(n, v); alert('Data containing ' + n + ' was fetc
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
