デレステ所有率をアップデートしました(2021/6)

お久しぶりです。pinikyです。
約5年前にリリースしたデレステ所有率はおかげさまで今でもたくさんの方に利用していただいています。本当にありがとうございます。
SSRの枚数も(2021/6/24現在)466枚になっていて、時の流れを感じますね。

最近は忙しくなかなか手を付けられていなかったのですが、
前回のアップデートから2年が経ち自分でも気になることが増えたのでアップデートを行いました。
見た目の変更や新しい機能はほとんどないのですが、
少しだけ機能が増えたので以下にお知らせします。


選択中のキャラクターのみ表示できるように

絞り込みに「選択中のみ表示」という項目を追加しました。
これをONにすると、チェックを付けている(赤色になっている)もののみが表示されるようになります。
この状態でチェックを外すと一覧からも表示が消えるのでお気をつけください。

表示サイズを変更できるように

3を今までの大きさとして、拡大・縮小がそれぞれ2段階ずつできるようになりました。
名前表示:OFFと併用すると表示できる量が大幅に増えるのでお試しください。

その他内部的な変更

キャラクターが多くなったことで全選択などの動作が少し遅くなっていました。
それらも含めたパフォーマンス・安定性向上のため見た目が変わらない改修を大幅に行いました。
ブラウザによって今までと違う挙動が起こるようになるかもしれないので、不具合などがありましたらお知らせください。


新機能は以上です。
引き続きデレステ所有率をよろしくお願いします。

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

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

 


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

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

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

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

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


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


【やりたい】

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

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

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

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

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

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

【検討中】

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

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

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

文面に悩みますねー。

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

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

【おそらくやらない】

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

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

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

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

【やりました!】

・ガシャ種別の「限定」を 「フェス限定」「月末限定」に分割
・次回アクセス以降もチェック状況が維持されるようになると嬉しいです!
・表示絞込みで、「所有してる/してない」を追加して欲しい


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

明日の君さえいればいい

「ひたすら走ってんなあ」

 

というのが、「明日の君さえいればいい / ChouCho」を初めて聴いた時の直感的な感想でした。

別にリズムが先走っているという意味ではなく、誰かががむしゃらに走り続けてるようなイメージがぼんやり浮かんできた。

アニメのOP映像で伊月が走ってるからそれに影響された可能性もあるけど、

いずれにせよ映像と音楽がリンクしているのは説得力があって素晴らしいなあと感じます。

 

そんな印象を受けた理由を考えたらわりとすぐ思い当たったけど、

この曲ひたすら「繰り返さない」んですよね。

ほとんどの曲はサビやAメロで同じフレーズを2回繰り返すところが、

このサビは折り返すところが見つからなくてびっくりした。

「誰も 主人公だって~」と「君が望んでる~」の部分なんて、

どちらかを2回繰り返せば普通にサビになるくらい強いフレーズなのに。

Aメロも2回繰り返してるようだけど、1回目と2回目では前半8小節がほとんど原型を留めてないくらい変わってる。

 

そんな感じで、繰り返しをあまり含まない「一本道」であることが

走ってる感じ=疾走感を演出してるんだろうなあと感じたのでした。

あとは、2サビから止まらずDメロに入るのも勢いを感じさせる構成だよなあ、覚えておこう。

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

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

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

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

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

…まあいいでしょう。

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

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


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