Cloudflare Workers micro-frontend のソースを色々弄って、フラグメントをQwikからReactに書き換える過程で、小規模でCloudflare WorkersでSSR StreamingできるReactのビルダーを探していたところ、vite-plugin-ssr を見つけた。 名前の通り、viteでSSRするためのプラグイン。 Vue と React 両方に対応している。
vite-plugin-ssrt使ってReactとCloudflare WorkersでSSR Streamingする
Cloudflare Workers micro-frontend のソースを色々弄って、フラグメントをQwikからReactに書き換える過程で、小規模でCloudflare WorkersでSSR StreamingできるReactのビルダーを探していたところ、vite-plugin-ssr を見つけた。 名前の通り、viteでSSRするためのプラグイン。 Vue と React 両方に対応している。
組織のセキュリティと同じように、サイバー攻撃も巧妙化しています。2要素認証において、組織に重要な取り組みとマインドセットを解説します。 先日「2要素認証」について本連載で取り上げました。2要素認証はパスワードだけに頼らない認証方法であり、「次の世代の手法」とされてきました。しかし、ここで"次"とされてきたものも、攻撃者の進化により“今”となり、すぐに“過去”になるでしょう。 2要素認証と一言で言っても、その強度は手法によって変わります。今回紹介する事件はそれを教えてくれる教訓となるものです。一緒に学んでいきましょう。 先進的IT企業が高度な手法で攻撃される 今回取り上げるのは2つの企業です。1つ目はクラウドサービスとしてコミュニケーションプラットフォームを手掛けるtwilioです。twilioは2022年8月10日、自社が標的型攻撃を受けたことをレポート「Incident Report:
最近VercelがEdge Functionsを発表したり、RemixがCloudflare workersでのデプロイをサポートしたりとエッジコンピューティング周りが何かと熱い気がしている。 FastlyやAWSなど代表的なものはいくつかあるが、その中でもCloudflare workersが色んな機能リリースしたりしてて個人的には興味深かったので、今回はCloudflare workersについて調べたことを簡単にまとめてみる。 特にCloudflare workersの0ms cold startsの実現方法が面白かったのでこれについて取り上げる。 エッジコンピューティング エッジコンピューティングの詳細な説明は割愛するが、サーバーに到達する前にCDNで処理をしてクライアントにレスポンスするのでレスポンスがかなり速いことが特徴。 現時点で代表的なエッジコンピューティングには以下のもの
The mass shootings in El Paso, Texas and Dayton, Ohio are horrific tragedies. In the case of the El Paso shooting, the suspected terrorist gunman appears to have been inspired by the forum website known as 8chan. Based on evidence we've seen, it appears that he posted a screed to the site immediately before beginning his terrifying attack on the El Paso Walmart killing 20 people. Unfortunately, th
React18のストリーミング機能とCloudflare WorkersやDenoのStreams APIが気になっていたので、それらを組み合わせて遊んでみた。というかこの2つの組み合わせこそがReactのやりたいことだと思います。ところで、Reactよく分かってないので、ツッコミどころあるかもしれませんが、優しくしてください。 やりたいこと SSRしたHTMLをStreamで返却し、コンテンツの準備ができたらSuspenseの内側だけを差し替える。これを全部、HTTP Streamingでやるのがミソ。結果当然ながら、パフォーマンスが上がったりいいことが起こる。 Suspense ReactのSuspenseとはたぶん、Suspenseの外側を先に描画して、Suspenseの内側で投げたPromiseが完了するまでにfallbackを表示するってことだと思います。外部APIのレスポンスを
2022/12/15 追記 手順の変更 以前の記事との違いは、 Argo Tunnelという名前がなくなった cloudflaredの設定にトンネル先を入れていたが、それはCfのWebで入力したものをリアルタイムに反映するようになった。ようするに設定値はトークンだけ。 Tunnelの作成 これで自宅内LANとCfの間のVPN（のようなもの）を確立させる。 ここでインストールする cloudflared が動作していないと公開できないので注意 Cloudflare(以下Cf) のダッシュボードにログイン 左側メニューから Zero Trust をクリック 左側メニューの Access -> Tunnels をクリック 右上、Create a tunnel をクリック トンネルの名前（何でもよい）を入れて次へ cloudflared を動かすための情報が表示されるのでどれかを実行。一番楽なのは
Cloudflare WorkersのCLIツールであるWranglerの「v2.0」がリリースされました。 去年の11月に「Beta」版としてCloudflare公式のBlogでアナウンスがありましたが、それの正式版です。 何も貢献していませんが、ずっとリポジトリをウォッチしていたので、感慨深いです。 Cloudflareのブログには昨日、「10 things I love about Wrangler v2.0」という記事がポストされました。 ということで、今回はこちらの記事の10個のことを僕なりの解釈で紹介していきましょう。 あ、ちなみに、僕はCloudflare Workersが好きなだけで、Cloudflareの関係者とか回し者ではないです！ 1.インストールが簡単！ Wrangler「1」の時代はこのコマンドでした。
A New Hope for Object Storage: R2 enters open beta05/11/2022 This post is also available in 简体中文, 日本語, Deutsch, Français and Español. In September, we announced that we were building our own object storage solution: Cloudflare R2. R2 is our answer to egregious egress charges from incumbent cloud providers, letting developers store as much data as they want without worrying about the cost of access
This post is also available in 简体中文, 繁體中文, 日本語, 한국어, Español, Português, Français, Deutsch and Polski. On Thanksgiving Day, November 23, 2023, Cloudflare detected a threat actor on our self-hosted Atlassian server. Our security team immediately began an investigation, cut off the threat actor’s access, and on Sunday, November 26, we brought in CrowdStrike’s Forensic team to perform their own indep
インターネットセキュリティ企業の米Cloudflareは7月3日（現地時間）、AIによるWebサイトのスクレイピング（データの自動収集）を防ぐ新機能を発表した。この機能により、Webサイト運営者は簡単な操作でAIボットからサイトを守ることができるようになるとしている。 近年、米OpenAIの「ChatGPT」などの生成AIの登場により、AIの学習に使用されるデータの需要が急増している。そのため、多くのAI企業がインターネット上の情報を大規模に収集しようとしている。 従来、Webサイト運営者はrobots.txtというファイルを使用して、検索エンジンのクローラーなどのボットにサイトのどの部分にアクセスしてよいかを指示していた。 だが、この方法には限界があるとCloudflareは説明する。例えば、robots.txtは「紳士協定」のようなもので、悪意のあるボットは無視する可能性がある。また、
Cloudflare Gen 12 Server: Bigger, Better, Cooler in a 2U1N form factor
Cloudflare Gen 12 Server: Bigger, Better, Cooler in a 2U1N form factor Loading... This post is also available in 简体中文, 繁體中文, 日本語, 한국어, Español, Français and Deutsch. Two years ago, Cloudflare undertook a significant upgrade to our compute server hardware as we deployed our cutting-edge 11th Generation server fleet, based on AMD EPYC Milan x86 processors. It's nearly time for another refresh to our
Introducing Cloudflare Pages: the best way to build JAMstack websites
Introducing Cloudflare Pages: the best way to build JAMstack websites12/17/2020 Across multiple cultures around the world, this time of year is a time of celebration and sharing of gifts with the people we care the most about. In that spirit, we thought we'd take this time to give back to the developer community that has been so supportive of Cloudflare for the last 10 years. Today, we’re excited
Cloudflare Workers向けのフレームワーク「Hono」にJSXミドルウェアが追加されたので、その紹介をします。HonoはCloudflare Workers向けのWebフレームワークです。Honoはビルトインミドルウェアが豊富で、今回紹介するものはそのひとつです。 概要 簡単に紹介すると、JSXのシンタックスとテンプレートリテラルでHTMLをかっこよく書けます。そして、非常に高速にSSRされます。以下のコードを見てください。これがCloudflare Workersのエッジで動くのです。 import { Hono } from 'hono' import { html } from 'hono/html' import { jsx } from 'hono/jsx' const app = new Hono() const Layout = (props: { childr
![[Cloudflare Workers] HonoにJSXミドルウェアが追加されました](https://cdn-ak-scissors.b.st-hatena.com/image/square/76442c97d70a43f9e79776b1671bb6f6b4a833d4/height=288;version=1;width=512/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--hrd0s3Is--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3A%25255BCloudflare%252520Workers%25255D%252520Hono%2525E3%252581%2525ABJSX%2525E3%252583%25259F%2525E3%252583%252589%2525E3%252583%2525AB%2525E3%252582%2525A6%2525E3%252582%2525A7%2525E3%252582%2525A2%2525E3%252581%25258C%2525E8%2525BF%2525BD%2525E5%25258A%2525A0%2525E3%252581%252595%2525E3%252582%25258C%2525E3%252581%2525BE%2525E3%252581%252597%2525E3%252581%25259F%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3Ayusukebe%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9saDMuZ29vZ2xldXNlcmNvbnRlbnQuY29tL2EtL0FPaDE0R2pIMWY1VlpnSFMwLUJwekhzZjRGYXN0R1ZYTlpfZFh1U2pwdWNMNGc9czI1MC1j%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png)
Cloudflare Meetup Tokyo Kick Off !!
Rendering React on the Edge with Flareact and Cloudflare Workers
Rendering React on the Edge with Flareact and Cloudflare Workers09/03/2020 The following is a guest post from Josh Larson, Engineer at Vox Media. Imagine you’re the maintainer of a high-traffic media website, and your DNS is already hosted on Cloudflare. Page speed is critical. You need to get content to your audience as quickly as possible on every device. You also need to render ads in a speedy
August 30th 2020: Analysis of CenturyLink/Level(3) outage
August 30th 2020: Analysis of CenturyLink/Level(3) outage08/30/2020 Today CenturyLink/Level(3), a major ISP and Internet bandwidth provider, experienced a significant outage that impacted some of Cloudflare’s customers as well as a significant number of other services and providers across the Internet. While we’re waiting for a postmortem from CenturyLink/Level(3), I wanted to write up the timelin
業務で使えるかもしれない…！？GitHub Actions の Tips 集 / CI/CD Test Night #7
TL;DR 最後まで読め 流石に猫にはわからんて。しらんけど。 前置き Cloudflareとはなにかを理解していてドメイン設定は済んでいる人が対象 Tunnel設定の備忘録なのでAccessに関してはサクサクっと飛ばします Cloudflare Accessとは ngrokにzero trust機能付けたやつ ポート空けずにSSHとかHTTP(S)通せる 猫でも分かる要素終わり ここから下は設定方法しか書いてません タイトル詐欺じゃねえの 目次フローチャート 共通 ├外部に穴開けてゼロトラストしたい人 │ └→ゼロトラストしたい └WARP(1.1.1.1)アプリ使ってVPNしたい人 └→閉鎖網(VPN)したい 環境 Location: Oracle Cloud OS: Ubuntu 20.04.3 LTS User: ubuntu 共通 1. cloudflared インストール
New Workers pricing — never pay to wait on I/O again09/28/2023 Today we are announcing new pricing for Cloudflare Workers and Pages Functions, where you are billed based on CPU time, and never for the idle time that your Worker spends waiting on network requests and other I/O. Unlike other platforms, when you build applications on Workers, you only pay for the compute resources you actually use. W
「LINE DC BOT AWARDS 2024結果発表会」のLTスライドです connpass https://linedevelopercommunity.connpass.com/event/315951/
Cloudflare Zero Trust導入でよくあるネットワーク課題はどのように改善するのかまとめてみました。 | DevelopersIO
Cloudflare Zero Trust導入でよくあるネットワーク課題はどのように改善するのかまとめてみました。 どうもさいちゃんです。本ブログはクラスメソッド DevOps・セキュリティ Advent Calendar 2023の5日目の記事です。今回はよくあるネットワーク課題がCloudflare Zero Trustを使うことでどのように改善するのかについてご紹介します！ Cloudflare Zero Trustに関しての記事では、各機能にフォーカスを当てたものが多くありました。しかし、実際に導入を考える際には「その機能を使えば本当に現状のネットワーク課題が解決するの？」という疑問を持つ方も多いのではないでしょうか？ そこで今回は、Cloudflare Zero Trustの様々な機能を使うと現状のネットワーク課題がどのように改善されるのかについてをご紹介していきます。 インター
Cloudflare Ditches Nginx For In-House, Rust-Written Pingora - Phoronix
Show Your Support: This site is primarily supported by advertisements. Ads are what have allowed this site to be maintained on a daily basis for the past 19+ years. We do our best to ensure only clean, relevant ads are shown, when any nasty ads are detected, we work to remove them ASAP. If you would like to view the site without ads while still supporting our work, please consider our ad-free Phor
Password protection made easy Octauthent is the easiest way to add authentication to any website Create a login form in less than a minute Integrate it to your site without a single line of code Manage your users from your Octauthent dashboard Get started for free Demo Easy setup and integration There are dozens of authentication solutions on the market, but most of them assume you're an experienc
Cloudflare WorkersのService BindingsこそRemixアプリケーションでは積極的に採用したい
I'm excited to announce the upcoming launch of Cloudflare TV. A 24x7 live television broadcast, streamed globally via the Cloudflare network. You can tune in to the pre-broadcast station and check out the upcoming schedule at: cloudflare.tv I'm kicking off the first live broadcast starting at 12:00pm Pacific (1900 UTC) on Monday, June 8 with a conversation with Chris Young (add to calendar). Chris
The mechanics of a sophisticated phishing scam and how we stopped it
The mechanics of a sophisticated phishing scam and how we stopped it Loading... This post is also available in 简体中文, 日本語 and Español. Yesterday, August 8, 2022, Twilio shared that they’d been compromised by a targeted phishing attack. Around the same time as Twilio was attacked, we saw an attack with very similar characteristics also targeting Cloudflare’s employees. While individual employees did
Out now! Auto-renew TLS certificates with DCV Delegation
Out now! Auto-renew TLS certificates with DCV Delegation03/23/2023 To get a TLS certificate issued, the requesting party must prove that they own the domain through a process called Domain Control Validation (DCV). As industry wide standards have evolved to enhance security measures, this process has become manual for Cloudflare customers that manage their DNS externally. Today, we’re excited to a
How we use HashiCorp Nomad
In this blog post, we will walk you through the reliability model of services running in our more than 200 edge cities worldwide. Then, we will go over how deploying a new dynamic task scheduling system, HashiCorp Nomad, helped us improve the availability of services in each of those data centers, covering how we deployed Nomad and the challenges we overcame along the way. Finally, we will show yo
Part 1: Rethinking Cache Purge, Fast and Scalable Global Cache Invalidation
Part 1: Rethinking Cache Purge, Fast and Scalable Global Cache Invalidation05/14/2022 There is a famous quote attributed to a Netscape engineer: “There are only two difficult problems in computer science: cache invalidation and naming things.” While naming things does oddly take up an inordinate amount of time, cache invalidation shouldn’t. In the past we’ve written about Cloudflare’s incredibly f
As the scale of Cloudflare’s edge network has grown, we sometimes reach the limits of parts of our architecture. About two years ago we realized that our existing solution for spreading load within our data centers could no longer meet our needs. We embarked on a project to deploy a Layer 4 Load Balancer, internally called Unimog, to improve the reliability and operational efficiency of our edge n
Cloudflare PagesにBasic認証かけるやつ、Honoの次のマイナーアップデート「v3.1.0」で簡単にできる予定。 import { Hono } from 'hono' import { basicAuth } from 'hono/basic-auth' import { EventContext, handle } from 'hono/cloudflare-pages' type Bindings = { eventContext: EventContext } const app = new Hono<{ Bindings: Bindings }>() app.all( '*', basicAuth({ username: 'foo', password: 'bar', }), async (c) => { return c.env.eventContext.ne
Webサービスのステージング環境をアクセス制限をCloudflare Zero Trustでやってみたところ、とても手軽でちょうど良かった。特に必要な知識はなかったが、今後同じことをやりたくなったときのために設定内容をメモしておく。 やったこと Cloudflare Zero Trustで「特定のメールアドレスの所有者」にだけWebサイトへのアクセスを許可する（ここでは例としてhttps://app.example.com/*へのアクセスを制限する） 前提 ドメインをCloudflareで管理しており、DNS設定でプロキシモードが有効になっていること 設定その1: ログイン方法を追加しておく Cloudflareにログインした状態でZero Trustを開く Settings → Authentication → Login methodsでOne-time PINを追加しておく 指定した
Flareact - Edge-Rendered React Framework built for Cloudflare Workers
Flareact is an edge-rendered React framework built for Cloudflare Workers. It features file-based page routing with dynamic page paths and edge-side data fetching APIs. Flareact is modeled after the terrific Next.js project and its APIs. If you're transitioning from Next.js, a lot of the APIs will seem familiar, if not identical! Overview # Flareact will serve each file in the /pages directory und
「為せば成る為さねば成らぬ何事も成らぬは人の為さぬなりけり」上杉鷹山新しい取り組みとして何かを成し遂げようとしたとき、そこには多くの場合、越えなければならない幾つかの挑戦が存在します。Clouflare Japanは、現在すべての社員が最大限に活躍でき、公私ともにより輝ける環境を整えるための取り組みを進めています。 「24時間戦えますか？」これは30年以上前に流行したCMのコピーですが、かつて日本には会社員を戦士になぞらえ、長時間、がむしゃらに働くことが美徳、労働者の鑑とする独特な労働文化がありました。国が変われば国ごとの文化も異なり、実に多様です。また、その国ならではの習慣的な働き方や仕事と生活のバランスの取り方が存在します。今回、コロナウイルス感染症の世界的大流行により、誰も（すべての企業と人々）が新しい現実、新しい教訓、新しい習慣に直面することとなりました。Cloudflareにおい
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
2要素認証を突破するサイバー攻撃に組織はどのように対応するべきか
Cloudflare Workersの0ms cold startsのしくみ - すな.dev
Terminating Service for 8Chan
ReactのStreaming SSRをエッジでやる
Cloudflare Tunnelで自宅サーバーを公開する(FreeプランOK)
Cloudflare WorkersのCLI、Wranglerの2.0がリリースされたぞ！ - ゆーすけべー日記
A New Hope for Object Storage: R2 enters open beta
Thanksgiving 2023 security incident
Netlifyの無料枠を越えてしまい、1日20ドル請求されてしまった話
Cloudflare Workers の Durable Objects について
Cloudflare Tunnel を使って自宅サーバを公開する - hoge な blog
Cloudflare、AIボットからウェブサイトを守る新機能を発表
クラウドフレアの高速VPN機能「WARP」とは - Qiita
[Cloudflare Workers] HonoにJSXミドルウェアが追加されました
Cloudflare Pages/Workersとは
Cloudflare Workersで動的コンテンツをキャッシュする際の新たな選択肢
猫でもわかるCloudflare Access (Zero Trust)
New Workers pricing — never pay to wait on I/O again
CloudflareとHonoを使って飲食店のレビューができるLINEアプリを作った
https://www.cloudflare.com/ja-jp/learning/ddos/what-is-a-ddos-attack/
Octauthent - Password protection made easy
Ladies and Gentlemen…Cloudflare TV!
Cloudflare を使ったキャッシュの基礎 - 30歳からのプログラミング
Unimog - Cloudflare’s edge load balancer
Cloudflare PagesにBasic認証かけるやつ
Cloudflare Zero TrustでWebサイトのステージング環境へのアクセスを制限する
Cloudflare、日本における新しい働き方改革への挑戦