SAMPLE / TEMPLATE
NEWS PORTAL（ひな型）
一般的なニュースサイトの見た目と導線を、素のHTML/CSS/JavaScriptだけで組んだひな型です。掲載している記事はすべてダミーで、実在の報道ではありません。
- ページトップ / 記事 / カテゴリ / 概要
- 外部依存なし（CDN・フォント・FWとも）
- 中身すべてダミー
何のためのひな型か
記事詳細とカテゴリ一覧を1枚のテンプレートで賄い、URLのクエリで出し分ける構成を試すために作りました。記事が増えてもHTMLファイルは増えません。
記事の書き方
記事の正本はSQLiteに置き、ローカルで動くCMSから書き込みます。公開時はそこから生成したデータファイルだけを配信します。
入っているもの
トップページ（トップ記事・新着グリッド・サイドバー）、記事詳細テンプレート、カテゴリ別一覧テンプレート、サイト概要ページの4枚です。記事詳細とカテゴリ一覧は ?id= ?cat= をURLから読んでレンダリングします。
公開していない部分
記事を書くための管理画面とローカルサーバー、SQLiteの本体は本番に含めていません。公開しているのは静的な4ページと、そこから読むデータファイルだけです。
データの扱い
閲覧側に入力欄はありません。保存も外部送信もしません。