作業担当者：鈴木　祥護
作業日　　：１月２２日

 

CSS構成の整理・再設計

• CSSを以下の役割別ディレクトリ構成に整理
  • base：リセット・変数・基本設定
  • layout：header / background / screen 等のレイアウト管理
  • components：ボタン・テキスト演出・装飾要素
  • pages：TOP / CALENDAR / ABOUT 等のページ単位CSS

背景（黒ページ群）の統一

• 黒1〜5ページの背景を統一（1ページ目の黒を基準）
• 黒3ページ：画像を完全削除し、テキスト訴求用ページへ変更
• 黒4ページ：ページ自体を削除
• 背景CSSを css/layout/background.css に集約

カレンダー画面の再構築

■ 問題点

• calendar.css 消失により日付が非表示
• 月・年切替時にボタン位置が動く
• レイアウト依存による再描画ズレ

■ 対応内容

• calendar-wrapper を基準とした高さ固定設計に変更
• 月表示（cal-month）に固定幅を設定
• 年表示・タイトルエリアの高さを固定
• 操作ボタン（月・年）を画面下部にabsolute固定配置
• ボタンサイズを完全固定し、連続操作でも位置ズレなし

 

今後の予定（次フェーズ）

• 月切替時のフェード＋スライドアニメーション追加
• TODAYセルの一瞬発光演出
• FAQ画面：
  • 質問入力フォーム追加
  • 投稿内容をリアルタイム反映
• オープニングアニメーション（5秒）導入