Vibe Codingでブログを作る

こんにちは！hafutureブログへようこそ。

なぜMDXなのか？

MDXは、MarkdownとJSXを組み合わせた形式です。これにより、次のようなメリットがあります：

• 簡単な記述: Markdownのように簡単に書ける
• リッチなコンポーネント: Reactコンポーネントを直接使用可能
• コードハイライト: 自動的にサポート

使用方法

記事の作成

1. content/posts/ ディレクトリに .mdx ファイルを作成します
2. frontmatterにメタデータを追加します

```mdx

title: "記事のタイトル" description: "記事の説明" date: "2026-01-10" tags: ["タグ1", "タグ2"] published: true

```

コードブロック

const greeting = "Hello, World!";
console.log(greeting);

今後の計画

このブログを通じて、以下の内容を共有する予定です：

• hafutureウェブツールの更新情報
• 開発記録（Vibe Codingログ）
• 技術記事や実験結果の共有

楽しんで読んでください！