本連載ではリクルートテクノロジーズにおける大規模Webサービスの改善についてお伝えしてきました。最終回となる本稿では前回までの話とは異なり、今後のリクルートのWebフロントエンド技術について紹介します。具体的には、Single Page Applicationのボイラープレート開発と、Fastlyなどに代表されるCDN導入に焦点を当てた内容をお送りします。 はじめに リクルートテクノロジーズでフロントエンドエンジニアを務めている可児潤也です。 リクルートテクノロジーズでは、レガシーなWebサービスのパフォーマンス改善やコードのモダナイズを行うとともに、R＆Dとして新規技術獲得にもチャレンジしています。それらの技術は実際にリクルートグループ内の新規案件や既存サービスのリプレースとして先行実装を行い、A/Bテストなどを通じて技術検証します。さらに案件を通じて得られた知見は共有し、効果的なものは
こんにちは、株式会社カウシェの Architect の伊藤です。 本稿では、カウシェが CDN の構築に利用している Fastly Compute@Edge について、「採用した理由」や「テストやデプロイの方法」などを実装例を混じえてご紹介します。 伊藤 雄貴 / @yuki.ito DeNA を経て 2018 年にメルペイにジョインし、Tech Lead や Architect としてマイクロサービスの開発や組織横断的な技術課題の解決に携わる。カウシェには立ち上げのタイミングから副業として参画し Backend 全般の実装を行う。2022 年 7 月より Architect としてカウシェに正式にジョインし、全社的な技術戦略の意思決定や技術基盤の構築に携わる。 Fastly Compute@Edge とはFastly Compute@Edge は Fastly が提供しているコンピューテ
ご指定の言語に対応しておりません
Fastly を試してみませんか ? アカウントを作成してすぐにご利用いただけます。また、いつでもお気軽にお問い合わせください。
To ensure the highest security and best performance for our customers, Fastly’s network has built-in redundancies and automatic failover routing. We continuously monitor the status of our global network and all related services, but in the event of scheduled maintenance or an unplanned performance impact, we think our customers deserve clear, transparent communication so they can maintain trust in
行動ログ収集 API サーバの Fastly Compute 移行〜高スケーラビリティ、高信頼性、高メンテナンス性を目指して 〜
Fastly 基幹イベント Yamagoya 2023 の登壇資料です。 https://www.fastly.com/jp/press/press-releases/yamagoya-2023
この記事はNikkei Advent Calendar 2021の6日目の記事です。 こんにちは、長期インターン生の林(Shinyaigeek)です。 fastly の提供する Compute@Edge という Edge Computing 基盤があります。 まだベータという形でですが、このランタイムで JavaScript の対応が始まったことをうけ、 Compute@Edge で何ができるのか、そのために何が必要なのか、というのを実際に Compute@Edge で Apollo Server を用いて GraphQL Server を建てることを通して考察します。 Compute@Edge とは 本題に入る前に Compute@Edge とはどのような技術なのか、何ができるのか、という説明から入りたいと思います。 Compute@Edge とは fastly が提供している Edge
ご指定の言語に対応しておりません
Fastly を試してみませんか ? アカウントを作成してすぐにご利用いただけます。また、いつでもお気軽にお問い合わせください。
Fastly Compute@Edge 使い方ガイド
Fastly の Compute@Edge についてユースケース別に実装例を書いていきます。
next.js で作った動的なサイトを CDN で全力でキャッシュさせる というようなことをしたくなることもあると思います。その上で動的なサイトの場合 CDN のキャッシュをリアルタイムで飛ばしたいことも多いかと思いますので、 CDN の選択肢は事実上 fastly 一つということになります。 この時、 next.js なアプリをどこにどうやってデプロイするかが問題になってきます。 1. ZEIT next.js をつくってるところのホスティングサービスで、すごく簡単に使えていいのですが、キャッシュさせようと思うとすごくめんどくさくなります。ZEIT 標準の CDN とキャッシュ機構もありますが使いやすくないですし、 fastly でキャッシュさせるためにカスタムヘッダーを吐かせようとしても now.json とかにゴチャゴチャ書くことになってあまりよろしくない。 ZEIT 自体よく出来て
[Fastly] Server-Sent Events (SSE) を Fastly で最強にスケールさせる - Qiita
evtSource.onmessage = function(e) { var newElement = document.createElement("li"); var eventList = document.getElementById('list'); newElement.innerHTML = "message: " + e.data; eventList.appendChild(newElement); } とりあえず SSE が動いてるか手早く確かめたい場合は、EventSource でインスタンスの作成だけ行い、例えば Chrome の developer tools で下記のように EventStream タブからデータ受信の様子を確認することができます (または当該の URL に直接アクセスすると、データがそのままブラウザに表示され、更新されていく様子が見ることがで
![[Fastly] Server-Sent Events (SSE) を Fastly で最強にスケールさせる - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/c4666f24fc7101b441859a120ddf46cf9b9798f3/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCRmFzdGx5JTVEJTIwU2VydmVyLVNlbnQlMjBFdmVudHMlMjAlMjhTU0UlMjklMjAlRTMlODIlOTIlMjBGYXN0bHklMjAlRTMlODElQTclRTYlOUMlODAlRTUlQkMlQjclRTMlODElQUIlRTMlODIlQjklRTMlODIlQjElRTMlODMlQkMlRTMlODMlQUIlRTMlODElOTUlRTMlODElOUIlRTMlODIlOEImdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZzPWMzNDVhZTU1NzgxZmEwYjk2ZGQwZTIyNWU5ZWQ5NTk4%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBqcnN5byZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9OGU5YzFkM2U2Yjc0NGMyOTEzMTZkNGQzOTdhNTA3MGQ%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3Da0b85a6b7f202947f434e93dd9d3f9c6)
Ingestlyとは ざっくりIngestlyとは 大手企業が取り組むようなウェブ解析を「民主化」 リアルタイムデータを最短でクエリー可能に インフラコスト最小、メンテナンス工数がゼロ コーディング無し、極力自動計測 UXに影響しないモダンなタグ、最速の応答時間 追記1：まずは試してみたい方へ 実装についても書きました。 Ingestly の計測エンドポイントを構成する (Fastly + BigQuery) Ingestly の計測タグをウェブサイトに設置する 追記2：HTTPS化のハードルが下がりました Fastlyが5ドメインまで無償のTLSサービスを開始し、Let's Encryptが発行する証明書が入手・利用できるようになりました。 こんな課題ありませんか？ 課題：リソースの制約 大手企業が発表していた事例を参考にしたいが… - インフラ構築や保守に人を貼り付けるなんて無理 -
Beta" A New Serverless Compute EnvironmentFastly was founded with a clear vision in mind: to create the platform that enables developers to move data and applications to the edge. When we launched our edge cloud platform eight years ago, we gave customers unprecedented control, with the ability to cache event-driven content, make instant updates, and offload logic as close to end users as possible
Fastly のログイン画面をどうにかしてほしいという話 複数の Fastly アカウントにまたがって構築されいるシステムのメンテナンスという作業をしていて、気付いたらかなり体調が悪化してて、激しい頭痛と吐き気の襲われた。というのも、ログアウト => ログインを何度も何度も繰り返すことになるから↑の画面を何度も何度も何度も何度もみていたわけだ。 これを 30 インチのディスプレイに全画面でドカーンと出していたので、これはつまりポケモンショック同様の症状ということだと思う。 自分がそういう状態になっていると気付いてからは、以下の user.css を書いて回避した(user.css の適用にはこの拡張を使っている)。しかしまあ一度崩れた体調は今に至るまで回復していない。 section.authentication{ background-color:darkred; } Fastly は実
Fastly の財務諸表を読んだ話
昨年5月に NYSE へ上場した Fastly の Form S-1 の財務諸表を読んだ話を書く。前から少し気になっていた会社で、年末年始で少し時間があったので読んでみた。 Fastly とはFastly は世界中で使える「Edge Cloud Platform」で、少し強い CDN （Contents Delivery Network）のようなもの。 現代の Web 上での体験はどんどん豪華になっていて、配信するコンテンツの容量も次第に大きくなってきている。その中でよりクライアントに近いコンピュータ（Edge Server）にコンテンツを一時的に保存（Cache）しておいて、そこからクライアントにコンテンツを返すことで高速に配信したり中央のサーバへの負荷を減らしたりできる。DDoS 攻撃の緩衝材になったりもする。 CDN そのものは以前からあるビジネス（例えば競合には Akamai, C
Fastly Terrarium | Docs
Terrarium is a multi-language, browser-based editor and deployment platform where you can experiment with the technology that will power Fastly at the edge. This project pushes edge computing beyond the limitations of serverless implementations, and removes the need for specific languages, APIs, or add-ons that can impede your innovation or cause vendor lock-in. About With Terrarium, you can write
Fastlyの障害から学ぶエラーメッセージの書き方
この記事は、著者の許可を得て配信しています。 What the Fastly outage can teach us about writing error messages 知らない方もいると思いますが、2021年6月8日の約15分間、FastlyのCDNにシステム障害が発生し、インターネット上のウェブサイトが大規模に停止しました（BBC、英国政府、Reddit、New York Timesでも不具合が生じ、Amazon.comにおいてはCSSの読み込みに失敗しました）。 Fastlyの停止中にこれらのウェブサイトにアクセスした方は、以下のような意味のないエラーメッセージを目にしたことでしょう。 フロントエンドの開発者である私は、このようなエラーメッセージを見て、そのエラーが自分のせいではないことを示す数字（この場合は「503」という数字）を探し、安心しました。 残念ながら、大多数のイン
Compute: porting the iconic video game DOOMDue to its approachable codebase and clean abstractions, id Software’s DOOM has become one of the most ported games in history. It felt like a perfect project to port to Compute, built on our serverless compute environment, to experiment with different applications of the product. Showing that DOOM could run interactively on Compute would be a way to push
今年もはじまりました Retty Advent Calendar 2021 ! 初日を担当いたします技術部の西村です。 ※ 2021/12/03 更新 共通関数の設定 にて戻り値が設定できない旨記載してましたが、実はできるようになったとのご連絡をいただきましたので修正しております。 Subroutines | Fastly Developer Hub 今年はパート 2 までありますので、みなさまぜひご覧くださいませ。 Retty Part1 Advent Calendar 2021 Retty Part2 Advent Calendar 2021 今年の内容は「nginx 移行を通じて学んだ Fastly のはじめかた」ということで記事を書かせていただきます。 掲題の通り Fastly に関してはこれからはじめようと思っている方向けに記載しております。 弊社は昔から画像変換サービスやアセッ
Compute | Fastly
高速かつ安全で魅力的なエクスペリエンスを エッジで実現Fastly Compute オープンスタンダードで構築された最先端のサーバーレスプラットフォーム「Compute」では、任意の言語を使用して Fastly のグローバルエッジネットワークでコードを実行できます。非常に安全性が高く、マイクロ秒単位の超高速コールドスタートが可能なエッジ環境でコードを大規模に実行できるので、先進的なアプリケーション開発のニーズに応えられます。 エッジでイノベーションと配信を加速Compute を活用することで、レイテンシを抑えながらエッジでより高速かつパーソナライズされたエクスペリエンスの提供とイノベーションの加速が可能になります。また、業界での評価が高い Fastly の開発者向けポータルでは、プロジェクトの開始に役立つユースケースやスターターキット、チュートリアル、コードサンプルなどをご用意しています。
Why GitLab.com is changing its CDN provider to Cloudflare March 28
Why GitLab.com is changing its CDN provider to Cloudflare March 28 Get the scoop on our plan to change GitLab.com to Cloudflare. Upcoming changes to our CDN for GitLab.com As GitLab.com has grown, so have our needs around the security and scalability of the web application. We are in the process of changing our CDN provider to Cloudflare as part of our improvements to GitLab.com. We are approachin
Testing your Fastly config in CIAutomated testing is a critical part of all modern web applications. Our customers need the ability to test VCL configurations before they push them to a live service. It has long been possible, using our API, to set up a service and push VCL via automation tools, then run a test request and examine the results. However, this has suffered from a few inconveniences:
こんにちは、AWS事業本部の平木です！ Fastly 初心者が、Fastly に関して調べる機会があったため今回のブログを執筆しました。 Fastly とは Fastly（ファストリー）は、インターネットのパフォーマンスとセキュリティを向上させるエッジクラウドプラットフォームです。 ユーザーは、 Fastly を使用することで一般的なサーバーよりも高速にコンテンツを配信できます。 また、エッジコンピューティングを活用することで、データやサービスをユーザーの近くのエッジに配置し、 その結果ウェブサイトやアプリケーションのパフォーマンスが大幅に向上させることもできます。 さらに、Fastly はセキュリティ機能も提供しているため、ユーザーはデータの安全性も確保できます。 基本的な用語 Fastly で使用される基本的な用語を簡単に解説します。 Edge（エッジ） 世界中に配置されたサーバーの集
Announcing Certainly: Fastly’s own TLS Certification Authority
Announcing Certainly: Fastly’s own TLS Certification Authority Update! As of August 16th, 2023 we're excited to announce the general availability of Certainly, Fastly’s publicly trusted Certification Authority. Certainly can now be used by all Fastly customers. We know that it takes resources to maintain and monitor the certificate lifecycle, and errors in this lifecycle can cause service downtime
Fastlyを導入してよかったこと
先日とあるサービスのCDNをFastlyに切り替えました。 導入体験が非常に良かったので、紹介していきます。 早い 当たり前ですが、レスポンスはもちろん速かったです。 おおよそ20ms前後で応答できていました。 またCDN設定変更の反映も非常に早かったです。 体感ですが1分もかからず反映されていたと思います。 安い データ転送量 最初の10TB$0.19/1GB毎(2022年9月現在、アジアリージョン) リクエスト数 $0.0090/1万リクエスト毎(2022年9月現在、アジアリージョン) 従量課金の場合、上記の費用がかかります。 このあと紹介していく機能などを考慮した費用対効果の面で考えると安いと思っています。 機能が豊富 Fastlyにはさまざまな便利機能があります。 そのうち実際に使用してよかったサービスを紹介します。 VCL Fastlyは管理画面から設定もできるのですが、Varn
Fastly（FSLY） 下方修正の発表で株価は大幅下落。熟考の結果、全株売却しました。売却に至った4つの理由を解説します。｜米国企業を中心とした株式投資に役立つ情報マガジン
Fastly（FSLY） 下方修正の発表で株価は大幅下落。熟考の結果、全株売却しました。売却に至った4つの理由を解説します。 下方修正を発表したFastly（$FSLY）ですが熟考した結果、昨夜の寄りで全株売却しました。 今回はなぜ売却に至ったのか、その理由を残しておきます。かなり煽ったタイトルにしてますが、完全に個人的な記録であり、如何なる投資を勧めるものではありません。 ここで書いていることはあくまで個人の意見であり、如何なる投資を勧めるものではありません。 むしろ、この判断が間違っている可能性も十分にあると思っています。 投資判断は自己責任でお願いします。 🌞 Fastlyを売却する理由ガイダンスを引き下げた今回のガイダンスの引き下げ理由として、次の2つをあげていました。 ・以前に開示された最大の顧客（TikTok）によるFastlyのプラットフォームの使用は期待を満たしておらず、
はじめに この記事はZOZOテクノロジーズ #2 Advent Calendar 2019の16日目の記事となります。 今年、ZOZOテクノロジーズでは全部で5つのAdvent Calendarが公開されています。 ZOZOテクノロジーズ #1 Advent Calendar 2019 ZOZOテクノロジーズ #2 Advent Calendar 2019 ZOZOテクノロジーズ #3 Advent Calendar 2019 ZOZOテクノロジーズ #4 Advent Calendar 2019 ZOZOテクノロジーズ #5 Advent Calendar 2019 様々な記事が投稿されていますので、皆様お時間有りましたら是非ご覧ください。 概要 ZOZOテクノロジーズでSREチームにてオンプレ基盤の運用をしている @EnKUMA です。 最近ではPublicCloudやCI/CD、k8
Unless you've been living under an Internet Rock, then the topic of the Fediverse is going to have recently crossed your radar. There are a plethora of implementations of different decentralized social networking protocols, but the majority of folks are experimenting with Mastodon, the decentralized social network based on the ActivityPub standard. While Mastodon has been around for more than six
GitHub - ysugimoto/falco: falco is a VCL parser and linter optimized for Fastly
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session.
https://academy.fastly.com/
The popular JSON Web Token format is a useful way to maintain authentication state and synchronize it between client and server. You are using JWTs as part of your authentication process and you want to decode and validate the tokens at the edge, so that content can be cached efficiently for all authentication states. InstructionsThe solution explained on this page is a particularly comprehensive
5分間でCDNを試してみる - Qiita
CDNはたいてい敷居が高くて、「ちょっと試す」わけにはいかないもの。ですが、ファストリーはクラウドサービスでは一般的な無料アカウント（デベロッパーアカウント）を提供してます。FastlyでCDNを試してみましょう。 1. Fastlyデベロッパープランへの申し込み Fastlyの無料アカウントにサインアップしましょう。 Fastlyのサインアップ用ページへ行く https://www.fastly.com/signup 入力フォーム（→図1）に必要な情報を入力する SIGN UP FOR AN ACCOUNT ボタンをクリックする Welcome to the future of content delivery.「コンテンツ配信の未来へようこそ」と表示されます 図1. 入力フォーム 入力フォームの項目はすべて必須です。First Name（名）、Last Name（姓）、Email（メー
Fastlyについてちょっと学ぶ。フロント側よりバックグランド側なのかね 米Fastlyは、HTTP/3とQUICをサポートすることを、4月30日（現地時間）に発表した。 HTTP/3は、HTTPの最新規格であり、QUICはHTTP/3において常に暗号化された通信を実現する転送プロトコル。HTTP/3とQUICによって、Fastlyの顧客はエンドユーザーに対して安全な接続を確保できる。 また、HTTP/3とQUICによってHead-of-Lineブロッキングを最小限に抑えられるため、ハンドシェイクの待ち時間を減らし、ページ読み込み時間が大幅に短縮されるほか、ネットワークパフォーマンスを全体的に改善し、起動時間とビデオ、オーディオストリームの再バッファリングを大幅に削減する。 ファストリ―はこういうことやってるのね ユニクロのファーストリテーリングみたいに理念を会社名にこめたわけではなくて
はじめに こんにちは。メディアプラットフォーム本部 WEAR部 WEAR-SREの長尾です。 WEARは2013年にリリースされ、現在8年目のサービスです。そして、2004年にリリースされた当時のZOZOTOWNと同じアーキテクチャを採用しているため、比較的古いシステム構成で稼働しています。本記事では、そのWEARのWebアプリケーション刷新とクラウド移行で実践している、Fastlyを活用したパスベースルーティングによる段階移行の取り組みを紹介します。 WEARをリプレイスする理由 WEARのWebアプリケーションは、データセンターでオンプレミス（以下、オンプレ）上で稼働しています。また、DBはSQL Serverを利用しています。長年このアーキテクチャで成長を続けてきましたが、今後さらに成長を加速させていくためには以下の3点を実現する必要があります。その実現に向け、2年前からリプレイスに
Fastlyのサブスクリプションのキャンセルをしたい FastlyのBilling Informationでは以下のようになっていて月$50払っている この並びの一番下を見ると以下のキャンセルについての記述があったので、サポートチケットを発行して依頼したが返事がなかった 調べ…
いわくら君が書いてくれた通り 、トラベルブックではFastlyを導入しました。Fastlyについて初めて分かったことがたくさんありました。列挙してみたら30個もあったので、一個ずつ紹介してみることにします。 そもそもFastlyとは そもそもFastlyとはCDNのサービスです。現在では後述するCompute@Edgeを主力としたサーバーレス環境を推していますが、とにかくCDNです。今回は www.travelbook.co.jp ドメイン全てに対して適応し、全てのHTMLページをFastly経由にしました。 もともとVarnishでページをキャッシュしていた部分をFastlyに置き換えることで冗長化・安定化、また、パフォーマンスアップを図ります。 加えて、これまでキャッシュの対象外だったページも、この際TTL付きでキャッシュする、というのが今回やったことです。 詳しくはいわくら君の書いた
Fastlyの記事一覧
articlesTrendingAlltimeLatest🐷stale-while-revalidate対応のCDNでISRのような挙動を実現するcatnoseinZenn Tech Blog2021/03/24 188🙆♀️Firebase CLIのNext.jsデプロイ対応について調べるlaiso2022/09/02 74🚀Cloud RunとかGCPサーバレス製品のCDNはFastlyが最強かもしれない話-1/2Yusuke Kawabata1ヶ月前 111🧪モダンな CDN による Edge サイド AB テストsangotaro2020/12/16 38🏎️Fastlyを導入してよかったことぽんた2022/09/27 40🌠FastlyでCloud Runに独自ドメインとHTTPSを無料セットアップする 2/2Yusuke Kawabata1ヶ月前 17👾Fast
Fastlyは4月8日(米国時間)、「How COVID-19 is affecting internet performance」において、新型コロナウイルスのパンデミックによってもたらされたインターネットトラフィックの変動の分析結果を発表した。新型コロナウイルスに対する政策が発表されたタイミングで、インターネットトラフィックが増加する傾向が見られるという。 資料: Fastly 記事では、イタリア、フランス、スペイン、英国、米国（カリフォルニア州、ミシガン州、ニューヨークおよびニュージャージー州）、日本といった感染者が多い国のトラフィック変動を取り上げている。 日本のインターネットトラフィック変動ほか - 資料: Fastly 日本の場合、2020年2月18日のトラフィックとダウンロード速度を基準とした場合、2020年2月18日から2020年3月31日までの間にトラフィックが31.5%
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
大規模Webサービスの改善に向けたR＆Dの取り組み――SPAのボイラープレート開発とFastlyの活用
Fastly Compute@Edge を用いた CDN の構築｜株式会社カウシェ
Status page hosting with StatusCast
Compute@Edge は GraphQL Server の夢を見るか — HACK The Nikkei
next.js で作った動的なサイトを CDN で全力でキャッシュさせる - Diary
Ingestly / リアルタイムウェブ解析 - Qiita
Beta" A New Serverless Compute Environment
Fastly のログイン画面をどうにかしてほしいという話 - Diary
Compute: porting the iconic video game DOOM
nginx 移行を通じて学んだ Fastly のはじめかた - Retty Tech Blog
Testing your Fastly config in CI
初心者が Fastly の基本を理解してみる | DevelopersIO
Fastlyの環境をTerraformで管理する - Qiita
Fastly and the Fediverse, pt.1
Decoding JSON Web Tokens (VCL) | Fastly Documentation
Fastlyについてちょっと学ぶ - はにゃーんに
Fastlyのパスベースルーティングで実現するWEARのゆるやかなクラウド移行 - ZOZO TECH BLOG
Fastly カテゴリーの記事一覧 - UGA Boxxx
Fastlyについて知らないかもしれない30のこと – TravelBook Tech Blog
新型コロナウイルスがインターネットトラフィックに与えた影響とは？