LogoMark.png

越智楓/情報デザイン演習IIIA の変更点


#author("2023-12-20T10:11:00+09:00","default:member","member")
#author("2024-01-20T15:02:33+09:00","default:member","member")
*寄り道
旅行で訪れた場所を紹介するサイト

#image(tohaku.png)

-''Kaede Ochi''
-'''Keywords:写真, 旅行, 記録 '''
-http://create1k.wp.xdomain.jp/

-%%__相互評価シート__%%  皆様コメントありがとうございました。

~

**概要
***これは何?
//&color(red){これは何か・・を簡潔に};
観光サイトのような
旅行で訪れた場所を地域ごと、カテゴリーごとに紹介するサイト。
~

***背景と目的
//&color(red){プロジェクトの背景と目的};
旅行が好きでよく旅先で写真を撮っている。
自分の訪れた場所について情報共有するため
写真を使用した旅行計画の際に役立つ紹介サイトを作る。
~

***コンセプト
//&color(red){基本的な考え方、枠組み、視点など};
色のトーンを合わせ
統一感のある落ち着いたサイトを作る。

~

***成果物の仕様
//&color(red){&small(成果物の形式・サイズ・時間尺等);};
Webサイト (WordPress)
~

***メンバー
//&color(red){共同プロジェクトの場合のみ|メンバーと役割分担を明記};
うち
~

***制作ツール
//&color(red){使用するツール|ハードウエア・ソフトウエア};
wordpress
~

***プロジェクトの期間
//&color(red){プロジェクトの期間|20XX.XX.XX - 20XX.XX.XX };
2023.09.19 - 2023.12.19
~

***まとめ
//&color(red){プロジェクトが完結したら「まとめ」を記載して下さい。};
-カテゴリーやタグを効率よく使い、投稿を分類することができた
-既存の機能に加えて追加CSSを使うことで細かい部分までこだわることができた
~
~


**調査

//***現状調査
//&color(red){プロジェクトのテーマに関わる社会の現状と問題の洗い出し};
~

***先行事例
//&color(red){プロジェクトのテーマに該当する先行事例の紹介、傾向分析など};
-各地域の観光サイト
--[[久留米(福岡)>https://welcome-kurume.com/]]
--[[高千穂(宮崎)>https://takachiho-kanko.info/]]
--[[熊本>https://kumamoto.guide/spots/]]
-その他
--[[walnut>https://walnuuut.com/]]

~

***技法・技術情報
//&color(red){プロジェクトの遂行に必要な技法・技術に関する調査};
-プラグインについて
--https://www.sejuku.net/blog/70601
--https://wordpress.com/ja/support/wordpress-editor/blocks/slideshow-block/
--https://www.afi-b.com/beginner/archives/course/course_site/10684/
-カテゴリー・タグについて
--https://webst8.com/blog/wordpress-category-tag/
-カテゴリー非表示
--https://oluolu.blue/how-to-hide-wordpress-categories/
--https://web-365.biz/made_in_wordpress/wordpress-category-hidden
--https://ayaito.net/wordpress/customize/9768/
-カテゴリーをサイト横幅に合わせる
--https://www.kaname-gh.co.jp/web_design/wrap-overflow-elem-in-css/
~
~

**プロジェクト管理

***スケジュール
-[[ガントチャート>https://docs.google.com/spreadsheets/d/1uQcfXcigXtePyDxKA1uuY9PpKbDxqozXRlw-v42prSU/edit?usp=sharing]]
~

//***ToDo
//&color(red){やるべきこと(タスク)を箇条書きにします。};
//&color(red){完了後は「%%取り消し線%%」あるいは「// コメントアウト」」};


//***NotToDo
//&color(red){やらないこと:何をするかではなく「何をしないか」を考える};
//&color(red){例:10人以上の会議には出ない。苦手なことは誰かに頼む・・};

~
~

#hr
CENTER:''進捗記録''
//&color(red){最新の情報を一番上に記載して下さい(古い記事が下へ沈む)。};
#hr
~
~



//**20XX.XX.XX
//***XXXX
//-◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯
//-◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯
//~
//***XXXXXXX
//-◯◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯
//-◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯
//~
//~

**2024.01.20
***編集について|メモ
-モバイル画面でのトップページにある画像の表示比率を調整
--画像が見切れて表示されていたため、元の画像の比率を維持したまま表示されるように変更
~
~


**2023.12.12
***編集について|メモ
-投稿一覧に表示されるカテゴリー・ジャンルが別のものだとわかるようにする
-スマホ表示にしたときにカテゴリー一覧が横一列に表示される
--追加CSSで変更
--タグ一覧は横幅に合わせて改行されていたため、タグ一覧に使われていたCSSを追加

~
~


**2023.12.05
***編集について | サイト内容
-訪れたときの情報を入れているため、現在の情報と違う可能性があることを表示する
-
~
~



**2023.11.28
***編集について | サイト内容
-Google mapはHTMLで直接コードを変更する
--リンクで入れると変形する、表示比率が変わる可能性あり
-カテゴリー一覧の表示方法もCSSで横並びに変更
-カテゴリーの場所と旅行記録は追加CSSで非表示
--ただし投稿一覧のカテゴリーには載る

~
~


**2023.11.21
***メモ
-残り95投稿分
-先に旅行記録の投稿を完了させる
~
~

**2023.11.14
***使用カラー|サイトデザイン
掲載物を見やすくするためのバックカラーとして使用
&color(#ded7c5){&scale(200){#ded7c5};};

~

***画像サイズ | サイトデザイン
-800px*600px
-500kb以下

~

***写真について | サイト内容
-飲食店の写真(店内)は許可をとったほうが良いのか?
-商業利用の範囲はどこまでか?
-太陽の塔
撮影した写真等の商業用利用はできません。
~
~

**2023.11.07
***今週の作業内容|メモ
-サイトワイヤーフレーム調整
-画像編集
-
~
~

**2023.10.31
***好評価だった点
-タイトル名がおしゃれな
-写真の色がカラフルなため、サイトはシンプルな色使いにする点
-地域別とジャンル別にまとめてあり、食べ物でまとめてみたいときに見いやすい
~
***指摘された点
-写真によるデータ量
-写真のタッチを統一すると雰囲気が出そう
-旅行で訪れた場所でおすすめの場所やどのくらいの予算がいるのか気になる
~
***改善の方向性
-ブログのように旅行の記録について書ける場所を作る
-データ量による影響やサイトに写真を多数載せる場合の一般的な指標について調べる

~
~


**2023.10.24
***今週の作業内容|メモ
-写真整理
スプレッドシートでまとめる
-ヘッダー名や見出し名の長さや雰囲気を統一する



~
~



**2023.10.17
***今週の作業内容|メモ
-%%ワイヤーフレーム作成%%
--%%トップページ%%
--%%各投稿ページ%%
-%%相互評価フォーム%%
--%%フォーム作り%%
--%%リンク貼る%%

~

***テーマ決め|サイトデザイン
-シンプルかつ温かみを感じる雰囲気

~
***使用カラー|サイトデザイン
写真にさまざまな色があるので2色程度。
色の見え方によって下2色どちらかを使用。
-白地に黒文字
-木蘭色
&color(#c7b370){&scale(200){#c7b370};};
-桑染
&color(#b79b5b){&scale(200){#b79b5b};};

~

***ヘッター項目|サイト内容
-制作者について
「私のこと」or「私について」
-地域
-ジャンル
~


***ワイヤーフレーム|サイト内容
|#image(frame1.png)|#image(frame2.png)|#image(frame3.png)|#image(frame4.png)|


~
~


**2023.10.10
***スケジュール決め
-[[ガントチャート>https://docs.google.com/spreadsheets/d/1uQcfXcigXtePyDxKA1uuY9PpKbDxqozXRlw-v42prSU/edit?usp=sharing]]
~

***テーマ決め|サイトデザイン
-夕暮れの暖かいイメージ
-懐かしい
-落ち着いた色合い
-秋のイメージ
-タイトル案で出た「足跡」を入れる?
~

***カテゴリー、タグ|サイト内容
-[[スプレットシートリンク>https://docs.google.com/spreadsheets/d/1IjuNBjaz7cYwQbhCdoov7q-BSSkgoFR9uxsRfgyqJig/edit?usp=sharing]]

~


~

***サイトマップ|サイト内容
#image(sitemap2.jpg,60%)


~
~



**2023.10.03
***タイトル決定
寄り道
~

***写真について|メモ
-その場所で撮った写真のみ
~

***項目、グループ分け|メモ
-カテゴリーは絞る
地域、場所
-タグは多くてもOK

~
~


**2023.09.26
***私が過去に訪れた場所|場所の選定
-場所:写真として残っている自分が訪れた場所
-選定の理由:旅行先で撮った写真の中に神社や城、博物館など紹介できる場所が多くあるため。
~
***タイトル名候補からの絞り込み
-足跡
-寄り道
~

***項目の洗い出し、グループ分け|内容
jamboardで作成
|#image(tripjam.png)|#image(tripjam2.png)|

~
~

**2023.09.19
***アイデア出し「第2の故郷、憧れの地、私の好きな場所・世界」
-舞台
-旅行記録
旅行先で撮った写真を地域、建物(神社、城、美術館など)、時期のトピックに分けて紹介する。
~

***タイトル名候補
-道
-旅路
-寄り道(よりみち)
-記録▶︎記憶(きおく)
-足あと(あしあと、足跡)
自分が過去に訪れた場所
人が通った後に残るもの(今回は写真)
-%%道草%%▶︎「道草を食う」という動詞で使わないと伝わらないかも
-%%横道(よこみち)%%▶︎上と同じく

~
***参考サイト
-[[都市高散歩>http://greenbird.wp.xdomain.jp/]]
-[[癒し屋>https://xd524064.wp.xdomain.jp/category/%e6%97%a5%e6%9c%ac/]]
-観光サイトがヒントになるかも
-写真メインブログのような?
-https://walnuuut.com/
-https://sessai-kobo.com/album
-https://petitringo.net/blog/
~
-https://welcome-kurume.com/
-https://kumamoto.guide/spots/
-https://takachiho-kanko.info/

~
~

~