#author("2025-12-22T04:07:06+09:00;2025-12-08T09:06:24+09:00","default:member","member") #author("2025-12-22T04:07:47+09:00;2025-12-08T09:06:24+09:00","default:member","member") *ケーキ屋さんのための"簡単"Webサイト作り 誰でも簡単に作成管理できるサイトのテンプレート #image(kanban.jpg) -''Miku Hishitani'' -'''Keywords：cake, website, template ''' -https://kotorikottot.github.io/cakeshop/ //-__[[相互評価シート>https://www.example.com]]__ ← ここからコメントをお願いします。 ~ //***CONTENTS //#contents2_1 //~ **概要 ***これは何？ 誰でも簡単に作成・管理できるWebサイトの雛形サイト ~ ***背景と目的 今の時代は、ほとんどの人がスマートフォンを使ってお店を探すのが一般的です。そして、たくさんあるお店の中から選ぶ時には、口コミやお店の基本的な情報を参考にすることが多いと思われます。そういった中で、お店の魅力を伝えるためにWebサイトはとても便利な手段だと思います。 ですが、パソコンやネットにあまり慣れていない人にとっては、サイトを作るのは難しいですし、更新も大変そうに感じてしまうと思います。 そこで、誰でも編集できて使いやすいWebサイトを作れば、お店の人がもっと気軽に情報を発信できて、認知度の向上が期待されます。 また、“その店を必要としている誰かが、存在に気づけないまま通り過ぎてしまう”という機会損失が少しでも減り、たとえたった一人でも、 「もっと早く知っていたら、祝いや思い出をここで作れたのに」 「こんなお店を探していたのに、知らずに過ぎてしまった」 という後悔を生まないために、店舗と人が出会う入口としてのWeb上での情報公開を行い地域のお店の存続や発展にも寄与することがこの研究の目的です。 //「なぜ、自分でできるようにするのか？」継続的な利用者に限定しているため、「集客や認知度の向上の必要は？」こういう店を望んでいたという人もいるかもしれない、そんな人が後悔しないようにできるだけ広く教えたい ~ ***コンセプト Webサイトを制作会社に依頼することや、独学で専門的な知識を習得することが難しい方々に向けて、誰でも簡単に編集できるWebサイトのテンプレートの制作 ~ ***成果物の仕様 //&color(red){&small(成果物の形式・サイズ・時間尺等);}; ***サイトマップ #image(sitemap.png) //***ワイヤーフレーム //#image(wireframe.png) ***参考 -[[フランス菓子16区>https://www.16ku.jp]] -[[シャトレーゼ>https://www.chateraise.co.jp/ec/default.aspx]] ~ ***制作ツール //&color(red){使用するツール｜ハードウエア・ソフトウエア}; -HTML -Mac ~ ***プロジェクトの期間 プロジェクトの期間｜2025.09.15 - 2025.12.08 ~ //***まとめ ***まとめ 推しのケーキ屋さんを布教する目的でもあった「ケーキ屋さんのための"簡単"Webサイト作り」ですが、技術面での未熟さゆえにテンプレートという面でもケーキ屋さんのためのもという面でも中途半端になってしまいました。 しかし、この研究によって「個人経営のケーキ屋さん」の実情が見えたので、今回行った「取材」や「他社との比較」「需要の必要性の確認」などが卒業研究に活かされると思うので無駄ではなかったと感じました。 ~ ~ **調査 ***現状調査 -[[スイーツの価値調査2022>https://prtimes.jp/main/html/rd/p/000000117.000012047.html]] -[[近畿大学：ケーキに関するアンケート>https://lib.kjc.kindai.ac.jp/pdf/2007-4.pdf]] ~ ***先行事例 -[[Webサイトの作り方>https://bindup.jp/camp/web/basic/35793]] -[[令和の時代に個人サイトをつくる>https://note.com/itousa/n/n8eeeff755fbc]] -[[HTMLテンプレートの基本的な書き方&おすすめを紹介>https://style.potepan.com/articles/22142.html]] -[[個人サイトをつくろう！〜準備編〜>https://note.com/fuwamil/n/na8c7f558df60]] -[[HTML・CSSでホームページ作成>https://www.youtube.com/watch?v=ZE_N_sTcBCY]] -[[SANKOU!>https://sankoudesign.com]] -[[フランス菓子16区>https://www.16ku.jp]] ~ ***技法・技術情報 -[[世界一わかりやすいHTML講座>https://www.youtube.com/watch?v=IR_srJ2zL3o&list=PLLFOC5fk1ILkBg1P8kHRZjGpEcVR26saV]] -[[はじめに Web作成の基礎知識>http://open.shonan.bunkyo.ac.jp/~ohtan/kouza/hajime.html]] -[[HTMLファイルの作り方と基本コードの書き方>https://leqturez.jp/html-beginner/]] ~ ~ **プロジェクト管理 ***スケジュール [[作業工程>https://ksumail-my.sharepoint.com/:x:/g/personal/k23as023_st_kyusan-u_ac_jp/ET72wOt6IBpPnIHfspr64wsB28yM-kQMfFSTFbkNKJAehw?e=0ja84q]] ~ ***ToDo %%テーマ決め%% %%ケーキ屋さんのサイトを見比べる%% %%Webサイトの作り方のサイトを探す%% - -試作品を作る -Webサイトの雛形を作る -成果報告書を作成する -リポジトリ https://github.com/kotorikottoT/cakeshop_01 //***NotToDo //趣味に走らない //こだわりすぎない //出し惜しまない ~ ~ #hr CENTER:''進捗記録'' #hr ~ ~ **2025.11.24 -使用する画像の調整 -不具合の出ている箇所の修正 **2025.11.17 -試作の改良 **2025.11.10 ***Webサイトに記載する内容のまとめ **2025.11.03 -進捗なし **2025.10.27 -参考資料集め -試作品の改良 **2025.10.20 試作品(追加中) https://kotorikottot.github.io/cakeshop_01/ ***Webサイトに記載する内容 -お知らせの削除 反省点 -画像の追加、素材を増やす ビジュアルで使用できる素材を増やす -CSSの改良 無駄を省く -内容物の充実化 各ページの文章をさらにくわえる **2025.10.13 使用画像の編集（トリミングや色調補正など） **2025.10.06 試作品 https://kotorikottot.github.io/cakeshop/ ***Webサイトに記載する内容 -お店の紹介 -スタッフ紹介 -商品紹介 -アクセス -お問い合わせ **2025.09.29 ***ワイヤーフレーム #image(wireframe.png) **2025.09.22 ~ ***サイトマップ #image(sitemap.jpg) ***現状調査 ケーキ屋さん -[[シャトレーゼ>https://www.chateraise.co.jp/ec/default.aspx]] -[[ガトー風月>https://www.fugetsu.co.jp/business/gateaux-fugetsu/]] -[[てつおじさんのチーズケーキ>https://tetsuojisan.com]] -[[I'm donut?>https://peaceput.com/shops/im-donut/]] -[[チョコレートショップ博多>https://chocolateshop.jp]] ***Webサイトに記載する内容 -お店の紹介 -商品 -店舗情報 -お問い合わせ -予約について ***モデルのための取材 対象候補：モンシェリー/金山（ケーキ屋さん） [[メモ>https://docs.google.com/spreadsheets/d/1OiMV41XO8FUgr4YBDkpfCLRBA8tvajslvTaX_4q0E4g/edit?usp=sharing]] **2025.09.15 ***テーマ決め 例：テーマ案/成果物 -ケーキ屋さん/カレンダー、Web、SNS -クラックビー玉/写真集、ローソク、アクセサリー -九産大の陶芸について宣伝/Web、冊子 ***アイデアスケッチ |#image(idea1.jpg)|#image(idea2.jpg)| ~ ~ ~