#author("2026-06-29T14:10:09+09:00;2026-06-22T14:54:02+09:00","default:member","member") #author("2026-06-29T14:10:44+09:00;2026-06-22T14:54:02+09:00","default:member","member") *貯金Climb⛰️ 夢へのローマップ 〜貯金可視化webサイト〜 メインビジュアル、あるいは プロジェクトの最新の状態を視覚的に掲載 -''Oshima Shieri'' -'''Keywords：Webデザイン, 視覚デザイン, ・・・, ・・・''' -https://www.example.com //-__[[相互評価シート>https://docs.google.com/spreadsheets/d/1VJxPE0wct2nPxVcav-9wSPjDx2rGnkuoN3vAXy0iRJY/edit?usp=sharing]]__ ← ここからコメントをお願いします。 -[[相互評価シート>https://docs.google.com/spreadsheets/d/1VJxPE0wct2nPxVcav-9wSPjDx2rGnkuoN3vAXy0iRJY/edit?usp=sharing]]__ ← ここからコメントをお願いします。 ~ **概要 ***背景と目的 自分の貯金額を可視化することで貯金にやる気が出るのではないかと思ったから ~ ~ ***成果物の仕様 WEBサイト ~ ~ ***制作ツール HTML,CSS ~ ~ #hr CENTER:''進捗記録'' #hr ~ ~ **2026.06.29 ***見出された問題点 -◯◯◯◯◯、◯◯◯◯◯◯ -◯◯◯◯◯◯◯、◯◯◯◯◯◯ -◯◯◯◯◯◯◯、◯◯◯◯◯◯ ~ ***好評を得た点 ＞ プロジェクトの特性として -◯◯◯◯◯◯◯、◯◯◯◯◯◯ -◯◯◯◯◯、◯◯◯◯◯◯ -◯◯◯◯◯◯◯、◯◯◯◯◯◯ ~ ~ **2026.06.22 ***今回制作したプロトタイプ #image(ワイヤーフレーム.png) ~ ***プロトタイプの説明 ~ ~ **2026.06.15 ***現状分析 -参考サイト --[[貯金 可視化サイト>https://finbee.jp/]] ~ ***課題定義 -1. シンプルなレイアウトを採用する。 -2. HTMLでページ構成を作成し、CSSでデザインを整える。 -3. スマホでも見やすいレスポンシブデザインにする。 ~ ***制作上のアイデア（課題ごとに複数のアイデア） -1. デザイン --貯金の目標達成までの道のりを山登り風に可視化する -2. webサイト イメージ --[[参考１>https://the610base.jp/]] -3. visual studio code --webデザイン演習で学んだことを活かしてサイトを作る ~ ~ **2026.06.08 ***テーマ候補 -スタバおすすめカスタム一覧 -貯金可視化サイト -2026年 福岡の夏休みイベント 紹介サイト(大学生向け) -おすすめの朝活 ~ ***成果物の仕様 -形式：webサイト ~ ***この演習を通して身につけたいスキル -visual studio code ~ ***参考リンク -[[福岡 夏イベント>https://www.crossroadfukuoka.jp/feature/summer-festival]] -[[貯金 可視化サイト>https://finbee.jp/]] ~ ~