typescript

TypeScriptとPrisma ORMの連携を解説するイラスト。schema.prismaによるデータベース定義から型の自動生成、型安全なクエリによるデータ取得までの仕組みを表現。 プログラミング

【TypeScript】モダンORM「Prisma」とは?特徴から Neon・Next.jsを使った接続サンプルまで徹底解説

TypeScriptで人気のORM「Prisma(プリズマ)」を徹底解説!ORMの基本から強力な型安全性の秘密、メリット・デメリット、基本的な使い方まで。さらにNext.js、Hono、Neonデータベースとの連携サンプルコードも掲載。
Next.jsのServer ComponentsからNeonのPostgreSQLへ直接接続し、売上グラフ・最新請求書・集計データを並列取得する仕組みの図解 プログラミング

【Learn Next.js チュートリアル解説】第7章:データ取得(Data Fetching)Next.jsとNeonでDBデータを直接・並列取得する方法

Next.jsのServer ComponentsからNeonのPostgreSQLへ接続し、データを並列取得する方法を解説。async/awaitやPromise.allを活用したデータ取得と、安全なデータベース連携方法を初心者向けに紹介します。
NeonのサーバーレスPostgreSQLをCLIで構築し、PythonやTypeScriptのORMと連携する方法を示した図解 インフラ・サーバー

サーバーレスPostgreSQL「Neon」完全入門。CLI構築からPython/TypeScript(ORM)連携まで徹底解説!

サーバーレスPostgreSQL「Neon」はVercelなしで単体作成可能!本記事ではNeonの特徴やメリット、Ubuntu環境(CLI)からneonctlでデータベースを構築する手順、ブラウザでの確認方法、おすすめORMまで解説します。
Learn Next.jsでPostgreSQLデータベースを構築し、環境変数を設定してVercelと連携する仕組みの図解 プログラミング

【第6回】Learn Next.js チュートリアル解説:PostgreSQL データベースの構築と環境構築(Vercel連携)

Learn Next.js 解説第6回 PostgreSQLデータベース構築!Vercel Storageを使ったPostgresの作成から、.envの安全な設定方法、シードスクリプトによる初期データの流し込み、SQLクエリ実行テストまで紹介します。
Next.jsのnext/linkとusePathnameを使ったページ間ナビゲーションの仕組みを示す図解 プログラミング

【第5回】Learn Next.js チュートリアル解説:ページ間ナビゲーション(next/link と usePathname)

Learn Next.jsの日本語解説。「next/link」を用いた画面遷移の実装法、従来のaタグとの違いや、プリフェッチによる高速化の仕組み、usePathnameを使ったアクティブリンクのハイライト表現まで分かりやすく解説します。
Learn Next.js Chapter 4のネストされたレイアウトと部分レンダリングを解説する図解 プログラミング

​【Learn Next.js】Chapter 4:ネストされたレイアウトと部分レンダリング(Partial Rendering)の仕組みを完全理解

​Vercel公式「Learn Next.js」の日本語解説の第4回。Next.jsのネストされたレイアウトの作成方法と、ページ遷移時に共通UIを再描画せず、画面のチラつきを防ぐ「部分レンダリング」の仕組みなどを解説します。
Next.jsでフォントと画像を自動最適化する方法を解説する図解 プログラミング

​【Next.js入門 第3回】フォントと画像を自動最適化!next/font & next/image の使い方【Learn Next.js】

Vercel公式「Learn Next.js」を日本語で解説する連載第3回。Webサイトの表示速度とUXに直結する「フォント」と「画像」の自動最適化を学びます。next/font によるGoogleフォントの設定方法等、実際のコード付きで解説
Next.jsのCSSスタイリング4つの手法を解説するイメージ プログラミング

【Next.js入門 第2回】Next.jsのスタイリング手法を徹底解説!Tailwind CSS・CSS Modules・clsxの使い方【Learn Next.js】

Vercel公式「Learn Next.js」を日本語で分かりやすく解説する連載第2回。スタイルを適用する4つの手法(Global CSS、Tailwind CSS、CSS Modules、clsx)の使い方を、実際のコード例を交えて徹底解説します。
Next.js入門とWebアプリ開発のイラスト プログラミング

【Next.js入門 第1回】公式チュートリアル「Learn Next.js」を日本語で徹底解説!環境構築からディレクトリ構成まで

Reactの基礎を終えた方向けに、公式「Learn Next.js」を日本語で分かりやすく解説!第1回は環境構築、WSL2で発生するNode.js権限エラー(EPERM)の解決手順、ディレクトリ構成まで詳しく紹介します。
初心者向けhonoとworkersを使ったwebアプリの概要 インフラ・サーバー

【初心者向け】Hono + Cloudflare Workersで爆速なWeb APIを作る方法

Web APIをサクッと作って公開したい時、「サーバーのセットアップが面倒」「レスポンス速度を極限まで速くしたい」と思ったことはありませんか? 今回は、エッジサーバーレス環境の Cloudflare Workers と、 […]