当サイト『謎ログ』をリニューアル・アップデートしました。

更新内容

フロントエンドを構築しなおしました。
レイアウトやデザインを変更しました。
- 領域ごとのコンセプト色の使い方を見直しました。
- コンテンツなどの公式サイトへのリンクボタンの色を変更しました。
- コンテンツなどのフォームのタブのデザインを変更しました。
- 制作者・メンバー募集・チケット販売情報・謎ログ辞書(α)のアイコンを変更しました。
- グラフの凡例の位置やサイズを調整しました。
- コンテンツのカルーセルのカードに制作者を表示するようにしました。
- コンテンツの詳細ページにおいて，制作したユーザー・携わったユーザーを独立した「コンテンツの制作関係者」セクションとして表示するようにしました。
- コンテンツレビューの紹介コメント・ネタバレコメントの部分のデザインを変更しました。
- コンテンツ記録やコンテンツレビュー投稿者名の公開範囲の表示・アイコンを変更しました。
- カレンダーで日本の祝日を日曜日と同様に赤く表示するようにしました。
- favicon系の画像を文字(「謎ログ」)の無いものに変更しました。
- 各種フレームワークやライブラリーのアップグレードまたは変更により，デザインが異なる部分があります。
- その他，細かいデザインやレイアウトの変更があります。
UIを変更しました。
- コンテンツなどのポップアップカードにメニューボタンを表示するようにしました。
- コンテンツのポップアップカード内の制作者チップなど，関連データへのリンクの一部をポップアップカードに変更しました。
- 日付や時刻・タイムの入力欄においてGUIで選択せずに直接入力できるようにしました。
- コンテンツレビューの一覧を無限スクロールでなくしました。
- 各種フレームワークやライブラリーのアップグレードまたは変更により，動作が異なる部分があります。
機能を追加しました。
- シェア関連の機能追加・UI変更をしました。
- コンテンツなどのフォームにおいて，リンク先のページからOGP画像を読み込んで画像URLに設定できる機能を実装しました。
- パスキーによるサインインを実装しました。
- プッシュ通知を実装しました。
その他
- アワードのページをコンテンツ関連配下に移動しました。
- 「チケット(α)」のページは移植していません。
- トップページ以外でSNSアカウントによるサインインをした場合，トップページではなく元のページに戻るようにしました。

フロントエンドの再構築

フロントエンドの開発に使用しているフレームワークのサポート終了に伴い，新しいフレームワークでフロントエンドをイチから構築しなおしました。
また，この機にレイアウト・デザイン・機能・実装方法などを全面的に見直して改善を図りました。

レイアウト・デザインの変更

コンセプト色の使用

コンセプト色とは，コンテンツ関連のレッドや出題関連のブルーを指します。(その他はグレー)

その色の使い方を見直し，以下のようにしました。

ページの背景色にコンセプト色を使うことをやめ，領域によらず全てのページで共通のグレーとしました。
コンテンツのタイトルなど，要所のテキストにコンセプト色を付けました。
UIパーツなどの色をコンセプト色に変更しました。

背景色を統一することでサイト全体のまとまり感が向上することを狙いました。

公式サイトへのリンクボタンの色

コンテンツなどにはリンクを設定でき，その中に公式サイトがあります。
その公式サイトへのリンクのボタンの色を変更しました。

フォームのタブのデザイン

コンテンツなどのフォームはタブで複数のページに別れています。
そのタブのデザインを変更しました。

制作者・メンバー募集・チケット販売情報・謎ログ辞書(α)のアイコン

制作者・メンバー募集・チケット販売情報・謎ログ辞書(α)のアイコンを変更しました。

グラフの凡例の位置やサイズ

円グラフや棒グラフの凡例の位置やサイズを調整しました。

コンテンツのカルーセルのカードの内容

コンテンツのカルーセルのカードに制作者を表示するようにしました。

「コンテンツの制作関係者」セクション

コンテンツの詳細ページでは制作したユーザーや携わったユーザーを表示しています。
それらをプレイヤー数やアンコール数のセクションから独立させて「コンテンツの制作関係者」セクションとして表示するようにしました。

コンテンツレビューのコメントのデザイン

コンテンツレビューの表示において，紹介コメント・ネタバレコメントの部分のデザインを変更しました。
なるべくコメントが読みやすいように見直しました。

公開範囲の表示・アイコン

コンテンツ記録やコンテンツレビューの投稿者名には公開範囲を設定できます。
その表示を変更し，アイコンも変更しました。

カレンダーの祝日の表示

カレンダー(日付選択UIを含む)において，日本の祝日を日曜日と同様に赤く表示するようにしました。

favicon系の画像

favicon系の画像を文字(「謎ログ」)の無いものに変更しました。
ロゴが大きく見えるようになりました。

UIの変更

ポップアップカードのメニューボタン

コンテンツなどのポップアップカードにメニューボタンを表示するようにしました。
詳細ページに遷移せずに編集などの操作を行えます。

コンテンツのポップアップカード内の関連データのインタラクション

コンテンツのポップアップカード内の制作者チップなど，関連データへのリンクの一部をポップアップカードに変更しました。
関連データの詳細ページへ遷移せずにそれらの内容を確認できます。

日付入力欄や時刻・タイム入力欄の直接入力

日付や時刻・タイムの入力欄においてGUIで選択せずに直接入力できるようにしました。
アイコンをクリックすると現行バージョンのようにカレンダーや時計のUIが表示され，GUIから選択できます。

コンテンツレビューの一覧を無限スクロール廃止

コンテンツレビューの一覧を無限スクロールでなくしました。

機能の追加

シェア関連の機能追加・UI変更

シェア関連で以下のように機能追加・UI変更をしました。

シェア先のサービスにBlueskyとThreadsを追加しました。
ページのURLをクリップボードにコピーできるようにしました。
シェアのアイコンを変更しました。
シェア先の増加に伴い，シェアボタンをメニューにまとめました。

リンク先のページのOGP画像の読み込み

コンテンツなどのフォームにおいて，公式サイトなどのリンク先のページからOGP画像を読み込んで画像URLに設定できる機能を実装しました。

リンク先を入力している場合にボタンが表示されます。
ボタンをクリックするとリンク先のページからOGP画像を読み込み，読み込まれたOGP画像から選択したもののURLが画像のURL欄に入力されます。

一般的にOGP画像は横長のものが多く，特にコンテンツのカードなどの表示に適しています。

パスキーによるサインイン

パスキーによるサインインを実装しました。
パスキーはパスワード・SNS連携に続く第3のサインイン方法です。
安全なサインイン方法として積極的な利用を推奨します。

利用方法についてはヘルプの「パスキーでサインインする方法は?」をご参照ください。

プッシュ通知

プッシュ通知を実装しました。
謎ログ内の通知が発生する際に，お使いのOSにプッシュ通知が届くようになります。
(謎ログを開いていない時も通知を受け取ることができます。)

利用方法についてはヘルプの「プッシュ通知を有効化する方法は?」をご参照ください。

今後，通知の種類を拡充し，効果的なタイミングで有用な情報がユーザーの皆さんに届くようにしていきます。
欲しい通知のご要望などは大歓迎です!

1年以上をかけてコツコツ構想・実装してきたリニューアルをようやくリリースできました。
変わったところも変わらないところもありますが，より利用しやすく進化できていれば幸いです。

1ヶ月・1四半期の振り返りページの運用開始のお知らせ