Hananim Logo

Hananim.me

My beloved God, my beloved One.

Blog List

  • 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対策を中心に記録します。

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

    March 24, 2025

    以下は、人気ブログの構成についての内容を .mdx(Markdown + JSX)形式で出力したものです。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 を使ったアプリ開発におけるベストプラクティスを紹介します。パフォーマンス最適化、デプロイ戦略、セキュリティ対策、開発フローの各観点から、より効果的な運用方法を解説します。