西田@CX事業本部です 今回は1.0が発表された(SvelteKit 1.0 発表) SvelteKit を Cloudflare Workers で動かしてみたいと思います SvelteKit は Svelte と Vite を使用しており、最低限のコンフィグで開発が始められるWEBアプリケーションフレームワークです SPA, MPA, SSR, SSG 全てに対応しており、アダプタと呼ばれる機能でCloudflare、Vercel などの多くのサービスに簡単にデプロイすることができます Svelte について Svelte の特徴の一つには純粋なコンパイラであることが挙げられます。 React や Vue と違い、Vitural DOMを実行時に構築せずに、あらかじめvanila JS(ピュアなJS)とCSS にコンパイルしておき、これらをデプロイし実行します SvelteKit につ
Early Hints update: How Cloudflare, Google, and Shopify are working together to build a faster Internet for everyone
Early Hints update: How Cloudflare, Google, and Shopify are working together to build a faster Internet for everyone2022-06-23 A few months ago, we wrote a post focused on a product we were building that could vastly improve page load performance. That product, known as Early Hints, has seen wide adoption since that original post. In early benchmarking experiments with Early Hints, we saw performa
Yesterday, on July 19, I hosted an event called ”Workers Tech Talks #1” in Tokyo. It’s a developer meetup for developers by developers, particularly aimed at those interested in Cloudflare Workers. As a Developer Advocate at Cloudflare, this was - exactly what I wanted! Let’s dive into the details of the event. Me? Before we get started, let me introduce myself. I’ve been working as a Developer Ad
cloudflare workers routes を利用するので、cloudflare が ns を持つドメインを持っている必要があります。 import { Hono } from "hono"; import { createMiddleware } from "hono/factory"; import { optimizeImage } from "wasm-image-optimization"; import { cache } from "hono/cache"; const app = new Hono(); const via = createMiddleware((c, next) => { if (c.req.header("via")) { console.log("pass through", c.req.raw.url); return fetch(c.req
Cloudflare took down our website after trying to force us to pay 120k$ within 24h
TL;DR: We've been on the Cloudflare Business plan ($250/month) for years. They suddenly contacted us and asked us to either pay them $120k up front for one year of Enterprise within 24 hours or they would take down all of our domains. While this escalated up our business we had 3 sales calls with them, trying to figure out what was happening and how to reach a reasonable contract in a week. When w
この記事以外にもいくつかCloudflareのゼロトラストについての記事を書いています。今回はその第一弾として、Cloudflareのゼロトラストネットワークの概要について書きます。 「Cloudflare Zero Trust」 で組織のゼロトラストネットワークを構成する Cloudflare Zero Trust の基本的なセットアップ手順 Cloudflare Zero Trust クライアント側のセットアップ手順 Cloudflare Zero Trust 経由でAWS上のEC2（グローバルIPアドレス無し）にSSHでログインする 2023年11月27日 追記 PayPayやInstagramなど、一部サービスのスマートフォンアプリが使えない問題の解決策を追記しました。 背景 2020年、新型コロナウイルスが蔓延しだしてから、「ゼロトラスト」という言葉をよく聞くようになりました。
TiDB + Prisma (Edge Functions Preview)をCloudflare Workersで動かす
2024/03/12にリリースされたPrisma v5.11.0でEarly AccessからPreviewになったため、記事を更新しました。 https://www.prisma.io/blog/prisma-orm-support-for-edge-functions-is-now-in-preview PlanetScaleからTiDB Serverlessへ サーバーレスデータベースのリーダー的存在だったPlanetScaleが無料プランを廃止することが発表されました。 自分はPlanetScaleがまだベータ版だった2021/11からサービスを触り始め、自社サービスのプロダクションデータベースとしても使っており、純粋にファンだったのもあって非常に残念でした。 とはいえ趣味で運用しているサービスのために課金することは難しいため、無料プランがある移転先を探していました。 以下のスクラ
米Cloudflareは12月13日（日本時間）、中小企業向けセキュリティ支援プログラムを日本やドイツなど5カ国で始めた。条件を満たした組織に、WAF（Webアプリケーションファイアウォール）やDDoS攻撃対策といったセキュリティサービスを無料提供する。 社員数50人以下、年間の収益が1000万ドル未満の中小企業のうち、地方自治体や非営利団体、地域社会に不可欠なインフラを提供する組織が対象。条件を満たす企業に、WAFやDDoS攻撃対策サービス、フィッシング詐欺対策サービスに加え、クラウドへのアクセスを監視する「CASB」（Cloud Access Security Broker）といったゼロトラストセキュリティサービスを無料で提供する。利用期間は無制限という。 Cloudflareは想定する支援先として、病院や水処理施設、地域へのエネルギー供給に携わる事業者を挙げている。同社はプログラム実
Remix on Cloudflare WorkersからDurable Objectsを使う | DevelopersIO
少し長いですが2ページのみのためソースコードを全文掲載しています。違和感を感じる部分としてはWorker内ではドメイン、ホスト名がないため指定は不要という点かもしれません。今回は公式ドキュメントにあわせてhttps://.../を利用しています。 app/routes/index.tsx import { redirect } from '@remix-run/cloudflare'; import type { ActionFunction, LoaderFunction } from '@remix-run/cloudflare'; import { json } from '@remix-run/cloudflare'; import { Form, Link, useLoaderData } from '@remix-run/react'; import type { Task }
Cloudflare Fonts: enhancing website font privacy and speed
Cloudflare Fonts: enhancing website font privacy and speed2023-09-25 This post is also available in 简体中文, 繁體中文, 日本語 and 한국어. We are thrilled to introduce Cloudflare Fonts! In the coming weeks sites that use Google Fonts will be able to effortlessly load their fonts from the site’s own domain rather than from Google. All at a click of a button. This enhances both privacy and performance. It enhance
Jamstackホスティング決定版? Cloudflare Pagesを試してみたよ！ | DevelopersIO
Cloudflareから、JamstackサイトがホストできるCloudflare Pages（Beta版）がリリースされました！ Cloudflare Pagesとは CDNやセキュリティのSaaSで有名なCloudflareが提供する、静的サイトのホスティングサービスです。 NetlifyやVercel（過去に書いたVercelの記事はこちら）と競合する位置づけで、Githubのリポジトリからソースを引っ張ってきて、静的で高速なウェブサイトを簡単にビルド&デプロイできます。 前提 今回はGatsby + Contentfulで構築したアプリを、Cloudflare Pagesでホストしてみようと思います。 アプリの構築からやりたい方は、過去に書いた記事を参考にしてみてください。 CircleCI × Contentful × S3で作るJamstackなブログ環境。 また、Git
PlaywrightのレポートをCloudflare PagesにデプロイしてGitHub IdPでアクセス制限する - *iroi*
導入 PlaywrightやReg SuitなどのVRT（Visual Regression Testing）の結果は、HTMLで出力されます。Playwright のヘルプ1 でもレポートをダウンロードして確認する方法が記載されていますが毎回行うのは面倒です。また、レポートをGitHub Pagesにデプロイする方法もありますが、アクセス制限にはEnterpriseプランが必要だったり、Pull Requestごとの結果を保存するのに手間がかかるなどの問題があります 2 3。Amazon S3にレポートを置く方法もアクセス制限が面倒なことが知られています。 そこでこのエントリでは、レポートをCloudflare Pagesにデプロイする方法を紹介します。Cloudflare PagesにはPreview deployments4があるため、Pull Requestごとのレポートをデプロイ
Workers Durable Objects Beta: A New Approach to Stateful Serverless
Workers Durable Objects Beta: A New Approach to Stateful Serverless2020-09-28 We launched Cloudflare Workers® in 2017 with a radical vision: code running at the network edge could not only improve performance, but also be easier to deploy and cheaper to run than code running in a single datacenter. That vision means Workers is about more than just edge compute -- we're rethinking how applications
polyfill.io now available on cdnjs: reduce your supply chain risk | The Cloudflare Blog
polyfill.io now available on cdnjs: reduce your supply chain risk2024-02-29 Polyfill.io is a popular JavaScript library that nullifies differences across old browser versions. These differences often take up substantial development time. It does this by adding support for modern functions (via polyfilling), ultimately letting developers work against a uniform environment simplifying development. T
広告ブロッカーで利用されているフィルターの「EasyList」が、不具合のあるアプリによる膨大なアクセスにさらされており、ファイルの配布に重大な問題が発生していると、大手広告ブロッカーのAdGuardが報告しました。 EasyList is in trouble and so are many ad blockers https://adguard.com/en/blog/easylist-filter-problem-help.html AdGuardによると、EasyListは広告ブロッカーのフィルターリストとしては非常にメジャーで、同社の製品を含む広告ブロッカーの99.99％はEasyListかその派生版を使用しているとのこと。しかし、記事作成時点でEasyListのリストにアクセスすると読み込みに数分間かかるか、最悪の場合タイムアウトしてしまいます。 AdGuardも2021年11
Announcing Turnstile, a user-friendly, privacy-preserving alternative to CAPTCHA
This post is also available in 简体中文, 日本語, Français, Deutsch, Português and Español. Today, we’re announcing the open beta of Turnstile, an invisible alternative to CAPTCHA. Anyone, anywhere on the Internet, who wants to replace CAPTCHA on their site will be able to call a simple API, without having to be a Cloudflare customer or sending traffic through the Cloudflare global network. Sign up here f
OpenNext - OpenNext
OpenNext Next.js, unlike Remix, Astro, or the other modern frontends, doesn't have a way to self-host across different platforms. You can run it as a Node.js application. But this doesn't work the same way as it does on Vercel. There have been several attempts to fix this over the years. Broadly falling into two categories; open source framework specific implementations, or closed source product s
Remix + Cloudflare Pages + Cloudflare Workers KV を触ってみた話 - カミナシ エンジニアブログ
こんにちは！カミナシでソフトウェアエンジニアをやっているくらさわです！ 今回は、以前から触ってみたかった Remix + Cloudflare Pages + Cloudflare Workers KV で簡単に素振りしてみた話を書きたいと思います！ なぜ触ってみたかったのかというと、 エッジコンピューティングはよく聞くけど実際にちゃんと使ってみたことがなく、エッジで SSRできる Remix にも元々興味があったためです。 初めに触った技術に関して軽く説明していますが、本当に軽くなので気になる方は公式サイト等をご覧ください。 Remix について Cloudflare Pages について Cloudflare Workers KV について 開発について Remix プロジェクトの作成 Cloudflare Pages にデプロイ Cloudflare Workers KV の作成 バ
Wasm core dumps and debugging Rust in Cloudflare Workers
A clear sign of maturing for any new programming language or environment is how easy and efficient debugging them is. Programming, like any other complex task, involves various challenges and potential pitfalls. Logic errors, off-by-ones, null pointer dereferences, and memory leaks are some examples of things that can make software developers desperate if they can't pinpoint and fix these issues q
This post is also available in 简体中文, 繁體中文, Français, Español, 日本語, Deutsch and 한국어. IntroductionOn June 27, 2024, a small number of users globally may have noticed that 1.1.1.1 was unreachable or degraded. The root cause was a mix of BGP (Border Gateway Protocol) hijacking and a route leak. Cloudflare was an early adopter of Resource Public Key Infrastructure (RPKI) for route origin validation (RO
Cloudflare Zaraz Cloudflare Zaraz は Web アプリケーションに組み込まれたサードパーティツールとの通信主体をブラウザから Cloudflare のエッジ Workers にオフロードし、セキュリティとパフォーマンス、プライバシーの向上に寄与します。 本投稿では Google Analytics を有効にした Web サイトを例に Zaraz の効果を簡単に紹介します。 Zaraz 導入前 テストするサイトを Request Map Generator で確認すると下記の状態です。 WebPageTest でブラウザの挙動を見ると、当該サイトの他に Google Tag Manager、Google Analytics へのリクエストが発生しています。 Google Analytics でのモニタリングもできています。 Zaraz 導入 この状態から Cl
Cloudflare、エッジアプリにAIをもたらす「Constellation」発表。画像認識、アノマリ検出、テキスト処理、音声認識など可能
Cloudflare、エッジアプリにAIをもたらす「Constellation」発表。画像認識、アノマリ検出、テキスト処理、音声認識など可能 Cloudflareは、同社のCDNプラットフォーム上でAI機能を提供する「Constellation」を発表しました。 Cloudflareは同社のエッジデータセンターで実行されるJavaScriptランタイムであるCloudflare Workersを提供しており、ここでアプリケーションが実行可能です。Constellationは、このアプリケーションに画像認識やテキスト処理などを追加できるようにします。 Today, we're excited to welcome Constellation to the Cloudflare stack. Constellation allows you to run fast, low-latency i
A Community Group for Web-interoperable JavaScript runtimes
Whenever one of the environments diverges from the standardized definition of the API (such as Node.js implementation of setTimeout() and setInterval()), clear documentation describing the differences will be made available. Such differences should only exist for backwards compatibility with existing code. Web Cryptography StreamsThe Web Cryptography API provides a minimal (and very limited) APIs
はじめに こんにちは！株式会社Rivine のつかもとです！ 普段はエンジニアとして、主にフルリモートの開発支援案件に従事しながら Rivine の取締役としても日々粛々と働いております。 前回の記事では、 Hugo のブログ開発について執筆しましたが、 今回は、弊社ホームページの利用技術でもある 「Cloudflare Pages」 を使って ハンズオン形式にて、前回の記事で作成した Hugo のブログを公開してみたいと思います。 ※ 本記事タイトルの「5分もあれば十分だ」という表現について ※ 5分もあれば十分だ という少しネタを交えた表現をしておりますが、トータルの作業時間については、各開発環境やネットワーク環境、作業スピードによって変動するかと思います。 あくまで、筆者が本記事の手順を滞りなく、スムーズに作業した上での 目安時間 だとご認識いただけますと幸いです。 今回公開するブロ
Rendering – Vercel
Optimized, automated rendering for the web's favorite frameworks.Leverage the power of serverless architecture to deliver your content globally, without added infrastructure overhead.
Developer Experience Redefined: Prisma & Cloudflare Lead the Way to Data DX
August 01, 2023 Developer Experience Redefined: Prisma & Cloudflare Lead the Way to Data DX Prisma and Cloudflare join forces to introduce Data Developer Experience (Data DX), revolutionizing data-driven applications. The partnership offers innovative tools and cloud infrastructure, reducing setup time and accelerating time-to-market for users. A new era for building data-driven applications Deliv
積読が崩せないので読書記録サービスをつくった
背景と動機 本をよく買います。 気になった技術書や小説、漫画など、社会人になってからは特に買う頻度が増えたように思います。 しかし、読む時間がなかなか取れなかったり、期間が開いてどの本を読んでいたのか忘れてしまったりして、気付いたら積読が積み上がり「あ～やべ…」と感じることが多くなっていました。 「今読んでる本」をシンプルに管理できる何かがあれば、この状況を打破できるのでは…！と思ったので、読書記録サービスをつくってみました。 つくったもの yondako という読書記録サービスをつくりました。 GitHub か Google アカウントで登録できます。 デモ動画はこんな感じです。 「よみたい」「よんでる」「よんだ」の3状態で読書状況を記録できます。 レスポンシブ対応もしていて、スマホからも利用できます。 SNS的な要素や感想の記録などをあえて排除して、読書状況の記録に特化しているのが特徴
この記事は以下のブログの翻訳です。 公式翻訳が完了次第削除します。 技術情報に誤りがある場合、遠慮なく、むしろ積極的に@kameoncloudまで連絡下さい。 2023年8月25日から、多くのお客様を襲った異常に大規模なHTTP攻撃に気付き始めました。これらの攻撃は当社の自動DDoSシステムによって検知され、軽減されました。しかし、これらの攻撃が記録的な規模に達するまでそれほど時間はかかりませんでした。これは、過去最大の攻撃の約3倍の規模でした。 懸念されるのは、攻撃者がわずか2万台のボットネットでこのような攻撃を行えたという事実である。今日では、数十万台から数百万台のマシンで構成されるボットネットが存在する。ウェブ全体のリクエスト数は通常1秒間に10億から30億に過ぎないことを考えると、この方法を使えば、ウェブ全体のリクエストに相当するものを少数のターゲットに集中させることができる可能性
クラスメソッド、ワクチン接種を推進する自治体・医療機関・協力企業にデジタル待合室Cloudflare Waiting Roomを無償提供開始 | クラスメソッド株式会社
クラスメソッドのAWS総合支援 コスト最適化からセキュリティ、構築支援、運用保守まで、AWS活用を支援します。
Welcome to the Supercloud (and Developer Week 2022)2022-11-14 This post is also available in 简体中文, 日本語, Deutsch, Français and Español. In Cloudflare’s S-1 document there’s a section that begins: “The Internet was not built for what it has become”. That sentence expresses the idea that the Internet, which started as an experiment, has blossomed into something we all need to rely upon for our daily
Cloudflare を使って polyfill を自動で安全なものへ置き換えましょう | DevelopersIO
先日ブラウザ互換の JS ライブラリである「Polyfill」にマルウェアが混入されて大きな問題となっていますが、Cloudflare であれば対応がワンクリックで実施できます。 ウィスキー、シガー、パイプをこよなく愛する大栗です。 先日ブラウザ互換の JS ライブラリである、「Polyfill.io」にマルウェアが混入されて大きな問題となっています。Cloudflare では、簡単に対策を行えるための機能がリリースされたのでご紹介します。Polyfill の対応がワンクリックで行えます。 JavaScriptライブラリ「Polyfill.io」にマルウェアが混入され10万以上のサイトに影響 Polyfill について Polyfill はブラウザ間のバージョンの違いなどを無効にするためのライブラリですが、今年の2月に売却されていることが発覚していました。 Cloudflare では、Po
Published 2022/01/30 15:07 (JST) Updated 2022/01/30 15:25 (JST) インターネット上に漫画を無断掲載する海賊版サイトのデータを配信し、著作権を侵害しているとして、講談社、集英社、小学館、KADOKAWAの出版大手4社が30日までに、米国のIT企業「クラウドフレア」に、配信差し止めや計約4億円の損害賠償などを求める訴訟を近く東京地裁に起こす方針を固めた。 関係者によると、同社は最大規模の海賊版サイトと契約、日本国内のサーバーから配信している。運営者は海外にいるとみられ、「ONE PIECE（ワンピース）」、「キングダム」といった人気作など約4千点を配信、アクセス数は月3億回に上るという。
GitHub - cloudflare/wildebeest: Wildebeest is an ActivityPub and Mastodon-compatible server
Wildebeest is an ActivityPub and Mastodon-compatible server whose goal is to allow anyone to operate their Fediverse server and identity on their domain without needing to keep infrastructure, with minimal setup and maintenance, and running in minutes. Wildebeest runs on top Cloudflare's Supercloud, uses Workers, Pages, Durable Objects, Queues, the D1 database to store metadata and configurations,
Cloudflare TV
Unlocking the Cloudscape: Navigating Multi-Cloud Journeys, Scaling Networks as a Service, and Cultivating Transformational Mindsets - Partner Channel Connections Episode 2 with Robert DeWeese, Kyndryl
CDNやDDoS防御などのサービスを提供するCloudflareが、AIのトレーニング用にウェブサイトをスクレイピングするボットの分析・制御ツール「AI Audit」を発表しました。 Cloudflare Helps Content Creators Regain Control of their Content from AI Bots | Cloudflare https://www.cloudflare.com/press-releases/2024/cloudflare-helps-content-creators-regain-control-of-content-from-ai/ AIを開発する企業はトレーニング用のデータを収集するため、営利企業のメディアやニュースから個人の小規模なサイトまであらゆるサイトのコンテンツをスキャンしています。こうしたスキャンについて、これまでウェ
こんにちは。かろっくです。 今回は一言でいうと 大学授業内ハッカソンで"出席管理システム"を作ることになりました せっかくなので Cloudflare のインフラで最新技術をフル活用！ 楽しかったです という感じのお話をします。 はじめに 自分の大学で行われている授業に、「PBL 概論」というものがあります。 この授業は、生徒が自分たちで解決したいテーマを決め、それに沿って作品を開発していく実践的な授業です(授業というより、ハッカソンに近い感じの演習となっています)。 テーマとしては、「授業の不満を解消する」「生徒の生活を便利にする」など、生徒が直接関わるものが多いです。 授業の不満をヒアリングしたところ、出席管理に関する不満として、以下のようなポイントが挙がりました。 出席判定がカードのタッチで行われるため、手間がかかる カードを忘れると出席が取れない 出席したときに何らかの手段で通知が
This post is also available in Deutsch, Español, Français, 繁體中文, 简体中文, 日本語 and 한국어. Developers who build Worker applications focus on what they're creating, not the infrastructure required, and benefit from the global reach of Cloudflare's network. Many applications require persistent data, from personal projects to business-critical workloads. Workers offer various database and storage options ta
Cloudflareの「Email Routing」とGmailで独自ドメインメールを完全無料で運用する方法 | SERVERSUS
更新日: 2023.2.14公開日: 2022.1.7 2021年にスタートしたCloudflareの「Email Routing」。この機能とGmailの「メールアドレス追加」機能を使えば、サーバー不要で独自ドメインメールを完全無料で運用することが可能です。 編集ノート: SERVERSUSでは、パートナーリンクからコミッションを得ています。コミッションが記事の意見や、サービスの評価に影響を与えることはありません。 Cloudflareの「Email Routing」とは？Cloudflareの「Email Routing」は、いわゆるメール転送サービスです。ドメインレジストラが運営しているメール転送サービスは月額課金のものがほとんどですが、「Email Routing」は無料で使うことができます。 「Email Routing」はドメインのメールアドレスと転送先のメールアドレスをClo
At Cloudflare, we’re building the best compute platform in the world. We want to make it easy, seamless, and obvious to build your applications with us. But simply making the best compute platform is not enough — at the heart of your applications are the data they interact with. Cloudflare has multiple data storage solutions available today: Workers KV, R2, and Durable Objects. All three follow Cl
Last year, we launched HTMLRewriter for Cloudflare Workers, which enables developers to make streaming changes to HTML on the edge. Unlike a traditional DOM parser that loads the entire HTML document into memory, we developed a streaming parser written in Rust. Today, we’re announcing support for asynchronous handlers in HTMLRewriter. Now you can perform asynchronous tasks based on the content of
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SvelteKit を Cloudflare Workers で動かしてみた | DevelopersIO
Cloudflare Workers Tech Talks #1 - Yusuke Wada
wasm-image-optimization で一括画像最適化
![[みんなのケータイ]iPhoneに見知らぬ番号からの電話――そんなときは「iOS 18.1」の新機能「ライブ留守番電話」をどうぞ](https://cdn-ak-scissors.b.st-hatena.com/image/square/84d194e50598720e5fc728791ad226528fe60274/height=288;version=1;width=512/https%3A%2F%2Fk-tai.watch.impress.co.jp%2Fimg%2Fktw%2Flist%2F1638%2F221%2F01.jpg)
「Cloudflare Zero Trust」 で組織のゼロトラストネットワークを構成する
Cloudflare、WAFやDDoS攻撃対策を無料提供 中小企業向けにセキュリティ支援
広告ブロッカーの99.99％が使っているフィルター「EasyList」がDDoS攻撃を受けて配信不能に
Cloudflare 1.1.1.1 incident on June 27, 2024
Cloudflare Zaraz の効果 - Qiita
【Cloudflare Pages】ブログを公開したい？...5分もあれば十分だ
HTTP/2 Rapid Reset：記録的な攻撃を分解する(翻訳記事）
Welcome to the Supercloud (and Developer Week 2022)
出版4社、米IT企業を提訴へ 漫画の海賊版データを配信 ｜ 共同通信
CloudflareがAI用にウェブサイトのスクレイピングを許可する権利を取引できるプラットフォームを立ち上げへ
大学授業内ハッカソンでCloudflareフル活用システム開発した話
Building D1: a Global Database
Introducing Relational Database Connectors
Asynchronous HTMLRewriter for Cloudflare Workers
cgworld.jp
www.cnn.co.jp
ayami0.ub.geo.jp
plea5station.com
www.animatetimes.com
news.yahoo.co.jp