🎨 作品ギャラリー
みんなが作ったウェブサイト・アプリを紹介します。あなたも作れる！
ここでは、このサイトで学んだ人たちが作った作品を紹介します。テーマも見た目も、みんなそれぞれ違います。正解はありません。「自分もこんなの作れるかも！」と思ったら、ぜひ挑戦してみてください。
🎤
推しのアーティスト紹介ページ「YUKI FAN PAGE」
中学2年・さくら ／ 使用：HTML + CSS
好きなアーティストの情報をまとめた紹介ページ。プロフィール・ディスコグラフィー・おすすめ曲リストの3セクションに分けて整理。テーマカラーをピンクと白で統一しています。
💡 工夫したポイント：Flexbox でアルバム画像を横並びに。Google フォントでファンサイトっぽい雰囲気を演出。
🎮
好きなゲームランキング TOP5
中学1年・けんた ／ 使用：HTML
自分が好きなゲームをランキング形式でまとめたページ。各ゲームのタイトル・ジャンル・おすすめポイントを表で整理。HTMLだけで作った最初の作品です。
💡 工夫したポイント：
<table> でランキングを見やすい表に。<h1>〜<h3> を使い分けて情報の重要度を表現。
🧠
なんでもクイズ！
高校1年・ひなた ／ 使用：HTML + CSS + JavaScript
アニメ・食べ物・地理などバラバラなジャンルの5問クイズアプリ。答えを選ぶと正解・不正解がすぐわかり、最後にスコアが表示されます。
💡 工夫したポイント：正解は緑・不正解は赤でボタンの色が変化。問題を配列にまとめて
for ループで表示する仕組みに。
🏀
バスケ部 紹介ページ
高校2年・りょう ／ 使用：HTML + CSS
バスケ部の目標・メンバー紹介・練習スケジュールをまとめたページ。文化祭で QR コードを貼って来場者に見てもらいました。
💡 工夫したポイント：メディアクエリでスマホは1列・PCは2列に切り替わるレイアウト。ヘッダーに部のカラー（青）を使用。
🚀 あなたの作品もここに並ぶかもしれない！
自由課題に挑戦する →