hisao5232

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フォントの設定方法等、実際のコード付きで解説
Google Cloud Tasksで外部APIのレート制限を回避する仕組みの図解 インフラ・サーバー

【GCP】Cloud Run × Cloud Tasks で外部APIのレートリミットを回避する非同期バッチ構成(Python実装例つき)

​外部APIのレートリミット(429エラー)対策として、本記事ではGoogle Cloud Tasksの流量制御機能とCloud Run(FastAPI)を使い外部APIを安全に実行する構成とPython実装コードをわかりやすく解説します。
Gemini APIで請求書をJSONデータに自動抽出するイメージ プログラミング

【Python×Docker】Gemini APIでPDF伝票を無料でOCR&JSONデータ化してみた!【初心者向け】

Googleの「Gemini API(gemini-3.5-flash-lite)」とDockerを使い、PDF伝票を無料でOCRしてJSON形式でデータ化する方法を解説!環境構築からPythonでの実装、無料枠での注意点まで初心者向けに分かりやすく紹介します。
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)の解決手順、ディレクトリ構成まで詳しく紹介します。
Windows11とWSL2で構築する軽量ローカル開発環境ガイドのアイキャッチ画像。ノートパソコンの上にコンテナが積み上がるイラスト。 インフラ・サーバー

Docker Desktopは不要!Windows11+WSL2で構築する軽量ローカル開発環境ガイド

Docker Desktopを使わず、Windows11のWSL2上にDocker Engineを直接構築して軽量なローカルWeb開発環境を作る手順を解説。完全無料で動作も軽快。導入ステップからVS Code連携まで分かりやすく紹介します。
CloudRunとpythonを使ったモダンAPI開発の概要 インフラ・サーバー

【2026年最新】Cloud Run × Python FastAPIで作るモダンAPI開発入門!Cloudflare Workers比較からデプロイまで徹底解説

Pythonで軽量&超高速なAPIをサクッと開発し、できればインフラコストを「完全無料(0円)」で本番公開したいと考えたことはありませんか? 本記事では、Google Cloudのコンテナ実行プラットフォーム「Cloud […]

無料VPSからOracle Cloud OCIへWordPressを移行する手順とMixed Content対策 インフラ・サーバー

エックスサーバー無料VPSから無料Oracle Cloud(OCI)へWordPressを移行する手順とCSS崩れなどのMixed Content問題回避策

はじめに エックスサーバーの無料VPSサービスが新規受付を休止したため、代替となる永久無料のクラウドインフラとして Oracle Cloud Infrastructure(OCI)の Always Free(VM.Sta […]