Webサービス企画・開発:ゆるプラ|「今日どこ行く?」で、休みの午前が終わってしまう

ゆるプラの最初の画面。「だれとおでかけ?」の4択から始まる
ゆるプラのプラン画面の立ち寄り先と、メンバーの好みを覚える「じぶんたちのこと」
ゆるプラで行き先をジャンルや名前から探す画面と、候補の一覧
ゆるプラでできあがったおでかけプラン。時刻・移動時間・地図が並ぶ
パソコンで見たゆるプラのトップ画面と、当日の地図

休みの朝に「今日どこ行く?」と話しはじめて、候補を調べて、営業時間を確かめて、移動時間を数えて。気づくと昼になっていた、ということがありました。出かけたいのに、出かけるための準備で時間が溶けてしまう。ゆるプラは、その時間を短くするために作った、BRIDGEの自主制作のWebサービスです。

使い方は、「だれと」「どこまで」「いつ」を選ぶだけです。あとは行き先の候補が並び、気になったものを足していくとプランになります。30分の散歩も、泊まりの家族旅行も、同じ手順で扱えます。会員登録をしなくても、そのまま使えます。

設計でいちばん考えたのは、「決めさせない」ことでした。おでかけの計画が止まるのは、選択肢が少ないからではなく、多すぎて比べきれないからです。そこで、条件に合わない候補は最初から出さないようにしました。たとえば夕方から出かけるときは、閉店に間に合わない場所を選べない状態にして、灰色で理由とともに見せます。残ったものから選べば、だいたい成り立つ。そういう作りにしています。

行き先の候補は OpenStreetMap から取り込み、全国42のエリア・約12,500か所を持っています。写真と説明は、権利の条件がはっきりしているものだけを使いました。プランができたあとは、最適な順に並べ替えたり、Googleマップでその順に開いたり、出かける当日は「いま向かう場所」だけを大きく出す画面に切り替えたりできます。営業時間や料金は目安として扱い、出かける前に公式の情報を確かめてほしいことを、画面の中ではっきり伝えています。

企画・画面設計・デザイン・実装・データ整備・サーバーの運用まで、BRIDGEで担当しました。画面は React と TypeScript、サーバーは Hono、データの保存は Node.js 標準の SQLite を使い、外部のデータベースを増やさない構成にしています。動作の確認は、自動テストとブラウザ操作のテストを用意しました。

制作には生成AIを使っています。文章やコードの下書き、候補データの整理が主な使いどころです。ただし、何を載せないか、どこで止めるかは人が決めました。たとえば、営業時間を「確定した情報」として見せないこと、灰色にした候補に必ず理由を添えること。ここはAIに任せていません。

ゆるプラは無料で使えます。広告は、宿の欄にある「楽天トラベルで空室を見る(PR)」の紹介リンクだけで、広告のためのCookieは使っていません。ゆるプラは公開中です。おでかけの前に、のぞいてみてください。

類似した制作事例