• 履歴一覧
• 差分 を表示
• 現在との差分 を表示
• ソース を表示
• 平野雅華/情報デザイン演習IIA_02 へ行く。
  • 1 (2026-06-08 (月) 14:19:00)
  • 2 (2026-06-08 (月) 15:03:04)
  • 3 (2026-06-08 (月) 15:03:04)
  • 4 (2026-06-22 (月) 16:04:51)
  • 5 (2026-06-29 (月) 14:00:00)
  • 6 (2026-06-29 (月) 14:00:00)
  • 7 (2026-07-13 (月) 16:24:12)
  • 8 (2026-07-13 (月) 16:24:12)

---

ひがた日和

天気、潮の満ち引きで変わる和白干潟の風景を紹介するサイト

• 平野雅華
• Keywords：Webサイト, 干潟 , 写真
• https://mothhr.github.io/higatabiyori/
• 相互評価シート ← ありがとうございました

概要

背景と目的

毎日通学中に目にする和白干潟は潮の満ち引きや天気によって劇的に姿を変える。その姿を写真に収めWebサイトで視覚的効果を用いて紹介しようと考えた。
潮位と天気の組み合わせで変化する美しい景色を写真で証明し、干潟が持つ芸術的な側面を知ってもらいたい。

成果物の仕様

Webサイト

制作ツール

• Visual Studio Code
• AQUOS R10 で撮影
  
  
  
  

---

---

2026.07.13

• TOPページの背景画像をCSSで切り替わるようにした
  
  
  
  

2026.07.06

• 問題点や追加点をまとめた
• サイトのTOPの画像を設定した
  
  
  
  

2026.06.29

見出された問題点

• 潮の満ち引きだけでなく暦について説明するページが必要
• 綺麗に写真を見せる方法
• 撮影方法
  
  

好評を得た点 ＞ プロジェクトの特性として

• 潮に着目して風景を紹介する点
  
  
  
  

2026.06.22

今回制作したプロトタイプ

• サイトマップ
  
  
  
• ワイヤーフレーム
  ※作成中
  
  

プロトタイプの説明

• サイトマップに記載し忘れたが、撮影場所の和白干潟について説明するページを入れたい。
  
  
  
  

2026.06.15

現状分析

• サイトの構成どうするか
  
  

課題定義

• 1. 潮の満ち引きについての記載
• 2. 写真の撮り方
• 3. 干潮満潮時間
  
  

制作上のアイデア（課題ごとに複数のアイデア）

• 1. 潮の満ち引きについて
  • 気象庁ページ
• 2. 写真撮影方法参考
  • かがみの海

• 3. 干潮満潮について
  • 気象庁データ
  • 海天気.JP
    
    
    
    

2026.06.08

テーマ候補

• 自分のスマホにある謎写真を紹介するサイト
  撮った覚えのないもの、ブレてるもの
• 福岡発祥のものを紹介するサイト
• 時間天気干潮満潮によって変わる干潟の様子を写真で紹介するサイト
  
  

成果物の仕様

• 形式：Webサイト
• サイズ：パソコン画面に適したもの
• 分量：撮った写真によって変動
  
  

参考リンク

この演習を通して身につけたいスキル

• html、cssで一つのWebサイトを作り上げる