はじめに 今回はHonoのRPCを利用する際に、フロント・バックエンドで厳密に型を共有する方法を紹介します。 SuperJSONで型情報をjsonに追加した上で、zod.parse()を利用して値を検証して型を付与します。 利用技術 Hono v4.7.11: Webフレームワーク SuperJSON v2.2.2: jsonに型情報を付与する Zod v3.25.56: バリデーション TypeScript 背景 HonoのRPC機能では、フロントエンドから下記のようにAPIを呼び出すことができます。 // バックエンド側のレスポンス作成部分 export const getSampleHa…