#author("2026-07-02T15:09:48+09:00","default:member","member") #author("2026-07-09T15:18:52+09:00","default:member","member") *お散歩メーカー 1人の散歩を楽しくするWebアプリ #image(mainvisual.jpg) -''Rin Teshima'' -'''Keywords：散歩, ランダム, Webアプリ''' -https://osanpo-maker.netlify.app/ //-__[[相互評価シート>https://www.example.com]]__ ← ここからコメントをお願いします。 ~ //***CONTENTS //#contents2_1 //~ **概要 ***これは何？ 行く宛のない散歩に少し刺激を与えるWebアプリ //&color(red){これは何か・・を簡潔に}; ~ ***背景と目的 近年、スマートフォンやインターネットサービスの普及により、自宅で過ごす時間が増加している。それが原因で生活リズムの乱れや気分の落ち込みを感じる人も少なくない。一方で、散策やウォーキングには、ストレスの軽減や気分の改善など、メンタルヘルスに対する良い影響があることが報告されている。また近年では、キャラクターやアバターと共に活動する体験を提供するサービスが人気を集めている。そこで本制作では、キャラクターが進行方向や散歩中の行動をランダムに提案することで、利用者がゲーム感覚で外出を楽しめる環境を提供し、散歩への動機付けを行うことを目指す。 //&color(red){プロジェクトの背景と目的}; ~ ***コンセプト 放課後や授業を抜け出して散歩をするような非日常感をコンセプトに制作した。日常から少し離れて現実逃避を楽しめる体験を重視し、穏やかな時間を過ごせるよう設計している。また、インターネットを日常的に利用する層を主なターゲットとし、スマートフォンから手軽にアクセスして遊べるよう、Webコンテンツとして制作した。 //&color(red){基本的な考え方、枠組み、視点など}; ~ ***成果物の仕様 [[Webアプリ>https://osanpo-maker.netlify.app/]] //&color(red){&small(成果物の形式・サイズ・時間尺等);}; ~ ***制作ツール Visual Studio Code ibisPaint X //&color(red){使用するツール｜ハードウエア・ソフトウエア}; ~ ***プロジェクトの期間 //&color(red){プロジェクトの期間｜2026.04.07 - 2027.01.18 }; 2026.04.09 - 2027.06.25 ~ ***まとめ 本作品では、放課後や学校を抜け出して散歩をするような非日常的な体験を通して、ユーザーが日常から少し離れ、自分のペースで心を休められる場を目指した。実写背景とイラストを組み合わせた表現や、ノスタルジーを感じさせるデザイン、解釈の余地を残したコンテンツによって、それぞれのユーザーが自身の感情を重ね合わせられる作品となるよう制作した。Webの仕様、仕組みについては自分が想像していた通りに制作出来たが、UIデザインについてはチープなものになってしまったと感じている。後期では、ビジュアルの調査を重点的に行おうと思う。 ~ ~ **調査 ***現状調査 [[いま「ウォーキング」が注目されている、5つの事実>https://tarzanweb.jp/post-257139]] [[散歩にはどんな効果がある？適した時間帯や楽しく継続するコツを紹介>https://www.descente.co.jp/media/sports/walking/15398/]] //&color(red){プロジェクトのテーマに関わる社会の現状と問題の洗い出し}; ~ ***先行事例 [[サイゼリヤ1000円ガチャ>https://saizeriya-1000yen.marusho.io/]] [[何でも決めてくれるつくよみちゃん>https://tyc.rei-yumesaki.net/work/software/choice-for-you/#toc1]] [[gogh>https://gogh.gg/jp]] [[さんぽ神>https://drosselmeyers.com/?pid=150692724]] //&color(red){プロジェクトのテーマに該当する先行事例の紹介、傾向分析など}; ~ ***技法・技術情報 //&color(red){プロジェクトの遂行に必要な技法・技術に関する調査}; ~ ~ **プロジェクト管理 ***スケジュール [[スケジュール>https://ksumail-my.sharepoint.com/:x:/g/personal/k24as019_st_kyusan-u_ac_jp/IQD317vDlBUwQaKCPS9I4uFwAb4XTDIamZqjbSFlez8EYoE?e=sPUVDJ]] //&color(red){計画的な遂行のために、進行管理表を作成してリンクして下さい。}; ~ ***ToDo -%%欲しい機能を書き出す%% -%%javascriptを触る%% -%%UIデザインを考える%% -%%イラストを描く%% -%%本制作%% -%%Webサイト(既に作ってるやつ）にアプリ用の新規ページを作る%% //&color(red){やるべきこと（タスク）を箇条書きにします。}; //&color(red){完了後は「%%取り消し線%%」あるいは「// コメントアウト」」}; //***NotToDo //&color(red){やらないこと：何をするかではなく「何をしないか」を考える}; //&color(red){例：10人以上の会議には出ない。苦手なことは誰かに頼む・・}; ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい（古い記事が下へ沈む）。}; #hr ~ ~ **2026.07.09 -改善点 --モード選択画面に戻るボタンとホームに戻るボタンの二つが欲しい --結果一覧を書き出す --次は←文法的におかしいので改善 -後期研究でお散歩PV見たい←MV出るので宣伝したい 褒めてくれる人が多くて嬉しかった；； ~ **2026.07.02 -サイトのデザインが安っぽい気がするので再調査 [[イメージ>https://www.google.com/search?sca_esv=47fdd52eba661d26&rlz=1C5CHFA_enJP1103JP1129&sxsrf=APpeQnshcZMQlLTVdPpub_Lsik3z1M8nBw:1782971168804&udm=2&fbs=ABfTbFUxnSmmTCXUDIWHxigyPf5pSrdE3QRuILFC5ZTf8X0nJpNcVD2ypP-KYdvsUlhyPwgzzADC_-oUhsYe2mcm0bkEsKvgzTc1ZS9AqWbPVFwM54EFuskFPFjSkjDTomsZ0lustxnxpwPOIYK7te4lF_utBmd83OgKsj8FuqFygBCKvCVJlBPLLxWNNTWrgbhJKK38iuSWVImnJKRGa6ZjLr-An_Wz2QTaRMquzxWqZio-E8dKN-s&q=%E5%86%99%E7%9C%9F+%E9%A3%BE%E3%82%8B+%E3%83%9E%E3%82%B9%E3%82%AD%E3%83%B3%E3%82%B0%E3%83%86%E3%83%BC%E3%83%97&sa=X&ved=2ahUKEwiL0KSZpbOVAxWYafUHHaVEIRsQtKgLegQIFBAB&biw=536&bih=770&dpr=2]] --写真を縦写真(チェキ風)にして大小バラバラで配置、背景は白にする #image(siteimage.JPG) ~ **2026.06.25 -[[概要作成>https://ksumail-my.sharepoint.com/:b:/g/personal/k24as019_st_kyusan-u_ac_jp/IQAXGATcCqONS7O01uFcFwUwAUV-N5-xAbe8lZ6Nw57LX2I?e=SyRF91]] ~ **2026.06.18 -概要作成 -[[サイト一旦完成>https://osanpo-maker.netlify.app/]] -イラスト制作 #image(result.jpg) #image(result2.jpg) ~ **2026.06.11 -プレゼン資料制作 -イラスト制作 #image(modeselect.jpg) -モード選択画面制作 [[進捗>https://hinagata3.netlify.app/]] ~ **2026.06.04 -トップページ制作 [[進捗>https://hinagata3.netlify.app/]] PC画面あまり考慮しない方向 -スマホで見るとこんなん #image(sumahogamen.jpg) ~ **2026.05.28 -メインビジュアル描き直し 流行りのお散歩MVっぽい雰囲気にしたい -[[参考>https://youtu.be/IeYLISMxoR8?si=dM7W35hnDe9zzmoW]] #image(background.jpg) -アイコン諸々の小物制作 ~ **2026.05.21 -サイトの雛形を作った [[雛形>https://hinagata.netlify.app/]] ~ **2026.05.14 -メインビジュアルを描いた #image(tatie.jpg) ~ **2026.05.07 -サイトマップ #image(sitemap.jpg) -イメージスケッチその２ うごメモっぽいやつの方が可愛いかもしれない #image(image2.jpg) -イラスト案 --道決める→木の枝 --散歩お題→ルーズリーフでくじを作っている --ご飯決める→どれにしようかな ~ **2026.04.30 ***案候補 -散歩お助けアプリ --やっぱ萌えキャラなんですよね😭 --萌えキャラと散歩したい 萌えキャラと一緒に行く道を、決める＿ ***参考 [[gogh>https://gogh.gg/jp]] [[作業ゲーレポ>https://note.com/shikimz/n/n920c3c59c5e1]] [[Chill with You : Lo-Fi Story>https://store.steampowered.com/app/3548580/Chill_with_You__LoFi_Story/?l=japanese]] [[散歩道提案くん>https://apps.apple.com/jp/app/%E6%95%A3%E6%AD%A9%E9%81%93%E6%8F%90%E6%A1%88%E3%81%8F%E3%82%93/id1639848550]] #image(Xcode.png) ↑Xcodeを触ってみたけど本当に訳がわからなかった ので参考教材が多そうなjavascriptに変更 Webアプリを作る ***欲しい機能 -行く道をランダムで決めてくれるルーレット的なやつ -外食で何食べるか決めてくれる -ランダムで散歩中にやるお題を出す ↑季節ごとにお題が変わると嬉しい -写真の何かしら -タイマー機能 アプリを閉じても計測してくれる #image(sketch.jpg) ↑こんなの作りたい ~ **2026.04.23 ***方向性（仮） -とりあえずアプリ開発する方向で(Swift,Object-C） -お散歩お助けツール？みたいにする 複数モードがある --どっちの方向に行こうか迷った時に選んでくれるモード --外食で何食べるか選んでくれるモード←サイゼ1000円ガチャ？ --お題を出すモード ***これを作るにあたって参考になりそうなリンク -アプリ開発のやり方(Swift,Object-C) [[Swift初心者によるSwift初心者のためのアプリ開発>https://qiita.com/yuuka_____gf/items/45e055d3426bfbdfd04b]] -UIデザイン [[アプリの画面デザインをする際に参考にしているサイト8選>https://note.com/vitaminless/n/n58505bf1853e#oroOv]] -事例 [[サイゼリヤ1000円ガチャ>https://saizeriya-1000yen.marusho.io/]] [[何でも決めてくれるつくよみちゃん>https://tyc.rei-yumesaki.net/work/software/choice-for-you/#toc1]] [[Webルーレット>https://jp.piliapp.com/random/wheel/]] ***来週までに -UIなどのラフを作る -Xcodeを触っておく -もうちょい参考リンクを貼っておく ~ **2026.04.16 ***⭐︎さんぽ神みたいなの作りたい⭐︎ -どこがいいと感じたか --ルールが超簡単 --あってもなくてもいいけどあった方が楽しい --小さいので持ち運べる --一人でやっても複数人でやっても平等に楽しめる --普段やらないような事をやるきっかけになる ***メモ -実績解除 -成果物はアナログがいいのか？アプリ作れる？ -移動経路をその場でランダムで決めるとか -道に咲いてる植物とか好き --食べられる草 -推理とか --道に落ちてる物や建造物の過去の姿、そこに至るまでの経緯を考察する --探偵ごっこ 前やったけど楽しかった -白線以外はマグマみたいな ランドセルじゃんけんみたいな -散歩から離れて考える ***参考 -[[さんぽ神>https://drosselmeyers.com/?pid=150692724]] -[[出会ったときにすぐ引ける 草花と雑草の図鑑>https://www.seitosha.co.jp/book/9784791633098/]] -[[探せ、爆弾で壊せそうな壁！ 「ゲーム脳散歩」に出かけよう>https://omocoro.jp/kiji/171054/]] ***来週までにやりたいこと -方向性を絞る（今のとこ探偵×散歩） -仕様、仕組み -ラフスケッチ ~ **2026.04.09 ***欲しいもの -九産大生限定の物々交換サイト 使わなくなった画材や教科書を人に譲れる、もしくはもらえるような仕組みが欲しい。 -九産大生限定の技術交換サイト 自主制作の時に、映像の人やデザインの人にアドバイスや協力を頼みたい場面がある。が話かける勇気がない。ので自分の提供できるスキルと引き換えにこのようなものを作って欲しい！と気軽に募集をかけられるようなコミュニティがほしい。 -映像表現の名称、例をまとめた事典or動画 やりたい映像表現があるのにその表現の正式名称がわからずハウトゥを調べることがままならない時がある。（ライトリークとかアイリスアウトとか） ***好きなもの -キリスト教 雑学集 野球と政治と宗教の話を今のうちに散々しとくか あと興味を持って欲しい -さんぽ神みたいなの作りたい ↑これマジやりたい 社会を変えていく方向性の企画って私がやるには傲慢な気がして嫌だし 自分（ついでに他人）の生活が更に楽しくなるようなアイデアを考えたい ***参考 -[[さんぽ神>https://drosselmeyers.com/?pid=150692724]] ~ ~ ~