Posts from March 2025

• Next.js App Router における generateMetadata の2つの実装パターン解説

  March 30, 2025

  Next.jsのApp Routerで使われる generateMetadata の動的パターンと静的パターンについて、役割と使い分けを徹底解説します。

• Next.js + MDX ブログ構築記録：構造化データとSEO強化

  March 28, 2025

  Next.js App Router と MDX を用いたブログ構築の過程を、構造化データや SEO 対策を中心に記録します。JSON-LD の実装・パンくずリスト・OGP 設定など実装のポイントをまとめています。

• 人気ブログのUI構成ガイド

  March 24, 2025

  人気ブログの UI 構成についてのガイドです。Next.js App Router + next-mdx-remote などで使用できる構成を想定しています。ヘッダー・フッター・記事カード・サイドバーなど各パーツのコード例を掲載しています。

• Tailwind CSS className テーブル について

  March 19, 2025

  Tailwind CSS のクラス名（className）は、ユーティリティファーストのアプローチに基づいており、CSS のプロパティごとに個別のクラスが割り当てられています。例えば、text-center は text-align: center; を適用し、bg-red-500 は背景色を赤（500の濃さ）に設定します。

• Vercel を活用したアプリ開発のベストプラクティス

  March 19, 2025

  Vercel は Next.js との相性が良く、サーバーレスなデプロイ環境を提供するプラットフォームです。本記事では、Vercel を使ったアプリ開発におけるベストプラクティスを紹介します。パフォーマンス最適化、デプロイ戦略、セキュリティ対策、開発フローの各観点から、より効果的な運用方法を解説します。

• Tailwind CSS className について

  March 18, 2025

  Tailwind CSS のクラス名（className）は、ユーティリティファーストのアプローチに基づいており、CSS のプロパティごとに個別のクラスが割り当てられています。例えば、text-center は text-align: center; を適用し、bg-red-500 は背景色を赤（500の濃さ）に設定します。

• SpeechPlayer

  March 13, 2025

  これは講演用の文章です。ユーザーは男性・女性の声を選んで再生できます。