はじめに
こんにちは。
個人で制作したアプリをAmazon Lightsailを使って公開したのでそのことを記載したいと思います。
最近趣味や副業でハンドメイド販売をしている人も多く、マルシェイベントもたくさん開催されています。
多くはInstagramやFacebookなどで情報発信されていると思います。
そのため地域や時期を絞って検索することが難しく、全国のマルシェイベントをまとめたサイトを作りたいと思い制作しました。
主催者、出店者、出演者、お客さんにとって見やすく検索しやすいサイトを目指しました。
まるまち：https://marumachi.org
使用環境
- PHP 8.4.11
- Laravel 12.24.0
- vue3
- Tailwind CSS
- Amazon Lightsail
- AWS S3
アプリ制作時のポイント
以下の点を中心にアプリの設計を考えました。
1.スマホでの利用を想定
メインで使用されるユーザーをハンドメイドに興味の
ある女性が多いと想定し、スマートフォンで使用した際に使いやすいUIを意識し、スマホで見やすいデザインを取り入れました。
2.気軽に情報を見ることができる
ユーザー登録をしていない、未登録のユーザーであってもマルシェイベントを検索することができ、サイトのメイン部分を体験することができるように配慮しました。
3.簡単ユーザー登録
ユーザー登録に必須の項目をアカウント名・メールアドレス・パスワードに限定しました。
必要最低限の情報で登録が可能になっています。
4.都道府県・開催時期で検索できる
マルシェイベントの検索機能を実装し、「都道府県・開催時期」での検索ができるようにし、またトップページには閲覧数の多いイベントを表示するようにしました。
5.自分のイベント登録や自店舗の登録ができる
ユーザー登録すると自店舗を登録でき、参加する予定のマルシェイベントや主催するマルシェイベントの登録ができるようにしました。
6.メニューを一箇所に集約
フッターに「ホーム」「メニュー」「検索」ボタンを配置し、どのページからでもすべてのページに遷移することができるようにしました。
7.写真を複数枚登録可能
1イベントにつき写真を5枚まで登録可能にしました。
写真はカルーセルで確認できるようにしています。
アプリの機能と使い方
全国のマルシェイベントが検索できる
登録されているマルシェイベントを「都道府県」「開催月」「キーワード」で検索可能
住んでいる地域のイベント情報を検索したり、旅行先のイベントもすぐに検索できます。
また、イベント検索はユーザー登録なしで利用できるのでお手軽に検索できます。
店舗・団体登録
ユーザー登録をすると、自分の店舗や団体を登録することができます。
自身が開催するイベントを宣伝したり、自身が出店するイベントを宣伝することもできます。
SNSやホームページのリンクを貼ることもできるので宣伝の幅が広がります。
イベント登録
自分の店舗に紐づいたイベントを登録することができます。
開催日や開催場所など細かな情報を載せることができるので、わかりやすい情報を
お客様にお伝えすることができます。
イベントは最大5枚まで写真を登録することができます。
開催日を過ぎたイベントは見ることができませんが、自分の作成したイベント内容は
過去のものも見ることができるようになっています。
イベントコピー機能
同じイベントを複数日開催したり、定期イベントとして開催する方もいます。
一度作成したイベントは内容をコピーすることができるので、同じ内容のイベントであれば
１から全て入力する必要はありません。
制作について
2025年8月から制作を始め、9月のはじめにリリース
リリース直後はイベントの検索機能のみ実装
2025年11月には現在の機能まで追加し、アップデートしました。
UIをFigmaを使って制作し、その情報をもとにAIの力を借りながら制作を進めました。
AIの力もあって短期間でここまで制作できたと感じています。
今後改善したいこと
1.サービスの周知
サービスがあっても使われないと意味がないと思います。
いろんな人に知ってもらう努力を今後行っていき、たくさんの方に使っていただけるよう
周知していきたいと考えています。
2.テスト追記
開発スピードを優先したためテストはバリデーションのテストしか書けていません。
フロントのテストを実装し、今後の開発にも役立てたいと思っています。
終わりに
最後までご覧いただきありがとうございました。
プログラミングスクールで卒業制作を作って以来、１から本格的に1つのサービス制作を行いました。
考えることはたくさんありましたが、楽しく制作できました。
せっかく可愛いロゴやアイコンを作ってもらったので、たくさんの人に使っていただけるサービスに
できるよう精進していきたいと思っています。
ぜひ皆さまからのご意見を頂戴し、真摯に受け止め対応していきたいと思っています。
よろしくお願いいたします。