検証テーマ一覧 › 4. インタラクション・演出

グラスモフィズムLP（スクロール・ホバー演出）

インタラクション・演出｜グラスモフィズムの世界観と、スクロール・ホバーに連動する滑らかなマイクロインタラクションを両立できるか

このテーマの成果物を左右で比較する

固定プロンプト（v2）

全AIモデルに一字も変えずに与える依頼文です。

先進的なAIツールの紹介を行うランディングページ（LP）を単一のHTMLファイルで作成してください。グラスモフィズム（すりガラス効果）を取り入れたサイバーモダンな世界観とし、スクロールやホバーに応じた滑らかなマイクロインタラクションを盛り込んでください。

このカテゴリで測ること

• CSSアニメーション
• Tailwind/アイコン読み込み
• レスポンシブ崩れ防止

主な測定内容

• グラスモフィズムの要件（半透明・背景ぼかし・縁取り・背景図形）の充足
• スクロール連動演出・ホバー演出の種類数と滑らかさ（カクつき）
• CSSアニメーションの使い方（transition/keyframes/transform）
• Tailwind・アイコン等を読み込む場合、正しく動いているか
• 390px/1280pxでの崩れ・演出の破綻

評価ポイント

• 世界観の完成度（サイバーモダンとして成立しているか）
• 演出の品のよさ（やりすぎていないか・操作の邪魔をしないか）
• コピーの質
• そのまま公開できるか

登録済みの成果物（3件）

他の検証テーマ

• スイカゲーム風合体パズル （物理演算・衝突判定（2D））
• ピンボール （物理演算・衝突判定（2D））
• 特殊ルール付きリバーシ （ターン制・状態遷移）
• カードバトル （ターン制・状態遷移）
• SaaSアナリティクスダッシュボード （モダンUI・デザイン）
• リアルタイム検索・ソート・CSV出力SPA （大量データ・テーブル操作）
• ノードベースのワークフローエディタ （2D幾何・ノード操作）
• 国家経営マルチエンディングシミュレータ （文脈維持・シナリオ設計）
• Three.jsパーティクルビジュアライザー （3D空間・数理レンダリング）
• 楽観的UI＋リトライ付きチャット通信モジュール（TypeScript） （非同期・通信耐障害性）
• 配送トラック巡回問題 （独自制約・数理最適化）
• 変則ナップサック問題 （独自制約・数理最適化）
• 複数ファイル構成のリポジトリへの新機能追加 （マルチファイル・既存改修）
• 法規制・規約に準拠した業務フロー＋DB設計 （ドメイン知識・仕様整合性）