LogoMark.png

矢幡龍星/卒業研究II の変更点


#author("2023-01-16T22:18:52+09:00","default:member","member")
#author("2023-01-16T22:19:29+09:00","default:member","member")
*Motorcycle Parking
中型・大型自動二輪車用に特化した駐輪場案内
~
#image(メインビジュアル.png)
~
-''Ryusei Yahata''
-'''Keywords:Web design, Graphic design, HTML, CSS,  '''
-__[[作品リンク : https://19as601-ryusei.github.io/sotsuken/>https://19as601-ryusei.github.io/sotsuken/]]__ 
※Chromeでの閲覧を推奨します。
※読み込みに時間がかかる場合があります。
~


**概要
~
***これは何?
//&color(red){これは何か・・を簡潔に};
-中型・大型バイクに特化した駐車場をまとめたサイト
~

***背景と目的
//&color(red){プロジェクトの背景と目的};
-''背景''
--市街地へバイクで出向いた際に、車の駐車場に比べてバイクの駐車場が圧倒的に少なく、駐車場を探すことに苦労した。さらに原動機付自転車の駐輪場は数多く存在しているが、中型・大型自動二輪車のような高排気量のバイクに関しては停められる場所が極端に少なく、見つけるのにもかなりの労力を要する。福岡市が自動二輪車用の駐車場マップをWeb上に公開しているが、1年以上更新されておらず本当にその場所に駐輪場が存在しているのか不安に思うところもあった。友人やSNSでの知人の中にも同様の悩みを持つ人がいた。この問題を解決しバイクで市街地に出かけても快適になるようにしたいと思った。また、近年のバイクブームによりバイクに乗る人が増えているので、このマップを有効活用できると思った。
-''目的''
--サイトを見やすくわかりやすく再構築することで、バイクに乗る人が抱えるストレスや不満を解消したい。そしてバイクをより快適に、日常的に使える環境作りに貢献したい。
~

***コンセプト
//&color(red){基本的な考え方、枠組み、視点など};
-バイクをもっと日常に。
--跨って走り出せば爽快な風と心地よいエンジンの鼓動が感じられる。非日常を味わうことのできるバイクを、より日常で快適に楽しめるようにする。
-中型・大型バイクに特化させた駐輪場案内
--バイクの駐車場を探しても原付バイク限定、排気量125cc制限といったところが大半を占めていて、高排気量バイクを停められる場所が見つからないという不便を解消する。
-シンプル is best
--分かりやすく情報を完結させることを最優先にする。
~

***成果物の仕様
//&color(red){&small(成果物の形式・サイズ・時間尺等);};
-学科サイト上に公開
~


***制作ツール
//&color(red){使用するツール|ハードウエア・ソフトウエア};
-__[[Visual Studio Code>https://azure.microsoft.com/ja-jp/products/visual-studio-code/]]__
-__[[Git Hub>https://github.co.jp/]]__
-&color(black){Adobe illustrator};
~

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

***まとめ
//&color(red){プロジェクトが完結したら「まとめ」を記載して下さい。};
中型・大型バイクという少しだけ狭い界隈ではあるが、その中で抱える課題を自らのアイデアとソーシャルデザインの観点から少しばかりは貢献できたと手応えを感じている。制作物に関しては、コンセプト通りに簡潔な情報とスムーズな操作性を組み込んで制作できた。今後も新しい情報や改善したほうが良いところなどがあれば随時アップデートさせていく。また、天神でけでなく他の場所でも需要が見込まれると思うので規模を拡大していきたい。
~
~


**調査
~
***現状調査
//&color(red){プロジェクトのテーマに関わる社会の現状と問題の洗い出し};
-福岡市内の自動二輪車の駐車場マップ
--__[[天神区域>https://www.chari-angels.com/info/bikemap_ten1412.pdf?220704]]__
--__[[博多・中洲区域>https://www.chari-angels.com/info/bikemap_hak.pdf?220704]]__
~

***先行事例
//&color(red){プロジェクトのテーマに該当する先行事例の紹介、傾向分析など};
-日本二輪車普及安全協会
--__[[福岡市中央区の時間貸駐車場>https://www.jmpsa.or.jp/society/parking/area40/%E7%A6%8F%E5%B2%A1%E5%B8%82%E4%B8%AD%E5%A4%AE%E5%8C%BA-1.html]]__
~

***技法・技術情報
//&color(red){プロジェクトの遂行に必要な技法・技術に関する調査};
-&color(black){Visual Studio Code};
--__[[初心者におすすめのプラグイン>https://youtu.be/-PWsjuamB4s]]__
-&color(black){Git Hub};
--__[[新しくなった公開方法>https://prog-8.com/docs/github-pages]]__
~
~

**プロジェクト管理
~
***スケジュール
//&color(red){計画的な遂行のために、進行管理表を作成してリンクして下さい。};
#image(スケジュール.png)
~

***ToDo
//&color(red){やるべきこと(タスク)を箇条書きにします。};
//&color(red){完了後は「%%取り消し線%%」あるいは「// コメントアウト」」};
-%%既存する駐車場の調査%%
-%%Webの準備%%
-%%駐車場の追加%%
-%%でのデザイン%%
-%%概要集の更新%%
-卒展に向けてブラッシュアップ


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

~
~

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


**2023.1.16
***冬休み期間中の記録
-引き続き制作メイン
-足りない画像を追加で撮影
~
***これからやること
-卒展に向けてブラッシュアップ
~
~



**2022.12.23
~
***図録の制作
-Adobe InDesignを使用してコードを生成
~
|#image(Id.png ,50%)|#image(zurokuQR.png ,50%)|
~
-[[QRコード生成方法>https://helpx.adobe.com/jp/indesign/using/generate-qr-code.html]]
~
~



**2022.12.16
~
***撮影2
|49|1|49|c
|#image(img12.jpg)| |#image(img22.jpg)|
|#image(img32.jpg)| |#image(img51.jpg)|
-実際に行ってみても分かりずらい場所があった。

~
~



**2022.12.9
~
***撮影1
|49|1|49|c
|#image(img73.jpg)| |#image(img81.jpg)|
|#image(img91.jpg)| |#image(img101.jpg)|
-様々なタイプの駐輪場があることがわかった。
-既存のサイト情報と場所と名前が異なっている場所を見つけたので改良する。
~
~



**2022.12.2
~
***これからやるべきこと
-メインビジュアルの変更(制作するサイトと雰囲気のあったもの)
-駐輪場の写真撮影
-挿入画像を複数枚にして、スライドショーのアニメーション効果をつける
-Aboutページの制作
-Profileページの制作
-メインビジュアルの変更(制作するサイトと雰囲気のあったもの)
-メニューバーの制作
-フッターの整理

~
~



**2022.11.18
~
***参考資料の問題点のピックアップ
~
#image(hikaku1.png)
#image(hikaku2.png)
~
-どこにどんな名称の駐車場があるのか分かりにくい
-月極のみの駐車場が記載されている
-原付の情報も混ざっている
-入り口の向きが表示されているがいまいち想像できない
~
~




**2022.11.11
~
***制作
-引き続きWebページの追加
-概要集の更新
~
-参考にしたサイト
--[[シングルカラムレイアウト>https://miya-system-works.com/blog/detail/html-sample-layout/]]
--[[CSS Flexbox>https://webdesign-trends.net/entry/8148#i-2]]
--[[動くWebデザインアイディア帳>https://coco-factory.jp/ugokuweb/]]
~
~



**2022.10.27
~
***現時点での制作状況
__[[<<< こちらから >>>>https://19as601-ryusei.github.io/sotsuken/]]__
&color(red){⇧クリックしてください⇧};
~
***今後の制作スケジュールについて
-駐車場の追加
--今は5つ掲載していますが、最終的には7つ追加して合計12ヶ所の駐車場を掲載する予定です。
-cssでのデザイン
--htmlでの文書記述がメインで、cssでのデザインや装飾が施されていないため、最終審査までの間はここを重点的に進めて完成させます。
-概要集の更新
--制作段階で重要なことや前期からの大きな変更点をその都度更新していき、作品の完成と同時にまとめ上げていきます。
~
~



**2022.10.21
~
***研究活動を通して期待する効果
~
#image(挿絵.png)
-ただ研究をして成果物を作って終わるのではなく、自分ごとに留めずに他人がどう感じるか、良い効果を周りに及ぼせるのかまで繋げていきたい。
ソーシャルデザインという観点を基本にして本研究を行います。
~
~



**2022.10.14
~
***中間報告前の準備
-メインビジュアルの再掲
--コンセプトにもあるシンプルという考えに至ったのは、自分がいろんなサイトを見てきてたくさんの情報を詰め込むよりも、本当に必要なことを簡潔に表すこととサイト利用者が操作しやすいUIにすることが大切だと思ったからです。それを踏まえて、新しいメインビジュアルを制作しています。
-Webページの公開
--__[[Git Hub>https://github.co.jp/]]__を用いて、今回制作したWebページのURLを取得したので公開しました。
~
~



**2022.10.7
~
***制作過程
#image(s1.png)
__[[Visual Studio Code>https://azure.microsoft.com/ja-jp/products/visual-studio-code/]]__を用いて制作
~
***参考
-__[[HTMLタグ集>http://www.htmq.com/html/indexm.shtml]]__
-__[[HTML&CSSとWebデザインが一冊できちんと身につく本>https://www.amazon.co.jp/HTML-CSS%E3%81%A8Web%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%81%8C-1%E5%86%8A%E3%81%A7%E3%81%8D%E3%81%A1%E3%82%93%E3%81%A8%E8%BA%AB%E3%81%AB%E3%81%A4%E3%81%8F%E6%9C%AC-%E6%9C%8D%E9%83%A8-%E9%9B%84%E6%A8%B9/dp/4774190640]]__
--服部 雄樹 / 2017 / 株式会社技術評論社
~
~



**2022.9.30
~
***バイク人気の高まり
-自分自身が大学生になりコロナ禍をきっかけにバイクに乗り始めたように、ニュースやデータなどから確実にバイクの人気が高まり、バイクに乗る人や興味を持つ人が増えている。
--__[[国内販売台数の推移>https://www.bloomberg.co.jp/news/articles/2022-07-06/RE9IKXT0AFB401]]__
--__[[普通&大型二輪免許新規取得者の増加>https://www.bds.co.jp/bdsreport/detail396.html]]__
~
-しかし、バイク人気に伴う駐車場が少ないという問題も起きている。
--__[[供給バランスの難しさ>https://getbike.co.jp/content/2020/07/06/%E5%A4%89%E5%AE%B9%E3%81%99%E3%82%8B%E3%83%90%E3%82%A4%E3%82%AF%E9%A7%90%E8%BB%8A%E5%A0%B4%E5%95%8F%E9%A1%8C-%EF%BD%9E%E4%BE%9B%E7%B5%A6%E3%83%90%E3%83%A9%E3%83%B3%E3%82%B9%E3%81%AE%E9%9B%A3%E3%81%97/]]__
--__[[バイク用駐車場の少なさとその歴史>https://for-r.jp/column/1444.html]]__
~
~



**2022.9.23
~
***なぜ天神なのか
-買い物やその他の用事で行くことが多い
-駐車スペースが限られていて尚且、探し憎かったりみつけにくいことが多々ある
~
~


**2022.9.16
***夏休み期間中の記録
~
-既存する駐車場の調査
--現在、Web上に公開されている情報では市営と民営で記載されている情報が異なっていた。
--閉業している場所もあった
~
***制作環境の設定
--__[[Visual Studio Code>https://azure.microsoft.com/ja-jp/products/visual-studio-code/]]__
--__[[Git Hub>https://github.co.jp/]]__
~
~

~