[個人開発]迷子ペットと飼い主の再会をサポートするサイトをリリースしました

# はじめに:cat:

日本国内にはペットを迷子にしてしまう飼い主が沢山いるようです。
1人の飼い主が複数回、複数匹迷子にすることもあるようです。
迷子になったペットはどうなるか？想像しただけで辛いですね。

# リリースしたサイト:homes:

![logo_type.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/106929/7ed88d59-7609-8e49-50bd-e671fbdd1559.png)

|               |                                                      |
|---------------|------------------------------------------------------|
| url           | [https://www.find-missing-pets.jp/](https://www.find-missing-pets.jp/) |
| title         | Find MissingPets.jp                                        |
| description   | AIとICTを駆使して日本国内の迷子のペットとの再会をサポートするサイト                   |
| hosting       | Vercel                                               |
| SEO           | Google Analytics 4                                   |
| advertisement | Google AdSense                                  |

コンテンツについては、ペットを迷子にしてしまった後の `対処` をベースに作成しています。
**2024/01/15**時点のGoogle検索で `Find Missing` で最上位にHitします。

# 宣伝:tickets:

ペットが迷子でない方も、 `予習`  という名目で使える機能があったりします。
迷子にしてしまって後悔するよりも前にサクっと利用してもらえると嬉しいです。
また、知り合いに共有も大歓迎です。

OGPによる描画↓

https://www.find-missing-pets.jp/

# サイト作成の経緯

`迷子ペット掲示板` といわれるジャンルのサイトは日本国内だけで20サイトほどあったりします。
※ 保守停止になっていたりで、現在は大手が10サイト程
また、上記とは別に行政機関も迷子サイトを提供しています。

このような `レッドオーシャン` でなぜ今更作ったかと言うと、明確な理由があります。

- ペットを迷子にしてしまうのは住んでいる地域周辺とは限らない
  - 旅行先で迷子にしてしまう方が一定数いらっしゃいます
- 行政機関のHPはわかりにくい、SNSとの親和性が低い
  - 警察にいたっては動物専用ではない、あくまで `モノ` 扱い

自分のペットを迷子にしてしまう際、どういった初動をとれば良いか？をデザインして作成しました。
初動をイメージできるサイトは競合にはない印象で、作成してリリースしてから月日が経ちましたが、その印象は覆っていません。

# どんな課題を解決していくのか？

まずペットを迷子にしてしまうとざっくりと下記のようなことを行わなければなりません。
学校では教えてくれません。

![動物愛護 (4).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/106929/ab3b723a-ef7e-4a0c-2e77-e8950b9d4a69.png)

弊サイトを利用すると、迷子情報の登録を起点に様々なアクションを起こします。
※ 赤字箇所についてはリリース待ち機能

![動物愛護.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/106929/d415fe6f-8ed9-b06f-f86a-a0fc7e76d2ab.png)

弊サイトは、「<b>様々な手続きを短縮し、ペットと再会できる可能性をあげる</b>」を掲げ、
迷子の解決のための手段を複数提案し、飼い主の捜索のためのリソースを空けることに寄与します。

# サイトイメージのざっくり説明

青色をベースに、デジタル庁のデザインシステムを見た目上、真似ています。
折りたたみを開閉すると、イメージと軽い説明を記載しています。


<details>
<summary>サイトトップ</summary>
<div>
<img width="200" alt="サイトトップ" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/106929/49c091f3-a494-03da-0462-8d1d1e9ba5e5.png">

- サイトロゴ
- 捜索情報の登録
- 保護情報の登録
- 利用者毎のページ
  利用者に機能を集約したページを案内するようにしています。
</div>
</details>
<details>
<summary>飼い主向け</summary>
<div>
<img width="200" alt="飼い主向け" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/106929/f62b069d-23ef-2df0-ecf1-12223475b364.png">

- 捜索情報登録
- ポスター作成
  迷子ペットのポスター作成機能です。
- 代行作業依頼
  弊サイトの機能の一部を有料で代行作業します。
- 迷子の届出先検索
  日本国内での届出を出す必要がある関係機関を1分で検索できます。
- 保護情報の一覧
- 提供情報の一覧
- 収容・保護・拾得届の一覧
</div>
</details>
<details>
<summary>保護主向け</summary>
<div>
<img width="200" alt="保護主向け" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/106929/1641984d-0015-f628-f0a6-e9a79e07033f.png">

- 保護情報登録
- 捜索情報の一覧
- 迷子届の一覧
</div>
</details>

# 認知の拡大の取り組み

## ポスターの掲示

知り合いのお店、動物病院などに掲示をお願いしています。

<img width="200" alt="site_flyer01.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/106929/dd479aa2-c95c-7566-2b68-200d8a792783.png">

<b>ペットが迷子になった際は役にたつので、掲示したい企業・個人の方はご連絡ください。</b>

## 各種SNSでの活動

- [X](https://x.com/nekonare_pets)
  「迷子ペット」などのタグを検索し、実際に迷子になって困っているかたへ直接声をかけています
- [note](https://note.com/nekonare)
  迷子情報などを定期的にまとめたり、知り得たナレッジをまとめています
- [Instagram](https://www.instagram.com/nekonare/)
  ポスター画像をPDFからPNGに変換し、Instagramに掲載して拡散しています
- [Youtube](https://www.youtube.com/@nekonare)
  迷子情報を音声と映像で定期的に公開しています

# Unique Selling Proposition 的な

迷子になった場所、迷子になったペットの種類によって、行政機関等への連絡先が異なります。
その連絡先のうち下記をカバーしています。
※ 一部については、弊サイトへの登録と同時にシステム連携により通知

- <font color="red">1000弱</font>の役所・役場
  - 組織体系は自治体毎に異なるため、担当課の名称は一致しないし法則性もない
- <font color="red">500弱</font>の保健所・動物愛護センター
  - 動物愛護センター・動物保護指導センターによっては、収容は行っておらず譲渡のみなど、なかなか複雑
- <font color="red">1150弱</font>の警察署会計課

また、迷子が解決した際に「再発防止」を提案するなど、行政が踏み込めない領域を担当。
弊サイトを複数回利用する(≒複数回迷子にする。。。？)は想定していない。

# 使用した技術:computer:

## 全般

| 名称               | 用途                                                                          |
|--------------------|-------------------------------------------------------------------------------|
| Github          | コード管理はGithubを利用している |
| micro CMS          |  |
| Vercel             | ホスティングに利用                                                            |
| ムームードメイン   | ドメインで利用                                    |
| Docker             | ローカル環境についてはDockerを利用している                                    |
| ~~VisualStudioCode~~             |                                     |
| Cursor             | IDEはCursorを利用している                                    |
| Google Tag Maneger | タグ管理にて利用<br>Google Analytics 4と連携している                          |
| Google Forms | お問い合わせ機能で利用している                          |
| Stripe | 決済はStripe Linksを利用している                          |
| Discord | 通知はDiscordを利用している                          |

## アプリケーション

| 名称              | version    |
|-------------------|------------|
| Next              | 14.1      |
| Material UI           | 5.15      |
| prisma | 5.x      |
| Typescript        | 5.5     |
| OpenAPI Generator | 7.5      |
| bun              | 1.x     |

# おわりに

今回は迷子にしてしまった飼い主とそのペットにフォーカスを当てた記事を執筆しました。
迷子で彷徨っていて保護し、飼い主に再会させるなどのフローも存在し、既に実装して運用しています。
迷子にまつわる解決方法も増やしたいですし、他にもクリティカルな課題があったりするので調査中です。
エンハンスの余地がまだまだあるので、頑張っていきます、<b>よければいいね:thumbsup:やフォローをお願いいたします！</b>

# 資料

## 登壇資料

勉強会で登壇しました。
勉強会で場を温めて欲しい！などありましたらお声がけください。

https://speakerdeck.com/mabubu0203/petutonomi-zi-wojie-jue-20230929

## 兄弟サイトについて

猫への助成金を調べるにあたって、自治体の情報を事前に収集していました。
このサイトがなければ迷子サイトについては着手していなかったでしょう。

https://qiita.com/mabubu0203/items/5dbd26691f743866b08d

## ビジコンで受賞しました

ビジネスプランコンテストに応募し、受賞しました。
事業内容についてもインタビュー形式で公開していただいています。

https://www.nishitokyo-bizcon.com/2023/urata/