#author("2023-06-09T13:53:25+09:00","default:member","member") *Delights of Change 天神の歴史とその魅力 #image(main.jpg) -''[[谷口菜々子]]'' -'''Keywords:天神, 歴史, 建物, 変化,タイムトラベル_''' -[[Webサイトイメージ>https://www.figma.com/proto/wUsK9oXSa9QYEMPAz49Nhx/%E7%A0%94%E7%A9%B6%E3%83%AF%E3%82%A4%E3%83%A4%E3%83%BC%E3%83%95%E3%83%AC%E3%83%BC%E3%83%A0?type=design&node-id=10-34&scaling=scale-down&page-id=0%3A1&starting-point-node-id=48%3A105]] ~ **概要 ~ ***これは何? -天神の歴史を紹介するサイト Delights of Change … 変化をポジティブな視点で捉え楽しむ Delights ... 「喜び」「楽しみ」「魅力」 ~ ***背景と目的 -背景 福岡の観光地のおすすめは?と聞かれて困るという話をよく耳にする。 検索で、「福岡 観光」と入力すると、次のキーワード候補に「福岡 観光 ない」と出てきてしまう程・・・。 [[調査>https://www.naruhodo-fukuoka.com/kankonai]]の中ではグルメの街として浸透している、他県への移動の出発地点になりがち、知られていないだけ、などの理由が挙げられていた。 ~ -目的 そんな福岡の繁華街、天神町の歴史をWebサイトで紹介することで天神の歴史について知り、「天神の風景」に対する感情の変化や愛着、誇りを感じてもらうことを目的とする。また、サイトを見て初めて気づく観光地や天神の歴史を知ることで分かる観光などを、知ることができるサイトを目指す。 ~ --天神の歴史を知ることで分かる観光とは... その土地に関する新たな知識や理解を得ることで、普段歩いている風景が単なる風景ではなく、過去や文化との繋がりやより感情的な繋がりを感じることができる。 また、昔の風景や生活様式を想像することができ、その土地の風景が物語の舞台となり、豊かな想像力や感情を広げることができる。 ~ ***コンセプト 「Time Traveler's Guide」 サイトに訪れる人々を[[タイムトラベラー>https://ja.wikipedia.org/wiki/%E3%82%BF%E3%82%A4%E3%83%A0%E3%83%88%E3%83%A9%E3%83%99%E3%83%AB]]に見立て、天神町の歴史を年代別に紹介 ~ ***成果物の仕様 Webサイト ~ ***メンバー -[[谷口菜々子]] ~ ***制作ツール -Adobe illustrator -Figma -HTML -CSS -Atom ~ ***プロジェクトの期間 4/14 ~ 7/21 ~ ***サイトについて -[[サイトに掲載する建物に関する調査>https://ksumail-my.sharepoint.com/:x:/g/personal/k20as018_st_kyusan-u_ac_jp/EUtC5aNS4ypLozYyHYlT3GIBL6Z7T7I0u1aMCL9aGO8ZPg?e=4iyGGc]] -なぜこの年代なのか (4月1日の風景で製作します) --1964年 [[町名が天神となる>https://ja.wikipedia.org/wiki/%E5%A4%A9%E7%A5%9E_(%E7%A6%8F%E5%B2%A1%E5%B8%82)]] --1990年 [[都心機能向上と天神流通戦争により街並みが変化>https://www.nnr.co.jp/110th_history/pdf/02.pdf]] --2015年 [[天神ビックバン開始>https://www.city.fukuoka.lg.jp/jutaku-toshi/kaihatsu/shisei/20150226.html]] --2023年 [[現在>https://webtenjin.com/yh/19047/]] --2030年 [[天神ビックバン竣工>https://www.city.fukuoka.lg.jp/jutaku-toshi/kaihatsu/shisei/20150226.html]] -天神ビックバンとは 警固断層等のリスクがあるなか、更新期を迎えたビルが耐震性の高い先進的なビルに建て替わることにより、多くの市民や、働く人・訪れる人の安全・安心に繋がるもので、都心部の機能を高め、新たな空間や雇用、税収を生み出すプロジェクト- -なぜアイソメトリックなのか --平行投影を使用してオブジェクトを立体的に表現することができ、平面的なデザインよりもリアルな立体感や奥行きを持たせることができる。 --一般的な平面的なデザインより視覚的に魅力的で目を引く効果があり、その特徴的なスタイルは新鮮で、サイトの興味を引くことができる。 --立体的な視点と奥行きを活用することで、情報の関係性や階層構造を視覚的に示すことができ、情報やデータを視覚的に分かりやすく表現できる。 ~ ***まとめ Webサンプルを作ることでイメージを固めることができた。 今後イラストの作成が重要になってくるがスケジュールに遅れないよう製作していきたい。 ~ **調査 ~ ***現状調査 -[[九州一の商都・天神はどうやってできたのか?>https://fukuoka-leapup.jp/biz/202101.190]] -[[「よそ者」拒まず 福岡・天神、九州一繁華街への道>https://www.nikkei.com/article/DGXMZO98249780Q6A310C1000000/]] -[[変化する「ふくおか都心」>https://honto.jp/netstore/pd-book_02450201.html]] -[[のったよ! ふくおかタイムスリップ号>https://www.city.fukuoka.lg.jp/data/open/cnt/3/86108/1/05_tenjindaigaku.pdf?20220401112456]] ~ ***先行事例 -[[可愛い!動く!見ているだけで癒されるアイソメトリックなイラストを使用したサイト5選>https://liginc.co.jp/444279]] -[[ウクライナの自動車保険のサイト>http://kasko.arsenal-ic.ua/index.html]] -[[ボラギノールタウン>https://www.borraginol.com/town/]] ~ ***技法・技術情報 -[[Figma とは>https://www.tokyofreelance.jp/figmastudy/]] -[[Figma 検索してスキルアップ>https://help.figma.com/hc/ja]] -[[Figmaアコーディオン作成方法>https://note.com/k_ym/n/nc5f42595f55b#6282c7df-f5e7-47f7-aa23-5c9055c719b2]] -[[JavaScript>https://school.dhw.co.jp/course/web/contents/r_JavaScript-cando.html]] -[[イラスト初心者がアイソメトリックイラストを描く>https://www.alta.co.jp/blog/post-799/]] -[[流れがわかる! アイソメトリックイラストの描き方>https://www.wan55.co.jp/news/column/2022/post_52/]] ~ ***検討中 -テキストスタイル -カラースキーム -解説の内容 **プロジェクト管理 ~ ***スケジュール -[[スケジュール>https://docs.google.com/spreadsheets/d/1skHfFmlqLy4tG0aul2RhUdIfxTQC-EZW/edit?usp=sharing&ouid=101313490448396209746&rtpof=true&sd=true]] ~ ***ToDo -%%テーマの決定%% -%%[[スケジュール作成>https://docs.google.com/spreadsheets/d/1skHfFmlqLy4tG0aul2RhUdIfxTQC-EZW/edit?usp=sharing&ouid=101313490448396209746&rtpof=true&sd=true]]%% -%%背景の記入%% -%%目的の記入%% -%%コンセプトの決定%% -%%現状調査%% -%%先行事例の調査%% -%%技法・技術情報の調査%% -%%ワイヤーフレームの作成%% -今後のスケージュールの調整 -HTMLやCSS、JavaScriptでWebサイトが作れそうか確認、難しそうな場合Figmaで作れそうか確認 -すべての年代のイラスト下書き -すべての年代のイラストの制作 -Webサイトの構築 -説明、解説の制作 //***NotToDo ~ ~ #hr CENTER:''進捗記録'' #hr ~ ~ **2023.06.02 ~ ***中間発表フィードバック -今サンプルとしてfigmaで作成しているがしっかり動けているのでHTMLやCSSを使うのも良いが、無料で取り組んでみやすいFigmaでここまでサイトを制作できることを紹介するサイトとしてFigmaだけでWebサイトを作ってみるのも良いかもしれない。 -1番過去で1964年とあるがイラストを描くときに参考になる写真はあるのか →一部写真がないものがあるため想像上でイラストを描く建物も出てきてしまうが、写真がないからこそイラストに描き起こして紹介していきたい。 -Webサンプルとして作成したものの中にアコーディオンメニューがあるが実際にHTMLやCSSで作ることはできるのか ↓ -アコーディオンを作成しようとした先輩は挫折した方も多く難しい。Webサンプルとして作成したものをHTMLやCSS、JavaScriptで制作しようとするとイラストを描くのも大変だがWebサイトを作るだけで結構大掛かりで大変な作業になる。このWebサイトのサンプルをHTMLやCSSで実際に作れそうか、確認が必要 -スケジュールについて、1ヶ月に1つの年代を制作すると言っていたが、作成するにつれイラスト調など変更したくなってきてしまうため、年代別に作業を進めるのではなく、すべての年代のイラストの下書きを書いて、すべての年代のイラストを書き起こすなど、同時進行で進めていく方がいい。 ~ ***学科サイトの更新 -Todoリストの変更 ~ ***制作 -イラストの角度調査 -2023年ラフ制作 **2023.05.26 ~ ***技法・技術情報集め -[[Figma とは>https://www.tokyofreelance.jp/figmastudy/]] -[[Figma 検索してスキルアップ>https://help.figma.com/hc/ja]] -[[Figma アコーディオン作成方法>https://note.com/k_ym/n/nc5f42595f55b#6282c7df-f5e7-47f7-aa23-5c9055c719b2]] -[[イラスト初心者がアイソメトリックイラストを描く>https://www.alta.co.jp/blog/post-799/]] -[[流れがわかる! アイソメトリックイラストの描き方>https://www.wan55.co.jp/news/column/2022/post_52/]] ~ ***Webサイト制作 -ワークフレーム制作 -[[Webサイトイメージ>https://www.figma.com/proto/wUsK9oXSa9QYEMPAz49Nhx/%E7%A0%94%E7%A9%B6%E3%83%AF%E3%82%A4%E3%83%A4%E3%83%BC%E3%83%95%E3%83%AC%E3%83%BC%E3%83%A0?type=design&node-id=48-63&scaling=scale-down&page-id=0%3A1&starting-point-node-id=48%3A105]] -2023年天神地図まとめ ~ **2023.05.19 ~ ***資料集め -[[天神の歴史リストの更新>https://docs.google.com/spreadsheets/d/1xYm7-xg94yIFV3Vov2DReei30puSreq2/edit?usp=sharing&ouid=101313490448396209746&rtpof=true&sd=true]] -[[天神外観変化調査>https://ksumail-my.sharepoint.com/:x:/g/personal/k20as018_st_kyusan-u_ac_jp/EUtC5aNS4ypLozYyHYlT3GIBL6Z7T7I0u1aMCL9aGO8ZPg?e=4iyGGc]] ~ ***天神についての調査 -[[「福岡に観光地が無い」と言われる本当の理由を考えてみた!>https://www.naruhodo-fukuoka.com/kankonai]] -[[福岡人が「福岡っていいところやろ?」と言ってしまう深い理由!?>https://fukuoka-leapup.jp/city/202004.36]] -[[観光スポットを聞かれるとちょっと戸惑ってしまう・・・福岡の「観光」あるある3>https://fukuoka-leapup.jp/common/202010.128]] -[[天神ビックバンで、まちはどう変わる?ユーザー意識調査>https://tenjinsite.jp/topics/topics/71662]] -[[九州一の衝突事故・天神はどうやってできたのか?>https://fukuoka-leapup.jp/biz/202101.190]] ~ ***その他 -ターゲットの絞り込み --地域の住民 --天神町に訪れる人⚪︎ --歴史や文化に興味のある人々 --学生や研究者 --地域への関心を持つ人々 --観光客 -背景である天神の歴史の認知度の調査 --[[市民アンケート・ワークショップ>https://bunkazai.city.fukuoka.lg.jp/files/NewsParagraph558fileja.pdf]] ---[[住んでる街の歴史を知ろう>https://www.taiju-life.co.jp/joyful/edu/008/index.htm]] ---[[Webサイトでのイラストの使用の効果>https://docodoor.co.jp/staffblog/illust-for-webdesign/]] ~ **2023.05.12 ~ ***資料集め -[[天神の歴史リストの更新>https://docs.google.com/spreadsheets/d/1xYm7-xg94yIFV3Vov2DReei30puSreq2/edit?usp=sharing&ouid=101313490448396209746&rtpof=true&sd=true]] -[[これからの天神>https://www.city.fukuoka.lg.jp/jutaku-toshi/kaihatsu/shisei/20150226.html]] ~ **2023.05.05 ~ ***資料集め -[[天神の歴史リスト>https://docs.google.com/spreadsheets/d/1xYm7-xg94yIFV3Vov2DReei30puSreq2/edit?usp=sharing&ouid=101313490448396209746&rtpof=true&sd=true]] -[[JavaScriptについて>https://design.kyusan-u.ac.jp/OpenSquareJP/?JavaScript/SubMenu]] -[[エリアマネジメントから見た天神史>https://www.hues.kyushu-u.ac.jp/wp-content/uploads/2022/10/2HE09014K.pdf]] ~ **2023.04.28 ~ ***研究テーマの深堀り -[[アイソメトリックの描き方2>https://www.alta.co.jp/blog/post-799/]] ~ **2023.04.21 ~ ***研究テーマの深堀り -[[アイソメトリックイラストの描き方1>https://www.wan55.co.jp/news/column/2022/post_52/]] ~ ***天神についての歴史、調査 -[[ダイエーショッパーズ福岡 (1971年6月~2015年9月)>https://www.daiei.co.jp/corporate/release_detail/716]] →[[イオンショッパーズ福岡 (2015年9月~2019年4月)>https://ja.wikipedia.org/wiki/%E3%82%A4%E3%82%AA%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%91%E3%83%BC%E3%82%BA%E7%A6%8F%E5%B2%A1%E5%BA%97]] →[[天神ショッパーズ福岡 (2019年4月25日~)>https://toshoken.com/news/13324]] -[[ノース天神 (2012年6月28日~2022年8月)>https://www.wikiwand.com/ja/%E3%83%8E%E3%83%BC%E3%82%B9%E5%A4%A9%E7%A5%9E]] -[[福岡中央郵便局>https://ja.wikipedia.org/wiki/%E7%A6%8F%E5%B2%A1%E4%B8%AD%E5%A4%AE%E9%83%B5%E4%BE%BF%E5%B1%80#:~:text=%E7%99%BA%E8%B6%B3%E3%81%95%E3%81%9B%E3%81%9F%E3%80%82-,%E6%B2%BF%E9%9D%A9,%E9%83%B5%E4%BE%BF%E5%8F%96%E6%89%B1%E6%89%80%E3%81%A8%E3%81%97%E3%81%A6%E9%96%8B%E8%A8%AD%E3%80%82]] -[[日本銀行福岡支店>https://www3.boj.or.jp/fukuoka/aboutusrekishi.html]] -[[福岡パルコ>https://www.parco.co.jp/pdf/jp/library/file_100112.pdf]] -[[天神コア>https://www.fukuoka-keizai.co.jp/interview/%E8%8B%A5%E8%80%85%E3%81%AE%E8%81%96%E5%9C%B0%E3%83%BB%E5%A4%A9%E7%A5%9E%E3%82%B3%E3%82%A2%E3%80%81%EF%BC%94%EF%BC%94%E5%B9%B4%E3%81%AE%E6%AD%B4%E5%8F%B2%E3%81%AB%E5%B9%95/]] -[[天神ビブレ>https://welovetenjin.com/archives/bigbang_info/%E3%81%82%E3%82%8A%E3%81%8C%E3%81%A8%E3%81%86%EF%BC%81%E3%83%93%E3%83%96%E3%83%AC%EF%BC%81%E3%80%8E%E5%A4%A9%E7%A5%9E%E3%83%93%E3%83%96%E3%83%AC%E3%80%8F%E3%81%8C%E6%AE%8B%E3%81%97%E3%81%9F%E8%BB%8C]] -[[警固公園>https://www.hilife.or.jp/cities/data.php?p=1029]] -[[福岡三越>https://www.imhds.co.jp/ja/business/history/history_iwataya.html]] -[[大丸福岡天神店>https://www.daimaru-fukuoka.jp/contents/70th/]] -[[エルガーラ>http://osaka-sirokichi.seesaa.net/article/473183853.html]] -[[福岡市市役所>https://koikoi2011.blog.fc2.com/blog-entry-860.html]] -[[福岡市市役所>https://ja.wikipedia.org/wiki/%E7%A6%8F%E5%B2%A1%E5%B8%82%E5%BD%B9%E6%89%80]] -[[天神中央公園>https://tenjin-central-park.jp/about]] -[[アクロス福岡>https://www.acros.or.jp/r_facilities/about.html]] -[[福岡市赤煉瓦文化館>https://ja.wikipedia.org/wiki/%E7%A6%8F%E5%B2%A1%E5%B8%82%E8%B5%A4%E7%85%89%E7%93%A6%E6%96%87%E5%8C%96%E9%A4%A8]] -[[水鏡天満宮>https://fanfunfukuoka.nishinippon.co.jp/85374/]] -[[SHIP’S GARDEN>https://co-trip.jp/article/79116/]] ~ **2023.04.14 ~ ***卒業研究テーマ候補 -福岡(天神?)の歴史についてのWebサイトの作成。アイソメトリックやスライドさせ下に行くにつれ近代へ近づくような構成など、分かりやすく親しみやすいデザインを目指す -日常の起源の紹介。花やプラスチックやPC、道路に学校など普段何気に使ってる、見ているものの起源や制作方法などを紹介 ~ ***現状調査 -[[のったよ!福岡タイムスリップ号>https://tenjin-univ.net/news/20354/]] -[[アイソメトリック Webサイト10選>https://mtame.jp/design/isometric/]] -[[今昔福岡市>http://toshokan.city.fukuoka.lg.jp/files/Publication/Publication_289_file.pdf]] -[[天神地区>https://ja.wikipedia.org/wiki/%E5%A4%A9%E7%A5%9E_(%E7%A6%8F%E5%B2%A1%E5%B8%82)#/map/0]] -[[身近にあるものの意外な起源>https://trapradar.net/study/things_origins/]] -[[子供の「なぜなぜ期」について>https://mama.chintaistyle.jp/article/why_phase/]] ~ ~ //reddit とは