Graffiti Map around KSU
九産大周辺にあるグラフィティのマップ
- 江頭 奏
- Keywords:Graffti, Web,
- https://atleti-07.github.io/GraffitiMap/
- 概要集
概要
これは何?
九州産業大学を中心とした一定のエリア内のグラフィティをマップにまとめたサイト
以上のコンセプトから現在のタイトル「Graffiti Map around KSU」となっている
グラフィティとは
スプレーやペンなどを用いて公共の場(電車の車両や壁など)に描かれる文字や絵のことを指します。
背景と目的
私は街中に描かれたグラフィティを1つのアートであると考えています。しかし、グラフィティには芸術的価値が認められるものから単なる落書きと捉えられるものまで幅広い表現が存在しており、解釈の違いも出てきます。
そこで今回は、少しでもグラフィティに興味を持った人が実際にその場に足を運び、自身の目で見て価値を見出してもらいたいと思い、街中に点在するグラフィティの場所を可視化し、気軽にアクセスできるようなグラフィティマップを制作しています。
コンセプト
- 九州産業大学を中心とした半径1〜1.5kmを想定
- 身近なアートに視点を向ける
成果物の仕様
- Webサイト
- サイトマップ
制作ツール
- visual studio code
プロジェクトの期間
2025.04.11 - 2026.01.12
まとめ
本研究では、グラフィティや落書きに対しての考え方や新たな捉え方を提示するとともに掲載しているグラフィティや落書きがある場所へ実際に足を運びたくなるサイト制作を意識し取り組んだ。トップページやマップページで目を惹き、興味を持ってもらうことを意識して制作した。本サイトはコンセプトに沿って制作ができ、グラフィティに興味を持つきっかけになれると考えている。
また、今後は撮影の周期を定期的にすることで最新の情報を公開するべきだと考える。
調査
現状調査
- Street Art Cities
- GRAFFITI CULUTURE IN TOKYO
- 以上のWebサイトはマップとギャラリーとでそれぞれ特徴がある。
- マップサイトではグラフィティの一部しか見ることができなかったり、地方の作品が掲載されていない
- ギャラリーサイトでは作品の位置関係や地域の特徴が掴みづらい
- 以上のWebサイトはマップとギャラリーとでそれぞれ特徴がある。
先行事例
技法・技術情報
プロジェクト管理
スケジュール
ToDo
先行調査スケジュールの作成- グラフィティの写真
WEB制作ツールをどうするか- WEBの制作
進捗記録
2025.11.14
- webサイト
- 写真、マップの更新
- マーカーを1種から2種類へ
2025.10.31
- 概要集の修正
2025.10.24
- webサイト
- aboutをトップページへ追加
- aboutをトップページへ追加
2025.10.17
- webサイト
- メインビジュアルの変更
- サイトのレスポンシブ対応
2025.10.10
2025.10.03
2025.09.26
- aboutページをhomeに入れる
2025.09.19
- 定期的に記録したものをアーカイブとしてサイト内に残すことをやめ、決めた日付のもののみを掲載
- これまで何度か記録してきたが変化が見られないため
2025.07.18
- サイトマップ
- マップページ、ギャラリーページの両ページから各詳細ページへ
- マップページ、ギャラリーページの両ページから各詳細ページへ
- グラフィティ撮影スケジュール
- 九産大を中心として東西南北の四つの方向に分け行う
- 各方角約1ヶ月の間隔をあけて3回行う予定
- 今後の改善点
- 取り扱うネタの整理
- サイト全体の雰囲気を定める
- レスポンシブ対応
2025.07.11
2025.07.04
- スケジュールの見直し
- サイトマップの見直し
2025.06.27
2025.06.20
2025.06.13
- 参考サイト
- ワイヤーフレーム
- 作品概要
2025.06.06
- サイト仕様
- シングルページからマルチページへ
- ホーム(about)、マップ、ギャラリー
2025.05.23
- ワイヤーフレーム
2025.05.16
2025.05.09
テーマ
- Familiar Graffiti (身近にあるグラフィティ)
ワイヤーフレーム
2025.05.02
テーマ
- 自身の生活圏内やその周辺のグラフィティや落書きをまとめる
- グラフィティと落書きを分けず調査圏内にあるもの全てを掲載する
- グラフィティ、ストリートアート、ミューラルアート
試作
技術
- 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
- グラフィティと落書きの線引き
ワイヤーフレーム
参考事例
2025.04.11
調査
- グラフィティマップ
- 街中のグラフィティをまとめた地図サイト
- 地図まとめサイト
- グラフィティとは
- 福岡県アートスポット
- ドキュメンタリー
- 新譜まとめメディア
テーマ案
- グラフィティ
- 新譜まとめ
- ドキュメンタリー



