voluntas

<h2 id="%E5%88%87%E3%82%8A%E6%9B%BF%E3%81%88%E3%82%92%E8%BE%9E%E3%82%81%E3%81%9F" data-line="0" class="code-line">
<a class="header-anchor-link" href="#%E5%88%87%E3%82%8A%E6%9B%BF%E3%81%88%E3%82%92%E8%BE%9E%E3%82%81%E3%81%9F" aria-hidden="true"></a> 切り替えを辞めた</h2>
<ul data-line="2" class="code-line">
<li data-line="2" class="code-line">Cloudflare から別サービスへの移行をしており Cloudflare Workers を利用しないことに決めた</li>
<li data-line="3" class="code-line">HTTP リクエスト経由での DuckDB 処理をしたいので Node.js だと厳しい</li>
<li data-line="4" class="code-line">sqlc-gen-typescript のメンテナンスが怪しい</li>
</ul>
<p data-line="6" class="code-line">今のまま Go を継続することにした。</p>


<h2 id="%E5%88%87%E3%82%8A%E6%9B%BF%E3%81%88%E3%82%8B%E7%90%86%E7%94%B1" data-line="0" class="code-line">
<a class="header-anchor-link" href="#%E5%88%87%E3%82%8A%E6%9B%BF%E3%81%88%E3%82%8B%E7%90%86%E7%94%B1" aria-hidden="true"></a> 切り替える理由</h2>
<ul data-line="2" class="code-line">
<li data-line="2" class="code-line">自社の主力製品で利用している技術(WebRTC / WebTransport)がブラウザベースのため TypeScript を利用する</li>
<li data-line="3" class="code-line">Go を採用したのは <a href="https://sqlc.dev/" target="_blank" rel="nofollow noopener noreferrer">sqlc</a> が使いたかったという理由
<ul data-line="4" class="code-line">
<li data-line="4" class="code-line">
<a href="https://github.com/sqlc-dev/sqlc-gen-typescript" target="_blank" rel="nofollow noopener noreferrer">sqlc-gen-typescript</a> が出てきたのでもう Go を使う理由がなくなった</li>
</ul>
</li>
<li data-line="5" class="code-line">自社サービスチーム全員が Go にまったく興味が無い
<ul data-line="6" class="code-line">
<li data-line="6" class="code-line">sqlc 自体は便利</li>
<li data-line="7" class="code-line">そもそも自社に Go への興味がある人がいない</li>
</ul>
</li>
<li data-line="8" class="code-line">自社サービスの規模ではボトルネックになるのはデータベースであって言語ではない
<ul data-line="9" class="code-line">
<li data-line="9" class="code-line">もしアプリでスケールが必要なときは Rust や Erlang/OTP に切り替えれば良い</li>
</ul>
</li>
<li data-line="10" class="code-line">コネクションプールは <a href="https://www.pgbouncer.org/" target="_blank" rel="nofollow noopener noreferrer">PgBouncer</a> を利用すればいい
<ul data-line="11" class="code-line">
<li data-line="11" class="code-line">TypeScript からは 1 コネクション 1 接続で問題無い</li>
</ul>
</li>
<li data-line="12" class="code-line">どうせフロントエンドでは TypeScript を書く
<ul data-line="13" class="code-line">
<li data-line="13" class="code-line">自社では React 一択</li>
</ul>
</li>
<li data-line="14" class="code-line">当たり前だが VS Code の TypeScript サポートは素晴らしい</li>
<li data-line="15" class="code-line">ChatGPT や GitHub Copilot は TypeScript に詳しい</li>
<li data-line="16" class="code-line">すでに <a href="https://samnewman.io/patterns/architectural/bff/" target="_blank" rel="nofollow noopener noreferrer">BFF</a> を Cloudflare Workers + Remix で 2 年運用してきてあまり困っていない
<ul data-line="17" class="code-line">
<li data-line="17" class="code-line">SQL などを引く Go で API を書いている部分を Remix 側に吸収する
<ul data-line="18" class="code-line">
<li data-line="18" class="code-line"><a href="https://zenn.dev/link/comments/3ea3363326fc94" target="_blank">現在 Go で利用してるライブラリ</a></li>
</ul>
</li>
<li data-line="19" class="code-line">Remix から PostgresSQL や Meilisearch 、ClickHouse を利用する</li>
</ul>
</li>
<li data-line="20" class="code-line">
<a href="https://remix.run/" target="_blank" rel="nofollow noopener noreferrer">Remix</a> は良い</li>
<li data-line="21" class="code-line">
<a href="https://biomejs.dev/" target="_blank" rel="nofollow noopener noreferrer">Biome, toolchain of the web</a> は良い</li>
<li data-line="22" class="code-line">
<a href="https://fast-check.dev/" target="_blank" rel="nofollow noopener noreferrer">fast-check</a> は良い</li>
</ul>
<h2 id="%E6%87%B8%E5%BF%B5" data-line="24" class="code-line">
<a class="header-anchor-link" href="#%E6%87%B8%E5%BF%B5" aria-hidden="true"></a> 懸念</h2>
<ul data-line="26" class="code-line">
<li data-line="26" class="code-line">依存がめちゃくちゃ多くなる
<ul data-line="27" class="code-line">
<li data-line="27" class="code-line">ライブラリ依存が多いの本当に好きじゃない</li>
</ul>
</li>
<li data-line="28" class="code-line">依存によるセキュリティリスク
<ul data-line="29" class="code-line">
<li data-line="29" class="code-line">正直回避できる気がしない</li>
<li data-line="30" class="code-line">Dependabot さん頼り</li>
</ul>
</li>
<li data-line="31" class="code-line">例外をできるだけ避けたい
<ul data-line="32" class="code-line">
<li data-line="32" class="code-line">例外難しすぎる</li>
<li data-line="33" class="code-line">Result 型を導入する
<ul data-line="34" class="code-line">
<li data-line="34" class="code-line"><a href="https://github.com/supermacro/neverthrow" target="_blank" rel="nofollow noopener noreferrer">https://github.com/supermacro/neverthrow</a></li>
<li data-line="35" class="code-line"><a href="https://zenn.dev/euxn23/articles/505fd9297eb2dc" target="_blank">neverthrow で局所的に Result 型を使い、 try-catch より安全に記述する</a></li>
</ul>
</li>
</ul>
</li>
</ul>
<h2 id="sqlc-%E3%82%92%E6%8E%A1%E7%94%A8%E3%81%97%E3%81%9F%E6%84%9F%E6%83%B3" data-line="37" class="code-line">
<a class="header-anchor-link" href="#sqlc-%E3%82%92%E6%8E%A1%E7%94%A8%E3%81%97%E3%81%9F%E6%84%9F%E6%83%B3" aria-hidden="true"></a> sqlc を採用した感想</h2>
<ul data-line="39" class="code-line">
<li data-line="39" class="code-line">ORM を覚えたくない、SQL を覚えたいというモチベーションだったが、結果最高だった</li>
<li data-line="40" class="code-line">PostgreSQL で利用する前提だった事もあり、困ることがかなり少なかった</li>
<li data-line="41" class="code-line">一番めんどくさかったのは pgx/v4 から pgx/v5 移行</li>
<li data-line="42" class="code-line">自分のような SQL 初心者にとって SQL をコンパイルしてチェックできる仕組みは素晴らしい</li>
<li data-line="43" class="code-line">共通語としての SQL は本当に最高</li>
<li data-line="44" class="code-line">sqlc 以外を今後利用するつもりは無いくらいに最高だった</li>
</ul>


<h2 id="%E6%8A%80%E8%A1%93%E9%81%B8%E5%AE%9A" data-line="0" class="code-line">
<a class="header-anchor-link" href="#%E6%8A%80%E8%A1%93%E9%81%B8%E5%AE%9A" aria-hidden="true"></a> 技術選定</h2>
<h3 id="%E3%83%A9%E3%83%B3%E3%82%BF%E3%82%A4%E3%83%A0" data-line="2" class="code-line">
<a class="header-anchor-link" href="#%E3%83%A9%E3%83%B3%E3%82%BF%E3%82%A4%E3%83%A0" aria-hidden="true"></a> ランタイム</h3>
<ul data-line="4" class="code-line">
<li data-line="4" class="code-line">Node.js
<ul data-line="5" class="code-line">
<li data-line="5" class="code-line"><strong>採用</strong></li>
<li data-line="6" class="code-line">NGINX Unit + Node.js という構成を検討すうｒ</li>
</ul>
</li>
<li data-line="7" class="code-line">Cloudflare Workers
<ul data-line="8" class="code-line">
<li data-line="8" class="code-line"><strong>不採用</strong></li>
<li data-line="9" class="code-line">製品はとてもよいがサービスとして厳しい</li>
</ul>
</li>
<li data-line="10" class="code-line">Deno
<ul data-line="11" class="code-line">
<li data-line="11" class="code-line"><strong>期待</strong></li>
<li data-line="12" class="code-line">Deno Deploy が良さそうに見える</li>
<li data-line="13" class="code-line">ログ周りがどうなのかが気になる</li>
<li data-line="14" class="code-line">価格面で Cloudflare Workers にまけてる</li>
<li data-line="15" class="code-line">Deno KV では sqlc が使えない</li>
</ul>
</li>
<li data-line="16" class="code-line">Bun
<ul data-line="17" class="code-line">
<li data-line="17" class="code-line"><strong>不採用</strong></li>
<li data-line="18" class="code-line">未知数</li>
<li data-line="19" class="code-line">破壊的変更が多そう</li>
</ul>
</li>
</ul>
<h2 id="remix" data-line="21" class="code-line">
<a class="header-anchor-link" href="#remix" aria-hidden="true"></a> Remix</h2>
<ul data-line="23" class="code-line">
<li data-line="23" class="code-line"><a href="https://github.com/remix-run/remix" target="_blank" rel="nofollow noopener noreferrer">remix-run/remix: Build Better Websites. Create modern, resilient user experiences with web fundamentals.</a></li>
<li data-line="24" class="code-line"><a href="https://github.com/sergiodxa/remix-auth" target="_blank" rel="nofollow noopener noreferrer">sergiodxa/remix-auth: Simple Authentication for Remix</a></li>
<li data-line="25" class="code-line"><a href="https://github.com/airjp73/remix-validated-form" target="_blank" rel="nofollow noopener noreferrer">airjp73/remix-validated-form: Form component and utils for easy form validation in remix</a></li>
<li data-line="26" class="code-line"><a href="https://github.com/colinhacks/zod" target="_blank" rel="nofollow noopener noreferrer">colinhacks/zod: TypeScript-first schema validation with static type inference</a></li>
</ul>
<h2 id="postgresql" data-line="28" class="code-line">
<a class="header-anchor-link" href="#postgresql" aria-hidden="true"></a> PostgreSQL</h2>
<ul data-line="30" class="code-line">
<li data-line="30" class="code-line">
<a href="https://www.npmjs.com/package/pg" target="_blank" rel="nofollow noopener noreferrer">https://www.npmjs.com/package/pg</a>
<ul data-line="31" class="code-line">
<li data-line="31" class="code-line"><strong>採用</strong></li>
<li data-line="32" class="code-line">実績的には圧倒的に pg か</li>
<li data-line="33" class="code-line">Cloudflare で使うなら pg 一択と思って良さそう</li>
</ul>
</li>
<li data-line="34" class="code-line">
<a href="https://www.npmjs.com/package/postgres" target="_blank" rel="nofollow noopener noreferrer">https://www.npmjs.com/package/postgres</a>
<ul data-line="35" class="code-line">
<li data-line="35" class="code-line"><strong>不採用</strong></li>
<li data-line="36" class="code-line">トランザクションの書き方が好み</li>
<li data-line="37" class="code-line">バグで Cloudflare Workers だとエラーになる
<ul data-line="38" class="code-line">
<li data-line="38" class="code-line"><a href="https://github.com/porsager/postgres/issues/822" target="_blank" rel="nofollow noopener noreferrer">https://github.com/porsager/postgres/issues/822</a></li>
<li data-line="39" class="code-line"><a href="https://github.com/tukiminya/remix_vite_postgresjs_issue" target="_blank" rel="nofollow noopener noreferrer">https://github.com/tukiminya/remix_vite_postgresjs_issue</a></li>
</ul>
</li>
</ul>
</li>
</ul>
<h2 id="meilisearch" data-line="41" class="code-line">
<a class="header-anchor-link" href="#meilisearch" aria-hidden="true"></a> Meilisearch</h2>
<ul data-line="43" class="code-line">
<li data-line="43" class="code-line">
<a href="https://github.com/meilisearch/meilisearch-js" target="_blank" rel="nofollow noopener noreferrer">meilisearch/meilisearch-js: JavaScript client for the Meilisearch API</a>
<ul data-line="44" class="code-line">
<li data-line="44" class="code-line">すでに利用してる</li>
</ul>
</li>
</ul>
<h2 id="sqlc-gen-typescript" data-line="46" class="code-line">
<a class="header-anchor-link" href="#sqlc-gen-typescript" aria-hidden="true"></a> sqlc-gen-typescript</h2>
<ul data-line="48" class="code-line">
<li data-line="48" class="code-line"><a href="https://github.com/sqlc-dev/sqlc-gen-typescript" target="_blank" rel="nofollow noopener noreferrer">https://github.com/sqlc-dev/sqlc-gen-typescript</a></li>
<li data-line="49" class="code-line">
<a href="https://github.com/voluntas/sqlc-gen-ts-template" target="_blank" rel="nofollow noopener noreferrer">https://github.com/voluntas/sqlc-gen-ts-template</a>
<ul data-line="50" class="code-line">
<li data-line="50" class="code-line">最低限は検証済み</li>
</ul>
</li>
<li data-line="51" class="code-line">
<a href="https://vitest.dev/" target="_blank" rel="nofollow noopener noreferrer">Vitest</a> と <a href="https://testcontainers.com/" target="_blank" rel="nofollow noopener noreferrer">Testcontainers</a> を利用したテストの実行もできる
<ul data-line="52" class="code-line">
<li data-line="52" class="code-line">SQL の E2E テスト本当に便利</li>
</ul>
</li>
</ul>
<h2 id="s3-%E3%82%AF%E3%83%A9%E3%82%A4%E3%82%A2%E3%83%B3%E3%83%88" data-line="54" class="code-line">
<a class="header-anchor-link" href="#s3-%E3%82%AF%E3%83%A9%E3%82%A4%E3%82%A2%E3%83%B3%E3%83%88" aria-hidden="true"></a> S3 クライアント</h2>
<ul data-line="56" class="code-line">
<li data-line="56" class="code-line"><a href="https://github.com/minio/minio-js" target="_blank" rel="nofollow noopener noreferrer">minio/minio-js: MinIO Client SDK for Javascript</a></li>
</ul>
<h2 id="base32" data-line="58" class="code-line">
<a class="header-anchor-link" href="#base32" aria-hidden="true"></a> Base32</h2>
<ul data-line="60" class="code-line">
<li data-line="60" class="code-line"><a href="https://github.com/niyari/base32-clockwork-ts" target="_blank" rel="nofollow noopener noreferrer">niyari/base32-clockwork-ts: Clockwork Base32 encode/decode for TypeScript</a></li>
</ul>
<h2 id="slack-%E3%82%AF%E3%83%A9%E3%82%A4%E3%82%A2%E3%83%B3%E3%83%88" data-line="62" class="code-line">
<a class="header-anchor-link" href="#slack-%E3%82%AF%E3%83%A9%E3%82%A4%E3%82%A2%E3%83%B3%E3%83%88" aria-hidden="true"></a> Slack クライアント</h2>
<ul data-line="64" class="code-line">
<li data-line="64" class="code-line"><a href="https://github.com/slackapi/node-slack-sdk" target="_blank" rel="nofollow noopener noreferrer">slackapi/node-slack-sdk: Slack Developer Kit for Node.js</a></li>
</ul>
<h2 id="uuid-%E7%94%9F%E6%88%90" data-line="66" class="code-line">
<a class="header-anchor-link" href="#uuid-%E7%94%9F%E6%88%90" aria-hidden="true"></a> UUID 生成</h2>
<ul data-line="68" class="code-line">
<li data-line="68" class="code-line">
<a href="https://developers.cloudflare.com/workers/runtime-apis/web-crypto" target="_blank" rel="nofollow noopener noreferrer">https://developers.cloudflare.com/workers/runtime-apis/web-crypto</a>
<ul data-line="69" class="code-line">
<li data-line="69" class="code-line">Cloudflare Workers では Web Crypto 準拠で <code>crypto.randomUUID</code> が用意されてる</li>
</ul>
</li>
<li data-line="70" class="code-line">Node.js でも同一
<ul data-line="71" class="code-line">
<li data-line="71" class="code-line"><a href="https://nodejs.org/api/crypto.html#cryptorandomuuidoptions" target="_blank" rel="nofollow noopener noreferrer">https://nodejs.org/api/crypto.html#cryptorandomuuidoptions</a></li>
</ul>
</li>
</ul>
<h2 id="oidc" data-line="73" class="code-line">
<a class="header-anchor-link" href="#oidc" aria-hidden="true"></a> OIDC</h2>
<ul data-line="75" class="code-line">
<li data-line="75" class="code-line"><a href="https://github.com/panva/node-oidc-provider" target="_blank" rel="nofollow noopener noreferrer">https://github.com/panva/node-oidc-provider</a></li>
</ul>
<h2 id="jwt" data-line="77" class="code-line">
<a class="header-anchor-link" href="#jwt" aria-hidden="true"></a> JWT</h2>
<ul data-line="79" class="code-line">
<li data-line="79" class="code-line"><a href="https://github.com/panva/jose" target="_blank" rel="nofollow noopener noreferrer">https://github.com/panva/jose</a></li>
</ul>
<h2 id="%E3%83%86%E3%82%B9%E3%83%88" data-line="81" class="code-line">
<a class="header-anchor-link" href="#%E3%83%86%E3%82%B9%E3%83%88" aria-hidden="true"></a> テスト</h2>
<ul data-line="83" class="code-line">
<li data-line="83" class="code-line">
<a href="https://vitest.dev/" target="_blank" rel="nofollow noopener noreferrer">Vitest | Next Generation testing framework</a>
<ul data-line="84" class="code-line">
<li data-line="84" class="code-line"><a href="https://github.com/vitest-dev/vitest" target="_blank" rel="nofollow noopener noreferrer">https://github.com/vitest-dev/vitest</a></li>
</ul>
</li>
<li data-line="85" class="code-line"><a href="https://github.com/testcontainers/testcontainers-node" target="_blank" rel="nofollow noopener noreferrer">https://github.com/testcontainers/testcontainers-node</a></li>
</ul>


<h2 id="%E3%83%87%E3%83%97%E3%83%AD%E3%82%A4" data-line="0" class="code-line">
<a class="header-anchor-link" href="#%E3%83%87%E3%83%97%E3%83%AD%E3%82%A4" aria-hidden="true"></a> デプロイ</h2>
<ul data-line="2" class="code-line">
<li data-line="2" class="code-line">コスト重視
<ul data-line="3" class="code-line">
<li data-line="3" class="code-line">安くて安定してること</li>
</ul>
</li>
<li data-line="4" class="code-line">Go と Linode (Akamai Connected Cloud) の場合は最低でも $20/月かかる
<ul data-line="5" class="code-line">
<li data-line="5" class="code-line">NodeBalancers $10/月
<ul data-line="6" class="code-line">
<li data-line="6" class="code-line">Let's Encrypt を利用した証明書の更新が大変大変めんどくさそう</li>
<li data-line="7" class="code-line">Cloudflare Proxy 経由でオリジン証明書を利用する方向なら許容範囲</li>
</ul>
</li>
<li data-line="8" class="code-line">Nanode 1 GB $5/月 x2</li>
</ul>
</li>
<li data-line="9" class="code-line">ClickHouse と PostgreSQL に繋げられるのが必須条件
<ul data-line="10" class="code-line">
<li data-line="10" class="code-line">Cloudflare Workers はコレを満たしている</li>
</ul>
</li>
</ul>
<h3 id="cloudflare-workers" data-line="12" class="code-line">
<a class="header-anchor-link" href="#cloudflare-workers" aria-hidden="true"></a> Cloudflare Workers</h3>
<ul data-line="14" class="code-line">
<li data-line="14" class="code-line">
<p data-line="14" class="code-line"><strong>採用</strong></p>
</li>
<li data-line="16" class="code-line">
<p data-line="16" class="code-line">月 $5</p>
</li>
<li data-line="17" class="code-line">
<p data-line="17" class="code-line">1000 万リクエスト/月</p>
<ul data-line="18" class="code-line">
<li data-line="18" class="code-line">100 万リクエスト/$0.30</li>
</ul>
</li>
<li data-line="19" class="code-line">
<p data-line="19" class="code-line">3000 万 CPU ミリ秒/月</p>
<ul data-line="20" class="code-line">
<li data-line="20" class="code-line">100 万 CPU ミリ秒/$0.02</li>
</ul>
</li>
<li data-line="21" class="code-line">
<p data-line="21" class="code-line">勝手にスケールしてくれるのは本当に便利</p>
</li>
<li data-line="22" class="code-line">
<p data-line="22" class="code-line">価格面を考えると圧倒的に Cloudflare Workers</p>
<ul data-line="23" class="code-line">
<li data-line="23" class="code-line">HTTP/3 も利用できる</li>
<li data-line="24" class="code-line">FW も気軽に利用できる</li>
<li data-line="25" class="code-line">ZeroTrust も利用できる</li>
</ul>
</li>
<li data-line="26" class="code-line">
<p data-line="26" class="code-line">GitHub Actions を利用したデプロイも嬉しい</p>
<ul data-line="27" class="code-line">
<li data-line="27" class="code-line"><a href="https://github.com/cloudflare/wrangler-action" target="_blank" rel="nofollow noopener noreferrer">https://github.com/cloudflare/wrangler-action</a></li>
</ul>
</li>
<li data-line="28" class="code-line">
<p data-line="28" class="code-line">ClickHouse は HTTP ベースなので TCP Socket 経由で通信できるようにしてほしい</p>
</li>
</ul>
<h3 id="deno-deploy" data-line="29" class="code-line">
<a class="header-anchor-link" href="#deno-deploy" aria-hidden="true"></a> Deno Deploy</h3>
<ul data-line="31" class="code-line">
<li data-line="31" class="code-line"><strong>期待</strong></li>
<li data-line="32" class="code-line">月 $20</li>
</ul>
<h3 id="fly.io" data-line="34" class="code-line">
<a class="header-anchor-link" href="#fly.io" aria-hidden="true"></a> Fly.io</h3>
<ul data-line="36" class="code-line">
<li data-line="36" class="code-line"><strong>不採用</strong></li>
<li data-line="37" class="code-line">未調査</li>
<li data-line="38" class="code-line">価格が別に安くない</li>
</ul>
<h3 id="linode-(%E3%81%A7%E8%87%AA%E5%89%8D%E9%81%8B%E7%94%A8)" data-line="40" class="code-line">
<a class="header-anchor-link" href="#linode-(%E3%81%A7%E8%87%AA%E5%89%8D%E9%81%8B%E7%94%A8)" aria-hidden="true"></a> Linode (で自前運用)</h3>
<ul data-line="42" class="code-line">
<li data-line="42" class="code-line"><strong>不採用</strong></li>
<li data-line="43" class="code-line">Go と同じ構成になり最低でも $20 / 月</li>
<li data-line="44" class="code-line">スケールアウトがめんどくさいので、基本スケールアップになりそう</li>
</ul>


<h2 id="%E4%BD%BF%E3%81%A3%E3%81%A6%E3%81%BF%E3%81%9F%E3%81%84" data-line="0" class="code-line">
<a class="header-anchor-link" href="#%E4%BD%BF%E3%81%A3%E3%81%A6%E3%81%BF%E3%81%9F%E3%81%84" aria-hidden="true"></a> 使ってみたい</h2>
<ul data-line="2" class="code-line">
<li data-line="2" class="code-line">
<a href="https://baselime.io/" target="_blank" rel="nofollow noopener noreferrer">Baselime - Observability and Error-tracking Platform</a>
<ul data-line="3" class="code-line">
<li data-line="3" class="code-line">Cloudflare に買収されて無料？で使えるようになった</li>
<li data-line="4" class="code-line">Cloudflare Workers との相性がよさそう</li>
<li data-line="5" class="code-line">Cloudflare Workers へ簡単に組み込めるようになった</li>
<li data-line="6" class="code-line">今は Sentry を利用しているが使いこなせてるわけではないので移行する</li>
</ul>
</li>
</ul>


<h2 id="postgresql" data-line="0" class="code-line">
<a class="header-anchor-link" href="#postgresql" aria-hidden="true"></a> PostgreSQL</h2>
<ul data-line="2" class="code-line">
<li data-line="2" class="code-line"><strong>RDB はマネージド以外は採用しない</strong></li>
<li data-line="3" class="code-line">sqlc は PostgreSQL との相性が良い</li>
<li data-line="4" class="code-line">OLAP は <a href="https://clickhouse.com/" target="_blank" rel="nofollow noopener noreferrer">ClickHouse</a> を利用する</li>
<li data-line="5" class="code-line">プールは <a href="https://www.pgbouncer.org/" target="_blank" rel="nofollow noopener noreferrer">PgBouncer</a> と同等の仕組みが欲しい
<ul data-line="6" class="code-line">
<li data-line="6" class="code-line"><a href="https://github.com/pgbouncer/pgbouncer" target="_blank" rel="nofollow noopener noreferrer">https://github.com/pgbouncer/pgbouncer</a></li>
<li data-line="7" class="code-line">Cloudflare Workers であれば Hyperdrive で良さそう</li>
</ul>
</li>
</ul>
<h3 id="%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9" data-line="9" class="code-line">
<a class="header-anchor-link" href="#%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9" aria-hidden="true"></a> サービス</h3>
<ul data-line="11" class="code-line">
<li data-line="11" class="code-line">
<a href="https://www.timescale.com/cloud" target="_blank" rel="nofollow noopener noreferrer">Timescale, Your Mature Postgres Cloud | Timescale</a>
<ul data-line="12" class="code-line">
<li data-line="12" class="code-line"><strong>継続利用</strong></li>
<li data-line="13" class="code-line">今は Managed Service for TimescaleDB を利用してる</li>
<li data-line="14" class="code-line">安定して利用できている</li>
<li data-line="15" class="code-line">Timescale Cloud の日本リージョンができた</li>
<li data-line="16" class="code-line">円安の影響もあり高い
<ul data-line="17" class="code-line">
<li data-line="17" class="code-line">これはしょうがない</li>
</ul>
</li>
<li data-line="18" class="code-line">将来性に不安があると感じている</li>
<li data-line="19" class="code-line">TSDB としては別に性能がでない
<ul data-line="20" class="code-line">
<li data-line="20" class="code-line">期待する機能や性能は ClickHouse が解決してくれることは検証済み</li>
</ul>
</li>
<li data-line="21" class="code-line">PgBouncer 付き</li>
<li data-line="22" class="code-line">Prometheus Exporter 付き</li>
</ul>
</li>
<li data-line="23" class="code-line">
<a href="https://neon.tech/" target="_blank" rel="nofollow noopener noreferrer">Neon — Serverless, Fault-Tolerant, Branchable Postgres</a>
<ul data-line="24" class="code-line">
<li data-line="24" class="code-line"><strong>検証環境用として採用</strong></li>
<li data-line="25" class="code-line">商用環境向けでなければ採用して良さそう</li>
<li data-line="26" class="code-line">日本リージョンが無い
<ul data-line="27" class="code-line">
<li data-line="27" class="code-line">シンガポールリージョンはある</li>
</ul>
</li>
</ul>
</li>
<li data-line="28" class="code-line">
<a href="https://supabase.com/" target="_blank" rel="nofollow noopener noreferrer">Supabase | The Open Source Firebase Alternative</a>
<ul data-line="29" class="code-line">
<li data-line="29" class="code-line"><strong>不採用</strong></li>
<li data-line="30" class="code-line">未調査</li>
</ul>
</li>
<li data-line="31" class="code-line">
<a href="https://xata.io/" target="_blank" rel="nofollow noopener noreferrer">Data platform for PostgreSQL - Xata</a>
<ul data-line="32" class="code-line">
<li data-line="32" class="code-line"><strong>不採用</strong></li>
<li data-line="33" class="code-line">日本リージョンが無い</li>
</ul>
</li>
<li data-line="34" class="code-line">
<a href="https://cloud.google.com/alloydb" target="_blank" rel="nofollow noopener noreferrer">AlloyDB for PostgreSQL | Google Cloud</a>
<ul data-line="35" class="code-line">
<li data-line="35" class="code-line"><strong>不採用</strong></li>
<li data-line="36" class="code-line">未調査</li>
<li data-line="37" class="code-line">価格が厳しそう</li>
</ul>
</li>
<li data-line="38" class="code-line">
<a href="https://www.yugabyte.com/" target="_blank" rel="nofollow noopener noreferrer">YugabyteDB. The Distributed SQL Database for Mission-Critical Apps</a>
<ul data-line="39" class="code-line">
<li data-line="39" class="code-line">未検証</li>
</ul>
</li>
<li data-line="40" class="code-line">
<a href="https://www.pgedge.com/" target="_blank" rel="nofollow noopener noreferrer">pgEdge Fully Distributed PostgreSQL</a>
<ul data-line="41" class="code-line">
<li data-line="41" class="code-line">未調査</li>
</ul>
</li>
<li data-line="42" class="code-line">
<a href="https://www.linode.com/products/databases/" target="_blank" rel="nofollow noopener noreferrer">Managed Databases | Worry-free Database Hosting | Akamai</a>
<ul data-line="43" class="code-line">
<li data-line="43" class="code-line"><strong>採用予定</strong></li>
<li data-line="44" class="code-line">提供開始待ち</li>
</ul>
</li>
</ul>


<h2 id="%E3%83%87%E3%83%BC%E3%82%BF%E3%83%99%E3%83%BC%E3%82%B9%E3%82%92%E5%90%AB%E3%82%81%E3%81%9F%E6%A7%8B%E6%88%90" data-line="0" class="code-line">
<a class="header-anchor-link" href="#%E3%83%87%E3%83%BC%E3%82%BF%E3%83%99%E3%83%BC%E3%82%B9%E3%82%92%E5%90%AB%E3%82%81%E3%81%9F%E6%A7%8B%E6%88%90" aria-hidden="true"></a> データベースを含めた構成</h2>
<ul data-line="2" class="code-line">
<li data-line="2" class="code-line">Remix
<ul data-line="3" class="code-line">
<li data-line="3" class="code-line"><a href="https://github.com/remix-run/remix/tree/main/templates/cloudflare-workers" target="_blank" rel="nofollow noopener noreferrer">https://github.com/remix-run/remix/tree/main/templates/cloudflare-workers</a></li>
</ul>
</li>
<li data-line="4" class="code-line">Cloudflare Workers
<ul data-line="5" class="code-line">
<li data-line="5" class="code-line"><a href="https://developers.cloudflare.com/workers/databases/connecting-to-databases/" target="_blank" rel="nofollow noopener noreferrer">https://developers.cloudflare.com/workers/databases/connecting-to-databases/</a></li>
<li data-line="6" class="code-line">
<a href="https://developers.cloudflare.com/hyperdrive/" target="_blank" rel="nofollow noopener noreferrer">https://developers.cloudflare.com/hyperdrive/</a>
<ul data-line="7" class="code-line">
<li data-line="7" class="code-line">env.HYPERDRIVE.connectoinString</li>
<li data-line="8" class="code-line">
<a href="https://developers.cloudflare.com/hyperdrive/configuration/local-development/" target="_blank" rel="nofollow noopener noreferrer">https://developers.cloudflare.com/hyperdrive/configuration/local-development/</a>
<ul data-line="9" class="code-line">
<li data-line="9" class="code-line">ローカル開発</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li data-line="10" class="code-line">pg
<ul data-line="11" class="code-line">
<li data-line="11" class="code-line"><a href="https://github.com/brianc/node-postgres" target="_blank" rel="nofollow noopener noreferrer">https://github.com/brianc/node-postgres</a></li>
<li data-line="12" class="code-line">Cloudflare Workers の場合は 1 connection 1 client で問題なさそう
<ul data-line="13" class="code-line">
<li data-line="13" class="code-line">Hyperdrive がプールを持ってくれる</li>
</ul>
</li>
<li data-line="14" class="code-line">PostgreSQL
<ul data-line="15" class="code-line">
<li data-line="15" class="code-line">Managed service for TimescaleDB</li>
<li data-line="16" class="code-line">neon.tech</li>
<li data-line="17" class="code-line">Linode Postgres
<ul data-line="18" class="code-line">
<li data-line="18" class="code-line">まだリリースされていない</li>
</ul>
</li>
</ul>
</li>
<li data-line="19" class="code-line">sqlc-gen-typescript</li>
</ul>
</li>
<li data-line="20" class="code-line">@clickhouse/client-web
<ul data-line="21" class="code-line">
<li data-line="21" class="code-line"><a href="https://github.com/ClickHouse/clickhouse-js" target="_blank" rel="nofollow noopener noreferrer">https://github.com/ClickHouse/clickhouse-js</a></li>
<li data-line="22" class="code-line">ClickHouse Cloud</li>
</ul>
</li>
<li data-line="23" class="code-line">
<a href="https://github.com/meilisearch/meilisearch-js" target="_blank" rel="nofollow noopener noreferrer">https://github.com/meilisearch/meilisearch-js</a>
<ul data-line="24" class="code-line">
<li data-line="24" class="code-line">自前 Meilisearch</li>
</ul>
</li>
</ul>
<h2 id="sqlc-gen-typescript" data-line="26" class="code-line">
<a class="header-anchor-link" href="#sqlc-gen-typescript" aria-hidden="true"></a> sqlc-gen-typescript</h2>
<p data-line="28" class="code-line">別にまとめてある。</p>
<ul data-line="30" class="code-line">
<li data-line="30" class="code-line"><a href="https://zenn.dev/shiguredo/articles/sqlc-gen-typescript" target="_blank">https://zenn.dev/shiguredo/articles/sqlc-gen-typescript</a></li>
<li data-line="31" class="code-line"><a href="https://github.com/voluntas/sqlc-gen-ts-template" target="_blank" rel="nofollow noopener noreferrer">https://github.com/voluntas/sqlc-gen-ts-template</a></li>
</ul>
<h2 id="hyperdrive" data-line="33" class="code-line">
<a class="header-anchor-link" href="#hyperdrive" aria-hidden="true"></a> Hyperdrive</h2>
<ul data-line="35" class="code-line">
<li data-line="35" class="code-line">Hyperdrive がかなり良い。コネクションプールを持っているのも良い</li>
<li data-line="36" class="code-line">wrangler.toml には Hyperdrive の id を指定するだけ</li>
<li data-line="37" class="code-line">wrangler dev の時は localConnectionString を利用してくれる</li>
<li data-line="38" class="code-line">CA 証明書には非対応
<ul data-line="39" class="code-line">
<li data-line="39" class="code-line"><a href="https://developers.cloudflare.com/hyperdrive/configuration/connect-to-postgres/#supported-tls-ssl-modes" target="_blank" rel="nofollow noopener noreferrer">https://developers.cloudflare.com/hyperdrive/configuration/connect-to-postgres/#supported-tls-ssl-modes</a></li>
<li data-line="40" class="code-line">対応してくれると嬉しい</li>
</ul>
</li>
</ul>
<div class="code-block-container"><pre class="language-bash"><code class="language-bash code-line" data-line="42">$ <span class="token function">pnpm</span> <span class="token builtin class-name">exec</span> wrangler hyperdrive create <span class="token variable">$NAME</span> <span class="token punctuation">\</span>
    --connection-string<span class="token operator">=</span><span class="token string">"postgres://{user}:{password}@{host}:{port}/{database_name};"</span>
</code></pre></div><div class="code-block-container"><pre class="language-toml"><code class="language-toml code-line" data-line="47"><span class="token key property">node_compat</span> <span class="token punctuation">=</span> <span class="token boolean">true</span>

<span class="token punctuation">[</span><span class="token punctuation">[</span><span class="token table class-name">hyperdrive</span><span class="token punctuation">]</span><span class="token punctuation">]</span>
<span class="token key property">binding</span> <span class="token punctuation">=</span> <span class="token string">"HYPERDRIVE"</span>
<span class="token key property">id</span> <span class="token punctuation">=</span> <span class="token string">"a76a99bc342644deb02c38d66082262a"</span>
<span class="token key property">localConnectionString</span> <span class="token punctuation">=</span> <span class="token string">"postgres://user:password@localhost:5432/{databasename}"</span>
</code></pre></div><div class="code-block-container"><pre class="language-bash"><code class="language-bash code-line" data-line="56"><span class="token comment"># hyperdrive 作成時に指定した connection string が利用される</span>
$ <span class="token function">pnpm</span> <span class="token builtin class-name">exec</span> wrangler <span class="token parameter variable">--remote</span>

<span class="token comment"># localConnectionString が利用される</span>
$ <span class="token function">pnpm</span> <span class="token builtin class-name">exec</span> wrangler dev
</code></pre></div><h2 id="remix-%2B-cloudflare-workers-%2B-pg-%2B-sqlc-gen-typescript-%2B-hyperdrive-%2B-postgresql-%E6%A4%9C%E8%A8%BC" data-line="64" class="code-line">
<a class="header-anchor-link" href="#remix-%2B-cloudflare-workers-%2B-pg-%2B-sqlc-gen-typescript-%2B-hyperdrive-%2B-postgresql-%E6%A4%9C%E8%A8%BC" aria-hidden="true"></a> Remix + Cloudflare Workers + pg + sqlc-gen-typescript + Hyperdrive + PostgreSQL 検証</h2>
<ul class="contains-task-list code-line" data-line="66">
<li class="task-list-item enabled code-line" data-line="66">
<input class="task-list-item-checkbox" checked type="checkbox"> ローカルから Hyperdrive 経由で docker compose で上げた Postgres へ接続する
<ul data-line="67" class="code-line">
<li data-line="67" class="code-line"><code>pnpm exec wrangler dev ./server.ts</code></li>
<li data-line="68" class="code-line">
<code>▲ [WARNING] Hyperdrive does not currently support 'wrangler dev' in local mode at this stage of the beta. Use the '--remote' flag to test a Hyperdrive configuration before deploying.</code> と出るが普通にいける</li>
</ul>
</li>
<li class="task-list-item enabled code-line" data-line="69">
<input class="task-list-item-checkbox" checked type="checkbox"> ローカルから Hyperdrive 経由で neon のシンガポールに上げた Postgres へ接続する
<ul data-line="70" class="code-line">
<li data-line="70" class="code-line"><code>pnpm exec wrangler dev --remote ./server.ts</code></li>
</ul>
</li>
<li class="task-list-item enabled code-line" data-line="71">
<input class="task-list-item-checkbox" checked type="checkbox"> デプロイして Hyperdrive 経由で neon のシンガポールに上げた Postgres へ接続する</li>
</ul>


<h2 id="pg" data-line="0" class="code-line">
<a class="header-anchor-link" href="#pg" aria-hidden="true"></a> pg</h2>
<ul data-line="2" class="code-line">
<li data-line="2" class="code-line">
<a href="https://node-postgres.com/features/connecting#connection-uri" target="_blank" rel="nofollow noopener noreferrer">https://node-postgres.com/features/connecting#connection-uri</a>
<ul data-line="3" class="code-line">
<li data-line="3" class="code-line">connectionString での接続</li>
</ul>
</li>
<li data-line="4" class="code-line">
<a href="https://node-postgres.com/features/transactions" target="_blank" rel="nofollow noopener noreferrer">https://node-postgres.com/features/transactions</a>
<ul data-line="5" class="code-line">
<li data-line="5" class="code-line">TX 使う時は pool.query は使わない</li>
<li data-line="6" class="code-line">pool.connect で取得した client を使って client.query を呼ぶ</li>
<li data-line="7" class="code-line">try/catch の finaly で client.release() を忘れないこと</li>
</ul>
</li>
</ul>
<p data-line="9" class="code-line">Cloudflare Workers + Hyperdrive で利用する場合は pool は利用せず、普通に client を利用するで良さそう。</p>


<h2 id="cloudflare-workers" data-line="0" class="code-line">
<a class="header-anchor-link" href="#cloudflare-workers" aria-hidden="true"></a> Cloudflare Workers</h2>
<ul data-line="2" class="code-line">
<li data-line="2" class="code-line">セッション管理を KV にするか DO にするか
<ul data-line="3" class="code-line">
<li data-line="3" class="code-line">KV で困らないとは思う</li>
</ul>
</li>
<li data-line="4" class="code-line">D1 使うかどうか
<ul data-line="5" class="code-line">
<li data-line="5" class="code-line">管理画面用のキャッシュテーブルとして使うのはあり</li>
</ul>
</li>
<li data-line="6" class="code-line">Cloudflare Workers は利用するができるだけロックインされないようにしたい
<ul data-line="7" class="code-line">
<li data-line="7" class="code-line">とはいえ便利な機能は使っていく</li>
</ul>
</li>
<li data-line="8" class="code-line">
<a href="https://developers.cloudflare.com/workers/configuration/versions-and-deployments" target="_blank" rel="nofollow noopener noreferrer">https://developers.cloudflare.com/workers/configuration/versions-and-deployments</a>
<ul data-line="9" class="code-line">
<li data-line="9" class="code-line">デプロイのバージョニングができる</li>
<li data-line="10" class="code-line">まずはアップロードしておいて、好きなタイミングでデプロイとかができる</li>
<li data-line="11" class="code-line">まだベータ版</li>
</ul>
</li>
<li data-line="12" class="code-line">
<a href="https://developers.cloudflare.com/workers/runtime-apis/rpc" target="_blank" rel="nofollow noopener noreferrer">https://developers.cloudflare.com/workers/runtime-apis/rpc</a>
<ul data-line="13" class="code-line">
<li data-line="13" class="code-line">service binding を利用して別の worker の関数を気軽に呼べるようにする仕組み</li>
<li data-line="14" class="code-line">Go 部分を別 worker にしてしまい RPC を使って書き換えるというのもありかもしれない
<ul data-line="15" class="code-line">
<li data-line="15" class="code-line">少しずつ置き換えて行けそう</li>
</ul>
</li>
<li data-line="16" class="code-line">Cloudflare Pages -&gt; Cloudflare Workers という構成を取りやすくなった</li>
<li data-line="17" class="code-line">参考
<ul data-line="18" class="code-line">
<li data-line="18" class="code-line"><a href="https://zenn.dev/chimame/articles/f86db24897be6a" target="_blank">RPC対応によりCloudflare Workers間の連携がすごいことになった</a></li>
<li data-line="19" class="code-line"><a href="https://zenn.dev/yusukebe/articles/f1d5aa529ba873" target="_blank">Cloudflare WorkersのJS RPCを理解する</a></li>
</ul>
</li>
</ul>
</li>
</ul>


<h2 id="neon" data-line="0" class="code-line">
<a class="header-anchor-link" href="#neon" aria-hidden="true"></a> Neon</h2>
<ul data-line="2" class="code-line">
<li data-line="2" class="code-line"><strong>無料検証サービスのバックエンドには十分そう</strong></li>
<li data-line="3" class="code-line"><a href="https://neon.tech/" target="_blank" rel="nofollow noopener noreferrer">Neon — Serverless, Fault-Tolerant, Branchable Postgres</a></li>
<li data-line="4" class="code-line">PostgreSQL マネージドサービス</li>
<li data-line="5" class="code-line">
<a href="https://neon.tech/pricing" target="_blank" rel="nofollow noopener noreferrer">https://neon.tech/pricing</a>
<ul data-line="6" class="code-line">
<li data-line="6" class="code-line">価格がお安い</li>
<li data-line="7" class="code-line">$ 19 は素晴らしい</li>
<li data-line="8" class="code-line">もし商用サービスで使うなら $69 かな</li>
</ul>
</li>
<li data-line="9" class="code-line">日本リージョンがなくて、シンガポールリージョン
<ul data-line="10" class="code-line">
<li data-line="10" class="code-line">Hyperdrive の強みがでそう</li>
<li data-line="11" class="code-line">日本リージョンきたらスゴイ使う人増えそう</li>
</ul>
</li>
<li data-line="12" class="code-line">管理画面はとても使いやすい</li>
<li data-line="13" class="code-line">最大同時接続数 10,000
<ul data-line="14" class="code-line">
<li data-line="14" class="code-line">無料プランでもそうらしくて、衝撃</li>
</ul>
</li>
<li data-line="15" class="code-line">ダッシュボードが充実していて参考になる</li>
</ul>


<h2 id="clickhouse" data-line="0" class="code-line">
<a class="header-anchor-link" href="#clickhouse" aria-hidden="true"></a> ClickHouse</h2>
<ul data-line="2" class="code-line">
<li data-line="2" class="code-line">
<a href="https://clickhouse.com/docs/en/integrations/language-clients/javascript" target="_blank" rel="nofollow noopener noreferrer">https://clickhouse.com/docs/en/integrations/language-clients/javascript</a>
<ul data-line="3" class="code-line">
<li data-line="3" class="code-line">
<code>@clickhouse/client-web</code> は <code>CloudFlare workers</code>  対応</li>
</ul>
</li>
<li data-line="4" class="code-line">早く sqlc が ClickHouse に対応して欲しい
<ul data-line="5" class="code-line">
<li data-line="5" class="code-line">有償プランで提供する方針らしいので楽しみ</li>
</ul>
</li>
</ul>
<h3 id="%E6%A4%9C%E8%A8%BC" data-line="7" class="code-line">
<a class="header-anchor-link" href="#%E6%A4%9C%E8%A8%BC" aria-hidden="true"></a> 検証</h3>
<ul class="contains-task-list code-line" data-line="9">
<li class="task-list-item enabled code-line" data-line="9">
<input class="task-list-item-checkbox" checked type="checkbox"> ローカルで docker compose で上げた ClickHouse にデータを追加
<ul data-line="10" class="code-line">
<li data-line="10" class="code-line">HTTP なのでちょっと癖がある、正直 TCP Socket 使えるようにしてほしい</li>
</ul>
</li>
<li class="task-list-item enabled code-line" data-line="11">
<input class="task-list-item-checkbox" type="checkbox"> デプロイで ClickHouse Cloud にデータを追加</li>
</ul>


<h2 id="sqlc-%E3%81%A8-testcontainers-%E3%82%92%E5%88%A9%E7%94%A8%E3%81%97%E3%81%9F-e2e-%E3%83%86%E3%82%B9%E3%83%88" data-line="0" class="code-line">
<a class="header-anchor-link" href="#sqlc-%E3%81%A8-testcontainers-%E3%82%92%E5%88%A9%E7%94%A8%E3%81%97%E3%81%9F-e2e-%E3%83%86%E3%82%B9%E3%83%88" aria-hidden="true"></a> sqlc と testcontainers を利用した E2E テスト</h2>
<p data-line="2" class="code-line"><span class="embed-block zenn-embedded zenn-embedded-github"><iframe id="zenn-embedded__1e0c57a015da7" src="https://embed.zenn.studio/github#zenn-embedded__1e0c57a015da7" data-content="https%3A%2F%2Fgithub.com%2Fvoluntas%2Fsqlc-gen-ts-template%2Fblob%2Fdevelop%2Ftest%2Fsqlc_pg_tx.test.ts" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://github.com/voluntas/sqlc-gen-ts-template/blob/develop/test/sqlc_pg_tx.test.ts" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://github.com/voluntas/sqlc-gen-ts-template/blob/develop/test/sqlc_pg_tx.test.ts</a></p>


<h2 id="%E5%A4%96%E5%BD%A2%E7%9B%A3%E8%A6%96" data-line="0" class="code-line">
<a class="header-anchor-link" href="#%E5%A4%96%E5%BD%A2%E7%9B%A3%E8%A6%96" aria-hidden="true"></a> 外形監視</h2>
<ul data-line="2" class="code-line">
<li data-line="2" class="code-line">
<a href="https://developers.cloudflare.com/health-checks/" target="_blank" rel="nofollow noopener noreferrer">https://developers.cloudflare.com/health-checks/</a>
<ul data-line="3" class="code-line">
<li data-line="3" class="code-line">Cloudflare ビジネスプランを契約しているので利用できる
<ul data-line="4" class="code-line">
<li data-line="4" class="code-line">Slack のメール機能と連携させてる</li>
<li data-line="5" class="code-line">Cloudflare Pro プランだとちょっと厳しいか</li>
<li data-line="6" class="code-line">将来的に Pro かフリーに戻す予定なので悩ましい</li>
</ul>
</li>
</ul>
</li>
<li data-line="7" class="code-line">
<a href="https://onlineornot.com/" target="_blank" rel="nofollow noopener noreferrer">https://onlineornot.com/</a>
<ul data-line="8" class="code-line">
<li data-line="8" class="code-line">良いお値段</li>
<li data-line="9" class="code-line">最低 $50/月</li>
</ul>
</li>
<li data-line="10" class="code-line">
<a href="https://github.com/prometheus/blackbox_exporter" target="_blank" rel="nofollow noopener noreferrer">https://github.com/prometheus/blackbox_exporter</a>
<ul data-line="11" class="code-line">
<li data-line="11" class="code-line">Vutlr などから監視</li>
<li data-line="12" class="code-line">VictoriaMetrics へは Tailscale で送る</li>
</ul>
</li>
</ul>
