#author("2025-07-29T10:56:28+09:00","default:member","member") #author("2025-07-29T11:00:16+09:00","default:member","member") *おしえん 推し活応援サイト #image(IMG_0187.png) -''十時明日香'' -'''Keywords：supporting a favorite, otaku, website''' -[[おしえん>https://totokiasuka.github.io/oshienma/]] ~ ~ **概要 ***これは何？ //&color(red){これは何か・・を簡潔に}; -俳優・アイドル・アーティスト・二次元のキャラクターなどが好きなものを応援したいという人の気持ちを形にするお手伝いをするWebサイト ~ ***背景と目的 //&color(red){プロジェクトの背景と目的}; -昔よりもオタクや推し活という言葉が普及してきて、それらに対して世の中も寛容になってきておりその数も増えてきている →カンペうちわキンブレなどのオリジナグッズを作る時にわからないことが多い人にとってこのサイトを見ればある程度の理解ができるサイトがあればいいのではないかと考えた →昔からある暗黙の了解やルールなど、新しく推し活をする人にとって落とし穴となることがあるのでそれらを界隈別(アイドル・アーティスト・キャラクター・2.5次元等)に紹介出来る場所を作りたいと考えた -また、以前よりも推しのグッズをいろんな場所に連れて行って、綺麗な写真を撮って残したり、SNSに投稿する人が増えた →写真と共に推しをかわいく綺麗に撮るコツなどをブログ形式で紹介できれば助けになるのではないかと考えた -上記のことをまとめているサイトを探したが、全て満たしたものはなく、界隈別で全体の雰囲気やルールが違うので”これを見たら様々な推し活の提案やそれに伴う疑問を解決できる”というものを作りたいと思った ~ ***コンセプト //&color(red){基本的な考え方、枠組み、視点など}; -Webサイト形式で新しく推し活をする人へ、推し方の提案や推し活をする際に気をつけるべき点などを写真やイラストを含めてわかりやすく発信する ~ ***成果物の仕様 //&color(red){&small(成果物の形式・サイズ・時間尺等);}; -Webサイト →[[デザインカンプ（jpeg）>https://ksumail-my.sharepoint.com/:i:/g/personal/k23as601_st_kyusan-u_ac_jp/EZIIWzG8er5InLzBtk_4QiMB86Ym5BWJeOpTMyS-lUmEDg?e=xTAlIA]] →[[デザインカンプ（PDF）>https://ksumail-my.sharepoint.com/:b:/g/personal/k23as601_st_kyusan-u_ac_jp/EfH5PQ-zxXtFlQpVvZ5sRlQBV6Ge4-bGXYXsEu-2CIBSEA?e=R1teJz]] →[[ワイヤーフレーム（PDF）>https://ksumail-my.sharepoint.com/:f:/g/personal/k23as601_st_kyusan-u_ac_jp/EhMZdEKfdYBMnwPD4nF9cxkBvT-nVbeciHC1s0WW07nQ8w?e=QIRPCy]] →[[サイトマップ>https://www.figma.com/board/cmtQvld9HgBvJBkFKR0A7P/%E7%84%A1%E9%A1%8C?node-id=0-1&t=cLuYt4NnWx5vlovI-1]] ~ //***メンバー //&color(red){共同プロジェクトの場合のみ｜メンバーと役割分担を明記}; //~ ***制作ツール //&color(red){使用するツール｜ハードウエア・ソフトウエア}; -html -css -JavaScript -wordpress ~ ***プロジェクトの期間 //&color(red){プロジェクトの期間｜20XX.XX.XX - 20XX.XX.XX }; -2025.04.08 ~ 2026.01.10 ~ ***まとめ //&color(red){プロジェクトが完結したら「まとめ」を記載して下さい。}; -サイトのコンテンツがまだ少なく、制作中のものが多いので後期までにコンテンツの量を増やしていく -サイトの動線を見直す -wordpressでの制作に切り替える ~ ~ **調査 ***現状調査 //&color(red){プロジェクトのテーマに関わる社会の現状と問題の洗い出し}; -昔よりもオタクや推しという言葉が普及してきて、世の中も寛容になってきておりその数も増えてきている →[[「推し活」を知る>https://www.kokusen.go.jp/wko/pdf/wko-202307_01.pdf]] → [[大規模アンケートで分かった！拡がり続ける推し活市場 >https://note.com/oshikatsusoken/n/n3c4895c4e4bc]] →[[カミングアウトすると、むしろ人気に？ 若い世代ほどオタクに抵抗がない理由 >https://agenda-note.com/customer/detail/id=2760]] -また、以前よりも推しのグッズをいろんな場所に連れて行って、綺麗な写真を撮って残したり、SNSに投稿する人が増えた：Instagramが流行りになりInstagramを使う人口が増えたことも関係しているか？ →[[時代の推し活マーケティングとは？推しに貢献するファンの共感を掴む方法 >https://influfect.com/notice/3759/]] →[[Instagramとは何者だ? リリースから2021年10月までの歴史を探る >https://mag.ibis.gs/marketing/sns/instagram_190423/]] -まとめているサイトを探したが、全て満たしたものはなく、界隈別で全体の雰囲気やルールが違うので”これを見たら様々な推し活の提案やそれに伴う疑問を解決できる”というものがない：先行事例より → [[Oshicoco>https://oshicoco.co.jp/blogs/blog?srsltid=AfmBOoo8iktKny6OB68H-0BxJ0xyImrplVDmVDIBoPbz2UGQhCpfmjO9]] → [[にじめん>https://nijimen.kusuguru.co.jp/]] → [[ぽろちょこDays>https://polochocodays.com/]] → [[oshipedia>https://oshipedia.com/]] -オタク 主な界隈・ジャンル（推しという概念があるもの） ・アイドル →ジャニーズ、K-POPアイドル、LDH、48・坂道系、地下アイドル等 ・歌手、アーティスト →ソロ歌手、バンド、グループ ・俳優 →映画・ドラマ俳優、舞台俳優、声優等 ・２次元キャラクター（絵） →ゲーム、アニメ、マンガ、擬人化系、アイドル系等 ・ネット活動者 →配信者(Youtuber、Vtuber、ゲーム配信者、歌い手)等 ~ ***先行事例 //&color(red){プロジェクトのテーマに該当する先行事例の紹介、傾向分析など}; ***参考にしたいデザインや動きのサイト -[[YASUMIWORKS>https://yasumiworks.com/]] -[[らぶい～ず>https://loveeez.com/]] -[[Misky>https://www.misky.co.jp/]] -[[UMAJOB>https://jra-fun.jp/umajob/]] ***推し活応援サイトやブログなど -[[にじめん>https://nijimen.kusuguru.co.jp/]] -[[ぽろちょこDays>https://polochocodays.com/]] -[[Oshicoco>https://oshicoco.co.jp/blogs/blog?srsltid=AfmBOoo8iktKny6OB68H-0BxJ0xyImrplVDmVDIBoPbz2UGQhCpfmjO9]] -[[oshipedia>https://oshipedia.com/]] ~ ***技法・技術情報 //&color(red){プロジェクトの遂行に必要な技法・技術に関する調査}; ~ ~ **プロジェクト管理 ***スケジュール //&color(red){計画的な遂行のために、進行管理表を作成してリンクして下さい。}; -[[ガントチャート>https://ksumail-my.sharepoint.com/:x:/g/personal/k23as601_st_kyusan-u_ac_jp/ERmFVFpUSKJApiF8TBcsv78B3gSpaDoFprXzfqPyVWaNUg?e=4qiTf7]] ~ ***ToDo //&color(red){やるべきこと（タスク）を箇条書きにします。}; //&color(red){完了後は「%%取り消し線%%」あるいは「// コメントアウト」」}; -プロトタイプの制作 -デザインカンプの作成 -ロゴの制作（アイデアスケッチ） -HTMLで制作したWebサイトをwordpress化 -サイトに使う写真や素材制作 //***NotToDo //&color(red){やらないこと：何をするかではなく「何をしないか」を考える}; //&color(red){例：10人以上の会議には出ない。苦手なことは誰かに頼む・・}; ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい（古い記事が下へ沈む）。}; #hr ~ ~ **2025.07.15 *** wordpressについて調査 -[[HTMLをWordPress化！やりやすいコーディング方法をレクチャー【手順付】>https://b-risk.jp/blog/2020/05/howto-coding-for-wp/]] -[[WordPressのカスタマイズ方法を初心者向けに解説【カスタマイズ事例15選！》>https://www.conoha.jp/lets-wp/wp-customize/]] -[[【初心者向け】HTMLで作成したWebサイトをWordPress化する方法>https://www.st-creative.co.jp/blog/wordpress/1274/]] -スターレンタルサーバーへの申し込み ~ ~ **2025.07.08 ***プレゼンテーション -GitHubの更新 -wordpressでの制作に切り替える ~ ~ **2025.07.01 ***プレゼンテーションの準備 -GitHubの更新 ~ ~ **2025.06.24 ***プレゼンテーションの準備 -GitHubの更新 ~ ~ **2025.06.17 ***写真・イラストの加工、用意 -[[写真・素材>https://ksumail-my.sharepoint.com/:f:/g/personal/k23as601_st_kyusan-u_ac_jp/EhpF7secy8NFvLbf_E-32UQBPvtO6ulAogZFZDaOHbGerQ?e=qd89rj]] ~ ~ **2025.06.10 ***写真・イラストの加工、用意 -[[写真・素材>https://ksumail-my.sharepoint.com/:f:/g/personal/k23as601_st_kyusan-u_ac_jp/EhpF7secy8NFvLbf_E-32UQBPvtO6ulAogZFZDaOHbGerQ?e=qd89rj]] ~ ~ **2025.06.03 ***サイト制作 -GitHubの更新 ~ ~ **2025.05.27 ***Webサイトを制作に向けて調査・サイト制作 -[[【手順・考え方紹介】デザインカンプからのコーディング方法>https://zenn.dev/928sekine/articles/af2ab2a4b48b09]] -[[Windsurfでデザインカンプからコードを一切書かずにWebサイト>https://liginc.co.jp/659612]] -GitHubの更新 ~ ~ **2025.05.20 ***Webサイトを制作に向けて調査 -[[デザインカンプから画像を書き出すための手順>https://www.shoeisha.co.jp/book/article/detail/374]] -[[ホームページ画像の基本ルール>https://bindup.jp/camp/movie/30339]] -[[【実践】HTML・CSSでホームページを作りながら解説>https://www.youtube.com/watch?v=GXu-7d3yA_U]] -[[Webアニメーション ”Lottie”>https://depart-inc.com/blog/lottie/]] ~ ~ **2025.05.13 ***プレゼンテーションの準備 -[[デザインカンプjpeg>https://ksumail-my.sharepoint.com/:i:/g/personal/k23as601_st_kyusan-u_ac_jp/EZIIWzG8er5InLzBtk_4QiMB86Ym5BWJeOpTMyS-lUmEDg?e=xTAlIA]] -[[デザインカンプPDF>https://ksumail-my.sharepoint.com/:b:/g/personal/k23as601_st_kyusan-u_ac_jp/EfH5PQ-zxXtFlQpVvZ5sRlQBV6Ge4-bGXYXsEu-2CIBSEA?e=R1teJz]] ~ ~ **2025.04.29 ***現状調査 -昔よりもオタクや推しという言葉が普及してきて、世の中も寛容になってきておりその数も増えてきている →[[「推し活」を知る>https://www.kokusen.go.jp/wko/pdf/wko-202307_01.pdf]] → [[大規模アンケートで分かった！拡がり続ける推し活市場 >https://note.com/oshikatsusoken/n/n3c4895c4e4bc]] →[[カミングアウトすると、むしろ人気に？ 若い世代ほどオタクに抵抗がない理由 >https://agenda-note.com/customer/detail/id=2760]] -また、以前よりも推しのグッズをいろんな場所に連れて行って、綺麗な写真を撮って残したり、SNSに投稿する人が増えた：Instagramが流行りになりInstagramを使う人口が増えたことも関係しているか？ →[[時代の推し活マーケティングとは？推しに貢献するファンの共感を掴む方法 >https://influfect.com/notice/3759/]] →[[Instagramとは何者だ? リリースから2021年10月までの歴史を探る >https://mag.ibis.gs/marketing/sns/instagram_190423/]] -今回上記のことをまとめているサイトを探したが、全て満たしたものはなく、界隈別で全体の雰囲気やルールが違うので”これを見たら様々な推し活の提案やそれに伴う疑問を解決できる”というものがない：先行事例より → [[Oshicoco>https://oshicoco.co.jp/blogs/blog?srsltid=AfmBOoo8iktKny6OB68H-0BxJ0xyImrplVDmVDIBoPbz2UGQhCpfmjO9]] → [[にじめん>https://nijimen.kusuguru.co.jp/]] → [[ぽろちょこDays>https://polochocodays.com/]] → [[oshipedia>https://oshipedia.com/]] ~ ~ -女性オタク 主な界隈・ジャンル（推しという概念があるもの） ・アイドル →ジャニーズ、K-POPアイドル、LDH、48・坂道系、地下アイドル等 ・歌手、アーティスト →ソロ歌手、バンド、グループ ・俳優 →映画・ドラマ俳優、舞台俳優、声優等 ・２次元キャラクター（絵） →ゲーム、アニメ、マンガ、擬人化系、アイドル系等 ・ネット活動者 →配信者(Youtuber、Vtuber、ゲーム配信者、歌い手)等 ~ ~ **2025.04.22 ***サイトマップの制作 -[[サイトマップ>https://www.figma.com/board/cmtQvld9HgBvJBkFKR0A7P/%E7%84%A1%E9%A1%8C?node-id=0-1&t=cLuYt4NnWx5vlovI-1]] ~ ***ワイヤーフレームの製作 -[[ワイヤーフレーム(XD)>https://xd.adobe.com/view/5907b261-2ceb-4f05-b330-d264b59c8588-0c54/]] -[[ワイヤーフレーム（PDF）>https://ksumail-my.sharepoint.com/:f:/g/personal/k23as601_st_kyusan-u_ac_jp/EhMZdEKfdYBMnwPD4nF9cxkBvT-nVbeciHC1s0WW07nQ8w?e=QIRPCy]] ~ ~ **2025.04.15 ***先行事例（参考にしたいデザインや動きのサイト） -[[YASUMIWORKS>https://yasumiworks.com/]] -[[らぶい～ず>https://loveeez.com/]] -[[Misky>https://www.misky.co.jp/]] -[[UMAJOB>https://jra-fun.jp/umajob/]] ***先行事例（推し活応援サイトやブログなど） -[[にじめん>https://nijimen.kusuguru.co.jp/]] -[[ぽろちょこDays>https://polochocodays.com/]] -[[Oshicoco>https://oshicoco.co.jp/blogs/blog?srsltid=AfmBOoo8iktKny6OB68H-0BxJ0xyImrplVDmVDIBoPbz2UGQhCpfmjO9]] -[[oshipedia>https://oshipedia.com/]] ~ ***スケジュール -[[ガントチャート>https://ksumail-my.sharepoint.com/:x:/g/personal/k23as601_st_kyusan-u_ac_jp/ERmFVFpUSKJApiF8TBcsv78B3gSpaDoFprXzfqPyVWaNUg?e=4qiTf7]] ~ ~ **2025.04.08 ***テーマ案候補 -推し活応援サイト -かわいい絵文字の組み合わせ -XやインスタなどのSNSの運用 ~ ~ ~ ~