2
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

驚異のFANZA女優検索(ひとり)Advent Calendar 2021

Day 13

驚異のFANZA女優検索のTOPページのメイン部分のこだわり

Posted at

この記事は 驚異のFANZA女優検索 Advent Calendar 2021 の 13 日目の記事です。

メイン

ナビゲーションバーの次はTOPページのメイン部分について。先ず検索対象はテキストボックスに入力された値ではなく、実際の検索しているものの説明を書くことにした。つまりテキストボックスに100と入力した時は、検索対象は「100cm」と表示されるし、100+と入力した時は「100cm以上」と表示される。まあ、こうしたところで「あー。+は以上なんだ」と気づく人はいないと思うが、それでも表示に機能の説明を書いておくことは大事かなと思ってそうしてみた。また対象女優は、女優データの数によって変わることなので最新のデータ取得日を書くようにした。一応毎日更新しているはずだが、データ取得日を見ればいつ更新したか分かる。

#表示数
次が表示の設定。見ているデバイスの画面サイズにもよるので表示件数の最適な数は難しい。というか基準がないと決めようがないので、自分が開発に使っているのメインパソコンで一覧が画面内で収まる25をデフォルトにしている。50だと相当大きなディスプレイを使っていない限りスクロールバーなしで50人出ることはないし、10は大体のデバイスで少ないと思うのでまあ妥当な数字かと思う。

#並べ替え(名前順、バスト順)
並べ替えは一番最初は深く考えず名前順で作った。まあ、あいうえお順は学校などでもなじみ深いので、これ何順だ??と思う人は少なく悪くないと思う。次に、自分が欲しかったバスト順を作ってみた。が、実際にバスト順でならべてみると、なんというかがっかり感があった。自分が見たいのはバストの大きい人ではあってもバストの大きい順に並べた結果を見たかったのではなかったことに作ってみて気づいた。実際にバスト順で並べてみると意味が分かるかもしれない(世の中には色々なリビドーを持った人がいるので、むしろテンションが上がる人も居るかもしれない。それは単純に僕とは合わないというだけで何ら否定するものではないし、むしろ誰かの役にたつのであればハッピーだと言える)。

#並べ替え(作品順、新作順、デビュー順)
次は単に自分が開発で便利なので作った作品順だ。正直これほど沢山の作品を出している人がいることに驚いた。80+で検索して作品順で並べ替えるとTOPはなんと2700作品を超えている。。そして、最後に作ったのが新作順とデビュー順だ。内部的にはその女優が単体で出た作品の発売日が一番古い物をデビュー、一番新しいものを新作と定義している。厳密にはちょっと違うが、並べ替えの所に正しく「単体作品発売日」と書いても分かりづらいし、まあ大体はそれっぽい値になっているのでこれで良しとしている。ソートを新作順にすると、新作が出る度にトップにくる女優が変わるのでこのサービスによく来る人にはオススメの並べ替えだ。(そう思って、最近ソートの横にヘルプ機能を足してこの内容を書いておいた。これは完全にこのAdvent Calendar を書いたことが良い方向に繋がっている)

#表示サイズ
開発当初は、表示件数、並べ替えの隣に、さらに表示サイズのコンボボックスが作っていたが、現在は無くした。最初に作った時はサイズ小だけで画像も小さかった。というのも最初は画面に沢山の情報を並べられることを重要視して作ったので、画像は顔認識するよりはほぼアイコンだった。ある時ふと思って画像大(つまり現状のサイズ)を作ったらそれが凄く良くて、その時に初めてこのサービスでは顔はかなり重要な要素だと感じた。暫くは表示サイズ大小を選べるようにしていたが、現在のサイズこそが最低限で、もう小は意味がないと思った無くした。

#プロフィール
写真以外に出す女優のプロフィールについて。最初からサイズとカップと名前はマストだと思っていた。それと外部リンクを作りたかったので、作品数も出したいと思っていた。レイアウト的に名前と作品数は並べたかったのだが、この2つは横サイズが動的に変わる上、それぞれ結構文字数が多いケースもある。作品数も殆ど3桁だが、実は4桁まで考慮しなくてはならないし、名前は「源すず(月奈リカ、綾瀬ゆうか、北島りな、三須みずほ)」のように改名を繰り返してそれが全部表記されているような人がいたりする。ただ5文字以内の人が95%以上なので、5文字までの名前は切らずに出すようにしたかった。つまり1行で名前は5文字までは普通に表示、6文字以上なら…にする。作品数は4桁であってもはみ出さないようにするためにレイアウトを工夫した。それと新作がある女優が分かるようにしたかったので、まだ発売していない作品がある場合は作品数の背景を黄色にした。

#デビュー日と新作日
プロフィールにデビュー日と新作日を入れようしたが結局止めた。まず日付は色々やってみたが、8桁表記(xxxx/xx/xx)だと文字として結構長い。だけど6桁表記(xx/xx/xx)はなんか嫌だった。あんまりうまく説明出来ないが、6桁はなんか弱く感じた。情報として目が行きにくい感じがする。出すなら8桁が良い。が、8桁は長い。ましてや出したい日付情報は2つある。これを2行に分けると今度はプロフィール情報が4行になり縦に長すぎる。どう表示しても望む形にならなかったので、最終的には出さないとした。言い訳程度にマウスカーソルを合わせた時はツールチップで表示するが、スマホでは使えないしイマイチな方法だ。

2
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?