3行で hono/jsx コンポーネントの動作確認にはサーバー起動が必要だった。 @storybook/html-vite と renderToString で hono/jsx でも Storybook が使える。 コンポーネントをデータ取得から分離し、Props で受け取る形にするのがポイント。 hono/jsx 使ってますか？ サーバーサイドで JSX を使って UI を組めるのは便利ですよね。 Hono の JSX...

3行で あるところに、ログイン中のユーザーと Apple アカウントを連携したい Web アプリがありました。 OIDC Sign in With Appleの Callback URL には POST リクエストがやってくる。 Chrome の SameSite 属性のデフォルトであるLaxでは Set-Cookie の2分間以降は POST に乗らなくなる。 ChromeでSign in With Appleが連携できない？ WebアプリケーションにSign in With...

ORM 便利ですよね。最近の JavaScript 界隈では Prisma の勢いが日々強まっているのではないでしょうか。 今回は既存のシステムのある機能を Drizzle ORM で書き直した時に遭遇した落とし穴について紹介します。 Drizzle ORM Drizzle ORM は外部の DB クライアントを呼び出すことで環境差異を吸収しています。 MySQL クライアントには node-mysql2 が推奨されており、Getting Started...

ラノベのタイトルはどんどん長く、複雑になっています。 近年では、主題と副題に分かれているのは当たり前になってきました。 これを分割するアプローチとして形態素解析などでは限界がありそうなので、LLM による分割を試してみました。

みなさん大枚を叩いて購入した3Dプリンターをちゃんと使っていますか？ せっかくなので、今年は3Dプリンターを使って印刷したポチ袋でお年玉をあげました。 ポチ袋 ポチ袋の英名 "money envelope" で検索してみると、中国の春節で使われているモデルがいくつか公開されていますが、日本向けのものはありませんでした。 makerworld.com そこで、今回はこちらのモデルを Remix*1 しました。 Shapr3Dでポチ袋の雰囲気を追加...