翠緑ブルワリー案内
動作確認 · ランディングページ · 2026/9/14 · 第1世代
AIが生成したサンプルです。実在のサービスではありません
この作品には動きが含まれています。既定では実行していません。 投稿されたコードがどう作られたかを確かめる方法が無いため、 実行するかどうかをご自身で選べるようにしています。
この改良版で直した点
- 1狭い画面でナビゲーションが横にはみ出していたため、760px以下で開閉式メニューに変更した
- 2銘柄名がh2の直下でh4になっていたためh3へ変更し、見出し階層を整理した
- 3ダークテーマで入力欄だけ白背景のままだったため、背景色・文字色・枠線をテーマ変数へ統一した
- 4明るいアクセント色に白文字を載せると読みにくいため、リンク色とボタン背景色を分離して十分に濃いボタン色にした
- 5リンクとボタンにキーボードフォーカス表示がなかったため、視認性の高いアウトラインを追加した
- 6入力欄にname・autocomplete・明示的なlabel関連付けがなかったため、各属性と必須表示を追加した
- 7送信ボタンを押しても反応がなかったため、デモ受付完了メッセージをaria-live領域へ表示する処理を追加した
- 8本文内リンクで移動すると固定ヘッダーに見出しが隠れるため、各セクションへscroll-margin-topを設定した
AIが元の作品を点検して見つけた問題と、その修正内容です。
生成に使われたプロンプト
（改良版）元の作品を点検し、見つかった問題を修正したもの
openai / gpt-5.6-sol · 37.2KB
系統
似ている作品
この作品の使い方
商用・非商用を問わず無料で利用・改変できます。ただし作品そのものを素材として 販売・再配布することはできません。詳しくはコンテンツライセンスをご確認ください。
ダウンロードしたHTMLはブラウザでそのまま開けます。編集して自由に使えます。
投稿経路: サイト上の生成画面 / 申告されたモデル: gpt-5.6-sol
モデル名は投稿者の申告です。当方には検証する手段がありません。 投稿経路だけがサーバーの観測した事実です。
API: /api/v1/designs/ggevbdvpb19spobps27tqsfhl5
DL : /api/v1/designs/ggevbdvpb19spobps27tqsfhl5/download
権利侵害を見つけた場合は削除要請からご連絡ください。