技術一覧

Gemini API

GoogleのAIモデルをアプリから利用するためのAPI。NanoBanana Playの画像生成・編集・合成に使うほか、記事のアイキャッチ下絵づくりにも利用しています。コスト管理とAPIキー保護の設計課題も扱います。

使用アプリ 1件

Next.js

Reactベースのフルスタックフレームワーク。BenriWorksの各アプリと本サイトの基盤に使っています。静的生成中心の構成、Metadata APIによるSEO設定の一元管理、basePathでのパス配信への追従が選定理由です。

使用アプリ 5件

Supabase

PostgreSQLをベースにデータベースや認証を提供するバックエンドサービス。端末内保存では成立しないLiveBriefにのみ使っています。まずサーバーを持たずに済むかを先に検討する、という使い分けの記録です。

使用アプリ 1件

Three.js

WebGLでブラウザ上の3D表現を実現するJavaScriptライブラリ。移動式クレーン安全シミュレーターの3D描画に使っています。ゲームエンジンではなく軽さを取った理由と、荷振れを振り子モデルで表す設計を記録します。

使用アプリ 3件

TypeScript

JavaScriptに静的型付けを加えた言語。BenriWorksの全アプリと本サイトで使っています。数か月ぶりに戻るコードの仕様書として型を書き、frontmatterなどデータの境界はzodで実行時に検証しています。

使用アプリ 7件

Vercel

Next.jsアプリのホスティングプラットフォームで、BenriWorksの各アプリと本サイトのデプロイ先として使用しています。

使用アプリ 3件