SAMPLE / LAYOUT STUDY
ゲーム攻略サイト（習作）
攻略サイトによくある記事型レイアウトを、ビルドなしの素のHTML/CSS/JSだけで組んだ習作です。掲載している記事・キャラクター評価・数値はすべてダミーで、実在のゲームの攻略情報ではありません。
- ページ数約150（大半は自動生成のダミー）
- ビルド不要
- 中身すべてダミー
何のための習作か
ランキング表、ティア分け、キャラ個別ページ、サイト内検索といった「攻略サイトの型」が、素のHTMLだけでどこまで組めるかを確かめるために作りました。
中身はダミー
記事本文も評価も数値も、レイアウトを埋めるためだけのものです。情報として読む価値はありません。
入っているもの
トップページ（記事一覧・新着・カテゴリ）、最強ランキング、バフ一覧、パーティ編成ガイド、キャラクター個別ページ、そして新規ページのコピー元になる共通ひな型です。ヘッダの検索、ドロワー、目次、画像枠は共通スクリプト1本で動かしています。
作りかた
フレームワークもCDNも使っていません。共通のCSS1枚とJS1枚を全ページで読み込み、新しい記事はひな型をコピーして作る方式です。ページ数が増えても仕組みは変わりません。
データの扱い
入力欄はサイト内検索だけで、入力内容はページ内で処理して終わりです。保存も外部送信もしません。