デレステ所有率アップデートを行いました!

お久しぶりです。pinikyです。
久しぶりにデレステ所有率をいじったのでご報告です。
デレステ所有率は私が(ほぼ)はじめて作ったwebページなのですが、
気がつけばオープンから約2年半が経っていました!びっくり!!

そりゃあ2年半も経てば自分も成長するよなあというところで、
当時は右も左も分からない状態からのスタートだったというのは言い訳でしかないのですが、
今になって見直すとなかなかアレな部分も多いなーというのが正直なところです。
そう思いつつもずっと目をそらしてきたのですが、ようやく手を入れることができました。

今もWebのプロというわけではないので完璧なものができた!というつもりはありませんが、
初期の状態に比べるとかなり進歩したと思います。

というわけで、今回のアップデートで変更された点をご紹介します。

 


 

見た目が変わりました

言うまでもありませんが、一番目に付きやすいのは見た目だと思います。

アクセスの大半がモバイルにも関わらず、今までモバイルへの配慮が全く足りていませんでしたすみません…
モバイルで表示したときには画像を小さくし、一画面に表示される数を大きく増やしました。

私のスマホ(Xperia XZ1)の画面サイズでは、キャラクター名非表示で
60キャラが一度に画面に収まるようになりました。
スクリーンショットで共有・保存している人にとっては便利かもしれません。

また、絞り込みのボタンが「今ONなのかOFFなのかわからない問題」に直面しており
我ながらこれはよろしくないUIだ…と思っていたのでこちらも改善しました。
合わせてそれらの操作系をページ下部に移動しています。

 

全選択の挙動が変わりました

今までは「すべて選択」ボタンを押すと、
属性などの絞り込みをしているかどうかにかかわらず存在するすべてのキャラクターが選ばれていましたが、
今回のアップデートでは「表示しているキャラクターをすべて選ぶ」ように挙動を変更しました。
(今までの全選択って使いどころあんまりなかったですよね多分…)

 

2度目以降にページを開いた際、以前の選択状況を保存するようになりました

こちらは要望として挙がっていたのですが、
ページを開くたびに持っている全キャラクターを選択しなおすのは大変だということで
最後にページを閉じたときの状態を復元するようにしました。

ただし、ツイート画面で生成されるURL
(https://piniky-lab.net/cgss/chara/?ssr2=12345678ABCDEFG…のようにssr2という文字列が含まれるもの)
からアクセスした際はそちらの選択状況が優先されます。

 

絞り込みに「フリーワード検索」が追加されました

これまで、「〇〇のキャラクターが抜けています」というお問い合わせが大変多く、
その度に「マジか!?」と思いながら確認するのですが
実際にはちゃんと存在することがほとんどでした。

確かにSSRの枚数があれだけ多いと見つけづらいよなーと思ったので、
今回機能として検索機能を追加しました。
一文字入力するごとに即座に反映される様子が、個人的にはかっこよくて好きです。

※ただし、文字種の違いには対応していないので
「しまむら」と検索しても「島村卯月」はヒットしないのでご注意ください。
要望があれば、今後のアップデートで対応するかもしれません。

 

パーセンテージを小数第一位まで表記しました

昔はTwitterが半角全角問わず140文字だったので
文字数節約のためにパーセンテージは整数で表示していましたが、
Twitterの文字数制限が緩和されたことから小数を使うことにしました。

これで「1キャラだけ持っていないときに100%になっちゃう
という微妙な問題は解決されるかと思います。

 


細かい点を含めると実はまだまだ改善されている点があるのですが
既存ユーザーの方々にとっての大きな変更点は上のとおりです。

まだまだ改善できる部分や新機能を追加する余地はあると思いますので
ご意見やご要望があればぜひご意見箱へ投稿してください。お待ちしております。

見た目も中身もリニューアルしたデレステ所有率をよろしくお願いします。

コメントをどうぞ