#author("2025-11-28T12:53:08+09:00;2025-11-28T12:52:50+09:00","default:member","member") #author("2025-11-28T13:50:40+09:00;2025-11-28T12:52:50+09:00","default:member","member") *Graffiti Map around KSU 九産大周辺にあるグラフィティのマップ #image(mv01.jpg) -''江頭 奏'' -'''Keywords：Graffti, Web, ''' -https://atleti-07.github.io/GraffitiMap/ -[[概要集>https://drive.google.com/file/d/1dKRSJfAd49zsA93JBw3Lw4542TYSCrk9/view?usp=sharing]] ~ **概要 ***これは何？ //&color(red){これは何か・・を簡潔に}; 九州産業大学を中心とした一定のエリア内のグラフィティをマップにまとめたサイト 以上のコンセプトから現在のタイトル「Graffiti Map around KSU」となっている ~ ***グラフィティとは スプレーやペンなどを用いて公共の場（電車の車両や壁など）に描かれる文字や絵のことを指します。 ~ ***背景と目的 //&color(red){プロジェクトの背景と目的}; 私は街中に描かれたグラフィティを１つのアートであると考えています。しかし、グラフィティには芸術的価値が認められるものから単なる落書きと捉えられるものまで幅広い表現が存在しており、解釈の違いも出てきます。 そこで今回は、少しでもグラフィティに興味を持った人が実際にその場に足を運び、自身の目で見て価値を見出してもらいたいと思い、街中に点在するグラフィティの場所を可視化し、気軽にアクセスできるようなグラフィティマップを制作しています。 ~ ***コンセプト //&color(red){基本的な考え方、枠組み、視点など}; -九州産業大学を中心とした半径1〜1.5kmを想定 -身近なアートに視点を向ける ~ ***成果物の仕様 //&color(red){&small(成果物の形式・サイズ・時間尺等);}; -[[Webサイト>https://atleti-07.github.io/Graffiti-Map03/]] -サイトマップ #image(sitemap111.png) ~ //***メンバー //&color(red){共同プロジェクトの場合のみ｜メンバーと役割分担を明記}; ~ ***制作ツール //&color(red){使用するツール｜ハードウエア・ソフトウエア}; -visual studio code ~ ***プロジェクトの期間 //&color(red){プロジェクトの期間｜2025.04.11 - 2026.01.12 }; 2025.04.11 - 2026.01.12 ~ ***まとめ //&color(red){プロジェクトが完結したら「まとめ」を記載して下さい。}; 本研究では、グラフィティや落書きに対しての考え方や新たな捉え方を提示するとともに掲載しているグラフィティや落書きがある場所へ実際に足を運びたくなるサイト制作を意識し取り組んだ。トップページやマップページで目を惹き、興味を持ってもらうことを意識して制作した。本サイトはコンセプトに沿って制作ができ、グラフィティに興味を持つきっかけになれると考えている。 また、今後は撮影の周期を定期的にすることで最新の情報を公開するべきだと考える。 ~ ~ **調査 ***現状調査 //&color(red){プロジェクトのテーマに関わる社会の現状と問題の洗い出し}; -[[Street Art Cities>https://streetartcities.com/cities]] -[[GRAFFITI CULUTURE IN TOKYO>https://sabukaru.online/articles/graffiti-in-tokyo-exists-you-just-have-to-know-where-to-find-it]] --以上のWebサイトはマップとギャラリーとでそれぞれ特徴がある。 ---マップサイトではグラフィティの一部しか見ることができなかったり、地方の作品が掲載されていない ---ギャラリーサイトでは作品の位置関係や地域の特徴が掴みづらい ~ //-[[街のグラフィティは落書きか、アートか>https://ashita.biglobe.co.jp/entry/2022/04/05/110000]] //--グラフィティは公共物破壊であるためネガティブな印象を持たれたり、そもそも見向きもされないことが問題として挙げ得られる。 ~ ***先行事例 //&color(red){プロジェクトのテーマに該当する先行事例の紹介、傾向分析など}; -マップサイト --[[Street Art Cities>https://streetartcities.com/cities]] --[[東京カメラ部 PHOTO SPOT SITE>https://photospot.tokyocameraclub.com/#area]] --[[御堂筋彫刻マップ>https://www.midosuji.biz/intros/sculpmap]] --[[うべ市彫刻さんぽ>http://ube3.com/1961/map/index.html]] ~ ***技法・技術情報 //&color(red){プロジェクトの遂行に必要な技法・技術に関する調査}; -[[leaflet>https://qiita.com/macole/items/9bdecdaf950b7fdc196a]] ~ ~ **プロジェクト管理 ***スケジュール //&color(red){計画的な遂行のために、進行管理表を作成してリンクして下さい。}; -[[スケジュール>https://docs.google.com/spreadsheets/d/1oC9FqMelmPYul13sKN1tSJq1GJqALzIsv1o3w-D9D_c/edit?usp=sharing]] ~ ***ToDo //&color(red){やるべきこと（タスク）を箇条書きにします。}; //&color(red){完了後は「%%取り消し線%%」あるいは「// コメントアウト」」}; -%%先行調査%% -%%スケジュールの作成%% -グラフィティの写真 -%%WEB制作ツールをどうするか%% -WEBの制作 //***NotToDo //&color(red){やらないこと：何をするかではなく「何をしないか」を考える}; //&color(red){例：10人以上の会議には出ない。苦手なことは誰かに頼む・・}; ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい（古い記事が下へ沈む）。}; #hr ~ ~ **2025.11.14 -[[webサイト>https://atleti-07.github.io/GraffitiMap/]] --写真、マップの更新 --マーカーを1種から2種類へ ~ ~ **2025.10.31 -概要集の修正 --[[概要集>https://drive.google.com/file/d/1dKRSJfAd49zsA93JBw3Lw4542TYSCrk9/view?usp=sharing]] ~ ~ **2025.10.24 -[[webサイト>https://atleti-07.github.io/GraffitiMap/]] --aboutをトップページへ追加 -- ~ ~ **2025.10.17 -[[webサイト>https://atleti-07.github.io/GraffitiMap/]] --メインビジュアルの変更 --サイトのレスポンシブ対応 ~ ~ **2025.10.10 -[[概要集>https://drive.google.com/file/d/15DzeU667HdiHz1SSAscCEc_VqNENWCpy/view?usp=sharing]] ~ ~ **2025.10.03 -https://atleti-07.github.io/Graffiti-Map01/ ~ ~ **2025.09.26 -aboutページをhomeに入れる ~ ~ **2025.09.19 -定期的に記録したものをアーカイブとしてサイト内に残すことをやめ、決めた日付のもののみを掲載 --これまで何度か記録してきたが変化が見られないため ~ ~ **2025.07.18 -サイトマップ #image(sitemap2.png) --マップページ、ギャラリーページの両ページから各詳細ページへ ~ -[[グラフィティ撮影スケジュール>https://docs.google.com/spreadsheets/d/18YiytGN1K1vQO9jChiWiqFbictfsWVB1uPZkjiNOVrM/edit?usp=sharing]] --九産大を中心として東西南北の四つの方向に分け行う --各方角約1ヶ月の間隔をあけて3回行う予定 ~ -今後の改善点 --取り扱うネタの整理 --サイト全体の雰囲気を定める --レスポンシブ対応 ~ ~ **2025.07.11 -[[作品概要>https://drive.google.com/file/d/1oX-DXTG_VivRqLimoo-AyT8Tb_-v4qEU/view?usp=sharing]] ~ ~ **2025.07.04 -スケジュールの見直し --[[スケジュール>https://docs.google.com/spreadsheets/d/1oC9FqMelmPYul13sKN1tSJq1GJqALzIsv1o3w-D9D_c/edit?usp=sharing]] -サイトマップの見直し ~ ~ **2025.06.27 -[[概要集>https://drive.google.com/file/d/1if6X8nGW55X4mcpayTahEnL5eSwQcJOc/view?usp=sharing]] -[[サイト試作>https://atleti-07.github.io/Graffiti-Map02/]] ~ ~ **2025.06.20 -調査 --[[GRAFFITI CULUTURE IN TOKYO>https://sabukaru.online/articles/graffiti-in-tokyo-exists-you-just-have-to-know-where-to-find-it]] --[[Street art cities>https://streetartcities.com/]] ~ ~ **2025.06.13 -参考サイト --[[松岡 一哲 ギャラリーサイト>https://ittetsumatsuoka.com/]] -ワイヤーフレーム --[[ワイヤーフレーム>https://drive.google.com/drive/folders/1zQwGKGfmiNJiWEGctUPBNO-k-9FUbkSP?usp=sharing]] -作品概要 --[[作品概要>https://drive.google.com/file/d/1C3_clf6JxYFaM6mgQ501JUa8Vkl_sfpB/view?usp=sharing]] ~ ~ **2025.06.06 -サイト仕様 --シングルページからマルチページへ --ホーム（about）、マップ、ギャラリー ~ ~ **2025.05.23 -ワイヤーフレーム --[[GoogleDrive>https://drive.google.com/drive/folders/1Es5n0LXCqq7MJ7DbXrKKuGXIcA500Wd6?usp=sharing]] ~ ~ **2025.05.16 -試作 --https://atleti-07.github.io/Graffiti-Map-01/ -[[Google Drive>https://drive.google.com/drive/folders/1ADCLZf71vxLCnjag3WVBB0WDZ7ksMQPO?usp=sharing]] ~ ~ **2025.05.09 ***テーマ -Familiar Graffiti （身近にあるグラフィティ） ***ワイヤーフレーム [[Google Drive>https://drive.google.com/file/d/1GQnuzpilI7TzLW_motpwWd4N1Z4tH3cH/view?usp=sharing]] ~ ~ **2025.05.02 ***テーマ -自身の生活圏内やその周辺のグラフィティや落書きをまとめる --グラフィティと落書きを分けず調査圏内にあるもの全てを掲載する --グラフィティ、ストリートアート、ミューラルアート ***試作 -[[Web試作>https://atleti-07.github.io/Graffiti-Map-00/]] ***技術 -visual studio code(HTML,CSS,JavaScript,leaflet.js) ~ ~ **2025.04.25 ***技術 -leaflet.js or Google Map API -HTML,CSS,JS or WordPress+地図プラグイン ~ ~ **2025.04.18 ***テーマ -福岡市グラフィティマップ --HTML,CSS or WordPress --グラフィティと落書きの線引き ***ワイヤーフレーム -[[Google Drive>https://drive.google.com/file/d/1GQnuzpilI7TzLW_motpwWd4N1Z4tH3cH/view?usp=sharing]] ***参考事例 -[[東京カメラ部 PHOTO SPOT SITE>https://photospot.tokyocameraclub.com/#area]] -[[御堂筋彫刻マップ>https://www.midosuji.biz/intros/sculpmap]] -[[うべ市彫刻さんぽ>http://ube3.com/1961/map/index.html]] ~ **2025.04.11 ***調査 -グラフィティマップ --街中のグラフィティをまとめた地図サイト --[[地図まとめサイト>https://diground.com/type/56d3fa0e421aa94390000001#google_vignette]] --[[グラフィティとは>https://ideasforgood.jp/glossary/graffiti-art/]] --[[福岡県アートスポット>https://sasmagazine.jp/entry/fukuoka-art-spot]] -ドキュメンタリー --[[Tete MV制作>https://youtu.be/cdac4ZlDYQY?si=iC-KB7arv79e49RI]] -新譜まとめメディア --[[リリース情報>https://www.oricon.co.jp/release/single/]] ~ ***テーマ案 -グラフィティ -新譜まとめ -ドキュメンタリー ~ ~ ~