Cloudflare開発者プラットフォーム勉強会

アジェンダ

  1. 自己紹介
  2. Cloudflare開発者プラットフォームについて
  3. Paidプランについて
  4. Honoについて
  5. Workersの使い方
  6. Workers AIの使い方
  7. その他フレームワーク
  8. コーディングエージェントと一緒につかう
  9. 宿題
  10. 参考文献

1. 自己紹介

やってること

  1. Honoの開発
  2. イベント開催
  3. イベント登壇
  4. その他

Workers Tech Talks

Cloudflare Workersとその周辺のプロダクトを使う開発者、ライブラリ作者による開発者のためのWorkersに特化したテックトークです。

  1. Cloudflare Workers Tech Talks in Tokyo #1
  2. Cloudflare Workers Tech Talks in Tokyo #2
  3. Cloudflare Workers Tech Talks in Osaka #1
  4. Cloudflare Workers Tech Talks in Tokyo #3
  5. Cloudflare Workers Tech Talks in Tokyo #4
  6. Cloudflare Workers Tech Talks in Osaka #2
  7. Cloudflare Workers Tech Talks in Tokyo #5
  8. Cloudflare Workers Tech Talks in Kyoto #1
  9. Cloudflare Workers Tech Talks in Niigata #1
  10. Cloudflare Workers Tech Talks in Hokkaido #1
  11. Cloudflare Workers Tech Talks in Tokyo #6
  12. Cloudflare Workers Tech Talks in Fukuoka #1
  13. Cloudflare Workers Tech Talks in Austin #1

Workers Tech Talks in Tokyo #5

Workers Tech Talks in Tokyo 5

Workers Tech Talks in Tokyo #7

2026年4月13日(月)にやります！

Workers Book

Time Table

2. Cloudflare開発者プラットフォームについて

Dev Platform

何ができるのか？

Webアプリケーションの構築

Webapp

CDNで実行されるアプリケーション

CDN

特徴

特徴

Cloudflareの全プロダクト

プロダクト

開発者プラットフォームのプロダクト

プロダクト

https://developers.cloudflare.com/products/?product-group=Developer+platform

Workersについて

Build serverless applications and deploy instantly across the globe for exceptional performance, reliability, and scale.

サーバーレスアプリケーションを構築し、卓越したパフォーマンス、信頼性、スケールのために世界中に即座にデプロイします。

https://developers.cloudflare.com/workers/

Cloudflare Workersの思想

SS

v8

Wrangler

SS

Bindings

CloudflareのプロダクトとWorkersを結ぶ

3. Paidプランについて

Workers

Table

ドキュメント

Workers AI

Pricing

Neuronsとは

リクエストの実行に必要なGPUの演算量

モデルごとの料金

Table

ドキュメント

4. Honoについて

5. Workersの使い方

Bindings

D1を使う

npx wrangler d1 create blog

// wrangler.jsonc
{
  "d1_databases": [
    {
      "binding": "DB",
      "database_name": "blog",
      "database_id": "xxxxxxxxxxxxxxxxxxxxxxx"
    }
  ]
}

-- blog.sql
CREATE TABLE posts (
  id TEXT PRIMARY KEY,
  created_at TEXT DEFAULT (datetime('now')),
  title TEXT,
  content TEXT
);

npx wrangler d1 execute blog --local --file ./blog.sql
npx wrangler d1 execute blog --local --command "INSERT INTO posts(id,title,content) VALUES('1','Hello','Nice day!')"
npx wrangler d1 execute blog --local --command "SELECT * FROM posts"

import { Hono } from 'hono'
import { z } from 'zod'
import { zValidator } from '@hono/zod-validator'

export const schema = z.object({
  title: z.string().min(1),
  content: z.string().min(1),
})

type Post = z.infer<typeof schema> & {
  created_at: string
  id: string
}

const app = new Hono<{ Bindings: CloudflareBindings }>()

app.get('/posts', async (c) => {
  const { results } = await c.env.DB.prepare(
    'SELECT * FROM posts ORDER BY created_at DESC;'
  ).all<Post>()
  return c.json({
    posts: results,
  })
})

app.post('/posts', zValidator('form', schema), async (c) => {
  const { title, content } = c.req.valid('form')
  const id = crypto.randomUUID()
  const { success } = await c.env.DB.prepare(
    'INSERT INTO posts(id, title, content) values (?, ?, ?)'
  )
    .bind(id, title, content)
    .run()
  return c.json({ success })
})

export default app

6. Workers AIの使い方

7. その他フレームワーク

8. コーディングエージェントと一緒につかう

MCP

// .mcp.json
{
  "mcpServers": {
    "hono-docs": {
      "type": "http",
      "url": "https://hono-docs-mcp.yusukebe.workers.dev/mcp"
    }
  }
}

Skills

npx skills add cloudflare/skills
npx skills add yusukebe/hono-skill

9. 宿題

10. 参考文献