#author("2026-06-08T14:27:32+09:00","default:member","member") #author("2026-06-22T16:30:59+09:00","default:member","member") *&color(#9370DB){my new era}; #setbgcolor(#F0FFF0) 自分や友達、好きなものまとめたサイト #image(メインイメージ.png) -''Uta Inayoshi'' -'''Keywords：Web design, friends, favorite''' -___%%[[プロトタイプ評価シート>https://docs.google.com/spreadsheets/d/1EvTuQ7oD-0x-w6V-u6DEHRTLpYCuNhhAWz1066r5rHQ/edit?usp=sharing]]%%___ ご協力ありがとうございました。 -https://shiesuta23.github.io/my-new-era/ ~ //***CONTENTS //#contents2_1 //~ **概要 ***背景と目的 日常を思い出に残すために、自分の好きなようにまとめてサイトを作る。 ~ ~ ***成果物の仕様 商品サイトのように日ごとなどで分けてズラーっと並べる。 GoogleSitesで作成する ~ ~ ***制作ツール パソコン・スマホ ~ ~ #hr CENTER:''進捗記録'' #hr ~ ~ **2026.05.28 ***作業の記録 欠席 ***成果報告(修正点) -favoriteのページを一番工夫した ~ ~ **2026.05.25 ***作業の記録 -メインビジュアル、サブビジュアル -homeページの作成 -他のページに飛ぶためのページ ~ ***MEMO（ToDo項目など） -menu,new,aboutページの作成 -フォントの変更 ~ ~ **2026.05.18 ***作業の記録 -使いたい写真をまとめた -メインイメージ ~ ***MEMO（ToDo項目など） -html -写真の加工 -サイト制作 ~ ~ **2026.05.11 ***見出された問題点 -雰囲気の統一感 -うまくまとめる ~ ***好評を得た点 ＞ プロジェクトの特性として -フォント -メインビジュアル -プロトタイプ ~ ~ **2026.04.27 ***成果物の仕様・プロトタイプ #image(サイトマップ.png) サイトマップ ~ |#image(ワイヤーフレーム1.png)|#image(ワイヤーフレーム2.png)| サイトのワイヤーフレーム -HOMEに写真を載せて、MENUからも写真を見ることができる -NEWを押すと最新の写真に飛ぶようにする ~ **2026.04.20 ***現状調査（先行事例等） -https://193igusa.com -https://sculptor-worldwide.jp/?srsltid=AfmBOor1CGDmcioeE2uowFa_LSh4TE2RrSnZ0g1LPdTJC8i7rdH3TwqS -https://kiiikiii.kr GIFアニメ作る参考 ~ ***解決すべき課題（ToDoリスト） -1. WebSiteの作成 -2. GIFアニメの作成 -3. 写真のデザイン ~ ***制作上のアイデア（課題ごとに複数のアイデア） -1. WebSiteの作成 --参考にするサイトを調べる --サイトでどんなアクションをしたいのか考える --雰囲気・テーマを決める -2. GIFアニメの作成 --Pinterestや参考サイトで見つける --大きさ、動き、色を決める -3.写真のデザイン --いろんなフォントを使う --背景、色味、コラージュを工夫する --コンセプトを決める ~ ~ **2026.04.13 ***テーマ候補 -アイドルのファッション・ステージ衣装徹底解説 -''私の日常・友達 自分で撮った写真をコラージュしたり'' -いろいろな髪型・髪色 -k-popの好きな曲 ~ ***参考リンク -https://vt.tiktok.com/ZSHbeg2AU/ -https://pin.it/3KjseYkz3 -https://pin.it/1gVtMKlwR ~ ~ ~