App Routerのディレクトリ設計：Next.jsプロジェクトの構成術 - izanami
App Router採用プロジェクトのディレクトリ設計を解説。app/client/server/の責務分離、Route Groupsによるレイアウト管理、HonoのNext.js統合、Server Componentを活かす設計パターンを実例とともに紹介します。 この記事では、App Routerのディレクトリ設計について、実際のプロジェクト構成を交えて解説します。 📝 この記事で使う用語 CSR（Client Side Rendering）: ブラウザ側でJavaScriptを実行してHTMLを生成する方式 SSR（Server Side Rendering）: サーバー側でHTMLを生成してからブラウザに送る方式。表示が高速になる Streaming: HTMLを分割して順次送信する方式。ページ全体の読み込みを待たずに表示が始まる 📖 App Routerの基本 Next.js
TypeScript 向けの AI フレームワーク TanStack AI を試してみた
TanStack AI は TanStack チームが開発する TypeScript 向けの軽量な AI フレームワークです。LLM プロバイダーのインターフェイスを抽象化し、ツール呼び出しやチャット機能を提供します。この記事では TanStack AI の概要と基本的な使い方を紹介します。 AI エージェントの開発をする上で LLM の API 呼び出しを抽象化してくれるフレームワークは欠かせないものと言えるでしょう。OpenAI や Anthropic などの主要な LLM プロバイダーはそれぞれ公式 SDK を提供していますが、それぞれ異なるインターフェイスを提供しているため複数の LLM モデルを切り替えながら開発する場合には煩雑さが増してしまいます。 この差異を吸収してくれるフレームワークとして TypeScript なら AI SDK、Python なら LangChain が
"Next.jsを書いていて本気でつまずいたポイントまとめ（初心者〜中級向け）"
Next.jsを書いていて本気でつまずいたポイント（コード付きでシンプル解説） こんにちは、シュートです。普段は学生をしながらTypeScriptを用いて、個人開発やチーム開発をしています！ Next.js と React を使う中で、「文法は知ってるのに挙動がよく分からない」場面が何度もありました。 この記事では、自分が本当に詰まった箇所だけを、原因 → コード例 → 解決策 の流れでシンプルにまとめます。 1. useState の値が更新されない問題 まず誰もが通る道。 const [count, setCount] = useState(0); const handleClick = () => { console.log(count); // 0 のまま setCount(count + 1); console.log(count); // 0 のまま };
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
