4月のサイト更新まとめ — 検索刷新・撮影者ページ改善・プロフィール刷新ほか
ここ数日で色々アップデートしたので、よかったら使ってみてください。地味な調整もありますが、見た目や機能の変化が大きいところを中心にまとめます。
プロフィールページがリニューアル
seaslug.world/@ユーザー名 のプロフィール画面がまるっと新しくなりました。写真 3 枚のモザイクをヒーローに、名前・観察 種類数・エリア数・撮影開始年・全投稿者中の順位などを大きく表示しています。
もう一つの目玉が 「希少種の記録」 セクション。あなたが撮った種のうち、サイト全体で 5 件以下しか観察記録が無いもの (=レア度の高い種) が自動的にピックアップされます。ダイビングで「これ珍しいかも?」と思った種がどれくらい稀なのかが一目で分かるはずです。
OGP 画像も自動生成 するようにしました。X (Twitter) や LINE にプロフィールをシェアすると、名前 + 観察種数 + エリア数が入ったカード画像が表示されます。名刺代わりにどうぞ。
「スキ」機能を追加
種 (species) / 観察写真 / ブログ記事 に ♥ ボタンを追加しました。気になる種のページや写真ページで ♥ を押すと、マイページのスキ一覧 にまとまります。
- 「撮りたい種リスト」としても使えます
- 自分の公開プロフィールにも「スキな種」セクションが出ます
- 誰かがあなたの観察写真に ♥ を付けると通知が届きます (Push 通知を ON にしている人はブラウザ/スマホに直接ポップアップ)
通知まわりの整理
ヘッダー右上のアバターに赤ドットが出れば未読通知あり、モバイルではハンバーガー自体に赤ドットが乗ります。通知一覧は /mypage/notifications に独立したダッシュボードとしてまとめました。
あわせて、通知を開いた時に既読がきちんと反映されるようにしています。以前は深くネストされた返信が未読のまま残って赤ドットが消えない問題がありましたが、一括で既読化されるようになりました。
「カバー写真」機能を追加
種詳細ページのトップに表示される 1 枚を 「カバー写真」 と呼ぶようにし、周辺の機能を整理しました。カバー写真は運営側 (木元) が、識別ポイントが分かりやすい等の理由で種ごとに 1 枚を選んでいます。
- 自分の写真がカバーに選ばれたら、撮影者に通知 (Push 含む) が届くように
- プロフィールに 「カバー写真に採用された種」セクション を新設 — そのユーザーが図鑑のトップを飾っている種が一覧で見える
- 管理画面側でも、種類変更時に「現在のカバー写真」を見比べながら入れ替えられるよう改修
プロフィール をのぞくと、★マーク付きで「カバー写真に採用された種」が並びます。投稿者にとっての栄誉枠としてご活用ください。
写真から種を推定する AI 機能
投稿画面の「写真から種を推定」ボタンを押すと、サイトに蓄積されたウミウシ画像から学習したモデル (BioCLIP ベース) が写真に似た候補種を複数提示します。同定を代行するものではなく、「似ている候補の当たりをつける」ための補助ツールとしてお使いください。提示された候補をそのまま選ぶこともできますが、最終的な同定はご自身で行うのをおすすめします。
サーバ負荷と悪用防止のため、公開済みの投稿が 5 枚以上溜まったユーザーから利用できる仕様です。投稿が増えるほどモデル自体も賢くなっていくので、みなさんの観察記録がそのまま推定精度の向上につながります。
用語集と自動リンク
用語集 への導線を強化しました。フッターから常時リンク、そしてブログ記事や種詳細の本文にある種名 (和名・学名) や用語が、自動でリンク化されるように。「ウミウシ」「裸鰓類」などの用語は用語集へ、種名は種詳細ページへ、読みながら気になった語を辿れる導線が整いました。
写真のライセンス購入問い合わせ機能 (試験運用)
出版社や研究機関などが、サイト内の写真を商用利用したい場合の問い合わせ窓口を試験的に設けました。現時点では運営者 (木元) 自身が撮影した写真のみが対象ですが、観察記録ページの下部にある 「この写真のライセンス購入を問い合わせる」 ボタンから用途・掲載予定などを添えて連絡できます。
料金は税込固定 (Web ¥1,100 / 書籍 ¥5,500 / 広告 ¥16,500 / 学術論文 ¥0 など)、適格請求書 (インボイス) の発行にも対応 しています。ご自身の写真もライセンス販売の対象にしたい投稿者の方は、お問い合わせフォーム からご連絡ください。順次 opt-in で広げていく予定です。
応援・支援ページを刷新
/blog/support にnote メンバーシップ / Amazon ギフト / BOOTH グッズ / 月額スポンサーの案内を集約しました。データ開示 (PV 内訳など) や適格請求書発行にも対応しています。「応援したいけど方法が分からなかった」という方はぜひ。
他にも細かい修正や調整を多数入れています。不具合や変な挙動があれば お問い合わせフォーム からお知らせください。
サイト内検索の刷新
ヘッダー右上 (PC) と モバイルの ???? ボタンから開く検索バーが大幅にパワーアップしました。これまで「種だけ」を引いていましたが、種・分類・ブログ記事・用語集・エリア を横断して同時にヒットします。
たとえば「触角」と入れれば用語集の解説と関連する種が並び、「大瀬崎」「沖縄」 のような地名はそのエリアの観察ページに 1 クリックで飛べます。「クロモドーリス属」のような分類で引けば属ページへ。
内部の検索エンジン (Meilisearch) を v1.12 にアップグレードし、日本語の形態素解析 を有効化したので「小野」「鰓」のような漢字熟語もちゃんと引けるようになっています。検索結果のカードはタイプごとに見た目を変えてあるので、種なのかエリアなのかが一目で分かるはずです。
撮影者一覧 (/photographers) の改善
/photographers のデフォルト表示を 「最近の投稿順」 に変えました。今アクティブに投稿してくれている方が上に来るので、新しい撮影者を見つけやすくなっています。「種類数順」「観察エリア数順」 への切り替えも従来通り。
また、長期にわたってサイトを支えてくださっているスポンサーの方々の専用スロットを冒頭に設けました。「種類数順」 のラベル表記なども実態に合わせて整理しています。
試してみてほしいこと
- 自分のプロフィール /@ユーザー名 を開いて、ヒーロー・希少種・スキ種セクションを眺める
- 好きな種のページで ♥ を押してマイリストを作る
- 誰かの写真に ♥ を付けてみる (撮影者に通知が届きます)
- プロフィールを SNS にシェアして OGP カードを確認
- プッシュ通知を有効化して (/mypage/notifications の「プッシュ通知を有効にする」) 写真スキ通知を受け取る
サイトのコンセプトは変わらず「みんなで作るウミウシ図鑑」です。日々の観察記録を気軽に投稿いただけると、自分の図鑑としても、サイト全体の資産としても育っていきます。引き続きよろしくお願いします。
Web Push 通知の不具合と再登録のお願い
実は、ブラウザ/スマホへの Web Push 通知が 2025-06 のリリース当初から 2026-04-26 まで一度も届いていませんでした。サーバー側の VAPID 署名と Payload 暗号化が仕様に準拠しておらず、Push gateway (FCM など) に弾かれ続けていたためです。サイト上の購読 UI は正常に見えていたので、気づくまで時間がかかってしまいました。
原因は標準ライブラリ (minishlink/web-push) を導入して規格通りに作り直すことで解消し、再発防止のための自動テスト (PHPUnit + Jest) も整備しました。これまで Push 通知を有効にしていた方は、お手数ですがマイページから再度「Web Push 通知を有効にする」操作をお願いします。再登録すれば最新の鍵で正しく届くようになります。
この記事が良かったら、 著者にチップを送れます。
この記事をチップで応援