さてさて、ウェブサイト開発でページ表示の速度を向上させるためによく「キャッシュ」を利用することがあります。 キャッシュとは、時間がかかる計算結果を一時的に保管しておいて、一定時間は重たい処理を省略するテクニックですが、Laravelではこの「キャッシュ」がとても簡単に利用できるようなっています。（キャッシュのもっと詳しい説明はこちら） ただし、Laravelには多くのキャッシュ機能があるため、少し頭が複雑に感じることもあったりするのも事実です。 そこで、今回はキャッシュ機能についてまとめた「大全」的な記事を公開することにしました。 ぜひ開発の参考にしてください。 ※ 実行環境は、Laravel 5.7です。 お急ぎの人向け（キャッシュの保存＆取得） Laravelでシンプルにキャッシュを扱いたい場合はヘルパー関数cache()を使うと便利です。 // 10分間、キャッシュ保存 cache(
Amazon Web Services ブログ Aurora PostgreSQL のキャッシュ管理機能の紹介 Amazon Aurora は、ハイエンドな商用データベースが持つ速さや可用性を、オープンソースデータベースのシンプルさやコスト効率の高さと組み合わせた、リレーショナルデータベースエンジンです。PostgreSQL 互換エディションの Aurora では、同じハードウェアで動作させたとき、標準 PostgreSQL の最大 3 倍のスループットが実現できます。既存の PostgreSQL アプリケーションおよびツールは、修正をせずにそのまま使用可能です。この、PostgreSQL の互換性と Aurora のエンタープライズデータベース機能の組合せは、商用データベースを移行する際の理想的なターゲットとなっています。 リレーショナルデータベースでのキャッシング キャッシングは、すべ
技術記事『Amazon Builders' Library』にフォーカスを当てた勉強会「AWS Tech talk Night#5 クラウドネイティブ時代のエンジニアが押さえておきたい ソフトウェアの構築・運用で考慮すべき5つのポイント ～AWSプリンシパルエンジニアの技術記事をソリューションアーキテクトが解説～」。ここで、ソリューションアーキテクトの川島氏が登壇。まずはローカルキャッシュと外部キャッシュの特徴と欠点について話します。 本セッションのコンテンツ 川島拓海氏：それでは私から「キャッシュの課題と戦略」について話します。よろしくお願いします。（スライドを示して）私はアマゾンウェブサービスジャパンの川島拓海と申します。ふだんはソリューションアーキテクトとして、お客さまのクラウド移行や検討を支援しています。得意な技術領域は機械学習や画像認識です。 本セッションでは、Amazon Bu
+1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム 10 オートコンプリート 1 お知らせ 69 クロールとインデックス 75 サイトクリニック 4 サイトマップ 15 しごと検索 1 スマートフォン 11 セーフブラウジング 5 セキュリティ 1
Replicate your data from Amazon Aurora MySQL to Amazon ElastiCache for Redis using AWS DMS | Amazon Web Services
AWS Database Blog Replicate your data from Amazon Aurora MySQL to Amazon ElastiCache for Redis using AWS DMS Caching enables the best user experience for real-time applications. You can build applications that provide sub-millisecond response times by storing the most frequently requested data in an in-memory cache like Redis. On August 30, 2021, we announced the support for migrating your data fr
Nuxt.jsを使うと、比較的簡単にPWA対応のサイトを作ることができます。 ただ、PWA対応と一言で言っても、PWAが指す機能は様々なものがあります。 オフラインキャッシュ ホームスクリーン追加 プッシュ通知 カメラ 決済機能 etc iOSではAndroidと比べてPWAの対応が遅く、キャッシュ以外はあまり使うことがなかったのですが、 最近iPhoneからPixel4に機種変更したこともあり、手元の環境で色々とPWAを試すことができるようになったので、 色々実装して遊んでみました。 今回は、比較的簡単に実装ができる、 オフラインキャッシュ ホームスクリーン追加 プッシュ通知 をNuxt.jsとPush7というサービスを使って、実装してみたいと思います。 なお、今回作成したサンプルは以下のURLにアップしています。 https://nuxtpwa.netlify.com/ https:/
こんにちは！ SREの栗山です。 最近観て良かった映画は「コーダ あいのうた」です。 今回は弊社で使っているコンテナビルドを速くするためのテクニックを紹介します。 以下のような一般的なテクニックに関しては他でよく紹介されているので今回は割愛します。 Dockerfileでは変更が少ないものを上に、変更が多いものを下に定義し、キャッシュが効くようにする .dockerignoreをちゃんと定義する マルチステージビルドを活用する bundle installの結果をキャッシュする 弊社のサーバーサイドではRuby on Railsをメインで使っています。 そのためコンテナビルド時にbundle installをする必要がありますが、bundle installはとても時間がかかりますよね。 以下のようにしてしまうとCOPYしたファイルに変更があるたびにキャッシュが使われずbundle ins
JavaでHTTPセッションを使用するときに検討されるアーキテクチャのパターンを紹介します。
この記事では、iPhoneストレージの内訳を表示したとき「その他」に分類されるデータになにが含まれるか、削除して空き容量を回復する方法について説明します。「その他」がどうしても気になるときには、この方法で対処しましょう。 iPhoneストレージの「その他」とは iPhoneのシステム(iOS)は、内蔵ストレージにどのようなデータが記録されているか監視しています。その状態を確認できるのが「iPhoneストレージ」画面で、「設定」→「一般」→「iPhoneストレージ」の順に画面を開くと確認できます。 この「iPhoneストレージ」画面では、内蔵ストレージをアプリ(App)と写真、システム、メディア、メール、メッセージ、ブック、その他、未使用の9種類に色分けして消費容量を表現します。 容量の数値は帯グラフに占める割合から推定するしかありませんが、画像ファイルや動画ファイルなら「写真」アプリの消費
CloudflareのCDNについて解説しています。CDN（Content Delivery Network）は、Webアプリケーションのパフォーマンスと信頼性を向上させるために、遅延を減少させ、コンテンツを近くでキャッシュする手法です。CloudflareのCDNはAnycastルーティングを用い、Tiered Cache、Argo Smart Routing、Cache Reserveなどの技術を採用しており、パフォーマンス向上、コスト削減、セキュリティ強化を実現しています。 CDN Advent Calendar 2023 の 1 日目を担当する、watsuyo です。2023 年 9 月に、Classmethod Europe へ入社しました。 最近は、Cloudflare Workers や Next.js を使った開発で、 CDN や キャッシュについて考えることが多いです。別
2021年の3月頃に書いていました。途中で忙しくなって、止まってしまいました。書きかけのまま公開します。 Ruby on Railsはリレーショナルデータベースを使ったWebアプリケーションフレームワークです。普段、Ruby on Railsを使っている方でも、あまり意識せずに使っている便利機能に、「SQLキャッシュ」があります。「Active Recordクエリキャッシュ」と呼ばれることもあります。 普段は意識していないSQLキャッシュですが、一度意識を向けてみるとなかなかに面白い存在です。SQLキャッシュをたどってRuby on Railsの中身を散策してみましょう。
このブログでは日常的にディスらせていただいておりますが、Micr◯s◯ft さんが運営しているTeams というアプリケーションおよびそれに付随する SharePoint などが吐き気をもよおすほどのストレス誘発剤なので皆様も辟易としておられることと思います。 特に Teams が重くて困っている方が多いようなので、とりあえず試すべき 3 つの作業をまとめておきます。
この記事は 弁護士ドットコム Advent Calendar 2019 16日目の記事です。 はじめに 弁護士ドットコム というサービスのUXエンジニアをやっている白井と申します。 日々ユーザー体験を向上させるべく様々な開発を行っていますが、Webサイトの速度改善もその1つです。 今回はその一環で実施した、ブラウザキャッシュ戦略の再設計の事例についてご紹介します。 対象リソース この記事では、以下のようなリポジトリで管理されているリソースを主な対象としています。 JavaScript, JSX, TypeScriptなどのスクリプト類 CSSなどのスタイルシート類 画像やフォント類 これらは頻繁に変更される傾向にあるため、ブラウザキャッシュを適切に制御する必要があります。 注意深く設計しないと、以下のような問題が発生する場合があります。 ブラウザキャッシュのよくある問題 問題① ユーザーの
質問をすることでしか得られない、回答やアドバイスがある。15分調べてもわからないことは、質問しよう！新規登録して質問してみよう
ホームページは更新作業をしてもすぐには反映されない場合があります。これはブラウザのキャッシュが保存されているからです。 CSSや画像・JSファイル名の後ろにクエリ値を入れれば、新しく自動で読込してくれます。しかし全部の新規読込は避けましょう。 F5を押す・スーパーリロードをする・キャッシュをクリアするなどすれば、新しい情報に更新されますが任意作業になります。
CloudFront と S3 の階層化 TTL でシングルページアプリケーション (SPA) をホストする | Amazon Web Services
Amazon Web Services ブログ CloudFront と S3 の階層化 TTL でシングルページアプリケーション (SPA) をホストする 数多くのお客様がシングルページアプリケーション(SPA) のデプロイのために Amazon CloudFront と Amazon Simple Storage Service (Amazon S3) を利用しています。ウェブアプリケーションは React、 Angular、 Vue 等のフレームワークで実装されています。これら SPA を開発しているチームは、一見相反するようにも思える以下のような要件を持っていることが多いです。 ウェブアプリケーションをダウンロードする時のユーザーが体感する遅延をできるだけ小さくしたい。そのために、ユーザーの近くにある CloudFront のエッジロケーションにウェブアプリケーションをキャッシュさ
Chromeで(いわゆる)スーパーリロードとキャッシュクリアを少しでも楽に行いたい | DevelopersIO
やりたいこと Web開発において、コンテンツをサーバ側にアップロードしてリロードしたにも関わらず、ブラウザに反映されないことがあります。 確実に反映させるために、以下の手順を実施していました。 ブラウザ(Chrome)のローカルキャッシュをクリア スーパーリロードを実施して、キャッシュ設定状態によらず、サーバからコンテンツをダウンロード Ctrl(macOSの場合 Command) + Shift + R この手順が少しでも楽にならないかと思い、調べてみました。 環境 macOS Catalina 10.15.6 Chrome 84.0.4147.125 Chrome デベロッパーツールを使う場合 上記のページの通りなのですが、Chrome デベロッパーツールを開いている時限定で、 ブラウザの再読み込みボタン上で右クリックする(もしくは左クリックし続ける)と現れるメニューから キャッシュの
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました macOSを使っていて、徐々にストレージが逼迫してきたことはないでしょうか。多くの場合はキャッシュであり、削除しても問題ないものです。SSDになって容量が減っているケースも増えており、かつての使い方をしているとあっという間に容量不足になってしまいます。 そこで使ってみたいのがmac-cleanupです。コマンドを実行するだけで、不要なファイルをまとめて削除してくれます。 mac-cleanupの使い方 実行したところです。実行時にパスワードが求められます。 $ mac-cleanup : Success! 217 MiB of space was cleaned up mac-cleanupの削除対象はシステムのログやキャッシュ、Adobe、iOS関係、Homebrewをはじめ、R
(旧ブログから移行しました。) Service Worker は PWA(Progressive Web App)のオフライン操作や Push 通知を実装するための機能です。JavaScript で実装を行いますが、ブラウザとは別プロセスでバックグラウンドで動作するのが特徴です。 オフライン操作の実現は巧みなキャッシュハンドリングによってなされています。 Service Worker の基本的な書き方を学習したので、備忘録的な形でこのブログに残します。 PWA の話も気が向いたら残せたらと！ Sample プロジェクトを Github に Push しました。 ご活用いただけたらと思います。Hosting には Firebase Hosting を利用しました。 Github: https://github.com/Ryoma0219/simple-pwa Firebase Hosting
北斗神拳＠たけちゃんまん on Twitter: "Kyash(キャッシュ)ってなんじゃいって思って記事を読んでみたけど本人確認なしでバーチャルカードが作れて基本的には5千円もらえるとかヤバくないかぇ？ バンドルカードでも審査通ってやっとこさ5千円よ？ 問題は責任取れないお年頃… https://t.co/OkrvkkMyfk"
Kyash(キャッシュ)ってなんじゃいって思って記事を読んでみたけど本人確認なしでバーチャルカードが作れて基本的には5千円もらえるとかヤバくないかぇ？ バンドルカードでも審査通ってやっとこさ5千円よ？ 問題は責任取れないお年頃… https://t.co/OkrvkkMyfk
キャッシュレス決済サービスを支えるデータベース基盤として計画停止は許されなかった。そこで選ばれたNewSQLデータベースとは？ ［PR］
キャッシュレス決済サービスを支えるデータベース基盤として計画停止は許されなかった。そこで選ばれたNewSQLデータベースとは？ ［PR］ 現金を持ち歩かなくてもスマートフォンで簡単に料金の支払いができるキャッシュレス決済が急速に普及しています。そのなかで、キャッシュレス決済をさらに便利にするサービスが登場しました。 ELESTYLE（エレスタイル）社が提供する「OneQR」です。 OneQRは自動販売機や飲食店、アミューズメント施設、コンビニのレンタル用モバイルバッテリー、駐車場の支払機、電気自動車の充電器など、さまざまなデバイスに表示されているQRコードをスマートフォンで読み込むだけで自動的に支払いページへ移行し、PayPayやLINE Pay、メルペイ、au PAY、楽天ペイ、D払いやiD、交通系電子マネーなどさまざまな支払い方法をクリック1つで簡単に選択、決済できます。 OneQRを
[Firebase] Cloud Functionsの実行結果をCDNにキャッシュする - ねこの足跡R
Firebaseで動的に情報を出力する場合にCloudFunctionsを利用するわけですが、頻繁に情報が変化しない場合など実行結果を一定時間キャッシュしたくなりますよね。Firebaseでは非常に手軽に実装できます。 結論から言うと以下のようにCache-Controlヘッダを出力するだけ。以下で30秒間Firebaseが用意するCDNに実行結果がキャッシュされます。publicのつけ忘れにご注意を。 res .set("Cache-Control", "public, max-age=30") .send("キャッシュされるよ"); 最初これを知らずにCDNを別途用意して、Firebase側をオリジンに設定しようとしていましたｗ 危ない危ないｗ サンプル 実行例 コード Cache-Controlヘッダ public max-ageとs-maxage 注意点 GET/HEAD以外はキャ
![[Firebase] Cloud Functionsの実行結果をCDNにキャッシュする - ねこの足跡R](https://cdn-ak-scissors.b.st-hatena.com/image/square/fca7858710a0a1be859617a5d8d93bdaf7b6ac33/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F820878482973262145%2F6801883189061406590%2F1701343612)
本記事は2022年12月時点のTime & Spaceの内容となります 最新の記事に関してはKDDIトビラをご確認ください。 ウェブページを見ているとき、『Cookie（クッキー）を有効にしてください』という警告文を目にしたことはないだろうか。また、Andoroidスマホの動作が重くなったときにもその対応として、よく「キャッシュクリア」という対応が紹介されている。 キャッシュもCookieも、ひとことで言うと、ウェブページを閲覧したときの『履歴を残す仕組み』だ。ホームページやショッピングサイトなどウェブページを閲覧すると、その履歴が残る。その履歴としてデータを保存する仕組みのことを『キャッシュ』や『Cookie』というが、その保存するデータには明確な違いがある。そこで今回は、キャッシュとCookieの違いをわかりやすく解説すると共に、キャッシュクリアの方法や注意点などを紹介する。 キャッシ
WebのCache-Control - Qiita
はじめに Webは、HTTP通信による単なるクライアントサーバシステムではなく、受け取ったHTTP Responseをキャッシュして再利用することを、基盤に組み込んでいます。 HTTPのCache-Controlヘッダを使ってキャッシュ制御のヒントとなる情報を通信相手に提示し、ブラウザやWebサーバといった受け手それぞれがその情報をもとに自律的に振る舞うことで、Webでは分散システムとしてキャッシュ制御が成立しています。 このキャッシュ機構の存在によって、ブラウザからは通信なしでもハイパーリンク関係を処理できる状況が少なからず成立し、この結果、Webは通信効率の良いネットワークシステムとなっています。 この記事では、まず、Webでのキャッシュ制御が想定するモデルについてまとめ、そして、このモデルに対して、リクエストレスポンス双方のCache-Controlヘッダの値がどのようなキャッシュ制
キャンペーン期間（ポイント付与期間2023年7月27日（木）午前10時から予算上限に達するまで ポイント利用可能期間2023年8月3日（木）から11月30日木） かながわPayをダウンロードして参加しよう！ ＜ご注意ください＞ 「かながわPayアプリ」をダウンロードする際に、 いかにも公式アプリのダウンロードに 進むと見せかけた広告表示により 誤ってダウンロードしてしまうという事例が発生しています！
Twitterアプリを使用していて、「最近アプリが重い」「動作が遅い」と感じることはありませんか？ その原因のひとつと言われているのが「キャッシュ」。この記事では、Twitterのキャッシュ削除方法について紹介します。 Twitterのキャッシュとは？ そもそも「キャッシュ」とは、データを一時的に保存しておく機能のこと。Twitterにおいては、キャッシュのおかけで読み込み時間を大きくかけることなく、タイムラインに並ぶツイートを快適に再表示できます。 とはいえ、キャッシュが溜まりすぎるとアプリの動作に悪影響を及ぼし、「アプリが重い」「動作が遅い」とユーザーが感じる場合もあります。Twitterに限らず軽快な動作を保つために、そろそろアプリやOSのキャッシュを削除する時期かな、と思い起こせるよう意識しておくとよいでしょう。 Twitterのキャッシュを削除するとどうなる？ Twitterのキ
この記事は、現在開催中のイベント「フロントエンド強化月間 - 開発する上で知っておくべき知見を共有しよう」の記事です。 はじめに QiitaではService Workerを使い、リソースをクライアントにキャッシュさせることにより、パフォーマンスの向上、リクエスト数の軽減をしている。 Service Workerでキャッシュを扱うにあたって、いくつかのキャッシュ戦略があるため、それを紹介する。 Service Workerについて Workbox Qiitaでは、Service Workerファイルの生成にWorkboxを使っている。 Workboxは、gatsby-plugin-offline、next-offlineとかにも使われているライブラリで、Googleが開発している。 Service Workerを簡単に書くことができるのがウリ。 プリキャッシュ（事前キャッシュ） Servi
静的コンテンツと動的コンテンツのキャッシュ | 仕組みは？
静的コンテンツと動的コンテンツの違いとは？ 静的コンテンツは、サーバーに保存されている任意のファイルであり、毎回同じものがユーザーに配信されます。HTMLファイルと画像は、この種のコンテンツの例です。静的コンテンツは新聞のようなもので、発行されると、日中にどんな新しい出来事が起ころうとも、その版を読むすべての人に向けて終日、同じ記事と写真が掲載されます。 動的コンテンツは、訪問時間、位置、デバイスなどのユーザー固有の要因に基づいて変化するコンテンツです。動的なWebページは誰にとっても同じ表示にはならず、ユーザーと関わるにつれて変化することもあります。–たとえば、新聞が誰かが読んでいる間に自動的に書き変わるような感じです。これにより、Webページはよりパーソナライズされ、よりインタラクティブになります。 最新のニュースWebサイトは、動的コンテンツの良い例です。新聞とは異なり、記事は終日更
Kyash(キャッシュ)を現金化すれば5万円分換金可能？イマすぐ入金による裏ワザ紹介！ 2023年1月31日 2023年10月24日 後払いアプリを即日現金化する方法14選｜おすすめの業者も厳選紹介！ 当コンテンツは「クレジットカード現金化のゲンナビ | カードでお金を借りる方法10選」(以下、当サイト)が「現金化初心者に誤解を与えないか、明快でわかりやすい表現になっているか」を確認し、作成、監修しております。当サイトのコンテンツに広告が含まれる場合もありますが、コンテンツについて広告主の影響を受けることはありません。 そんな状況にピッタリな方法がKyash(キャッシュ)を使った現金化です。 Kyash(キャッシュ)はスマホアプリから発行できるバーチャルプリペイドカードで、誰でも今すぐに発行できます。 そんなKyash(キャッシュ)には後払いチャージ機能『イマすぐ入金』が実装されており3,
WP Fastest Cacheは、キャッシュの使用で表示速度を高速化するプラグインです。 複数あるキャッシュ系プラグインの中でも、設定方法がシンプルなことが特徴で、日本語にも対応しています。 W3 Total Cach […]
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
永久保存版！Laravel・Cacheの使い方大全
Aurora PostgreSQL のキャッシュ管理機能の紹介 | Amazon Web Services
キャッシュ戦略で大規模スケールアウトのコスト問題を解決 「ローカルキャッシュ」「外部キャッシュ」それぞれの利点
検索を活用したニュース記事に関するおすすめの方法
Nuxt.js＋Push7でPWAアプリとプッシュ通知を実装する - Qiita
コンテナビルドを速くするためのテクニック - Studyplus Engineering Blog
HTTP Session Architecture Pattern
iPhoneストレージの「その他」が多すぎ！ 削除して空き容量を増やす方法
Cloudflare CDN の概要と採用技術について | DevelopersIO
Ruby on Rails のSQLキャッシュ（書きかけ）
Teams が重い/遅いときにまず試すべき 3 つのこと
ブラウザキャッシュはもう怖くない！きちんと更新されるキャッシュバスターの付け方 - Qiita
VueとPWAで作ったサイトのキャッシュを新しいファイルがあった場合に自動更新したい
ホームページの更新情報が反映されない時の対処法
mac-cleanup - macOSの不要ファイルをまとめて削除
Blog - Service Workerでキャッシュハンドリング (基礎編) | Ohoshi.me
初心者でもわかる『キャッシュ』講座 Cookie（クッキー）との違いや削除方法など解説
3万円分ポイント還元キャンペーン／神奈川県キャッシュレス・消費喚起事業
Twitterのキャッシュ削除方法まとめ【iPhone/Android/Chrome対応】
Service Workerによるキャッシュ戦略の種類 - Qiita
Kyash(キャッシュ)を現金化すれば5万円分換金可能？イマすぐ入金による裏ワザ紹介！
【2024年最新】WP Fastest Cacheの使い方・設定方法(不具合対処も紹介)