【開発日記】渓流釣り向けアプリ #12 マップと川選択をとことん作り込んだ

今週はマップ・川選択まわりの改善を集中的に進めました。

ローディング中の演出を追加

川を選択すると地図データの読み込みが走るので、待ち時間の演出を追加しました。「河原の小石を数えています…」「ウェーダーの穴を補修しています…」といった釣りっぽいメッセージがランダムに切り替わりながら、マップが日本全体から川に向かって自動でズームインします。技術的には無意味ですが、退屈さがかなり減りました。

川の表示バグを2つ直した

川が2回に1回しか見つからないバグが発覚。原因は地図データの辞書とタイルで水系名のバージョンが違っていたことで、辞書データ5万件を更新して解消しました。もう一つ、川がタイル境界で途切れてバラバラに表示される問題も、断片をつなぎ合わせる処理を追加して修正。500m以上離れた断片はつながないルールを設けて同名の別の川が誤結合されないようにしました。

川名で検索できるようにした

マップをスクロールしなくても川名を入力して選べるようになりました。日本には同名の川がたくさんあるので、候補リストには「大川（石狩川水系）」のように水系名もあわせて表示します。

マップのクラスタをタップできるようにした

近くに複数のピンが集まるとひとまとめ（クラスタ）になりますが、今まではタップしても何も起きませんでした。同じ地点のクラスタはリストを出して選択でき、バラバラなクラスタはタップするとズームインしてピンが解除されるようにしました。

マッチングフローのUIを3回作り直した

相談→応募→承認の進行ステッパーで、承認ボタンをどこに置くか3回設計を変えました。最終的にステッパーの下に「承認？」ボタンを浮かせ、応募→承認のコネクターを点線にして「まだ確定していない」感を出す形に落ち着きました。

マイページをリニューアル

プロフィール表示・編集と設定を別画面に分離し、退会機能も整備しました。退会後7日間は再登録できない制限を設け、退会時に他ユーザーの申請履歴から個人情報を削除する処理も追加しています。

メッセージ画面に自動通知を追加

ステータスが変わるとメッセージ画面にシステムメッセージが自動で流れるようになりました。今まではアプリを開き直すまで気づけなかったのが改善されています。

変数名の大掃除

開発中に「水系」と「川」を指す変数名が逆になっていることに気づき、影響するファイル20本以上を整理しました。ローンチ前だから思い切ってできる作業でした。