DebugSite
システム正常稼働中

デバッグ・検証用テストサイト

画像を使用せず、HTML・Tailwind CSS・React アイランドの描画と基本動作をシンプルに確認できるテスト用ページです。

環境・機能仕様

検証済みのスタックおよびコンポーネント仕様一覧です。

Astro 7 + Tailwind v4

ゼロJS静的HTML生成と最新のユーティリティファーストCSSフレームワーク。

React 19 Islands

必要な部分だけをインタラクティブ化する部分ハイドレーション構成。

TypeScript 準拠

型安全なコンポーネント設計とプロパティ受け渡しに対応。

画像なし構成

外部画像リソースへの依存がなく、高速なロードと動作検証が可能。

Lucide アイコン

インラインSVG形式の軽量アイコンセットを採用。

レスポンシブ対応

モバイル・タブレット・PC各画面幅に柔軟に対応するグリッドレイアウト。

インタラクション動作確認

クライアントサイドでのイベント発火・状態更新の動作をテストできます。

状態管理テスト (カウンター)

Reactアイランドの動作確認用コンポーネントです。

0

イベント・入力テスト

  • テスト項目 1
  • テスト項目 2

システムステータス

各種確認用ダミーパラメータおよび環境項目です。

項目名値 / 状態チェック
画像リソース読み込み0 requests (完全非依存) 正常
レイアウトレンダリングAstro Static Generation 正常
クライアントスクリプトReact Island Loaded 正常

本ページはデバッグ目的で作成されているため、外部画像や大きなアセットを読み込まず、最小構成で動作します。