HonoとPerl 〜 異文化を持ち込む
Honoの面白いネタがあるので書きます。 Web標準 HonoはWeb標準のAPIを使って作られています。Web標準は元々ブラウザで動くもの（JavaScriptやCSS、HTML）に対して考えられた技術仕様もしくは指針です。昨今はCloudflare Workers、Deno、BunといったJavaScriptランタイムはV8やJavaScriptCoreブラウザのエンジンを使っていて、サーバーサイドでWeb標準のAPIを動かすようになっています。Node.jsもそれに追従して使えるようになっています。例えば、HTTPのレスポンスを返したければResponseオブジェクトを使います。 これは多くのブラウザで動くし、上記したサーバーサイドのランタイムでも動きます。 Honoを作った動機は「Cloudflare Workers上で動くフレームワークが欲しかった」なので、初期からWeb標準のみ
Hono + Cloudflare D1 + Drizzle ORM + Zod で作る API エンドポイント
この記事は？ この記事では、Hono と Cloudflare D1、そしてタイプセーフな ORM である Drizzle ORM、バリデーションライブラリ Zod を組み合わせて、簡単な CRUD API を構築する手順です。 Hono の基本的なセットアップについては、以下の記事で完了していることとします。 React Router v7 + Hono + bun でモノレポ構成の初期構築 前提条件 Cloudflare アカウントを持っていること 基本的な Hono アプリケーションのセットアップが完了していること（上記参考記事参照） 作業ディレクトリ: /sample-app/apps/backend (適宜読み替えてください) 使用する技術スタック Hono Cloudflare D1 Drizzle ORM Zod 1. Cloudflare D1 データベースの作成 まずは
Cloudflare Workers で Hono と一緒に Discord BOT を動かす
はじめに Discord では、手軽に BOT を作成するための API が用意されており、さまざまなライブラリが存在するため手軽に BOT を作成することができます。 しかし、その多くは BOT のサーバーを建てる必要があり、常に BOT を立ち上げておきたい場合は、サーバーも常に起動していなければならず、動かしておくマシンの用意やサーバーへのデプロイにコストがかかることがあります。 Heroku の有料化以後、我々は無料で Discord BOT を運用できる場所を探し求めているわけですが、今回は、Cloudflare Workers を使ってランタイムコストなしで Discord BOT を運用 し、さらに Cloudflare Workers KV との連携 や、Hono エンドポイントとの共存 方法を紹介します。 具体的には、KV に保存されたクイズ問題を読んでユーザーに提供した
見よ、これがHonoのRPCだ
僕が開発しているWebフレームワークHonoは、同じJavaScriptのフレームワーク、Expressと比べられることが多いです。どちらもやれることはほぼ同じですが、HonoのアドバンテージはファーストクラスでTypeScriptをサポートしていることです。特に「RPC」機能は他のフレームワークにはなかった「TypeScriptの型でサーバーとクライアントの仕様を共有する」ことを可能にしています。今回はそのHonoのRPCについて紹介します。 どんなものか まず、どんなものかを箇条書きで共有します。 Web APIの仕様、特にインプット・アウトプットをサーバーとクライアント間で共有するためのもの OpenAPIやgRPCを使ってやりたかったことを叶えるかもしれない サーバーとクライアントをどちらもTypeScriptで書くことが大前提である 同種のものにtRPCがあるが、Honoの場合、
Hono + Cloudflare Workers でパスキーを試してみる
近年、パスキーと呼ばれる、パスワードの代わりに生体認証技術等を利用した認証方法が普及しつつあります。ブラウザからは、WebAuthn と呼ばれる API を介してパスキーを利用することが可能です。Cloudflare Workes + Hono を用いて WebAuthn を試してみたので、その実装を紹介します。 パスキーによる認証の実装例 なお、WebAuthn の情報に関しては、次の記事が参考になります。 ウェブ認証 API - MDN Web Docs Yahoo! JAPANでの生体認証の取り組み（FIDO2サーバーの仕組みについて - Yahoo! JAPAN Tech Blog） WebAuthnことはじめ | メルカリエンジニアリング 次世代の認証技術 WebAuthnを紹介【前編】 | TECH | NRI Digital 実装 実装は GitHub 上に公開しています。記
Hono Conference 2024参戦レポート
こんにちは、あさひです。 今回はナウでイケてると話題？の Hono のカンファレンスに潜入してきましたので雰囲気やどんな流れだったかをまとめようと思います。 Hono🔥 って？ Hono - means flame🔥 in Japanese - is a small, simple, and ultrafast web framework built on Web Standards. It works on any JavaScript runtime: Cloudflare Workers, Fastly Compute, Deno, Bun, Vercel, Netlify, AWS Lambda, Lambda@Edge, and Node.js. 公式のドキュメントには上記のようにあります。 様々なランタイムで動く Web 標準のシンプルで高速なフレームワークです。 筆者自身
Elysia - Ergonomic Framework for Humans
Ergonomic Framework for Humans TypeScript with End-to-End Type Safety, type integrity, and exceptional developer experience. Supercharged by Bun. Get Started
Cloudflare Workers を使って Web ページを段階的に移行したい - なつねこメモ
Web サービスリニューアルしたいことってありますよね？ ただ、一度に一気にリニューアルすると、想定していない不具合が出てきたり、今の運用どうするの？っていう問題があったりします。 そこで、 Cloudflare Workers を使って段階的に移行する方法を紹介します。 今回は、現行サービスを Cloudflare Proxy のオリジンとして設定してあることをベースとして、新しい部分は例えば Cloudflare Pages などで別ドメインでホストされているとします。 その場合、以下のように Cloudflare Workers でプロキシーしてあげることで、想定した動作を行うことが出来ます。 +---- Old Pages --- www.natsuneko.cat (Current Origin) | Internet -- Cloudflare Workers --+ | +-
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Reactをクライアントで使わない
GitHub - zett-8/hono-react-router: Hono + React Router + Cloudflare Workers
https://x.com/pontusab/status/1945556568344281454?s=12&t=WLoQjPOJLfZ0ZJFtTOS7aw
https://x.com/codinggarden/status/1843297113905774614?s=12&t=WLoQjPOJLfZ0ZJFtTOS7aw
https://x.com/techtalkjp/status/1841724106078879782?s=12&t=WLoQjPOJLfZ0ZJFtTOS7aw
https://x.com/mathuraditya7/status/1816830208193835346?s=12&t=WLoQjPOJLfZ0ZJFtTOS7aw
GitHub - wevm/frog: Framework for Farcaster Frames 🐸