#author("2025-07-14T14:36:40+09:00;2025-07-14T14:00:45+09:00","default:member","member") #author("2025-07-14T15:19:08+09:00;2025-07-14T14:00:45+09:00","default:member","member") *Why don't you 8号車？ 超特急の全力布教サイト ~ #image(header.jpg,center) ~ -伊藤 早紀 -'''Keywords：推し活 , 布教, webデザイン ''' doLD2rQ1u8U/edit?usp=sharing]]← ここからコメントをお願いします。 ~ ''[[完成品(限定ページ記載)>伊藤早紀/限定]]''←クリック //-&color(red){画面サイズを小さくするとメニューが見やすいと思います💦後でコード修正します}; //-HOME、ABOUT、MEMBER(個人ページは💙💜のみ)がクリック可能です！ //-BEHINDはまだページも作ってないです。。。 //[[メンバー紹介デザイン>https://ksumail-my.sharepoint.com/:b:/g/personal/k24as004_st_kyusan-u_ac_jp/Ee1sk_rSpypAmgGaDXFoAZkBJOp1abo-Fz-0YsTRm6tE3w?e=cqnwJI]] ~ //***CONTENTS //#contents2_1 //~ **概要 ***これは何？ 私の大好きなグループ「超特急」をたくさんの人に知ってもらうためのサイト ~ ***背景と目的 「超特急って知ってる？」と聞くと、「名前は聞いたことある」「昔からいるよね」と言われることが多い。 今人気急上昇中だからこそ、超特急はこんなヤバいグループなんだということをもっと詳しく知ってほしい！！ ※「8号車」は超特急のファンネームです🩷 ~ ***制作ツール VScodeで制作（HTML・CSS・JavaScript） Adobe Illustrator ~ ***成果物の仕様 //&color(red){&small(成果物の形式・サイズ・時間尺等);}; -著作権のため、限定ページに掲載しています [[伊藤早紀/限定]] ~ ~ #hr CENTER:''進捗記録'' #hr ~ ~ **2025.07.07 -ページの制作 -土曜にはページの記入を完成させたい ~ ~ **2025.06.30 -引き続きページの制作 -メニューの位置を検討中 ~ ~ **2025.06.23 ***見出された問題点 -''メニューが見ずらい''、ハンバーガーデザインを要検討 →コードミス(レスポンシブが不適切) -aboutにデザイン性が足りない -言葉の統一 ~ ***好評を得た点 ＞ プロジェクトの特性として -たくさんページがあって見応えがある -端的に説明できている - ~ ~ **2025.06.16 ***今回制作したプロトタイプ #image(サイトマップ.png) [[メンバー紹介デザイン>https://ksumail-my.sharepoint.com/:b:/g/personal/k24as004_st_kyusan-u_ac_jp/Ee1sk_rSpypAmgGaDXFoAZkBJOp1abo-Fz-0YsTRm6tE3w?e=cqnwJI]] ~ ***プロトタイプの説明 -動画をたくさん掲載する予定→ライブ映像(公式)＞MV＞音源 -用語が多すぎてどれを説明しようか悩み中。。。 ~ ~ **2025.06.09 ***現状分析 -[[公式サイト>https://bullettrain.jp]] -https://x.com/sd_bt/status/1929890593121153158 ~ ***課題定義 1. どのくらい情報を載せるか 2. 公開方法 3. ページのデザイン ~ ***制作上のアイデア（課題ごとに複数のアイデア） -1. どのくらい情報を載せるか ''載せたい情報が多すぎるから、あくまで入門的な情報はどこまでか'' 載せる予定の情報 --メンバー紹介&推しポイント --曲 --グループの経歴 --用語について --LIVE・SNS・MEDIA -2. 公開方法 --著作権の関係上、限定公開 --SNSに載せたいけど。。。 -3. ページのデザイン --8号車のカラーのピンク基調 -- ~ ~ **2025.06.02 ***テーマ候補 (前回の引き継ぎ) -''推し関連（超特急）'' -ネイルの魅力 -タイポグラフィ -夜空・プラネタリウム -平成で流行っていたもの -作品撮りについて ~ ***成果物の仕様 -形式：webサイト ~ ***この演習を通して身につけたいスキル -webのプログラミング・デザイン -レイアウト -写真編集 -デザイン思考 ~ ~