ブログを開設しました

はじめに

このブログを開設しました！Next.js (App Router) + MDX + Tailwind CSS で構築し、GitHub Pages でホスティングしています。

技術スタック

このブログは以下の技術で構築されています（バージョンは現行のもの）：

• Next.js 16 — App Router を使用した静的サイト生成（output: "export"）
• React 19 — UI ライブラリー。React Server Components を活用
• MDX — Markdown + JSX でブログ記事を記述
• Tailwind CSS v4 — ユーティリティーファーストの CSS フレームワーク
• TypeScript — 型安全な開発
• next-intl — 日英バイリンガル対応の i18n
• Shiki — ビルド時のシンタックスハイライト（ライト/ダーク両対応）
• Mermaid — 図表をクライアントサイドで SVG レンダリング
• GitHub Pages — 無料の静的サイトホスティング

こだわりポイント

日英バイリンガル対応

日本語と英語の両方で記事を公開しています。ヘッダーの言語切替ボタンで切り替えられます。

ダークモード

ライトモードとダークモードを切り替えられます。

シンプルなデザイン

読みやすさを優先して、装飾の少ないデザインにしました。

コードの例

記事中のコードブロックは、次のように表示されます。

function greet(name: string): string {
  return `こんにちは、${name}さん！`;
}
 
console.log(greet("世界"));

今後の予定

• 技術記事の投稿
• 学んだことのアウトプット
• ポートフォリオの充実

これからよろしくお願いします！