#フレームワーク
129 件の記事
Next.jsでブログを作る #4 コメント (Server Actions)
記事ごとにコメントを付けられるようにします。Server Actionsでフォーム送信と検証を処理し、useActionStateでUXを整えるパターンを実戦に適用します。
Angular基礎 #1 Angular とは何か?
この講座では、Angular 入門者のために Angular とは何か、なぜ作られたのか、そしてどんな問題を解決するツールなのかについて学んでいきます。
Django基礎 #1 Django とは — Why Django、FastAPI との位置
Django がなぜ作られ、どんな用途に向くのかを、FastAPI との比較を通じてフルスタックモノリスの価値とともに整理します。
Next.jsでブログを作る #3 タグと検索
タグ別記事まとめページと、URLクエリパラメータで動作する検索機能を追加します。動的ルートの2つのパターン(generateStaticParams vs searchParams)が一度に登場します。
Next.jsでブログを作る #2 記事一覧と詳細ページ
Server Componentでfsを使ってMDXファイルを直接読み、動的ルートで本文をコンパイルして画面に描く中核の流れを作ります。
Next.jsでブログを作る #1 開始と設計
モダンReactシリーズで学んだServer ComponentsとServer Actionsを実戦プロジェクトに適用してみます。最初の記事は要件、データモデル、フォルダ構造、MDXのセットアップまで。
モダンReact + Next.js #6 Server Actionsとフォーム (まとめ)
Server Actionsでフォーム送信とサーバーデータの変更をシンプルに扱い、useActionState/useFormStatusでUXを整えるパターン、そしてシリーズの振り返りでまとめます。
モダンReact + Next.js #5 Suspenseとuse()によるローディング処理
準備された部分から段階的に表示するstreaming、Suspense境界、loading.js、そして新しく登場したuse()フックを扱います。
モダンReact + Next.js #4 データフェッチとキャッシング
Server Componentでasync/awaitを使ってデータを直接取得するパターン、そしてNext.jsのキャッシング動作と再検証を見ていきます。
モダンReact + Next.js #3 Server Components vs Client Components
2種類のコンポーネントがどう違うのか、'use client'ディレクティブでどう境界を引くのか、そしてそれらをどう混ぜて使うのかを整理します。
モダンReact + Next.js #2 Next.jsの開始とApp Router
Next.jsプロジェクトを作成し、App Routerのファイルベースルーティング、layoutシステム、ネストレイアウトを身につけます。
モダンReact + Next.js #1 なぜNext.jsとServer Componentsなのか
クライアントサイドReactの限界と、Server Componentsが解決する問題、CSR/SSR/RSCの違いを整理します。