Markdown テスト記事

7/8/2025

この記事は Markdown と MDX の様々な機能をテストするためのサンプルです。

📝 基本的なフォーマット

テキストスタイル

  • 太字テキスト
  • 斜体テキスト
  • 取り消し線
  • インラインコード

リスト

順序なしリスト

  • 項目 1
  • 項目 2
    • サブ項目 2.1
    • サブ項目 2.2
  • 項目 3

順序ありリスト

  1. 最初の項目
  2. 2番目の項目
  3. 3番目の項目

💻 コードブロック

JavaScript

function greet(name) {
  console.log(`こんにちは、${name}さん！`);
}

greet("NEXTDEVKIT");

TypeScript

interface User {
  id: number;
  name: string;
  email: string;
}

const user: User = {
  id: 1,
  name: "田中太郎",
  email: "tanaka@example.com"
};

CSS

.button {
  background-color: #3b82f6;
  color: white;
  padding: 0.5rem 1rem;
  border-radius: 0.375rem;
  border: none;
  cursor: pointer;
}

.button:hover {
  background-color: #2563eb;
}

📊 表

機能説明ステータス
認証ユーザーログイン・サインアップ✅ 完了
ダッシュボードユーザー専用ページ✅ 完了
ブログ記事管理システム🚧 開発中
決済Stripe統合⏳ 予定

🔗 リンク

📷 画像

NEXTDEVKIT ロゴ

💡 引用

"最高のコードは、書かれていないコードである。"

— プログラマーの格言

⚠️ 注意事項

重要: この記事はテスト用です。実際のプロダクション環境では使用しないでください。

🎯 まとめ

この記事では以下の Markdown 機能をテストしました：

  1. 基本フォーマット: 太字、斜体、取り消し線
  2. リスト: 順序あり・なし、ネスト
  3. コードブロック: 複数言語のシンタックスハイライト
  4. 表: データの整理
  5. リンク: 外部サイトへの参照
  6. 画像: 視覚的コンテンツ
  7. 引用: 重要な情報の強調

NEXTDEVKIT のブログシステムは、これらすべての機能を美しくレンダリングします！