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

お久しぶりです。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%になっちゃう
という微妙な問題は解決されるかと思います。

 


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

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

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

【随時更新】デレステ所有率のご意見

このページでは、ご意見箱・お問い合わせフォームに頂いた
デレステ所有率関連のご意見などをまとめています。
基本的に個別の返信をしていないので、この場でお返事ができたらと思います。
(個別のお返事が必要なお問い合わせはメールアドレスを添えていただければ対応します)


はじめに、一番多いお問い合わせが
〇〇のキャラが抜けてませんか?」というものです。
こちらは、a先日のアップデート/aでフリーワード検索ができるようになったので
起こりにくくなるかなと思いますが、
確かにあれだけたくさん並んだ中から1人を見つけるのは難しいですよね…

ガシャ種別や画像が間違っていたということはときどきあるので、
お気づきの際は教えていただけると大変ありがたく思います。

以下に、頂いた要望を実現度合いで分類しています。
文面はこちらで加工しています。ご了承ください。


【やりたい】

・キュート、クール、パッション別の所有率を見ることができたらSSR確定ガシャを回す時の参考にしやすいなあと思いました。
・タイプ別セレクトを引く際の判断基準としたいので恒常についてタイプ別の所有率を標準できませんでしょうか。
・属性別の所持率があるともっと便利な気がします
・属性別の所有率も知れたら嬉しいです
・属性ごとの所有率を出す機能とかどうでしょうか?
・今後もSSR確定ガチャが定期開催されるとしたら「属性別所有率」がわかると便利そうです。

要望系で一番多いのはやっぱり属性別所有率です。
こちらは遠くないうちにやろうと思っていますのでもうしばらくお待ちください!

・表示絞込みで、「所有してる/してない」を追加して欲しいです。 (スカチケ候補などで非所有だけを把握したい場合など)

スクリーンショットで自分の所有状況を公開している方がけっこういらっしゃるようなので
そういう方にはこの機能が役に立ちそうですね!
こちらも対応したいと思っております。

・デレステの所属アイドル一覧のレア度順にしたときの順で表示してもらえるとチェックしやすい

言われてみると、表示の絞り込みはあっても並び順の変更はありませんでした。
現状は「追加日順」なので、「ゲーム内一覧順(昇順/降順)」を選べるようにしたいですね。
他にもあったら便利な並び順があったら教えてください!

・Oauthとかで保存出来たらなお捗るかなと

個人的にはSNSログインって抵抗あるのでみんなやりたがらないかなと思っていたのですが、
もしかしたら需要があるのかもしれませんね。
2019/3のアップデートで「前回最後に選択していた状況」を自動で復元するようになりました!
SNSログインは引き続きやる方向で検討します。

 

 

【検討中】

・SR所持率も楽しみにしてます
・所有率のSRバージョンも欲しいなぁと思った次第であります
・イベントSRバージョン欲しいです

意外と多いのがSRも同様に管理したいというご意見なのですが、
SRは枚数が多いので選択するのが大変じゃないかな?というのが現状の懸念点です…
仕組みは同じなので実現も比較的簡単なのですが、それだけ利用されるかなーと心配です。

 

・フィルターかけてるときはそのフィルターに応じたツイート出力できたら嬉しいです

文面に悩みますねー。

・「恒常」「月末」「フェス限」の区別をアイコンの枠や背景色などで区別できると見やすいのでは

あると便利そうですが、私のデザインセンスの欠如という悲しい理由で実現できていません…
逆にいえば、デザインさえ決まればやると思います。アイデアが降ってくるのをお待ちください。

 

 

【おそらくやらない】

・スターランクの管理も出来れば嬉しい
・被りがあるので同一カードの複数枚選択ができるようにしてほしいです
・ダブり枚数がカウントできる機能があるとうれしいです

お手軽さが失われてしまうような気がするので、
別ツールという形でならやるかもしれません

・デレステ所有率のデータを利用して、全員SSR編成で観ることのできるMV一覧を出力

個人的な理由になって申し訳ないのですが、こまめな情報のアップデートが難しそうです。
ガシャ追加時のアップデートはほぼ自動なので、それと同じように
MVとオリジナルメンバーのリストを簡単に取得できるサイトがあればやるかもです。

 

【やりました!】

– ガシャ種別の「限定」を 「フェス限定」「月末限定」に分割
– 次回アクセス以降もチェック状況が維持されるようになると嬉しいです!

 


他にもご意見・ご要望があればぜひご意見箱までお寄せください。
引き続きデレステ所有率をよろしくお願いします。

デレステ所有率(ぷち)アップデート

こんばんは、pinikyです。
最近一気に寒くなってきて、暖房を入れるタイミングを見極めています。
できれば12月まで入れたくないなあという謎な意地を張ってしまうのはなぜなんでしょうね…?

さて、「デレステ所有率」はおかげさまで公開から1年以上が経ちましたが、オープン以来ほとんど手を付けていなかったコードを久しぶりにメンテナンスしました。
とはいっても、見た目は変わらないように裏の動作を書き換えただけですが。

今までは各キャラクターのアイコンが1枚の画像だったのですが、気づけばSSRも144枚(2017/11/14現在)になり、特訓前後を含めると288枚もの画像を一度に読み込むことになってしまっていました。
なんちゅうリクエスト数だ、という感じですが、当時はHTMLのことなど何も分からないところからのスタートだったから…と言い訳させてください。(今でも詳しいというわけではありませんが…)

というわけでコードを見直し、64枚ごとに1つの画像としました。いわゆるCSSスプライトという手法ですね。
これでページ読み込み時のリクエスト数は大きく減りましたが、読み込み速度はそれほど変わらないようですね。

…まあいいでしょう。

他にも、今になって思うとひっどい書き方してるなあと思うところはたくさんあるので、
勉強しつつ少しずつ改善していこうと思います。

読み込みが少し早くなった(?)デレステ所有率を今後もよろしくお願いします。


ご意見・ご感想は大歓迎です。ご意見箱へどしどしお送りください。

「デレステSSR所有率」がバズった(死語)

「バズる」って単語、最近あんまり見ないけど消えたんですかね。
好きな言葉だったんだけど・・・

1週間ほど前に「デレステSSR所有率」(http://piniky-lab.net/cgss/chara/index.html)を公開して以来、1日数十人程度に利用してもらっていたのが、
9/29の夜ごろからTwitterのトレンドに上がり、突然アクセスが増えた。
screenshot_20160929-213903

記念のスクショ。
こんなことは二度とないだろうから大切にします。

じわじわ使ってもらえればいいかなと思って作ったのが、こうして一気に陽の目を浴びることになるとは。
ちょうどシンデレラフェスの期間だったからっていうのもあるでしょうね。
(ちなみに自分は50連で1枚(しかもカブり)しかお迎えできず・・・)

今は嵐が過ぎ去ってアクセスも一段落したけれど、
これだけのトレンドになったのは、やっぱり「デレステ」というコンテンツがたくさんの人に愛されているという証拠。
次に作りたいものとかは考えていないけど、何かデレステ関係で面白いもの、役に立てるものが作りたいなあとぼんやり思ってます。
あと、これからも保守ガンバリマス。

「デレステSSR所有率計算機」作った

http://piniky-lab.net/cgss/chara/index.html

0924

 

グラブルのこれっぽいのを見たことがあって、デレステ版ないんかーと思って探したけどなかったのでそれっぽいものを作った。
web系ほとんど分からなかったけど、なんとか形になった気がする。
jQueryとかbootstrapとか作った人に圧倒的感謝。
自分はデザインとか苦手なので、特にbootstrapみたいな「適当に作ってもそれっぽくなる」サービスはありがたい。

まあ持ってるSSRなんて数えれば計算なんて簡単だろうけど、
ツイートするときに生成されるURLを開くとチェック状態が復元されるので
「どのキャラ持ってるよー」という使い方もできるんじゃないんですかね。

フィルタリングが属性とガチャ種別だけなのでもっと増やしたいなあ。
あったら便利な絞り込み要素ってなんだろう。