{"id":25118,"date":"2025-11-25T06:53:19","date_gmt":"2025-11-25T06:53:19","guid":{"rendered":"https:\/\/pokecon.jp\/job\/?p=25118"},"modified":"2025-11-25T06:53:19","modified_gmt":"2025-11-25T06:53:19","slug":"%e3%80%90hono-cloudflare-workers-supabase%e3%80%91%e3%81%a7api%e3%82%92%e4%bd%9c%e3%81%a3%e3%81%a6crud%e3%81%99%e3%82%8b","status":"publish","type":"post","link":"https:\/\/pokecon.jp\/job\/25118\/","title":{"rendered":"\u3010Hono + Cloudflare Workers + Supabase\u3011\u3067API\u3092\u4f5c\u3063\u3066CRUD\u3059\u308b"},"content":{"rendered":"\n<\/p>\n<div>\n<h2 id=\"%E3%81%AF%E3%81%98%E3%82%81%E3%81%AB\" data-line=\"0\" class=\"code-line\">\n \u306f\u3058\u3081\u306b<\/h2>\n<p data-line=\"2\" class=\"code-line\">\u672c\u8a18\u4e8b\u3067\u306f\u3001Hono + Cloudflare Workers + Supabase \u3092\u7d44\u307f\u5408\u308f\u305b\u3066\u3001\u30b7\u30f3\u30d7\u30eb\u306a CRUD API \u3092\u69cb\u7bc9\u3059\u308b\u65b9\u6cd5\u3092\u7d39\u4ecb\u3057\u307e\u3059\uff01<\/p>\n<p data-line=\"4\" class=\"code-line\">Hono \u3068 Cloudflare Workers \u306e\u7d44\u307f\u5408\u308f\u305b\u3084\u3001Hono \u3068 Supabase \u306e\u7d44\u307f\u5408\u308f\u305b\u306b\u95a2\u3059\u308b\u8a18\u4e8b\u306f\u3059\u3067\u306b\u305f\u304f\u3055\u3093\u3042\u308b\u3093\u3067\u3059\u304c\u3001<strong>Hono + Cloudflare Workers + Supabase \u306e3\u3064\u3092\u7d44\u307f\u5408\u308f\u305b\u305f\u8a18\u4e8b<\/strong>\u306f\u307b\u3068\u3093\u3069\u898b\u3064\u304b\u308a\u307e\u305b\u3093\u3067\u3057\u305f\u3002<\/p>\n<p data-line=\"6\" class=\"code-line\">\u5b9f\u969b\u306b\u696d\u52d9\u7814\u4fee\u3067\u3053\u308c\u3089\u306e\u6280\u8853\u3092\u4f7f\u3046\u6a5f\u4f1a\u304c\u3042\u308a\u30013\u3064\u3092\u4e00\u7dd2\u306b\u4f7f\u3046\u65b9\u6cd5\u3092\u8abf\u3079\u308b\u306e\u306b\u7d50\u69cb\u82e6\u52b4\u3057\u305f\u306e\u3067\u3001\u540c\u3058\u3088\u3046\u306b\u56f0\u3063\u3066\u3044\u308b\u4eba\u306e\u53c2\u8003\u306b\u306a\u308c\u3070\u3068\u601d\u3044\u3001\u3053\u306e\u8a18\u4e8b\u3092\u66f8\u304f\u3053\u3068\u306b\u3057\u307e\u3057\u305f\uff01<\/p>\n<h3 id=\"%E8%A8%98%E4%BA%8B%E4%BD%9C%E6%88%90%E6%99%82%E3%81%AE%E7%92%B0%E5%A2%83\" data-line=\"9\" class=\"code-line\">\n \u8a18\u4e8b\u4f5c\u6210\u6642\u306e\u74b0\u5883<\/h3>\n<ul data-line=\"10\" class=\"code-line\">\n<li data-line=\"10\" class=\"code-line\">Hono: 4.9.12<\/li>\n<li data-line=\"11\" class=\"code-line\">Supabase: 2.75.0<\/li>\n<li data-line=\"12\" class=\"code-line\">Cloudflare Workers (Wrangler): 4.43.0<\/li>\n<li data-line=\"13\" class=\"code-line\">Node.js: 22.20.0<\/li>\n<\/ul>\n<h2 id=\"%E7%92%B0%E5%A2%83%E6%A7%8B%E7%AF%89\" data-line=\"15\" class=\"code-line\">\n \u74b0\u5883\u69cb\u7bc9<\/h2>\n<h3 id=\"cloudflare-%E3%82%A2%E3%82%AB%E3%82%A6%E3%83%B3%E3%83%88%E7%99%BB%E9%8C%B2\" data-line=\"17\" class=\"code-line\">\n Cloudflare \u30a2\u30ab\u30a6\u30f3\u30c8\u767b\u9332<\/h3>\n<ol data-line=\"19\" class=\"code-line\">\n<li data-line=\"19\" class=\"code-line\">\n<a target=\"_blank\" href=\"https:\/\/dash.cloudflare.com\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Cloudflare<\/a> \u306b\u30a2\u30af\u30bb\u30b9\u3057\u3001\u30a2\u30ab\u30a6\u30f3\u30c8\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002<br \/>GitHub \u3084 Google \u30a2\u30ab\u30a6\u30f3\u30c8\u3067\u30b5\u30a4\u30f3\u30a2\u30c3\u30d7\u3067\u304d\u307e\u3059\u3002<\/li>\n<li data-line=\"21\" class=\"code-line\">\u30ed\u30b0\u30a4\u30f3\u5f8c\u3001\u30db\u30fc\u30e0\u306b\u79fb\u52d5\u3057\u307e\u3059\u3002<\/li>\n<li data-line=\"22\" class=\"code-line\">\u5de6\u30e1\u30cb\u30e5\u30fc\u304b\u3089 <strong>\u300cCompute &amp; AI\u300d \u2192 \u300cWorkers &amp; Pages\u300d<\/strong> \u3092\u9078\u629e\u3057\u307e\u3059\u3002<br \/>\u3053\u3053\u3067\u81ea\u5206\u306e\u30b5\u30fc\u30d0\u30fc\u30ec\u30b9\u30a2\u30d7\u30ea\u3092\u7ba1\u7406\u3067\u304d\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002<br \/>\u3053\u306e\u3068\u304d\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\u3092\u8a8d\u8a3c\u3059\u308b\u3088\u3046\u6c42\u3081\u3089\u308c\u307e\u3059\u306e\u3067\u3001\u8a8d\u8a3c\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/li>\n<\/ol>\n<h3 id=\"supabase-%E3%83%97%E3%83%AD%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E4%BD%9C%E6%88%90\" data-line=\"26\" class=\"code-line\">\n Supabase \u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u4f5c\u6210<\/h3>\n<p data-line=\"28\" class=\"code-line\">\u6b21\u306b\u3001\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u3068\u3057\u3066\u5229\u7528\u3059\u308b Supabase \u3092\u8a2d\u5b9a\u3057\u307e\u3059\u3002<\/p>\n<ol data-line=\"30\" class=\"code-line\">\n<li data-line=\"30\" class=\"code-line\">\n<a target=\"_blank\" href=\"https:\/\/supabase.com\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Supabase<\/a> \u306b\u30a2\u30af\u30bb\u30b9\u3057\u3001\u30a2\u30ab\u30a6\u30f3\u30c8\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002<\/li>\n<li data-line=\"31\" class=\"code-line\">\u8a8d\u8a3c\u30e1\u30fc\u30eb\u306e\u300cConfirm Email Address\u300d\u3092\u30af\u30ea\u30c3\u30af\u3057\u307e\u3059<\/li>\n<li data-line=\"32\" class=\"code-line\">\u300cCreate a new organization\u300d\u753b\u9762\u3067\u60c5\u5831\u3092\u5165\u529b\u3057\u307e\u3059\u3002\n<ul data-line=\"33\" class=\"code-line\">\n<li data-line=\"33\" class=\"code-line\">\n<strong>Name<\/strong>\uff1a\u4efb\u610f\uff08\u4f8b\uff1a<code>Your name's Org<\/code>\uff09<\/li>\n<li data-line=\"34\" class=\"code-line\">\n<strong>Type<\/strong>\uff1a\u4efb\u610f\uff08\u4f8b\uff1a<code>Personal<\/code>\uff09<\/li>\n<li data-line=\"35\" class=\"code-line\">\n<strong>Plan<\/strong>\uff1aFree<\/li>\n<\/ul>\n<\/li>\n<li data-line=\"36\" class=\"code-line\">\u300cCreate a new project\u300d\u753b\u9762\u3067\u65b0\u3057\u3044\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002\n<ul data-line=\"37\" class=\"code-line\">\n<li data-line=\"37\" class=\"code-line\">\n<strong>Organization<\/strong>\uff1a\u5148\u307b\u3069\u4f5c\u6210\u3057\u305f organization\uff08\u4f8b\uff1a<code>Your name's Org<\/code>\uff09<\/li>\n<li data-line=\"38\" class=\"code-line\">\n<strong>Project name<\/strong>\uff1a\u4efb\u610f\uff08\u4f8b\uff1a<code>todo-api<\/code>\uff09<\/li>\n<li data-line=\"39\" class=\"code-line\">\n<strong>Database password<\/strong>\uff1a\u4efb\u610f\u306e\u30d1\u30b9\u30ef\u30fc\u30c9<\/li>\n<li data-line=\"40\" class=\"code-line\">\n<strong>Region<\/strong>\uff1a\u8fd1\u3044\u5730\u57df\uff08\u4f8b\uff1a<code>Asia-Pacific<\/code>\uff09<\/li>\n<\/ul>\n<\/li>\n<li data-line=\"41\" class=\"code-line\">\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u304c\u4f5c\u6210\u3055\u308c\u307e\u3059\u3002<\/li>\n<\/ol>\n<h4 id=\"todo-%E3%83%86%E3%83%BC%E3%83%96%E3%83%AB%E3%82%92%E4%BD%9C%E6%88%90%E3%81%99%E3%82%8B\" data-line=\"43\" class=\"code-line\">\n Todo \u30c6\u30fc\u30d6\u30eb\u3092\u4f5c\u6210\u3059\u308b<\/h4>\n<p data-line=\"45\" class=\"code-line\">CRUD \u306e\u5bfe\u8c61\u3068\u306a\u308b <code>todos<\/code> \u30c6\u30fc\u30d6\u30eb\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002<br \/>\u5de6\u5074\u30e1\u30cb\u30e5\u30fc\u304b\u3089\u300cSQL Editor\u300d\u3092\u9078\u629e\u3057\u3001\u4ee5\u4e0b\u306e SQL \u6587\u3092\u5b9f\u884c\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n<div class=\"code-block-container\">\n<pre class=\"language-sql\"><code class=\"language-sql code-line\" data-line=\"48\"><span class=\"token keyword\">CREATE<\/span> <span class=\"token keyword\">TABLE<\/span> todos <span class=\"token punctuation\">(<\/span>\n  id <span class=\"token keyword\">SERIAL<\/span> <span class=\"token keyword\">PRIMARY<\/span> <span class=\"token keyword\">KEY<\/span><span class=\"token punctuation\">,<\/span>\n  title <span class=\"token keyword\">TEXT<\/span> <span class=\"token operator\">NOT<\/span> <span class=\"token boolean\">NULL<\/span>\n<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n<\/code><\/pre>\n<\/div>\n<p data-line=\"55\" class=\"code-line\">SQL \u6587\u3092\u5165\u529b\u3057\u305f\u3089\u300cRUN\u300d\u30dc\u30bf\u30f3\u3092\u30af\u30ea\u30c3\u30af\u3057\u3066\u5b9f\u884c\u3057\u307e\u3059\u3002<\/p>\n<p data-line=\"57\" class=\"code-line\">\u5b9f\u884c\u304c\u5b8c\u4e86\u3057\u305f\u3089\u3001\u300cTable Editor\u300d\u30bf\u30d6\u306b\u79fb\u52d5\u3057\u3066 <code>todos<\/code> \u30c6\u30fc\u30d6\u30eb\u304c\u6b63\u3057\u304f\u4f5c\u6210\u3055\u308c\u3066\u3044\u308b\u3053\u3068\u3092\u78ba\u8a8d\u3057\u307e\u3057\u3087\u3046\u3002\u4ee5\u4e0b\u306e\u3088\u3046\u306a\u69cb\u9020\u306b\u306a\u3063\u3066\u3044\u308b\u306f\u305a\u3067\u3059\u3002<\/p>\n<div class=\"s_table\"><table data-line=\"59\" class=\"code-line\">\n<thead data-line=\"59\" class=\"code-line\">\n<tr data-line=\"59\" class=\"code-line\">\n<th>\u30ab\u30e9\u30e0\u540d<\/th>\n<th>\u578b<\/th>\n<th>\u5236\u7d04<\/th>\n<\/tr>\n<\/thead>\n<tbody data-line=\"61\" class=\"code-line\">\n<tr data-line=\"61\" class=\"code-line\">\n<td>id<\/td>\n<td>int4<\/td>\n<td>primary key, auto increment<\/td>\n<\/tr>\n<tr data-line=\"62\" class=\"code-line\">\n<td>title<\/td>\n<td>text<\/td>\n<td>not null<\/td>\n<\/tr>\n<\/tbody>\n<\/table><\/div>\n<p data-line=\"64\" class=\"code-line\">\u3053\u308c\u3067\u3001Todo \u30c7\u30fc\u30bf\u3092\u4fdd\u5b58\u3059\u308b\u305f\u3081\u306e\u30c6\u30fc\u30d6\u30eb\u304c\u5b8c\u6210\u3067\u3059\u3002<\/p>\n<h4 id=\"supabase-%E3%81%AE-api-%E6%83%85%E5%A0%B1%E3%82%92%E7%A2%BA%E8%AA%8D\" data-line=\"66\" class=\"code-line\">\n Supabase \u306e API \u60c5\u5831\u3092\u78ba\u8a8d<\/h4>\n<ol data-line=\"68\" class=\"code-line\">\n<li data-line=\"68\" class=\"code-line\">\u5de6\u5074\u30e1\u30cb\u30e5\u30fc\u304b\u3089 <strong>\u300cProject Settings\u300d<\/strong> \u3092\u958b\u304d\u307e\u3059\u3002<\/li>\n<li data-line=\"69\" class=\"code-line\">\u4ee5\u4e0b\u306e 2 \u3064\u3092\u63a7\u3048\u3066\u304a\u304d\u307e\u3057\u3087\u3046\u3002\n<ul data-line=\"70\" class=\"code-line\">\n<li data-line=\"70\" class=\"code-line\">\n<strong>\u300cData API\u300d \u2192 Project URL<\/strong>\uff08\u4f8b\uff1a<code>https:\/\/xxxx.supabase.co<\/code>\uff09<\/li>\n<li data-line=\"71\" class=\"code-line\"><strong>\u300cAPI Keys\u300d \u2192 anon public key<\/strong><\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<p data-line=\"73\" class=\"code-line\">\u3053\u308c\u3089\u306f\u5f8c\u307b\u3069 Cloudflare Workers \u304b\u3089\u63a5\u7d9a\u3059\u308b\u969b\u306b\u4f7f\u3044\u307e\u3059\u3002<\/p>\n<h3 id=\"node.js-%E3%81%AE%E7%A2%BA%E8%AA%8D\" data-line=\"75\" class=\"code-line\">\n Node.js \u306e\u78ba\u8a8d<\/h3>\n<p data-line=\"77\" class=\"code-line\">\u6700\u5f8c\u306b\u3001\u30ed\u30fc\u30ab\u30eb\u958b\u767a\u74b0\u5883\u3092\u6574\u3048\u307e\u3059\u3002<\/p>\n<h4 id=\"node.js-%E3%81%AE%E3%83%90%E3%83%BC%E3%82%B8%E3%83%A7%E3%83%B3%E7%A2%BA%E8%AA%8D\" data-line=\"79\" class=\"code-line\">\n Node.js \u306e\u30d0\u30fc\u30b8\u30e7\u30f3\u78ba\u8a8d<\/h4>\n<p data-line=\"81\" class=\"code-line\">\u307e\u305a\u3001Node.js \u304c\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3055\u308c\u3066\u3044\u308b\u304b\u78ba\u8a8d\u3057\u307e\u3059\u3002<\/p>\n<p data-line=\"87\" class=\"code-line\">\u307e\u3060\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u3066\u3044\u306a\u3044\u5834\u5408\u306f\u3001<a target=\"_blank\" href=\"https:\/\/nodejs.org\/ja\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Node.js \u516c\u5f0f\u30b5\u30a4\u30c8<\/a>\u304b\u3089\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u307e\u3057\u3087\u3046\u3002<\/p>\n<h2 id=\"%E3%83%97%E3%83%AD%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E4%BD%9C%E6%88%90\" data-line=\"89\" class=\"code-line\">\n \u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u4f5c\u6210<\/h2>\n<p data-line=\"91\" class=\"code-line\">\u305d\u308c\u3067\u306f\u3001Hono + Cloudflare Workers + Supabase \u3092\u4f7f\u3063\u305f API \u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u4f5c\u6210\u3057\u3066\u3044\u304d\u307e\u3059\u3002<\/p>\n<h3 id=\"hono-%E3%83%97%E3%83%AD%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%81%AE%E4%BD%9C%E6%88%90\" data-line=\"93\" class=\"code-line\">\n Hono \u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u4f5c\u6210<\/h3>\n<p data-line=\"95\" class=\"code-line\">\u307e\u305a\u306f\u3001Hono \u306e\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u3092\u4f7f\u3063\u3066\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002<br \/>\u4efb\u610f\u306e\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u306b\u79fb\u52d5\u3057\u3001\u4ee5\u4e0b\u30b3\u30de\u30f3\u30c9\u3092\u5b9f\u884c\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n<div class=\"code-block-container\">\n<pre class=\"language-bash\"><code class=\"language-bash code-line\" data-line=\"98\"><span class=\"token function\">npm<\/span> create hono@latest todo-api\n<\/code><\/pre>\n<\/div>\n<p data-line=\"102\" class=\"code-line\">\u3044\u304f\u3064\u304b\u8cea\u554f\u3055\u308c\u308b\u306e\u3067\u3001\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n<ul data-line=\"104\" class=\"code-line\">\n<li data-line=\"104\" class=\"code-line\">\n<strong>Which template do you want to use?<\/strong> \u2192 <code>cloudflare-workers<\/code>\n<\/li>\n<li data-line=\"105\" class=\"code-line\">\n<strong>Do you want to install dependencies?<\/strong> \u2192 <code>Y<\/code>\n<\/li>\n<li data-line=\"106\" class=\"code-line\">\n<strong>Which package manager do you want to use?<\/strong> \u2192 <code>npm<\/code>\n<\/li>\n<\/ul>\n<p data-line=\"108\" class=\"code-line\">\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u304c\u4f5c\u6210\u3055\u308c\u305f\u3089\u3001\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u306b\u79fb\u52d5\u3057\u307e\u3059\u3002<\/p>\n<h3 id=\"supabase-%E3%82%AF%E3%83%A9%E3%82%A4%E3%82%A2%E3%83%B3%E3%83%88%E3%81%AE%E5%B0%8E%E5%85%A5\" data-line=\"114\" class=\"code-line\">\n Supabase \u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u306e\u5c0e\u5165<\/h3>\n<p data-line=\"116\" class=\"code-line\">Supabase \u306b\u63a5\u7d9a\u3059\u308b\u305f\u3081\u3001Supabase \u306e\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u30e9\u30a4\u30d6\u30e9\u30ea\u3092\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3057\u307e\u3059\u3002<\/p>\n<div class=\"code-block-container\">\n<pre class=\"language-bash\"><code class=\"language-bash code-line\" data-line=\"118\"><span class=\"token function\">npm<\/span> <span class=\"token function\">install<\/span> @supabase\/supabase-js\n<\/code><\/pre>\n<\/div>\n<h3 id=\"wrangler-%E3%81%AE%E3%82%BB%E3%83%83%E3%83%88%E3%82%A2%E3%83%83%E3%83%97\" data-line=\"122\" class=\"code-line\">\n Wrangler \u306e\u30bb\u30c3\u30c8\u30a2\u30c3\u30d7<\/h3>\n<p data-line=\"124\" class=\"code-line\">Cloudflare Workers \u3092\u30c7\u30d7\u30ed\u30a4\u3059\u308b\u305f\u3081\u306e CLI \u30c4\u30fc\u30eb\u300cWrangler\u300d\u3092\u30bb\u30c3\u30c8\u30a2\u30c3\u30d7\u3057\u307e\u3059\u3002<\/p>\n<p data-line=\"130\" class=\"code-line\">\u30d6\u30e9\u30a6\u30b6\u304c\u958b\u304d\u3001Cloudflare \u30a2\u30ab\u30a6\u30f3\u30c8\u3068\u306e\u9023\u643a\u3092\u8a31\u53ef\u3059\u308c\u3070\u5b8c\u4e86\u3067\u3059\u3002<\/p>\n<h2 id=\"%E5%AE%9F%E8%A3%85\" data-line=\"132\" class=\"code-line\">\n \u5b9f\u88c5<\/h2>\n<p data-line=\"134\" class=\"code-line\">\u305d\u308c\u3067\u306f\u3001\u5b9f\u969b\u306b CRUD API \u3092\u5b9f\u88c5\u3057\u3066\u3044\u304d\u307e\u3059\u3002<\/p>\n<h3 id=\"%E3%83%87%E3%82%A3%E3%83%AC%E3%82%AF%E3%83%88%E3%83%AA%E6%A7%8B%E6%88%90\" data-line=\"136\" class=\"code-line\">\n \u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u69cb\u6210<\/h3>\n<p data-line=\"138\" class=\"code-line\">\u307e\u305a\u3001\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u69cb\u6210\u3092\u78ba\u8a8d\u3057\u307e\u3057\u3087\u3046\u3002\u4ee5\u4e0b\u306e\u3088\u3046\u306a\u69cb\u9020\u306b\u306a\u3063\u3066\u3044\u307e\u3059\u3002<\/p>\n<div class=\"code-block-container\">\n<pre><code class=\"code-line\" data-line=\"140\">todo-api\/\n\u251c\u2500\u2500 src\/\n\u2502   \u2514\u2500\u2500 index.ts          # \u30e1\u30a4\u30f3\u306e\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u30d5\u30a1\u30a4\u30eb\n\u251c\u2500\u2500 wrangler.jsonc        # Cloudflare Workers\u8a2d\u5b9a\n\u251c\u2500\u2500 package.json\n\u2514\u2500\u2500 tsconfig.json\n<\/code><\/pre>\n<\/div>\n<h3 id=\"crud-%E3%82%A8%E3%83%B3%E3%83%89%E3%83%9D%E3%82%A4%E3%83%B3%E3%83%88%E3%81%AE%E5%AE%9F%E8%A3%85\" data-line=\"149\" class=\"code-line\">\n CRUD \u30a8\u30f3\u30c9\u30dd\u30a4\u30f3\u30c8\u306e\u5b9f\u88c5<\/h3>\n<p data-line=\"151\" class=\"code-line\"><code>src\/index.ts<\/code> \u30d5\u30a1\u30a4\u30eb\u3092\u7de8\u96c6\u3057\u3066\u3001Todo API \u3092\u5b9f\u88c5\u3057\u3066\u3044\u304d\u307e\u3059\u3002<\/p>\n<div class=\"code-block-container\">\n<pre class=\"language-typescript\"><code class=\"language-typescript code-line\" data-line=\"153\"><span class=\"token keyword\">import<\/span> <span class=\"token punctuation\">{<\/span> Hono <span class=\"token punctuation\">}<\/span> <span class=\"token keyword\">from<\/span> <span class=\"token string\">\"hono\"<\/span><span class=\"token punctuation\">;<\/span>\n<span class=\"token keyword\">import<\/span> <span class=\"token punctuation\">{<\/span> createClient <span class=\"token punctuation\">}<\/span> <span class=\"token keyword\">from<\/span> <span class=\"token string\">\"@supabase\/supabase-js\"<\/span><span class=\"token punctuation\">;<\/span>\n\n<span class=\"token keyword\">type<\/span> <span class=\"token class-name\">Todo<\/span> <span class=\"token operator\">=<\/span> <span class=\"token punctuation\">{<\/span>\n  id<span class=\"token operator\">:<\/span> <span class=\"token builtin\">number<\/span><span class=\"token punctuation\">;<\/span>\n  title<span class=\"token operator\">:<\/span> <span class=\"token builtin\">string<\/span><span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">;<\/span>\n\n<span class=\"token keyword\">const<\/span> app <span class=\"token operator\">=<\/span> <span class=\"token keyword\">new<\/span> <span class=\"token class-name\">Hono<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n\n\n<span class=\"token keyword\">const<\/span> <span class=\"token function-variable function\">createSupabaseClient<\/span> <span class=\"token operator\">=<\/span> <span class=\"token punctuation\">(<\/span>c<span class=\"token operator\">:<\/span> <span class=\"token builtin\">any<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token operator\">=&gt;<\/span> <span class=\"token punctuation\">{<\/span>\n  <span class=\"token keyword\">const<\/span> supabaseUrl <span class=\"token operator\">=<\/span> c<span class=\"token punctuation\">.<\/span>env<span class=\"token punctuation\">.<\/span><span class=\"token constant\">SUPABASE_URL<\/span><span class=\"token punctuation\">;<\/span>\n  <span class=\"token keyword\">const<\/span> supabaseKey <span class=\"token operator\">=<\/span> c<span class=\"token punctuation\">.<\/span>env<span class=\"token punctuation\">.<\/span><span class=\"token constant\">SUPABASE_ANON_KEY<\/span><span class=\"token punctuation\">;<\/span>\n\n  \n  <span class=\"token keyword\">if<\/span> <span class=\"token punctuation\">(<\/span><span class=\"token operator\">!<\/span>supabaseUrl <span class=\"token operator\">||<\/span> <span class=\"token operator\">!<\/span>supabaseKey<span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span>\n    <span class=\"token keyword\">throw<\/span> <span class=\"token keyword\">new<\/span> <span class=\"token class-name\">Error<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">\"Supabase credentials are not configured\"<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n  <span class=\"token punctuation\">}<\/span>\n\n  <span class=\"token keyword\">return<\/span> <span class=\"token function\">createClient<\/span><span class=\"token punctuation\">(<\/span>supabaseUrl<span class=\"token punctuation\">,<\/span> supabaseKey<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">;<\/span>\n\n\napp<span class=\"token punctuation\">.<\/span><span class=\"token function\">get<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">\"https:\/\/zenn.dev\/\"<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token punctuation\">(<\/span>c<span class=\"token punctuation\">)<\/span> <span class=\"token operator\">=&gt;<\/span> <span class=\"token punctuation\">{<\/span>\n  <span class=\"token keyword\">return<\/span> c<span class=\"token punctuation\">.<\/span><span class=\"token function\">json<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">{<\/span>\n    message<span class=\"token operator\">:<\/span> <span class=\"token string\">\"Todo API with Hono + Cloudflare Workers + Supabase\"<\/span><span class=\"token punctuation\">,<\/span>\n  <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n<\/code><\/pre>\n<\/div>\n<h4 id=\"get-%2Ftodos\" data-line=\"185\" class=\"code-line\">\n GET \/todos<\/h4>\n<p data-line=\"187\" class=\"code-line\">\u5168\u3066\u306e Todo \u3092\u53d6\u5f97\u3059\u308b\u30a8\u30f3\u30c9\u30dd\u30a4\u30f3\u30c8\u3092\u5b9f\u88c5\u3057\u307e\u3059\u3002<\/p>\n<div class=\"code-block-container\">\n<pre class=\"language-typescript\"><code class=\"language-typescript code-line\" data-line=\"189\">app<span class=\"token punctuation\">.<\/span><span class=\"token function\">get<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">\"\/todos\"<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token keyword\">async<\/span> <span class=\"token punctuation\">(<\/span>c<span class=\"token punctuation\">)<\/span> <span class=\"token operator\">=&gt;<\/span> <span class=\"token punctuation\">{<\/span>\n  <span class=\"token keyword\">const<\/span> supabase <span class=\"token operator\">=<\/span> <span class=\"token function\">createSupabaseClient<\/span><span class=\"token punctuation\">(<\/span>c<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n\n  <span class=\"token keyword\">const<\/span> <span class=\"token punctuation\">{<\/span> data<span class=\"token punctuation\">,<\/span> error <span class=\"token punctuation\">}<\/span> <span class=\"token operator\">=<\/span> <span class=\"token keyword\">await<\/span> supabase<span class=\"token punctuation\">.<\/span><span class=\"token function\">from<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">\"todos\"<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">.<\/span><span class=\"token function\">select<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">\"*\"<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">.<\/span><span class=\"token function\">order<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">\"id\"<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n\n  <span class=\"token keyword\">if<\/span> <span class=\"token punctuation\">(<\/span>error<span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span>\n    <span class=\"token keyword\">return<\/span> c<span class=\"token punctuation\">.<\/span><span class=\"token function\">json<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">{<\/span> error<span class=\"token operator\">:<\/span> error<span class=\"token punctuation\">.<\/span>message <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token number\">500<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n  <span class=\"token punctuation\">}<\/span>\n\n  <span class=\"token keyword\">return<\/span> c<span class=\"token punctuation\">.<\/span><span class=\"token function\">json<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">{<\/span> todos<span class=\"token operator\">:<\/span> data <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n<\/code><\/pre>\n<\/div>\n<h4 id=\"post-%2Ftodos\" data-line=\"203\" class=\"code-line\">\n POST \/todos<\/h4>\n<p data-line=\"205\" class=\"code-line\">\u65b0\u3057\u3044 Todo \u3092\u4f5c\u6210\u3059\u308b\u30a8\u30f3\u30c9\u30dd\u30a4\u30f3\u30c8\u3067\u3059\u3002<\/p>\n<div class=\"code-block-container\">\n<pre class=\"language-typescript\"><code class=\"language-typescript code-line\" data-line=\"207\">app<span class=\"token punctuation\">.<\/span><span class=\"token function\">post<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">\"\/todos\"<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token keyword\">async<\/span> <span class=\"token punctuation\">(<\/span>c<span class=\"token punctuation\">)<\/span> <span class=\"token operator\">=&gt;<\/span> <span class=\"token punctuation\">{<\/span>\n  <span class=\"token keyword\">const<\/span> supabase <span class=\"token operator\">=<\/span> <span class=\"token function\">createSupabaseClient<\/span><span class=\"token punctuation\">(<\/span>c<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n  \n  <span class=\"token keyword\">const<\/span> body <span class=\"token operator\">=<\/span> <span class=\"token keyword\">await<\/span> c<span class=\"token punctuation\">.<\/span>req<span class=\"token punctuation\">.<\/span><span class=\"token function\">json<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n\n  <span class=\"token keyword\">const<\/span> <span class=\"token punctuation\">{<\/span> data<span class=\"token punctuation\">,<\/span> error <span class=\"token punctuation\">}<\/span> <span class=\"token operator\">=<\/span> <span class=\"token keyword\">await<\/span> supabase\n    <span class=\"token punctuation\">.<\/span><span class=\"token function\">from<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">\"todos\"<\/span><span class=\"token punctuation\">)<\/span>\n    <span class=\"token punctuation\">.<\/span><span class=\"token function\">insert<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">[<\/span><span class=\"token punctuation\">{<\/span> title<span class=\"token operator\">:<\/span> body<span class=\"token punctuation\">.<\/span>title <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">]<\/span><span class=\"token punctuation\">)<\/span>\n    <span class=\"token punctuation\">.<\/span><span class=\"token function\">select<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n\n  <span class=\"token keyword\">if<\/span> <span class=\"token punctuation\">(<\/span>error<span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span>\n    <span class=\"token keyword\">return<\/span> c<span class=\"token punctuation\">.<\/span><span class=\"token function\">json<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">{<\/span> error<span class=\"token operator\">:<\/span> error<span class=\"token punctuation\">.<\/span>message <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token number\">500<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n  <span class=\"token punctuation\">}<\/span>\n\n  <span class=\"token keyword\">return<\/span> c<span class=\"token punctuation\">.<\/span><span class=\"token function\">json<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">{<\/span> todo<span class=\"token operator\">:<\/span> data<span class=\"token punctuation\">[<\/span><span class=\"token number\">0<\/span><span class=\"token punctuation\">]<\/span> <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token number\">201<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n<\/code><\/pre>\n<\/div>\n<h4 id=\"put-%2Ftodos%2F%3Aid\" data-line=\"226\" class=\"code-line\">\n PUT \/todos\/:id<\/h4>\n<p data-line=\"228\" class=\"code-line\">\u65e2\u5b58\u306e Todo \u3092\u66f4\u65b0\u3059\u308b\u30a8\u30f3\u30c9\u30dd\u30a4\u30f3\u30c8\u3067\u3059\u3002<\/p>\n<div class=\"code-block-container\">\n<pre class=\"language-typescript\"><code class=\"language-typescript code-line\" data-line=\"230\">app<span class=\"token punctuation\">.<\/span><span class=\"token function\">put<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">\"\/todos\/:id\"<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token keyword\">async<\/span> <span class=\"token punctuation\">(<\/span>c<span class=\"token punctuation\">)<\/span> <span class=\"token operator\">=&gt;<\/span> <span class=\"token punctuation\">{<\/span>\n  <span class=\"token keyword\">const<\/span> supabase <span class=\"token operator\">=<\/span> <span class=\"token function\">createSupabaseClient<\/span><span class=\"token punctuation\">(<\/span>c<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n  \n  <span class=\"token keyword\">const<\/span> id <span class=\"token operator\">=<\/span> <span class=\"token function\">parseInt<\/span><span class=\"token punctuation\">(<\/span>c<span class=\"token punctuation\">.<\/span>req<span class=\"token punctuation\">.<\/span><span class=\"token function\">param<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">\"id\"<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n  \n  <span class=\"token keyword\">const<\/span> body <span class=\"token operator\">=<\/span> <span class=\"token keyword\">await<\/span> c<span class=\"token punctuation\">.<\/span>req<span class=\"token punctuation\">.<\/span><span class=\"token function\">json<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n\n  <span class=\"token keyword\">const<\/span> <span class=\"token punctuation\">{<\/span> data<span class=\"token punctuation\">,<\/span> error <span class=\"token punctuation\">}<\/span> <span class=\"token operator\">=<\/span> <span class=\"token keyword\">await<\/span> supabase\n    <span class=\"token punctuation\">.<\/span><span class=\"token function\">from<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">\"todos\"<\/span><span class=\"token punctuation\">)<\/span>\n    <span class=\"token punctuation\">.<\/span><span class=\"token function\">update<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">{<\/span> title<span class=\"token operator\">:<\/span> body<span class=\"token punctuation\">.<\/span>title <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">)<\/span>\n    <span class=\"token punctuation\">.<\/span><span class=\"token function\">eq<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">\"id\"<\/span><span class=\"token punctuation\">,<\/span> id<span class=\"token punctuation\">)<\/span>\n    <span class=\"token punctuation\">.<\/span><span class=\"token function\">select<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n\n  <span class=\"token keyword\">if<\/span> <span class=\"token punctuation\">(<\/span>error<span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span>\n    <span class=\"token keyword\">return<\/span> c<span class=\"token punctuation\">.<\/span><span class=\"token function\">json<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">{<\/span> error<span class=\"token operator\">:<\/span> error<span class=\"token punctuation\">.<\/span>message <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token number\">500<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n  <span class=\"token punctuation\">}<\/span>\n\n  <span class=\"token keyword\">if<\/span> <span class=\"token punctuation\">(<\/span>data<span class=\"token punctuation\">.<\/span>length <span class=\"token operator\">===<\/span> <span class=\"token number\">0<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span>\n    <span class=\"token keyword\">return<\/span> c<span class=\"token punctuation\">.<\/span><span class=\"token function\">json<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">{<\/span> error<span class=\"token operator\">:<\/span> <span class=\"token string\">\"Todo not found\"<\/span> <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token number\">404<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n  <span class=\"token punctuation\">}<\/span>\n\n  <span class=\"token keyword\">return<\/span> c<span class=\"token punctuation\">.<\/span><span class=\"token function\">json<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">{<\/span> todo<span class=\"token operator\">:<\/span> data<span class=\"token punctuation\">[<\/span><span class=\"token number\">0<\/span><span class=\"token punctuation\">]<\/span> <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n<\/code><\/pre>\n<\/div>\n<h4 id=\"delete-%2Ftodos%2F%3Aid\" data-line=\"256\" class=\"code-line\">\n DELETE \/todos\/:id<\/h4>\n<p data-line=\"258\" class=\"code-line\">\u6307\u5b9a\u3055\u308c\u305f ID \u306e Todo \u3092\u524a\u9664\u3059\u308b\u30a8\u30f3\u30c9\u30dd\u30a4\u30f3\u30c8\u3067\u3059\u3002<\/p>\n<div class=\"code-block-container\">\n<pre class=\"language-typescript\"><code class=\"language-typescript code-line\" data-line=\"260\">app<span class=\"token punctuation\">.<\/span><span class=\"token function\">delete<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">\"\/todos\/:id\"<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token keyword\">async<\/span> <span class=\"token punctuation\">(<\/span>c<span class=\"token punctuation\">)<\/span> <span class=\"token operator\">=&gt;<\/span> <span class=\"token punctuation\">{<\/span>\n  <span class=\"token keyword\">const<\/span> supabase <span class=\"token operator\">=<\/span> <span class=\"token function\">createSupabaseClient<\/span><span class=\"token punctuation\">(<\/span>c<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n  \n  <span class=\"token keyword\">const<\/span> id <span class=\"token operator\">=<\/span> <span class=\"token function\">parseInt<\/span><span class=\"token punctuation\">(<\/span>c<span class=\"token punctuation\">.<\/span>req<span class=\"token punctuation\">.<\/span><span class=\"token function\">param<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">\"id\"<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n\n  <span class=\"token keyword\">const<\/span> <span class=\"token punctuation\">{<\/span> data<span class=\"token punctuation\">,<\/span> error <span class=\"token punctuation\">}<\/span> <span class=\"token operator\">=<\/span> <span class=\"token keyword\">await<\/span> supabase\n    <span class=\"token punctuation\">.<\/span><span class=\"token function\">from<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">\"todos\"<\/span><span class=\"token punctuation\">)<\/span>\n    <span class=\"token punctuation\">.<\/span><span class=\"token function\">delete<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span>\n    <span class=\"token punctuation\">.<\/span><span class=\"token function\">eq<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">\"id\"<\/span><span class=\"token punctuation\">,<\/span> id<span class=\"token punctuation\">)<\/span>\n    <span class=\"token punctuation\">.<\/span><span class=\"token function\">select<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n\n  <span class=\"token keyword\">if<\/span> <span class=\"token punctuation\">(<\/span>error<span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span>\n    <span class=\"token keyword\">return<\/span> c<span class=\"token punctuation\">.<\/span><span class=\"token function\">json<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">{<\/span> error<span class=\"token operator\">:<\/span> error<span class=\"token punctuation\">.<\/span>message <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token number\">500<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n  <span class=\"token punctuation\">}<\/span>\n\n  <span class=\"token keyword\">if<\/span> <span class=\"token punctuation\">(<\/span>data<span class=\"token punctuation\">.<\/span>length <span class=\"token operator\">===<\/span> <span class=\"token number\">0<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span>\n    <span class=\"token keyword\">return<\/span> c<span class=\"token punctuation\">.<\/span><span class=\"token function\">json<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">{<\/span> error<span class=\"token operator\">:<\/span> <span class=\"token string\">\"Todo not found\"<\/span> <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token number\">404<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n  <span class=\"token punctuation\">}<\/span>\n\n  <span class=\"token keyword\">return<\/span> c<span class=\"token punctuation\">.<\/span><span class=\"token function\">json<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">{<\/span> message<span class=\"token operator\">:<\/span> <span class=\"token string\">\"Todo deleted successfully\"<\/span> <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n\n<span class=\"token keyword\">export<\/span> <span class=\"token keyword\">default<\/span> app<span class=\"token punctuation\">;<\/span>\n<\/code><\/pre>\n<\/div>\n<p data-line=\"286\" class=\"code-line\">\u30ea\u30af\u30a8\u30b9\u30c8\u30d1\u30e9\u30e1\u30fc\u30bf\u306b\u3064\u3044\u3066\u8a73\u3057\u304f\u77e5\u308a\u305f\u3044\u5834\u5408\u306f<a target=\"_blank\" href=\"https:\/\/hono-ja.pages.dev\/docs\/api\/request\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Hono \u306e\u516c\u5f0f\u30b5\u30a4\u30c8<\/a>\u3092\u78ba\u8a8d\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n<h4 id=\"%E5%AE%8C%E5%85%A8%E7%89%88\" data-line=\"288\" class=\"code-line\">\n \u5b8c\u5168\u7248<\/h4>\n<p data-line=\"290\" class=\"code-line\">\u4e0a\u8a18\u306e\u30b3\u30fc\u30c9\u3092\u5168\u3066\u7d44\u307f\u5408\u308f\u305b\u305f\u5b8c\u5168\u306a <code>src\/index.ts<\/code> \u30d5\u30a1\u30a4\u30eb\u306f\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n<details>\n<summary>\u5b8c\u5168\u7248<\/summary>\n<div class=\"details-content\">\n<div class=\"code-block-container\">\n<pre class=\"language-typescript\"><code class=\"language-typescript code-line\" data-line=\"294\"><span class=\"token keyword\">import<\/span> <span class=\"token punctuation\">{<\/span> Hono <span class=\"token punctuation\">}<\/span> <span class=\"token keyword\">from<\/span> <span class=\"token string\">\"hono\"<\/span><span class=\"token punctuation\">;<\/span>\n<span class=\"token keyword\">import<\/span> <span class=\"token punctuation\">{<\/span> createClient <span class=\"token punctuation\">}<\/span> <span class=\"token keyword\">from<\/span> <span class=\"token string\">\"@supabase\/supabase-js\"<\/span><span class=\"token punctuation\">;<\/span>\n\n<span class=\"token keyword\">type<\/span> <span class=\"token class-name\">Todo<\/span> <span class=\"token operator\">=<\/span> <span class=\"token punctuation\">{<\/span>\n  id<span class=\"token operator\">:<\/span> <span class=\"token builtin\">number<\/span><span class=\"token punctuation\">;<\/span>\n  title<span class=\"token operator\">:<\/span> <span class=\"token builtin\">string<\/span><span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">;<\/span>\n\n<span class=\"token keyword\">const<\/span> app <span class=\"token operator\">=<\/span> <span class=\"token keyword\">new<\/span> <span class=\"token class-name\">Hono<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n\n\n<span class=\"token keyword\">const<\/span> <span class=\"token function-variable function\">createSupabaseClient<\/span> <span class=\"token operator\">=<\/span> <span class=\"token punctuation\">(<\/span>c<span class=\"token operator\">:<\/span> <span class=\"token builtin\">any<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token operator\">=&gt;<\/span> <span class=\"token punctuation\">{<\/span>\n  <span class=\"token keyword\">const<\/span> supabaseUrl <span class=\"token operator\">=<\/span> c<span class=\"token punctuation\">.<\/span>env<span class=\"token punctuation\">.<\/span><span class=\"token constant\">SUPABASE_URL<\/span><span class=\"token punctuation\">;<\/span>\n  <span class=\"token keyword\">const<\/span> supabaseKey <span class=\"token operator\">=<\/span> c<span class=\"token punctuation\">.<\/span>env<span class=\"token punctuation\">.<\/span><span class=\"token constant\">SUPABASE_ANON_KEY<\/span><span class=\"token punctuation\">;<\/span>\n\n  \n  <span class=\"token keyword\">if<\/span> <span class=\"token punctuation\">(<\/span><span class=\"token operator\">!<\/span>supabaseUrl <span class=\"token operator\">||<\/span> <span class=\"token operator\">!<\/span>supabaseKey<span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span>\n    <span class=\"token keyword\">throw<\/span> <span class=\"token keyword\">new<\/span> <span class=\"token class-name\">Error<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">\"Supabase credentials are not configured\"<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n  <span class=\"token punctuation\">}<\/span>\n\n  <span class=\"token keyword\">return<\/span> <span class=\"token function\">createClient<\/span><span class=\"token punctuation\">(<\/span>supabaseUrl<span class=\"token punctuation\">,<\/span> supabaseKey<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">;<\/span>\n\n\napp<span class=\"token punctuation\">.<\/span><span class=\"token function\">get<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">\"https:\/\/zenn.dev\/\"<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token punctuation\">(<\/span>c<span class=\"token punctuation\">)<\/span> <span class=\"token operator\">=&gt;<\/span> <span class=\"token punctuation\">{<\/span>\n  <span class=\"token keyword\">return<\/span> c<span class=\"token punctuation\">.<\/span><span class=\"token function\">json<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">{<\/span>\n    message<span class=\"token operator\">:<\/span> <span class=\"token string\">\"Todo API with Hono + Cloudflare Workers + Supabase\"<\/span><span class=\"token punctuation\">,<\/span>\n  <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n\n\napp<span class=\"token punctuation\">.<\/span><span class=\"token function\">get<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">\"\/todos\"<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token keyword\">async<\/span> <span class=\"token punctuation\">(<\/span>c<span class=\"token punctuation\">)<\/span> <span class=\"token operator\">=&gt;<\/span> <span class=\"token punctuation\">{<\/span>\n  <span class=\"token keyword\">const<\/span> supabase <span class=\"token operator\">=<\/span> <span class=\"token function\">createSupabaseClient<\/span><span class=\"token punctuation\">(<\/span>c<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n\n  <span class=\"token keyword\">const<\/span> <span class=\"token punctuation\">{<\/span> data<span class=\"token punctuation\">,<\/span> error <span class=\"token punctuation\">}<\/span> <span class=\"token operator\">=<\/span> <span class=\"token keyword\">await<\/span> supabase<span class=\"token punctuation\">.<\/span><span class=\"token function\">from<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">\"todos\"<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">.<\/span><span class=\"token function\">select<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">\"*\"<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">.<\/span><span class=\"token function\">order<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">\"id\"<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n\n  <span class=\"token keyword\">if<\/span> <span class=\"token punctuation\">(<\/span>error<span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span>\n    <span class=\"token keyword\">return<\/span> c<span class=\"token punctuation\">.<\/span><span class=\"token function\">json<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">{<\/span> error<span class=\"token operator\">:<\/span> error<span class=\"token punctuation\">.<\/span>message <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token number\">500<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n  <span class=\"token punctuation\">}<\/span>\n\n  <span class=\"token keyword\">return<\/span> c<span class=\"token punctuation\">.<\/span><span class=\"token function\">json<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">{<\/span> todos<span class=\"token operator\">:<\/span> data <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n\n\napp<span class=\"token punctuation\">.<\/span><span class=\"token function\">post<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">\"\/todos\"<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token keyword\">async<\/span> <span class=\"token punctuation\">(<\/span>c<span class=\"token punctuation\">)<\/span> <span class=\"token operator\">=&gt;<\/span> <span class=\"token punctuation\">{<\/span>\n  <span class=\"token keyword\">const<\/span> supabase <span class=\"token operator\">=<\/span> <span class=\"token function\">createSupabaseClient<\/span><span class=\"token punctuation\">(<\/span>c<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n  \n  <span class=\"token keyword\">const<\/span> body <span class=\"token operator\">=<\/span> <span class=\"token keyword\">await<\/span> c<span class=\"token punctuation\">.<\/span>req<span class=\"token punctuation\">.<\/span><span class=\"token function\">json<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n\n  <span class=\"token keyword\">const<\/span> <span class=\"token punctuation\">{<\/span> data<span class=\"token punctuation\">,<\/span> error <span class=\"token punctuation\">}<\/span> <span class=\"token operator\">=<\/span> <span class=\"token keyword\">await<\/span> supabase\n    <span class=\"token punctuation\">.<\/span><span class=\"token function\">from<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">\"todos\"<\/span><span class=\"token punctuation\">)<\/span>\n    <span class=\"token punctuation\">.<\/span><span class=\"token function\">insert<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">[<\/span><span class=\"token punctuation\">{<\/span> title<span class=\"token operator\">:<\/span> body<span class=\"token punctuation\">.<\/span>title <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">]<\/span><span class=\"token punctuation\">)<\/span>\n    <span class=\"token punctuation\">.<\/span><span class=\"token function\">select<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n\n  <span class=\"token keyword\">if<\/span> <span class=\"token punctuation\">(<\/span>error<span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span>\n    <span class=\"token keyword\">return<\/span> c<span class=\"token punctuation\">.<\/span><span class=\"token function\">json<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">{<\/span> error<span class=\"token operator\">:<\/span> error<span class=\"token punctuation\">.<\/span>message <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token number\">500<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n  <span class=\"token punctuation\">}<\/span>\n\n  <span class=\"token keyword\">return<\/span> c<span class=\"token punctuation\">.<\/span><span class=\"token function\">json<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">{<\/span> todo<span class=\"token operator\">:<\/span> data<span class=\"token punctuation\">[<\/span><span class=\"token number\">0<\/span><span class=\"token punctuation\">]<\/span> <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token number\">201<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n\n\napp<span class=\"token punctuation\">.<\/span><span class=\"token function\">put<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">\"\/todos\/:id\"<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token keyword\">async<\/span> <span class=\"token punctuation\">(<\/span>c<span class=\"token punctuation\">)<\/span> <span class=\"token operator\">=&gt;<\/span> <span class=\"token punctuation\">{<\/span>\n  <span class=\"token keyword\">const<\/span> supabase <span class=\"token operator\">=<\/span> <span class=\"token function\">createSupabaseClient<\/span><span class=\"token punctuation\">(<\/span>c<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n  \n  <span class=\"token keyword\">const<\/span> id <span class=\"token operator\">=<\/span> <span class=\"token function\">parseInt<\/span><span class=\"token punctuation\">(<\/span>c<span class=\"token punctuation\">.<\/span>req<span class=\"token punctuation\">.<\/span><span class=\"token function\">param<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">\"id\"<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n  \n  <span class=\"token keyword\">const<\/span> body <span class=\"token operator\">=<\/span> <span class=\"token keyword\">await<\/span> c<span class=\"token punctuation\">.<\/span>req<span class=\"token punctuation\">.<\/span><span class=\"token function\">json<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n\n  <span class=\"token keyword\">const<\/span> <span class=\"token punctuation\">{<\/span> data<span class=\"token punctuation\">,<\/span> error <span class=\"token punctuation\">}<\/span> <span class=\"token operator\">=<\/span> <span class=\"token keyword\">await<\/span> supabase\n    <span class=\"token punctuation\">.<\/span><span class=\"token function\">from<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">\"todos\"<\/span><span class=\"token punctuation\">)<\/span>\n    <span class=\"token punctuation\">.<\/span><span class=\"token function\">update<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">{<\/span> title<span class=\"token operator\">:<\/span> body<span class=\"token punctuation\">.<\/span>title <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">)<\/span>\n    <span class=\"token punctuation\">.<\/span><span class=\"token function\">eq<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">\"id\"<\/span><span class=\"token punctuation\">,<\/span> id<span class=\"token punctuation\">)<\/span>\n    <span class=\"token punctuation\">.<\/span><span class=\"token function\">select<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n\n  <span class=\"token keyword\">if<\/span> <span class=\"token punctuation\">(<\/span>error<span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span>\n    <span class=\"token keyword\">return<\/span> c<span class=\"token punctuation\">.<\/span><span class=\"token function\">json<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">{<\/span> error<span class=\"token operator\">:<\/span> error<span class=\"token punctuation\">.<\/span>message <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token number\">500<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n  <span class=\"token punctuation\">}<\/span>\n\n  <span class=\"token keyword\">if<\/span> <span class=\"token punctuation\">(<\/span>data<span class=\"token punctuation\">.<\/span>length <span class=\"token operator\">===<\/span> <span class=\"token number\">0<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span>\n    <span class=\"token keyword\">return<\/span> c<span class=\"token punctuation\">.<\/span><span class=\"token function\">json<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">{<\/span> error<span class=\"token operator\">:<\/span> <span class=\"token string\">\"Todo not found\"<\/span> <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token number\">404<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n  <span class=\"token punctuation\">}<\/span>\n\n  <span class=\"token keyword\">return<\/span> c<span class=\"token punctuation\">.<\/span><span class=\"token function\">json<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">{<\/span> todo<span class=\"token operator\">:<\/span> data<span class=\"token punctuation\">[<\/span><span class=\"token number\">0<\/span><span class=\"token punctuation\">]<\/span> <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n\n\napp<span class=\"token punctuation\">.<\/span><span class=\"token function\">delete<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">\"\/todos\/:id\"<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token keyword\">async<\/span> <span class=\"token punctuation\">(<\/span>c<span class=\"token punctuation\">)<\/span> <span class=\"token operator\">=&gt;<\/span> <span class=\"token punctuation\">{<\/span>\n  <span class=\"token keyword\">const<\/span> supabase <span class=\"token operator\">=<\/span> <span class=\"token function\">createSupabaseClient<\/span><span class=\"token punctuation\">(<\/span>c<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n  \n  <span class=\"token keyword\">const<\/span> id <span class=\"token operator\">=<\/span> <span class=\"token function\">parseInt<\/span><span class=\"token punctuation\">(<\/span>c<span class=\"token punctuation\">.<\/span>req<span class=\"token punctuation\">.<\/span><span class=\"token function\">param<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">\"id\"<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n\n  <span class=\"token keyword\">const<\/span> <span class=\"token punctuation\">{<\/span> data<span class=\"token punctuation\">,<\/span> error <span class=\"token punctuation\">}<\/span> <span class=\"token operator\">=<\/span> <span class=\"token keyword\">await<\/span> supabase\n    <span class=\"token punctuation\">.<\/span><span class=\"token function\">from<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">\"todos\"<\/span><span class=\"token punctuation\">)<\/span>\n    <span class=\"token punctuation\">.<\/span><span class=\"token function\">delete<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span>\n    <span class=\"token punctuation\">.<\/span><span class=\"token function\">eq<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">\"id\"<\/span><span class=\"token punctuation\">,<\/span> id<span class=\"token punctuation\">)<\/span>\n    <span class=\"token punctuation\">.<\/span><span class=\"token function\">select<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n\n  <span class=\"token keyword\">if<\/span> <span class=\"token punctuation\">(<\/span>error<span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span>\n    <span class=\"token keyword\">return<\/span> c<span class=\"token punctuation\">.<\/span><span class=\"token function\">json<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">{<\/span> error<span class=\"token operator\">:<\/span> error<span class=\"token punctuation\">.<\/span>message <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token number\">500<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n  <span class=\"token punctuation\">}<\/span>\n\n  <span class=\"token keyword\">if<\/span> <span class=\"token punctuation\">(<\/span>data<span class=\"token punctuation\">.<\/span>length <span class=\"token operator\">===<\/span> <span class=\"token number\">0<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span>\n    <span class=\"token keyword\">return<\/span> c<span class=\"token punctuation\">.<\/span><span class=\"token function\">json<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">{<\/span> error<span class=\"token operator\">:<\/span> <span class=\"token string\">\"Todo not found\"<\/span> <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token number\">404<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n  <span class=\"token punctuation\">}<\/span>\n\n  <span class=\"token keyword\">return<\/span> c<span class=\"token punctuation\">.<\/span><span class=\"token function\">json<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">{<\/span> message<span class=\"token operator\">:<\/span> <span class=\"token string\">\"Todo deleted successfully\"<\/span> <span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n<span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span>\n\n<span class=\"token keyword\">export<\/span> <span class=\"token keyword\">default<\/span> app<span class=\"token punctuation\">;<\/span>\n<\/code><\/pre>\n<\/div>\n<\/div>\n<\/details>\n<p data-line=\"409\" class=\"code-line\">\u3053\u308c\u3067\u3001\u30b7\u30f3\u30d7\u30eb\u306a CRUD \u6a5f\u80fd\u3092\u6301\u3064 Todo API \u304c\u5b8c\u6210\u3057\u307e\u3057\u305f\u3002<\/p>\n<h2 id=\"%E3%83%87%E3%83%97%E3%83%AD%E3%82%A4\" data-line=\"411\" class=\"code-line\">\n \u30c7\u30d7\u30ed\u30a4<\/h2>\n<p data-line=\"413\" class=\"code-line\">\u305d\u308c\u3067\u306f\u3001\u4f5c\u6210\u3057\u305f Todo API \u3092 Cloudflare Workers \u306b\u30c7\u30d7\u30ed\u30a4\u3057\u3066\u3044\u304d\u307e\u3059\u3002<\/p>\n<h3 id=\"%E7%92%B0%E5%A2%83%E5%A4%89%E6%95%B0%E3%81%AE%E8%A8%AD%E5%AE%9A\" data-line=\"415\" class=\"code-line\">\n \u74b0\u5883\u5909\u6570\u306e\u8a2d\u5b9a<\/h3>\n<p data-line=\"417\" class=\"code-line\">\u30c7\u30d7\u30ed\u30a4\u306e\u524d\u306b\u3001\u672c\u756a\u74b0\u5883\u7528\u306e\u74b0\u5883\u5909\u6570\u3092\u8a2d\u5b9a\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002Supabase \u306e\u63a5\u7d9a\u60c5\u5831\u3092\u5b89\u5168\u306b\u4fdd\u5b58\u3059\u308b\u305f\u3081\u3001Wrangler \u306e secret \u30b3\u30de\u30f3\u30c9\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002<\/p>\n<h4 id=\"supabase-url-%E3%81%AE%E8%A8%AD%E5%AE%9A\" data-line=\"419\" class=\"code-line\">\n Supabase URL \u306e\u8a2d\u5b9a<\/h4>\n<div class=\"code-block-container\">\n<pre class=\"language-bash\"><code class=\"language-bash code-line\" data-line=\"421\">npx wrangler secret put SUPABASE_URL\n<\/code><\/pre>\n<\/div>\n<p data-line=\"425\" class=\"code-line\">\u30b3\u30de\u30f3\u30c9\u3092\u5b9f\u884c\u3059\u308b\u3068\u3001\u5024\u306e\u5165\u529b\u3092\u6c42\u3081\u3089\u308c\u308b\u306e\u3067\u3001Supabase \u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e URL \u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n<div class=\"code-block-container\">\n<pre><code class=\"code-line\" data-line=\"427\">Enter a secret value: https:\/\/your-project-id.supabase.co\n<\/code><\/pre>\n<\/div>\n<p data-line=\"431\" class=\"code-line\">\u3044\u304f\u3064\u304b\u8cea\u554f\u3055\u308c\u308b\u306e\u3067\u3001\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n<ul data-line=\"433\" class=\"code-line\">\n<li data-line=\"433\" class=\"code-line\">\n<strong>There doesn&#8217;t seem to be a Worker called &#8220;todo-api&#8221;. Do you want to create a new Worker with that name and add secrets to it?<\/strong> \u2192 <code>Y<\/code>\n<\/li>\n<\/ul>\n<h4 id=\"supabase-api-key-%E3%81%AE%E8%A8%AD%E5%AE%9A\" data-line=\"435\" class=\"code-line\">\n Supabase API Key \u306e\u8a2d\u5b9a<\/h4>\n<div class=\"code-block-container\">\n<pre class=\"language-bash\"><code class=\"language-bash code-line\" data-line=\"437\">npx wrangler secret put SUPABASE_ANON_KEY\n<\/code><\/pre>\n<\/div>\n<p data-line=\"441\" class=\"code-line\">Supabase \u306e\u533f\u540d\u30ad\u30fc\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n<div class=\"code-block-container\">\n<pre><code class=\"code-line\" data-line=\"443\">Enter a secret value: your-supabase-anon-key\n<\/code><\/pre>\n<\/div>\n<aside class=\"msg message\"><span class=\"msg-symbol\">!<\/span><\/p>\n<div class=\"msg-content\">\n<p data-line=\"447\" class=\"code-line\">\u3053\u308c\u3089\u306e\u5024\u306f\u6697\u53f7\u5316\u3055\u308c\u3066 Cloudflare \u306b\u4fdd\u5b58\u3055\u308c\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u5b9f\u884c\u6642\u306e\u307f\u5229\u7528\u53ef\u80fd\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n<\/div>\n<\/aside>\n<h3 id=\"cloudflare-workers-%E3%81%B8%E3%81%AE%E3%83%87%E3%83%97%E3%83%AD%E3%82%A4\" data-line=\"450\" class=\"code-line\">\n Cloudflare Workers \u3078\u306e\u30c7\u30d7\u30ed\u30a4<\/h3>\n<p data-line=\"452\" class=\"code-line\">\u74b0\u5883\u5909\u6570\u306e\u8a2d\u5b9a\u304c\u5b8c\u4e86\u3057\u305f\u3089\u3001\u3044\u3088\u3044\u3088\u30c7\u30d7\u30ed\u30a4\u3092\u884c\u3044\u307e\u3059\u3002<\/p>\n<h4 id=\"%E3%83%AD%E3%83%BC%E3%82%AB%E3%83%AB%E3%81%A7%E3%81%AE%E3%83%86%E3%82%B9%E3%83%88%E5%AE%9F%E8%A1%8C\" data-line=\"454\" class=\"code-line\">\n \u30ed\u30fc\u30ab\u30eb\u3067\u306e\u30c6\u30b9\u30c8\u5b9f\u884c<\/h4>\n<p data-line=\"456\" class=\"code-line\">\u307e\u305a\u3001\u30ed\u30fc\u30ab\u30eb\u74b0\u5883\u3067\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u304c\u6b63\u5e38\u306b\u52d5\u4f5c\u3059\u308b\u3053\u3068\u3092\u78ba\u8a8d\u3057\u307e\u3057\u3087\u3046\u3002\u74b0\u5883\u5909\u6570\u3092\u76f4\u63a5\u6307\u5b9a\u3057\u3066\u958b\u767a\u30b5\u30fc\u30d0\u30fc\u3092\u8d77\u52d5\u3057\u307e\u3059\u3002<\/p>\n<div class=\"code-block-container\">\n<pre class=\"language-bash\"><code class=\"language-bash code-line\" data-line=\"458\"><span class=\"token assign-left variable\">SUPABASE_URL<\/span><span class=\"token operator\">=<\/span><span class=\"token string\">\"https:\/\/your-project-id.supabase.co\"<\/span> <span class=\"token punctuation\">\\<\/span>\n<span class=\"token assign-left variable\">SUPABASE_ANON_KEY<\/span><span class=\"token operator\">=<\/span><span class=\"token string\">\"your-supabase-anon-key\"<\/span> <span class=\"token punctuation\">\\<\/span>\n<span class=\"token function\">npm<\/span> run dev\n<\/code><\/pre>\n<\/div>\n<aside class=\"msg message\"><span class=\"msg-symbol\">!<\/span><\/p>\n<div class=\"msg-content\">\n<p data-line=\"465\" class=\"code-line\"><code>your-project-id<\/code> \u3068 <code>your-supabase-anon-key<\/code> \u306f\u3001\u5b9f\u969b\u306e Supabase \u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306e\u5024\u306b\u7f6e\u304d\u63db\u3048\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n<\/div>\n<\/aside>\n<p data-line=\"468\" class=\"code-line\">\u3053\u306e\u30b3\u30de\u30f3\u30c9\u3067\u958b\u767a\u30b5\u30fc\u30d0\u30fc\u304c\u8d77\u52d5\u3057\u307e\u3059\u3002\u30d6\u30e9\u30a6\u30b6\u3067 <code>http:\/\/localhost:8787<\/code> \u306b\u30a2\u30af\u30bb\u30b9\u3057\u3001\u4ee5\u4e0b\u306e\u30ec\u30b9\u30dd\u30f3\u30b9\u304c\u8868\u793a\u3055\u308c\u308c\u3070\u6210\u529f\u3067\u3059\u3002<\/p>\n<div class=\"code-block-container\">\n<pre class=\"language-json\"><code class=\"language-json code-line\" data-line=\"470\"><span class=\"token punctuation\">{<\/span>\n  <span class=\"token property\">\"message\"<\/span><span class=\"token operator\">:<\/span> <span class=\"token string\">\"Todo API with Hono + Cloudflare Workers + Supabase\"<\/span>\n<span class=\"token punctuation\">}<\/span>\n<\/code><\/pre>\n<\/div>\n<p data-line=\"476\" class=\"code-line\">\u52d5\u4f5c\u78ba\u8a8d\u304c\u5b8c\u4e86\u3057\u305f\u3089\u3001<code>Ctrl + C<\/code> \u3067\u30b5\u30fc\u30d0\u30fc\u3092\u505c\u6b62\u3057\u307e\u3059\u3002<\/p>\n<h3 id=\"%E3%83%87%E3%83%97%E3%83%AD%E3%82%A4%E3%82%B3%E3%83%9E%E3%83%B3%E3%83%89%E3%81%AE%E5%AE%9F%E8%A1%8C\" data-line=\"478\" class=\"code-line\">\n \u30c7\u30d7\u30ed\u30a4\u30b3\u30de\u30f3\u30c9\u306e\u5b9f\u884c<\/h3>\n<p data-line=\"480\" class=\"code-line\">\u305d\u308c\u3067\u306f\u3001\u5b9f\u969b\u306b Cloudflare Workers \u306b\u30c7\u30d7\u30ed\u30a4\u3057\u307e\u3059\u3002<\/p>\n<p data-line=\"486\" class=\"code-line\">\u307e\u305f\u306f\u3001\u76f4\u63a5 wrangler \u30b3\u30de\u30f3\u30c9\u3092\u4f7f\u7528\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002<\/p>\n<p data-line=\"492\" class=\"code-line\">\u30c7\u30d7\u30ed\u30a4\u304c\u6210\u529f\u3059\u308b\u3068\u3001\u4ee5\u4e0b\u306e\u3088\u3046\u306a\u51fa\u529b\u304c\u8868\u793a\u3055\u308c\u307e\u3059\u3002<\/p>\n<div class=\"code-block-container\">\n<pre><code class=\"code-line\" data-line=\"494\">\u2728 Successfully published your Worker!\n\ud83c\udf0d Available at https:\/\/todo-api.your-subdomain.workers.dev\n<\/code><\/pre>\n<\/div>\n<aside class=\"msg message\"><span class=\"msg-symbol\">!<\/span><\/p>\n<div class=\"msg-content\">\n<p data-line=\"500\" class=\"code-line\">\u30c7\u30d7\u30ed\u30a4\u6642\u306b<code>workers_dev<\/code>\u3084<code>preview_urls<\/code>\u306b\u95a2\u3059\u308b\u8b66\u544a\u304c\u8868\u793a\u3055\u308c\u308b\u5834\u5408\u304c\u3042\u308a\u307e\u3059\u304c\u3001\u3053\u308c\u306f\u554f\u984c\u3042\u308a\u307e\u305b\u3093\u3002\u30c7\u30d5\u30a9\u30eb\u30c8\u8a2d\u5b9a\u3067\u52d5\u4f5c\u3059\u308b\u305f\u3081\u3001\u305d\u306e\u307e\u307e\u9032\u3081\u3066\u5927\u4e08\u592b\u3067\u3059\u3002<\/p>\n<\/div>\n<\/aside>\n<p data-line=\"503\" class=\"code-line\">\u8868\u793a\u3055\u308c\u305f URL \u304c\u3042\u306a\u305f\u306e API \u306e\u30a8\u30f3\u30c9\u30dd\u30a4\u30f3\u30c8\u3067\u3059\u3002<\/p>\n<h4 id=\"%E3%83%87%E3%83%97%E3%83%AD%E3%82%A4%E3%81%AE%E7%A2%BA%E8%AA%8D\" data-line=\"505\" class=\"code-line\">\n \u30c7\u30d7\u30ed\u30a4\u306e\u78ba\u8a8d<\/h4>\n<p data-line=\"507\" class=\"code-line\">\u30c7\u30d7\u30ed\u30a4\u3055\u308c\u305f API \u304c\u6b63\u5e38\u306b\u52d5\u4f5c\u3059\u308b\u304b\u78ba\u8a8d\u3057\u3066\u307f\u307e\u3057\u3087\u3046\u3002\u30d6\u30e9\u30a6\u30b6\u307e\u305f\u306f curl \u30b3\u30de\u30f3\u30c9\u3067\u30a2\u30af\u30bb\u30b9\u3057\u307e\u3059\u3002<\/p>\n<div class=\"code-block-container\">\n<pre class=\"language-bash\"><code class=\"language-bash code-line\" data-line=\"509\"><span class=\"token function\">curl<\/span> https:\/\/todo-api.your-subdomain.workers.dev\n<\/code><\/pre>\n<\/div>\n<p data-line=\"513\" class=\"code-line\">\u4ee5\u4e0b\u306e\u30ec\u30b9\u30dd\u30f3\u30b9\u304c\u8fd4\u3063\u3066\u304f\u308c\u3070\u3001\u30c7\u30d7\u30ed\u30a4\u306f\u6210\u529f\u3067\u3059\u3002<\/p>\n<div class=\"code-block-container\">\n<pre class=\"language-json\"><code class=\"language-json code-line\" data-line=\"515\"><span class=\"token punctuation\">{<\/span>\n  <span class=\"token property\">\"message\"<\/span><span class=\"token operator\">:<\/span> <span class=\"token string\">\"Todo API with Hono + Cloudflare Workers + Supabase\"<\/span>\n<span class=\"token punctuation\">}<\/span>\n<\/code><\/pre>\n<\/div>\n<h4 id=\"%E6%9C%AC%E7%95%AA%E7%92%B0%E5%A2%83%E3%81%A7%E3%81%AE%E6%B3%A8%E6%84%8F%E4%BA%8B%E9%A0%85\" data-line=\"521\" class=\"code-line\">\n \u672c\u756a\u74b0\u5883\u3067\u306e\u6ce8\u610f\u4e8b\u9805<\/h4>\n<ul data-line=\"523\" class=\"code-line\">\n<li data-line=\"523\" class=\"code-line\">\n<strong>\u74b0\u5883\u5909\u6570<\/strong>: \u672c\u756a\u74b0\u5883\u3067\u306f<code>wrangler secret<\/code>\u3067\u8a2d\u5b9a\u3057\u305f\u74b0\u5883\u5909\u6570\u304c\u4f7f\u7528\u3055\u308c\u307e\u3059<\/li>\n<li data-line=\"524\" class=\"code-line\">\n<strong>\u30ed\u30b0<\/strong>: <code>npx wrangler tail<\/code> \u30b3\u30de\u30f3\u30c9\u3067\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u30ed\u30b0\u3092\u78ba\u8a8d\u3067\u304d\u307e\u3059<\/li>\n<\/ul>\n<p data-line=\"531\" class=\"code-line\">\u3053\u308c\u3067\u3001Todo API \u306e\u672c\u756a\u74b0\u5883\u3078\u306e\u30c7\u30d7\u30ed\u30a4\u304c\u5b8c\u4e86\u3057\u307e\u3057\u305f\uff01<\/p>\n<h2 id=\"%E5%8B%95%E4%BD%9C%E7%A2%BA%E8%AA%8D\" data-line=\"533\" class=\"code-line\">\n \u52d5\u4f5c\u78ba\u8a8d<\/h2>\n<p data-line=\"535\" class=\"code-line\">\u30c7\u30d7\u30ed\u30a4\u3057\u305f API \u304c\u6b63\u5e38\u306b\u52d5\u4f5c\u3059\u308b\u304b\u3001\u5b9f\u969b\u306b CRUD \u64cd\u4f5c\u3092\u884c\u3063\u3066\u78ba\u8a8d\u3057\u3066\u307f\u307e\u3057\u3087\u3046\u3002<\/p>\n<h3 id=\"curl-%E3%81%A7%E3%81%AE%E7%A2%BA%E8%AA%8D\" data-line=\"537\" class=\"code-line\">\n curl \u3067\u306e\u78ba\u8a8d<\/h3>\n<p data-line=\"539\" class=\"code-line\"><code>https:\/\/todo-api.your-subdomain.workers.dev<\/code> \u306e\u90e8\u5206\u306f\u3001\u5b9f\u969b\u306e\u30c7\u30d7\u30ed\u30a4\u5148 URL \u306b\u7f6e\u304d\u63db\u3048\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n<h4 id=\"%E6%96%B0%E3%81%97%E3%81%84-todo-%E3%82%92%E4%BD%9C%E6%88%90\" data-line=\"541\" class=\"code-line\">\n \u65b0\u3057\u3044 Todo \u3092\u4f5c\u6210<\/h4>\n<div class=\"code-block-container\">\n<pre class=\"language-bash\"><code class=\"language-bash code-line\" data-line=\"543\"><span class=\"token function\">curl<\/span> <span class=\"token parameter variable\">-X<\/span> POST https:\/\/todo-api.your-subdomain.workers.dev\/todos <span class=\"token punctuation\">\\<\/span>\n  <span class=\"token parameter variable\">-H<\/span> <span class=\"token string\">\"Content-Type: application\/json\"<\/span> <span class=\"token punctuation\">\\<\/span>\n  <span class=\"token parameter variable\">-d<\/span> <span class=\"token string\">'{\"title\": \"\u30c6\u30b9\u30c8\u7528Todo\"}'<\/span>\n<\/code><\/pre>\n<\/div>\n<h4 id=\"%E5%85%A8%E4%BB%B6%E5%8F%96%E5%BE%97\" data-line=\"549\" class=\"code-line\">\n \u5168\u4ef6\u53d6\u5f97<\/h4>\n<div class=\"code-block-container\">\n<pre class=\"language-bash\"><code class=\"language-bash code-line\" data-line=\"551\"><span class=\"token function\">curl<\/span> https:\/\/todo-api.your-subdomain.workers.dev\/todos\n<\/code><\/pre>\n<\/div>\n<h4 id=\"todo-%E3%81%AE%E6%9B%B4%E6%96%B0%EF%BC%88id%3A1-%E3%81%AE%E5%A0%B4%E5%90%88%EF%BC%89\" data-line=\"555\" class=\"code-line\">\n Todo \u306e\u66f4\u65b0\uff08ID:1 \u306e\u5834\u5408\uff09<\/h4>\n<div class=\"code-block-container\">\n<pre class=\"language-bash\"><code class=\"language-bash code-line\" data-line=\"557\"><span class=\"token function\">curl<\/span> <span class=\"token parameter variable\">-X<\/span> PUT https:\/\/todo-api.your-subdomain.workers.dev\/todos\/1 <span class=\"token punctuation\">\\<\/span>\n  <span class=\"token parameter variable\">-H<\/span> <span class=\"token string\">\"Content-Type: application\/json\"<\/span> <span class=\"token punctuation\">\\<\/span>\n  <span class=\"token parameter variable\">-d<\/span> <span class=\"token string\">'{\"title\": \"\u66f4\u65b0\u3055\u308c\u305fTodo\"}'<\/span>\n<\/code><\/pre>\n<\/div>\n<h4 id=\"todo-%E3%81%AE%E5%89%8A%E9%99%A4%EF%BC%88id%3A1-%E3%81%AE%E5%A0%B4%E5%90%88%EF%BC%89\" data-line=\"563\" class=\"code-line\">\n Todo \u306e\u524a\u9664\uff08ID:1 \u306e\u5834\u5408\uff09<\/h4>\n<div class=\"code-block-container\">\n<pre class=\"language-bash\"><code class=\"language-bash code-line\" data-line=\"565\"><span class=\"token function\">curl<\/span> <span class=\"token parameter variable\">-X<\/span> DELETE https:\/\/todo-api.your-subdomain.workers.dev\/todos\/1\n<\/code><\/pre>\n<\/div>\n<h3 id=\"supabase-%E5%81%B4%E3%81%A7%E3%81%AE%E7%A2%BA%E8%AA%8D\" data-line=\"569\" class=\"code-line\">\n Supabase \u5074\u3067\u306e\u78ba\u8a8d<\/h3>\n<ol data-line=\"571\" class=\"code-line\">\n<li data-line=\"571\" class=\"code-line\">\n<a target=\"_blank\" href=\"https:\/\/app.supabase.com\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Supabase \u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9<\/a>\u306b\u30ed\u30b0\u30a4\u30f3<\/li>\n<li data-line=\"572\" class=\"code-line\">\u8a72\u5f53\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u9078\u629e<\/li>\n<li data-line=\"573\" class=\"code-line\">\u5de6\u30e1\u30cb\u30e5\u30fc\u304b\u3089\u300cTable Editor\u300d\u2192\u300ctodos\u300d\u30c6\u30fc\u30d6\u30eb\u3092\u78ba\u8a8d<\/li>\n<\/ol>\n<p data-line=\"575\" class=\"code-line\">API \u7d4c\u7531\u3067\u4f5c\u6210\u30fb\u66f4\u65b0\u3057\u305f\u30c7\u30fc\u30bf\u304c\u6b63\u3057\u304f\u53cd\u6620\u3055\u308c\u3066\u3044\u308b\u3053\u3068\u3092\u78ba\u8a8d\u3067\u304d\u307e\u3059\u3002<\/p>\n<h2 id=\"%E7%84%A1%E6%96%99%E6%9E%A0%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6\" data-line=\"577\" class=\"code-line\">\n \u7121\u6599\u67a0\u306b\u3064\u3044\u3066<\/h2>\n<p data-line=\"579\" class=\"code-line\">\u672c\u8a18\u4e8b\u3067\u4f7f\u7528\u3057\u305f\u6280\u8853\u30b9\u30bf\u30c3\u30af\u306f\u3001\u3059\u3079\u3066\u7121\u6599\u67a0\u5185\u3067\u5229\u7528\u3067\u304d\u307e\u3059\u3002<\/p>\n<ul data-line=\"581\" class=\"code-line\">\n<li data-line=\"581\" class=\"code-line\">\n<strong>Cloudflare Workers<\/strong>: 100,000\u30ea\u30af\u30a8\u30b9\u30c8\/\u65e5\u307e\u3067\u7121\u6599<\/li>\n<li data-line=\"582\" class=\"code-line\">\n<strong>Supabase<\/strong>: \u30c7\u30fc\u30bf\u30d9\u30fc\u30b9500MB\u300150,000\u6708\u9593\u30a2\u30af\u30c6\u30a3\u30d6\u30e6\u30fc\u30b6\u30fc\u307e\u3067\u7121\u6599<\/li>\n<\/ul>\n<p data-line=\"584\" class=\"code-line\">\u500b\u4eba\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3084\u5b66\u7fd2\u76ee\u7684\u3067\u3042\u308c\u3070\u3001\u3053\u306e\u7121\u6599\u67a0\u3067\u5341\u5206\u306b\u904b\u7528\u3067\u304d\u307e\u3059\u3002<\/p>\n<aside class=\"msg message\"><span class=\"msg-symbol\">!<\/span><\/p>\n<div class=\"msg-content\">\n<p data-line=\"587\" class=\"code-line\">\u4e0a\u8a18\u4ee5\u5916\u306b\u3082\u7d30\u304b\u3044\u5236\u9650\u304c\u3042\u308a\u307e\u3059\u3002\u8a73\u7d30\u306f\u5404\u30b5\u30fc\u30d3\u30b9\u306e\u516c\u5f0f\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u3092\u78ba\u8a8d\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n<\/div>\n<\/aside>\n<h2 id=\"%E3%81%BE%E3%81%A8%E3%82%81\" data-line=\"590\" class=\"code-line\">\n \u307e\u3068\u3081<\/h2>\n<p data-line=\"592\" class=\"code-line\">\u672c\u8a18\u4e8b\u3067\u306f\u3001Hono + Cloudflare Workers + Supabase \u3092\u7d44\u307f\u5408\u308f\u305b\u3066\u3001\u30b7\u30f3\u30d7\u30eb\u306a Todo API \u3092\u69cb\u7bc9\u30fb\u30c7\u30d7\u30ed\u30a4\u3057\u307e\u3057\u305f\u3002<\/p>\n<p data-line=\"594\" class=\"code-line\">\u3053\u306e\u69cb\u6210\u3067\u306f\u3001\u3059\u3079\u3066\u7121\u6599\u67a0\u5185\u3067\u958b\u767a\u3067\u304d\u3001\u30b5\u30fc\u30d0\u30fc\u30ec\u30b9\u306a\u306e\u3067\u904b\u7528\u3082\u7c21\u5358\u3067\u3059\u3002\u4eca\u56de\u306e\u30b3\u30fc\u30c9\u3092\u57fa\u306b\u3001\u8a8d\u8a3c\u6a5f\u80fd\u3084\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\u6a5f\u80fd\u3092\u8ffd\u52a0\u3057\u3066\u3088\u308a\u5b9f\u7528\u7684\u306a API \u306b\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3057\u3066\u3044\u304f\u3053\u3068\u304c\u53ef\u80fd\u3067\u3059\uff01<\/p>\n<p data-line=\"596\" class=\"code-line\">\u5b9f\u969b\u306b\u3053\u306e\u69cb\u6210\u3067\u958b\u767a\u3057\u3066\u307f\u3066\u3001\u601d\u3063\u305f\u4ee5\u4e0a\u306b\u30b9\u30e0\u30fc\u30ba\u306b API \u304c\u4f5c\u308c\u308b\u3053\u3068\u306b\u9a5a\u304d\u307e\u3057\u305f\u3002\u7279\u306b\u3001Cloudflare Workers \u306e\u30c7\u30d7\u30ed\u30a4\u304c\u7206\u901f\u3067\u3001\u30b3\u30fc\u30c9\u3092\u66f8\u3044\u305f\u3089\u3059\u3050\u306b\u672c\u756a\u74b0\u5883\u3067\u8a66\u305b\u308b\u306e\u304c\u6700\u9ad8\u3067\u3057\u305f\u3002<\/p>\n<p data-line=\"598\" class=\"code-line\">Supabase \u3082\u3001SQL \u3067\u7c21\u5358\u306b\u30c6\u30fc\u30d6\u30eb\u304c\u4f5c\u308c\u3066\u3001\u3059\u3050\u306b\u4f7f\u3044\u59cb\u3081\u3089\u308c\u308b\u306e\u304c\u4fbf\u5229\u3067\u3057\u305f\u306d\u3002\u7121\u6599\u67a0\u3067\u3053\u3053\u307e\u3067\u3067\u304d\u308b\u306e\u306f\u3042\u308a\u304c\u305f\u3044\u3067\u3059\u3002<\/p>\n<p data-line=\"600\" class=\"code-line\">\u6700\u521d\u306f3\u3064\u306e\u6280\u8853\u3092\u7d44\u307f\u5408\u308f\u305b\u308b\u306e\u304c\u96e3\u3057\u305d\u3046\u306b\u601d\u3048\u307e\u3057\u305f\u304c\u3001\u5b9f\u969b\u306b\u3084\u3063\u3066\u307f\u308b\u3068\u610f\u5916\u3068\u30b7\u30f3\u30d7\u30eb\u3067\u3001\u305d\u308c\u305e\u308c\u306e\u6280\u8853\u304c\u4e0a\u624b\u304f\u9023\u643a\u3057\u3066\u304f\u308c\u307e\u3057\u305f\u3002\u3053\u306e\u8a18\u4e8b\u304c\u540c\u3058\u3088\u3046\u306b\u56f0\u3063\u3066\u3044\u308b\u65b9\u306e\u52a9\u3051\u306b\u306a\u308c\u3070\u5b09\u3057\u3044\u3067\u3059!<\/p>\n<\/div>\n\n<br \/><a href=\"https:\/\/zenn.dev\/gemcook\/articles\/48c368723e21e6\">\u5143\u306e\u8a18\u4e8b\u3092\u78ba\u8a8d\u3059\u308b <\/a><\/p>\n","protected":false},"excerpt":{"rendered":"\u306f\u3058\u3081\u306b \u672c\u8a18\u4e8b\u3067\u306f\u3001Hono + Cloudflare Workers + Supabase \u3092\u7d44\u307f\u5408\u308f\u305b\u3066\u3001\u30b7\u30f3\u30d7\u30eb\u306a CRUD API \u3092\u69cb\u7bc9\u3059\u308b\u65b9\u6cd5\u3092\u7d39\u4ecb\u3057\u307e\u3059\uff01 Hono \u3068 Cloudflare Worker [&hellip;]","protected":false},"author":1,"featured_media":25119,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[4],"tags":[],"class_list":["post-25118","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-company-tec"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>\u3010Hono + Cloudflare Workers + Supabase\u3011\u3067API\u3092\u4f5c\u3063\u3066CRUD\u3059\u308b - \u30dd\u30b1\u30b3\u30f3<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/zenn.dev\/gemcook\/articles\/48c368723e21e6\" \/>\n<meta property=\"og:locale\" content=\"ja_JP\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u3010Hono + Cloudflare Workers + Supabase\u3011\u3067API\u3092\u4f5c\u3063\u3066CRUD\u3059\u308b - \u30dd\u30b1\u30b3\u30f3\" \/>\n<meta property=\"og:description\" content=\"\u306f\u3058\u3081\u306b \u672c\u8a18\u4e8b\u3067\u306f\u3001Hono + Cloudflare Workers + Supabase \u3092\u7d44\u307f\u5408\u308f\u305b\u3066\u3001\u30b7\u30f3\u30d7\u30eb\u306a CRUD API \u3092\u69cb\u7bc9\u3059\u308b\u65b9\u6cd5\u3092\u7d39\u4ecb\u3057\u307e\u3059\uff01 Hono \u3068 Cloudflare Worker [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/zenn.dev\/gemcook\/articles\/48c368723e21e6\" \/>\n<meta property=\"og:site_name\" content=\"\u30dd\u30b1\u30b3\u30f3\" \/>\n<meta property=\"article:published_time\" content=\"2025-11-25T06:53:19+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/pokecon.jp\/job\/wp-content\/uploads\/2025\/11\/1764053598_og-base-w1200-v2.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"info@pokecon.jp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u57f7\u7b46\u8005\" \/>\n\t<meta name=\"twitter:data1\" content=\"info@pokecon.jp\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u63a8\u5b9a\u8aad\u307f\u53d6\u308a\u6642\u9593\" \/>\n\t<meta name=\"twitter:data2\" content=\"5\u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/zenn.dev\\\/gemcook\\\/articles\\\/48c368723e21e6#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/pokecon.jp\\\/job\\\/25118\\\/\"},\"author\":{\"name\":\"info@pokecon.jp\",\"@id\":\"https:\\\/\\\/pokecon.jp\\\/job\\\/#\\\/schema\\\/person\\\/16c9f07b1ba984d165d9aee259bda997\"},\"headline\":\"\u3010Hono + Cloudflare Workers + Supabase\u3011\u3067API\u3092\u4f5c\u3063\u3066CRUD\u3059\u308b\",\"datePublished\":\"2025-11-25T06:53:19+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/pokecon.jp\\\/job\\\/25118\\\/\"},\"wordCount\":254,\"image\":{\"@id\":\"https:\\\/\\\/zenn.dev\\\/gemcook\\\/articles\\\/48c368723e21e6#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/pokecon.jp\\\/job\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/1764053598_og-base-w1200-v2.png\",\"articleSection\":[\"\u4f01\u696d\u30c6\u30c3\u30af\"],\"inLanguage\":\"ja\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/pokecon.jp\\\/job\\\/25118\\\/\",\"url\":\"https:\\\/\\\/zenn.dev\\\/gemcook\\\/articles\\\/48c368723e21e6\",\"name\":\"\u3010Hono + Cloudflare Workers + Supabase\u3011\u3067API\u3092\u4f5c\u3063\u3066CRUD\u3059\u308b - \u30dd\u30b1\u30b3\u30f3\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/pokecon.jp\\\/job\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/zenn.dev\\\/gemcook\\\/articles\\\/48c368723e21e6#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/zenn.dev\\\/gemcook\\\/articles\\\/48c368723e21e6#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/pokecon.jp\\\/job\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/1764053598_og-base-w1200-v2.png\",\"datePublished\":\"2025-11-25T06:53:19+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/pokecon.jp\\\/job\\\/#\\\/schema\\\/person\\\/16c9f07b1ba984d165d9aee259bda997\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/zenn.dev\\\/gemcook\\\/articles\\\/48c368723e21e6#breadcrumb\"},\"inLanguage\":\"ja\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/zenn.dev\\\/gemcook\\\/articles\\\/48c368723e21e6\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ja\",\"@id\":\"https:\\\/\\\/zenn.dev\\\/gemcook\\\/articles\\\/48c368723e21e6#primaryimage\",\"url\":\"https:\\\/\\\/pokecon.jp\\\/job\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/1764053598_og-base-w1200-v2.png\",\"contentUrl\":\"https:\\\/\\\/pokecon.jp\\\/job\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/1764053598_og-base-w1200-v2.png\",\"width\":1200,\"height\":630},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/zenn.dev\\\/gemcook\\\/articles\\\/48c368723e21e6#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u30db\u30fc\u30e0\",\"item\":\"https:\\\/\\\/pokecon.jp\\\/job\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u3010Hono + Cloudflare Workers + Supabase\u3011\u3067API\u3092\u4f5c\u3063\u3066CRUD\u3059\u308b\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/pokecon.jp\\\/job\\\/#website\",\"url\":\"https:\\\/\\\/pokecon.jp\\\/job\\\/\",\"name\":\"\u30dd\u30b1\u30b3\u30f3\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/pokecon.jp\\\/job\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ja\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/pokecon.jp\\\/job\\\/#\\\/schema\\\/person\\\/16c9f07b1ba984d165d9aee259bda997\",\"name\":\"info@pokecon.jp\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ja\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/2b0549cd9f7907c092ca5fbb283baf72337f235726e4b46fa39ec0b701ac2fe2?s=96&d=wavatar&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/2b0549cd9f7907c092ca5fbb283baf72337f235726e4b46fa39ec0b701ac2fe2?s=96&d=wavatar&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/2b0549cd9f7907c092ca5fbb283baf72337f235726e4b46fa39ec0b701ac2fe2?s=96&d=wavatar&r=g\",\"caption\":\"info@pokecon.jp\"},\"url\":\"https:\\\/\\\/pokecon.jp\\\/job\\\/author\\\/infopokecon-jp\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u3010Hono + Cloudflare Workers + Supabase\u3011\u3067API\u3092\u4f5c\u3063\u3066CRUD\u3059\u308b - \u30dd\u30b1\u30b3\u30f3","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/zenn.dev\/gemcook\/articles\/48c368723e21e6","og_locale":"ja_JP","og_type":"article","og_title":"\u3010Hono + Cloudflare Workers + Supabase\u3011\u3067API\u3092\u4f5c\u3063\u3066CRUD\u3059\u308b - \u30dd\u30b1\u30b3\u30f3","og_description":"\u306f\u3058\u3081\u306b \u672c\u8a18\u4e8b\u3067\u306f\u3001Hono + Cloudflare Workers + Supabase \u3092\u7d44\u307f\u5408\u308f\u305b\u3066\u3001\u30b7\u30f3\u30d7\u30eb\u306a CRUD API \u3092\u69cb\u7bc9\u3059\u308b\u65b9\u6cd5\u3092\u7d39\u4ecb\u3057\u307e\u3059\uff01 Hono \u3068 Cloudflare Worker [&hellip;]","og_url":"https:\/\/zenn.dev\/gemcook\/articles\/48c368723e21e6","og_site_name":"\u30dd\u30b1\u30b3\u30f3","article_published_time":"2025-11-25T06:53:19+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/pokecon.jp\/job\/wp-content\/uploads\/2025\/11\/1764053598_og-base-w1200-v2.png","type":"image\/png"}],"author":"info@pokecon.jp","twitter_card":"summary_large_image","twitter_misc":{"\u57f7\u7b46\u8005":"info@pokecon.jp","\u63a8\u5b9a\u8aad\u307f\u53d6\u308a\u6642\u9593":"5\u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/zenn.dev\/gemcook\/articles\/48c368723e21e6#article","isPartOf":{"@id":"https:\/\/pokecon.jp\/job\/25118\/"},"author":{"name":"info@pokecon.jp","@id":"https:\/\/pokecon.jp\/job\/#\/schema\/person\/16c9f07b1ba984d165d9aee259bda997"},"headline":"\u3010Hono + Cloudflare Workers + Supabase\u3011\u3067API\u3092\u4f5c\u3063\u3066CRUD\u3059\u308b","datePublished":"2025-11-25T06:53:19+00:00","mainEntityOfPage":{"@id":"https:\/\/pokecon.jp\/job\/25118\/"},"wordCount":254,"image":{"@id":"https:\/\/zenn.dev\/gemcook\/articles\/48c368723e21e6#primaryimage"},"thumbnailUrl":"https:\/\/pokecon.jp\/job\/wp-content\/uploads\/2025\/11\/1764053598_og-base-w1200-v2.png","articleSection":["\u4f01\u696d\u30c6\u30c3\u30af"],"inLanguage":"ja"},{"@type":"WebPage","@id":"https:\/\/pokecon.jp\/job\/25118\/","url":"https:\/\/zenn.dev\/gemcook\/articles\/48c368723e21e6","name":"\u3010Hono + Cloudflare Workers + Supabase\u3011\u3067API\u3092\u4f5c\u3063\u3066CRUD\u3059\u308b - \u30dd\u30b1\u30b3\u30f3","isPartOf":{"@id":"https:\/\/pokecon.jp\/job\/#website"},"primaryImageOfPage":{"@id":"https:\/\/zenn.dev\/gemcook\/articles\/48c368723e21e6#primaryimage"},"image":{"@id":"https:\/\/zenn.dev\/gemcook\/articles\/48c368723e21e6#primaryimage"},"thumbnailUrl":"https:\/\/pokecon.jp\/job\/wp-content\/uploads\/2025\/11\/1764053598_og-base-w1200-v2.png","datePublished":"2025-11-25T06:53:19+00:00","author":{"@id":"https:\/\/pokecon.jp\/job\/#\/schema\/person\/16c9f07b1ba984d165d9aee259bda997"},"breadcrumb":{"@id":"https:\/\/zenn.dev\/gemcook\/articles\/48c368723e21e6#breadcrumb"},"inLanguage":"ja","potentialAction":[{"@type":"ReadAction","target":["https:\/\/zenn.dev\/gemcook\/articles\/48c368723e21e6"]}]},{"@type":"ImageObject","inLanguage":"ja","@id":"https:\/\/zenn.dev\/gemcook\/articles\/48c368723e21e6#primaryimage","url":"https:\/\/pokecon.jp\/job\/wp-content\/uploads\/2025\/11\/1764053598_og-base-w1200-v2.png","contentUrl":"https:\/\/pokecon.jp\/job\/wp-content\/uploads\/2025\/11\/1764053598_og-base-w1200-v2.png","width":1200,"height":630},{"@type":"BreadcrumbList","@id":"https:\/\/zenn.dev\/gemcook\/articles\/48c368723e21e6#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u30db\u30fc\u30e0","item":"https:\/\/pokecon.jp\/job\/"},{"@type":"ListItem","position":2,"name":"\u3010Hono + Cloudflare Workers + Supabase\u3011\u3067API\u3092\u4f5c\u3063\u3066CRUD\u3059\u308b"}]},{"@type":"WebSite","@id":"https:\/\/pokecon.jp\/job\/#website","url":"https:\/\/pokecon.jp\/job\/","name":"\u30dd\u30b1\u30b3\u30f3","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/pokecon.jp\/job\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ja"},{"@type":"Person","@id":"https:\/\/pokecon.jp\/job\/#\/schema\/person\/16c9f07b1ba984d165d9aee259bda997","name":"info@pokecon.jp","image":{"@type":"ImageObject","inLanguage":"ja","@id":"https:\/\/secure.gravatar.com\/avatar\/2b0549cd9f7907c092ca5fbb283baf72337f235726e4b46fa39ec0b701ac2fe2?s=96&d=wavatar&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/2b0549cd9f7907c092ca5fbb283baf72337f235726e4b46fa39ec0b701ac2fe2?s=96&d=wavatar&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2b0549cd9f7907c092ca5fbb283baf72337f235726e4b46fa39ec0b701ac2fe2?s=96&d=wavatar&r=g","caption":"info@pokecon.jp"},"url":"https:\/\/pokecon.jp\/job\/author\/infopokecon-jp\/"}]}},"_links":{"self":[{"href":"https:\/\/pokecon.jp\/job\/wp-json\/wp\/v2\/posts\/25118","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pokecon.jp\/job\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pokecon.jp\/job\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pokecon.jp\/job\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pokecon.jp\/job\/wp-json\/wp\/v2\/comments?post=25118"}],"version-history":[{"count":1,"href":"https:\/\/pokecon.jp\/job\/wp-json\/wp\/v2\/posts\/25118\/revisions"}],"predecessor-version":[{"id":25120,"href":"https:\/\/pokecon.jp\/job\/wp-json\/wp\/v2\/posts\/25118\/revisions\/25120"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/pokecon.jp\/job\/wp-json\/wp\/v2\/media\/25119"}],"wp:attachment":[{"href":"https:\/\/pokecon.jp\/job\/wp-json\/wp\/v2\/media?parent=25118"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pokecon.jp\/job\/wp-json\/wp\/v2\/categories?post=25118"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pokecon.jp\/job\/wp-json\/wp\/v2\/tags?post=25118"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}