In this tutorial, you will build a Slack ↗ bot using Cloudflare Workers. Your bot will make use of GitHub webhooks to send messages to a Slack channel when issues are updated or created, and allow users to write a command to look up GitHub issues from inside Slack. This tutorial is recommended for people who are familiar with writing web applications. You will use TypeScript as the programming lan
ここ最近 Cloudflare Workers を触った実感です。趣味の時間で調べて、外部 API のプロキシをやったり画像をキャッシュして返す程度の処理を書きました。コードとしてはチュートリアル改変レベルです。 TL;DR Cache できる場面では Cache をする設計を意識しないと遅くなる Cache API を利用するには独自ドメインを取得して割り当てる必要あり、*.workers.dev では Cache は使えない模様 localhost で動作しないので、 wrangler publish する必要ある Cloudflare の管理画面で独自ドメインを買える。Google Domains よりも安価なので、実験用に持っておくことをお勧めする 例えば R2 バケットに入った画像を配信する場合、 Cache API でキャッシュしたものを返すことで、x0ms 単位で返せるように
CloudFlare Workers、Cloudflare D1、HonoでLINE botを作りました はじめに 妻とのお買い物リスト共有にLINEを利用しているのですが、かなり昔に投稿した買いたい物が流れてしまって遡るのが大変という事象が発生していたので、解決するためにLINE botを作成しました。 作成時の流れ、ハマった事、気づいた事などをまとめておきます。 私自身がTypeScriptほぼ初心者かつ、CloudFlare Workers、Cloudflare D1、Honoを利用したことがなく、間違っている部分があるかもしれませんのでご了承くださいませ。 利用技術 CloudFlare Workersが少し前から気になっていたので、下記技術スタックで作成してみました。 CloudFlare Workers CloudFlare D1 Hono LINE Messaging API
Web+DB な業務システムも Cloudflare Workers で動かしたい！Connection pooler 比較
この記事は、モニクル Advent Calendar 2023 の10日目の記事です。 はじめに Cloudflare Workers から DB は普通に使えます。 しかしながら、Cloudflare Workers に限らず Edge な環境における DB のコネクションまわりについて、以下のことが気になります。 処理の度に接続が切れるのでコネクションプールが使えない（プールしても使い回せない） つまり毎回新しい接続確立のコスト（時間）が発生する 新しいコネクションの作成は少なからず DB 側にも負荷がかかる DB 側に Edge がスケールした分だけ素直に新しい接続が要求されてしまう 新しい接続要求を制御できない => 最大接続数オーバー この辺りも予めケアされているだろうという期待のもと D1 を DB として採用する選択肢もあります。しかしながら、D1 を趣味で使う分には良いと思
Cloudflare Workers(Rust)からKVを使うチュートリアルをやってみた #Cloudflare | DevelopersIO
どうも！オペ部西村祐二です。 この記事は「Cloudflare のアドベントカレンダー」の4日目の記事です。 以前、下記のようなブログを書きました。そこからCloudflareのサービスに興味がでてきましたので今回、Cloudflare Workers(Rust)からCloudflare Workers KVを使うチュートリアルをやってみました。 今回、やってみたチュートリアルは下記になります。 Use Workers KV directly from Rust · Cloudflare Workers docs Cloudflare Workers KVとは Cloudflareのアプリケーション向けサーバーレス Key-Value ストレージです。 Cloudflare Workers KVは、Cloudflareのグローバルネットワーク内にあるすべてのデータセンターで、セキュアな低レ
Mitigating Spectre and Other Security Threats: The Cloudflare Workers Security Model
Mitigating Spectre and Other Security Threats: The Cloudflare Workers Security Model2020-07-29 Hello, I'm an engineer on the Workers team, and today I want to talk to you about security. Cloudflare is a security company, and the heart of Workers is, in my view, a security project. Running code written by third parties is always a scary proposition, and the primary concern of the Workers team is to
GitHub - yusukebe/r2-image-worker: Store and Deliver images with R2 backend Cloudflare Workers.
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. Dismiss alert
Introducing Services: Build Composable, Distributed Applications on Cloudflare Workers
Introducing Services: Build Composable, Distributed Applications on Cloudflare Workers2021-11-16 First, there was the Worker script. It was simple, yet elegant. With just a few lines of code, you could rewrite an HTTP request, append a header, or make a quick fix to your website. Though, what if you wanted to build an entire application on Workers? You’d need a lot more tools in your developer too
Cloudflare Workersはサーバレスエッジコンピューティングサービスです。そしてデータの永続的保存オプションとして以下が用意されています。 KV : key-value型永続ストレージ R2 : AWS S3互換ストレージ Durable Objects : オブジェクトストレージ D1 : エッジで動作するSQL Liteデータベース(2023/02/05 時点でアルファ版です） Queues : ジョブのキューイング この記事ではKVを使ってJavaScriptで簡単なTodoを作ってみます。記事前半分の土台となっているのはこのブログですが、英語であり、また手順として少し初心者にハードルが高く、Cloudflareのバージョンアップにより画面イメージも変更となっているため再構成しています。 後半部分は少し難易度があがりますが、追加シナリオです。ぜひ挑戦してみてください。 な
Just about four years ago, we announced Cloudflare Workers, a serverless platform that runs directly on the edge. Throughout this week, we will talk about the many ways Cloudflare is helping make applications that already exist on the web faster. But if today is the day you decide to make your idea come to life, building your project on the Cloudflare edge, and deploying it directly to the tubes o
Cloudflareには色々な機能がありますが、昨今はAIにも力を入れており色々なモデルがCloudflare Workersで動かすことができます。 その中で今回は画像生成（その中でもimage to image）を使って製品の機能として組み込んでみたのでその時に考えたことを軽いTIPS的な記事として書いておきます。 導入経緯（前提条件） 私はGoens（ゴエンズ）というサービスを運用しています。 平たく言うと高齢者向けのマッチングアプリだと思ってもらって結構です。（有名どころのマッチングアプリより緩い感じですが） その中で様々な課題があるんですが、AIよる画像生成機能を入れた理由は以下です。 年配の方向けなので、どうしても若い人よりプロフィール画像の重要性という点に意識が少し低い方がいらっしゃる 自分自身をどう撮るとうまく撮れるかがあまりわかっていない方もいらっしゃる 異性のプロフィー
JSer.info #637 - Safari 16.4がリリースされました。 WebKit Features in Safari 16.4 | WebKit Safari 16.4 Release Notes | Apple Developer Documentation Beta版時の2023-02-20のJS: Sandpack 2.0、Safari 16.4 Beta、Reactドキュメンタリー - JSer.infoでも紹介しましたが、大量の変更点が含まれています。 margin-trimプロパティ、lh unit、CSS Typed Object Model APIのサポート、Constructable Stylesheetsのサポート Declarative Shadow DOM、EmentInternals、Imperative Slot APIのサポート RegExp l
At Cloudflare we’re accelerating web assets in a number of different ways. Part of this is caching, by storing the response given by the origin server directly within our 151+ global data centers. This will dramatically improve the delivery of the resources as the visitor will directly get them from the data center closest to them, instead of waiting for us to fetch the request from the origin web
導入背景※このレビューではNOT A HOTEL が提供するチャット機能（コンシェルジュプラットフォーム）での事例を紹介します。 前提として、コンシェルジュプラットフォームを実現するためにZendeskとSunshine Conversationsを利用しており、Webhookを経由してリクエストを送っています。 初期段階ではGoを使って開発をしていましたが、CI/CD経由でデプロイするとテストとビルドに15分くらい時間がかかっており、ちょっとした修正の確認がとても大変でした。 また開発環境もGCPに依存していて、コンテナのセットアップが必要だったり、berglasというGCPのシークレットマネージャーを利用したり、インフラのセットアップにTerraformとDockerを利用したりと複雑な状態でした。 Cloudflare Workers利用に至った背景・課題については、下記スライドにも
Cloudflare WorkersのService bindingsの現状整理 - console.lealog();
2023年7月版ってことで。 About Service bindings · Cloudflare Workers docs これなに とあるWorkerから、別のWorkerを呼び出せる仕組み。 前にも書いてるけど、デプロイしたWorkerAから別のWorkerBを呼びたいときがあったとしても、HTTP経由でさえそれができない場合があった。 Cloudflare Workersで、Workerから別のWorkerを呼びたい - console.lealog(); 複数のWorkerでマイクロサービス的な構成をしたい場合にもれなく不便やったけど、それができるようになる。 加えて、HTTP（インターネット）経由じゃなく、Cloudflare内の特別な経路を通るため、パフォーマンスも安定するよって触れ込み。 KVや他のバインディングと同じように登録しておくと、さもそこにWorkerがあるかの
Migrate from Service Workers to ES Modules | Cloudflare Workers docs
This guide will show you how to migrate your Workers from the Service Worker ↗ format to the ES modules ↗ format. There are several reasons to migrate your Workers to the ES modules format: Durable Objects, D1, Workers AI, Vectorize and other bindings can only be used from Workers that use ES modules. Your Worker will run faster. With service workers, bindings are exposed as globals. This means th
GitHub - Aslemammad/vite-plugin-cloudflare: 🔥 Easier and better experience writing Cloudflare workers in Vite
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. Dismiss alert
Zennで現状CloudFunctionsにデプロイしている一部のAPIを可能ならCloudflare Workersに移行してみたい。 CloudFunctionsでも問題なく動いているが コールドスタートの遅さを解消したい Cloud Functionsよりパフォーマンスが良さそう （おそらく）料金的にも安くなる などがCloudflare Workersへ移行するモチベーションになっている。
GitHub - cloudflare/workers-sdk: ⛅️ Home to Wrangler, the CLI for Cloudflare Workers®
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. Dismiss alert
Cloudflare Workers上でLangChainを動かしストリームで回答を返すようにしてみる | DevelopersIO
どうも！オペレーション部の西村祐二です。 以前、下記のようなCloudflare Workers上でLangChain動かすブログを書きました。 Cloudflare Workers上でLangChainを動かし指定したWebサイトについて質問できるか試してみた | DevelopersIO 実際に動かしてみると、質問に対する回答がすべて揃ってからデータが返されるため、応答までの時間が気になり、UXとしてはあまり良くないかなと思っていました。 LangChainのドキュメントをみているとChatGPTのように回答を逐次返す機能があったので、以前作ったWorkersを修正してストリームで回答を返せるか試してしみました。 Events / Callbacks | ?️? Langchain 成果物 修正して動作確認したものが下記になります。想定通り、待ち時間が少なく、逐次回答が表示されているの
https://github.com/syumai/workers の紹介です。
Cloudflare Workersを使ってslackメッセージに特定のスタンプが押されたら、メッセージを変換してNotionのDBにINSERTするシンプルなbotを雑に作った。 - 何かやってみるブログ
概要 ライブラリなど 実装 動作確認 概要 約2年前に下記の記事を書いたときに作った趣味のslack botを自分しかいないslackのワークスペースのあるチャンネルで動かしている。 www.takayasugiyama.com このbotはとあるサイトのあるページを1日一回スクレイピングして動画と画像とテキストを引っ張ってきてslackに投稿してくれているので、気になるサムネだったら動画を見て楽しんでいる。 2年間も動かしていると、たまにお気に入りで保存しておきたい動画が流れてくるがslackのメッセージが消えてしまったりしていてスクレイピング元に探しに行かないといけない事態になったりする。 なので、slackのメッセージにハートのスタンプを押したらNotionのDBに動画のurlなどを保存するようにするbotを作成した。 ライブラリなど botは使ったことがなかったCloudflare
GitHub - lukeed/worktop: The next generation web framework for Cloudflare Workers
import { Router } from 'worktop'; import * as Cache from 'worktop/cache'; import { uid as toUID } from 'worktop/utils'; import { read, write } from 'worktop/kv'; import type { KV } from 'worktop/kv'; declare var DATA: KV.Namespace; interface Message { id: string; text: string; // ... } // Initialize const API = new Router(); API.add('GET', '/messages/:id', async (req, res) => { // Pre-parsed `req.
GitHub - syumai/workers: Go package to run an HTTP server on Cloudflare Workers.
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. Dismiss alert
Cloudflare Workers では Module Worker Syntax と Service Worker Syntax の２つの記述方式が存在している。 Service Worker Syntax を利用している場合、環境変数はすべてグローバル変数として利用可能になる。 この方法はデバッグ目的とかで使える多分便利な技である。 addEventListener('fetch', (event: FetchEvent) => { // @ts-ignore console.log({ ...global }) event.respondWith(new Response("Hello, World!!")) }) コードを読んで分かる通り、グローバルで扱えるものすべて global 変数に格納されている。これは @cloudflare/workers-types にも定義されてい
Cloudflare Workers プロジェクト作成から GitHub Actions 自動デプロイまで最速でやる
Cloudflare の公式ドキュメントはこちら。 公式ドキュメントのとおりにやれば良いだけの話ではあるのですが、「よーし、なんか作るぞー」と思ってから、表題のとおりプロジェクト作成から main ブランチにプッシュされたら（実際のお仕事では main ブランチに直接プッシュはしないので PR が main ブランチにマージされたら）GitHub Actions で自動デプロイされるまでの環境構築を、あまり頭を使わずにシュッとやりたいのでまとめました。 Cloudflare Workers プロジェクトを作成 GitHub リポジトリを作成 Cloudflare API トークンを作成 GitHub Actions の Secrets を設定 Workflow を追加して commit & push Deployeeeed!! ぐらいのリズムでやりたい。 1. Cloudflare Wor
Cloudflare WorkersとPagesに、統合された開発者エクスペリエンスをもたらす2023-05-17 本日、PagesとWorkersの単一の製品体験への統合を発表！ 誰しもが経験することです。創造力が急に沸き起こり、サーバー側でレンダーされるフロントエンドやバックエンドでのSQLiteデータベースなど、すべてのピースがうまく組み合わされ、作りたいアプリケーションが頭の中で鮮明にイメージが浮かぶ－掻き立てられる創造力のまま、パソコンに向かう。創れるとの確信があり、必要なのは道具だけ。Cloudflareのダッシュボードにログイン－そして、ここで非常に難しい決断に迫られます： 使うべきはCloudflare Workers、それともPages？ どちらも一見似て見えるものの、細部は異なります。アイデアを実現できそうなのは、どちらでしょうか？選び方を間違えてしまったら？両者の間で
Cloudflare Workers + HonoでDiscord botを作る際のポイント | Marginalia
タイトルの通り。普通にNode.jsのWebサーバーを立てて実装するときとは違う注意点がいくつかあった。当然制約が強い環境ではあるが、それを差し引いてもCloudflare + Honoは開発・運用しやすいので、結果的には満足している。 ちなみに、公式ドキュメントでもCloudflare WorkersでのBotの作り方のガイドはあるが、これはExpress前提なので、Honoユーザーはいろいろと読み替える必要がある。 https://discord.com/developers/docs/tutorials/hosting-on-cloudflare-workers discord.js は使えないDiscord botをJavaScriptで実装しようと思ったら普通 discord.js を使うが、このライブラリは現状Node.jsランタイムに強く依存しているため、Cloudflare
Build a serverless API using Cloudflare Workers, Drizzle ORM, and NeonLearn how you can use Cloudflare Workers, Drizzle ORM, and Neon to build a serverless API In this guide, you will learn how to build a serverless API using Cloudflare Workers, Hono, Drizzle ORM, and Neon. What are Cloudflare Workers? Cloudflare Workers enable you to build and deploy serverless code instantly across the globe wit
D1はCloudflareが提供するエッジデータベースです。実体はSQL Liteです。Cloudflareにはリージョンの概念がなく285以上のすべてのエッジがマスターとなります。これによりマルチマスター構成のリレーショナルデータベースが簡単に作れます。 執筆時点でアルファ版であり、商用環境での利用が推奨されていません。また今後API仕様の変更なども予想されています。 この記事では前半はCloudflareが提供しているチュートリアルの内容を少しだけ書き換えたものです。執筆時点でなぜかチュートリアル通りに動作しなかったため（恐らくアルファ版で不安定な部分があるため）手順などを書き換えています。 後半はその他いろいろ試してみるコーナーです。 1.Wrangler環境セットアップ この記事を参考に環境をセットアップしてください。タイトルにWindowsと入っていますが、Macでも基本手順は同
趣味のマンガ好きが高じてマンガ投稿プラットフォームを作りました。 お試しということで、二次利用が自由に許可されている「ブラックジャックによろしく」が試し読みできるようになっているので、気になる方は読んでみてください！ ※「ブラックジャックによろしく」の利用規約により、書籍ストアに掲載する場合は1円以上の有償販売とする必要があるため、インクロフトの最低決済額の50円で投稿しています。 なぜ作ったか 私はマンガが大好きでジャンル問わず暇さえあればマンガを読んでいるんですが、最近は新しいマンガを見つけるのにXなどのSNSを使っています。 #漫画が読めるハッシュタグなどを使って作者の方がXに自分の作品を載せてくださっているので、タグで検索しながら気に入った作品はサイトに飛んで読むということを繰り返しています。 本屋や電子書籍で手に取らないようなジャンルのマンガも気軽に試し読みができて大変いいのです
Hono[炎] Ultrafast web framework for Cloudflare Workers. – yusukebe/slides
Hono[炎] Ultrafast web framework for Cloudflare Workers.Yusuke Wada 2022-03-05 YAPC::Japan::Online 2022 今日話すことCloudflare WorkersHonoの特徴HonoのAPIHonoを使うService Worker MagicはじめにInitial commitは2.5ヶ月前2021-12-15 現在のVersionv0.5.1 Contributors 作るの楽しい！！ Cloudflare WorkersについてCloudflareのCDNエッジで実行されるサーバーレス環境 速い・短い・小さいコールドスタートなしCPU時間10ms(Free、Bundled)1MB以内CPU時間スクリプトが実行中でCPUリソースを使用している時間。 その他のキーワードWorkers KVWor
![Hono[炎] Ultrafast web framework for Cloudflare Workers. – yusukebe/slides](https://cdn-ak-scissors.b.st-hatena.com/image/square/3505a2b3ed405c480893e3815e7ca9d9e9f91418/height=288;version=1;width=512/https%3A%2F%2Fyusukebe.github.io%2Fslides%2Fyapc2022-hono%2Fcover.png)
Remix on Cloudflare WorkersをService WorkerからModule Workerに移行する | DevelopersIO
はじめに こんにちは、CX事業本部MAD事業部の森茂です。 RemixをCloudflare Workersで活用する際のブログ記事をいくつか紹介させていただきましたが、今回は今までService Worker形式でデプロイしていたRemixをModule Worker形式へ置き換える方法について紹介させていただきます。 Cloudflare の記事一覧 | DevelopersIO Remix の記事一覧 | DevelopersIO 今回の完成版ソースコードはこちら himorishige/remix-cloudflare-workers-module-worker-boilerplate Service WorkerとModule Worker 今までのCloudflare Workersでは上記のようなService Worker形式の構文を利用してService Worker A
Cron Triggers allow users to map a cron expression to a Worker using a scheduled() handler that enables Workers to be executed on a schedule. Cron Triggers are ideal for running periodic jobs, such as for maintenance or calling third-party APIs to collect up-to-date data. Workers scheduled by Cron Triggers will run on underutilized machines to make the best use of Cloudflare’s capacity and route t
OAuth with Cloudflare Workers on a Statically Generated Site
Update: this post was featured on Hacker News and sparked a lot of discussion. I also added a couple of more sentences to the conclusion to address vendor lock-in. Intro Recently I wanted to setup some buttons on this website that lets users sign up for the newsletter via OAuth. If you want to skip all of the intro/background info, check out the source code and jump straight to implementation. The
Update 2021-05-11 Cloudflare released Workers Unboud - a solution for serverless functions that need long excecution times. It extends the existing 50ms CPU limit to 30sec and changes their billing scheme. Update 2021-03-29 Added an image of vercel edge network map. kudos to @magnemg for creating it. TLDR #Vercel provides a good solid solution for Serverless Functions and makes the process of thei
Cloudflare WorkersのHTMLRewriter を使って超簡単に他サイトのOGPを取得し自ブログに表示してみた！
Cloudflare WorkersのHTMLRewriter を使って超簡単に他サイトのOGPを取得し自ブログに表示してみた！ 初めに Zennで記事を書いていると、外サイトのurlを入力するといい感じにOGPが表示されます。 ↑こんな感じです。ちなみにこれは僕の個人ブログです。よかったら来てください！ そういえば、自分のサイトにOGPを設定する記事とかはよくあるけど他サイトのOGPを表示する方法とかあんまり見ないな・・・と思うようになりました。 ていうか自分のブログだとできてないじゃん・・・ よし！実装しよう！ 超簡単だと思ったら・・・ (o'ω'o) ＜ OGPデータを手に入れるにはとりあえずhrefに設定しているサイトのhtml取ってくる -> htmlのパースをする -> metaタグのogpに関する情報を取ってくればええってことやろ。それならapi作らなくてもクライアントからf
The HTMLRewriter class allows developers to build comprehensive and expressive HTML parsers inside of a Cloudflare Workers application. It can be thought of as a jQuery-like experience directly inside of your Workers application. Leaning on a powerful JavaScript API to parse and transform HTML, HTMLRewriter allows developers to build deeply functional applications. The HTMLRewriter class should be
ABEMA 画像配信基盤における Cloudflare Workers の活用 株式会社 AbemaTV, Shohei Ueda https://findy.connpass.com/event/318382/ > Findy Lunch LT > Cloudflare Workers 活…
There are halls and corridors in Cloudflare engineering, dangerous places for innocent wanderers, filled with wild project ideas, experiments that we should do, and extremely convincing proponents. A couple of months ago, John Graham-Cumming, our CTO, bumped into me in one of those places and asked: "What if we ported Doom multiplayer to work with our edge network?". He fatally nerd-sniped me. Asi
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Build a Slackbot | Cloudflare Workers docs
Cloudflare Workers の Cache API は積極的に使いましょう
CloudFlare Workers、Cloudflare D1、HonoでLINE botを作りました
Cloudflare Workers と KV でTodoListアプリを作る
Cloudflare Workers: the Fast Serverless Platform
Cloudflare Workers AIを使って画像生成機能を製品の機能として組んだ時に考えたこと
2023-03-29のJS: Safari 16.4、DenoとCloudflare WorkersのNode.js互換性、pnpm 8.0.0
Edge-Side-Includes with Cloudflare Workers
Cloudflare Workers導入でデプロイ時間を大幅改善。リリース頻度も二週に一度→毎日へ。
Cloudflare WorkersでちょっとしたNode.jsアプリを動かす
Go言語で始めるCloudflare Workers
Cloudflare Workers で使えるグローバル変数を一覧する - アルパカの徒然文
Cloudflare WorkersとPagesに、統合された開発者エクスペリエンスをもたらす
Build a serverless API using Cloudflare Workers, Drizzle ORM, and Neon - Neon
Cloudflare Workers から D1 を操作する
RemixとCloudflare Workers+D1でマンガ投稿サイトを作った
Cron Triggers | Cloudflare Workers docs
Vercel Serverless Functions vs Cloudflare Workers | Moiva.io Blog
HTMLRewriter | Cloudflare Workers docs
ABEMA 画像配信基盤における Cloudflare Workers の活用
Multiplayer Doom on Cloudflare Workers