広告のルールを仕組みで守る不動産サイトの基盤 naristate

公開サイトと管理画面を、ひとつの基盤として作りました。賃貸版か売買版か、複数の会社が載せるポータル型か自社サイト型かは、サイト設定で選びます。

広告のルールを仕組みで守る

• 公開の条件：所在地・ピン・交通・面積・賃料や価格・写真・広告主の情報など、必要な項目がそろうまで「公開中」にできません。足りない項目と、直す画面へのボタンを示します
• 徒歩の分数：ピンから駅までの道のり 80m を1分として、端数を切り上げて自動で出します。手で直すと「手で変更」の印が付き、自動の分数より短くするとその場で注意を出します
• 更新の確認：公開中の物件は、次回更新予定日までに掲載者が「まだ募集中」を押します。3日前からメールで知らせ、期限と猶予を過ぎると自動で公開サイトから外します
• 売買の決まりごと：再建築不可や市街化調整区域などの特定事項は、決まった言い回しで価格の近くに出します。利回りには決まった注記を添え、値下げ前の価格は、条件を満たす期間だけ並べて出せます

迷わず使える管理画面

• 段階に分けた登録：賃貸は6段階、売買は7段階に分け、スマホでも最後まで登録できます。必須の項目と入れ間違いの理由は、その場で示します
• 入力の手間を減らす：住所から地図にピンを立て、近い駅を自動で入れます。全角の数字やカンマ付きの金額、売買の「3980万」のような入れ方も読み取ります。写真はまとめて送って並べ替えでき、表示用の大きさに自動で縮小します
• CSV でまとめて登録（賃貸版）：取り込む前に、誤りのある行と理由を確かめられます。1つでも誤りがあれば1件も取り込まないので、中途半端な状態になりません
• 問い合わせの管理：物件ページからの問い合わせは、掲載者にメールで届き、管理画面で対応状況とメモを残せます
• 閲覧数：物件ごとに、先月と今月の閲覧数と問い合わせの数を見られます
• 権限：掲載者は自分の物件だけを扱えます。運営者はすべての物件を見られ、問題のある物件を、理由を添えて非公開にできます

公開サイトの土台

• 物件を探す：駅や地名、地図から探せます。賃貸は賃料・間取り・駅徒歩・設備など、売買は種別・価格・利回り・駅徒歩などで絞り込めます
• 物件ページ：写真、賃料や価格、交通などをまとめ、そのまま問い合わせできます
• エリアのページ：都道府県・市区町村ごと（売買は種別ごとも）のページとパンくずを用意し、検索エンジンからの入り口にしました

安心して使い続けるために

• 迷惑な送信の対策：Cloudflare Turnstile、人には見えない罠の欄、送信の回数制限を組み合わせました
• ログイン：2段階認証に対応しました
• 自動テスト：権限・公開の条件・徒歩の分数・CSV の取り込みなどを、約3,000件のテストで確かめています
• 納品の形：会社ごとに別のサーバー・ドメインで納めます。基盤の改良は、各案件に取り込めます

管理画面は Laravel・Inertia・React・TypeScript で作りました。公開サイトは検索エンジンが読みやすい Blade を基本に、物件検索や問い合わせフォームなど、動きのあるところを React にしています。CSS は Tailwind CSS です。

公開サイトのデザインについて

公開サイトは、案件ごとにフルデザインで制作します。このページの画面に写っている公開サイトの見た目は、機能を確かめるための仮デザインです。管理画面は全案件で共通のものを使います。

デモの物件・会社は架空のものです（駅は実在の駅です）。物件の写真は素材サイト（Unsplash）のもので、デモの物件とは関係ありません。