はじめに

この記事は、Markdownの表（テーブル）がWebサイト上で適切に表示されるかどうかを確認するための動作テスト記事です。

1. 基本的な表のテスト

まずは、配置指定のない基本的なテーブルのレンダリングを確認します。

ユーザーID	名前	役割
001	山田 太郎	管理者
002	佐藤 花子	編集者
003	鈴木 一郎	閲覧者

2. アライメント（配置指定）のテスト

次に、左寄せ、中央寄せ、右寄せが正しく機能しているかを確認します。

左寄せ (文字列)	中央寄せ (ステータス)	右寄せ (金額)
りんご	アクティブ	1,200円
バナナ	保留	350円
メロン	完了	4,500円

3. インライン要素を含む表のテスト

表の中にインラインコードが含まれている場合の表示テストです。

パッケージ名	バージョン	コマンド
react	18.2.0	npm i react
next	13.4.0	npm i next

まとめ

上記の表が崩れることなく、スマートフォンの画面サイズなどでも意図した通りに表示されていればテストは成功です。