タグ

TypeScript

TypeScript に関連する記事をまとめています。

Better Authとは?自前で持つTypeScript認証フレームワークとAuth.jsとの関係

Better Authとは何かを、自前で持つTypeScript認証フレームワークという観点と、Auth.jsとの関係から整理します。Better Authは、認証を外部サービスに預けず、自分のコードとデータベースの中に実装するためのフレームワーク非依存なライブラリです。2要素認証・パスキー・組織・SSO・レート制限などが最初から揃い、MITライセンスで無料。長年定番だったAuth.js(旧NextAuth)がBetter Authチームの管理下に入り、新規はBetter Authが推奨される流れになりました。Clerkとの違いや向いている場面まで解説します。

Vercel AI SDKとは?プロバイダを問わずAIアプリを作るTypeScriptツールキット

Vercel AI SDKとは何かを、プロバイダを問わずAIアプリを作るTypeScriptツールキットという観点で解説します。OpenAI・Anthropic Claude・Google Geminiなど複数のLLMを、ほぼ同じコードで呼び出せる統一APIが特徴で、テキスト生成・ストリーミング・チャットUI・ツール呼び出し・構造化出力を型安全に扱えます。Next.jsの開発元による無料のオープンソースで、AIチャットやエージェントを素早く作れます。主要なAPIやAI SDK 7の新機能、向いている場面まで、AIにAI SDKを含む構成を渡された人にも役立つよう整理します。

Prismaとは?スキーマファーストの型安全ORMとDrizzleとの違い

Prismaとは何かを、スキーマファーストの型安全ORMという観点と、Drizzleとの違いから整理します。Prismaは schema.prisma にモデルを定義し、そこから型安全なクライアントを生成して、補完の効くクエリでデータベースを扱えるORMです。マイグレーションやPrisma Studioなど開発体験の良さが強み。2025年のPrisma 7でRust製エンジンを廃止しTypeScript/WASM化して軽量・高速・エッジ対応が進みました。コードファーストのDrizzleとの違い、向いている場面まで、AIにPrismaを含む構成を渡された人にも役立つように解説します。

フレームワーク 2026.07.04 31

Astro Content Collections(コンテンツコレクション)とは?型安全に記事を管理する仕組み

Astro の Content Collections(コンテンツコレクション)とは何かを、型安全に記事を管理する仕組みという観点で解説します。記事などのコンテンツを「コレクション」としてまとめ、設定ファイルに Zod でスキーマ(型と検証ルール)を定義することで、frontmatter の書き間違いをビルド時に検出し、型安全に取り出せます。Content Layer API で Markdown/MDX だけでなく外部CMSも同じ作法で扱え、getCollection での取得、向いている場面まで、ブログやドキュメントを作る人向けに整理します。

Effect-TS とは何か?TypeScript の関数型エコシステムとエラー・依存・並行を型で扱う設計

Effect-TS は 「成功 / 失敗 / 必要な依存」 を型で表現する 「Effect 型」 を中心に据えた TypeScript の関数型エコシステムです。エラーハンドリング・依存注入・スキーマ検証・リトライ / スケジュール・並行・Stream まで1つの基盤でカバーします。Scala ZIO の思想を TS に移植した形で、AI 時代の堅牢な TS バックエンドで注目されています。

Svelte / SvelteKit とは何か?コンパイル型 UI フレームワークの特徴と React との使い分け

Svelte は 「仮想 DOM ではなくコンパイル時に最適化された JS を出力する UI フレームワーク」 で、Svelte 5 では新しい 「Runes API」 によりリアクティビティが大きく刷新されました。SvelteKit はそれを土台にしたフルスタックフレームワークで、SSR / SSG / Edge をサポート。React との違い、書き味、採用判断軸を整理します。

Hono とは何か?Edge / Workers / Bun / Deno / Node 全部で動く軽量 Web フレームワーク

Hono は Web 標準 API ベースの軽量 Web フレームワークで、Cloudflare Workers / Deno / Bun / Node.js / Vercel など あらゆるランタイムで同じコードが動く ことを売りにしています。Express のようなシンプルな API、型安全ルーティング、JSX サポートを備え、Edge 時代の Web フレームワークとして急速に存在感を増しています。

Deno とは何か?Node.js / Bun との違い・権限ベースのセキュリティ・Deno Deploy の使いどころ

Deno は 「Node.js を作った Ryan Dahl が再設計した」 JavaScript / TypeScript ランタイムで、権限ベースのセキュリティ、Web 標準 API、TypeScript の標準サポート、Deno Deploy(エッジホスティング)を特徴とします。Node / Bun との違い、「npm:」 経由の互換、どんなときに選ぶかを実務目線で整理します。

tRPC とは何か?TypeScript で型安全な API を作る仕組みと REST / GraphQL との使い分け

tRPC は TypeScript で 「スキーマ生成も OpenAPI もなしで、サーバとクライアントが完全に型共有する API」を作るためのライブラリです。Zod での入力検証、React Query との統合、Next.js / モノレポでの典型構成、REST / GraphQL との使い分けまで、「なぜ流行ったのか」 を実務目線で整理します。