ドラクエ10の冒険をサポートするサイト

2018/09/21 05:23:00

モンスター検索に白箱【PC高解像度のみ】

パソコン版のモンスター検索の高解像度版のみに
白宝箱検索を追加しました。

高解像度ってどのくらい？
1200px～で作ってます。

だいぶ疲れてますので低解像度版とスマートフォンはまた今度です。

装備の部位と装備レベルと防具のセットと装備の名前を密接に絡み合わせましたUIにしましたら、
SQL検索が絡み合ってとてもとてもとても大変でした。
それぞれがある程度リンクして絞り込めます。

WHEREは結局200行くらいに、
php/htmlは1000行くらいに
生成したhtmlは1万行くらいです
一昔前ならブラウザクラッシャーよね？
・・・
性能は使うために進歩しているんです！

2018/09/20 20:23:01

AND　OR　いっぱいや

SQL検索のWHEREが80行スパゲティになってしまいました。
良く動いてますねこれ。

2018/09/20 19:00:37

続白箱検索

テストページ(パソコン高解像度のみ)
https://dq10as.net/search/monster/index2.php

なぜか先日レイアウトで徹夜してたわけですが、
本題は白箱検索なんですよ。
テストした段階ではスピードも問題なさそうですね。
あとはUIどうにかしないとですが。

一番の気がかりはスマートフォンの解像度なんですよ。
4Kディスプレイ搭載してるスマートフォンなんてのもありますが
ブラウザのスマホ表示にすると360pxだったり、
iPhoneのPlusモデルでも414pxしかないんですよね
パソコンのモンスター一覧のモンスター1体で300px以上使っているので
そのまま落とし込むと1列1体で1000体ずらっと縦に並んじゃうんです
うーん

2018/09/20 00:52:25

モンスター検索もう少しだけ

背景画像もレイジーロード出来るんですね。
もう少しだけ作り込んでみます。

2018/09/19 23:59:21

GeForce RTX 20

GeForce RTX 2080が後数分後に発売されるんですって

GeForce RTX 20のミドルかハイロー？出たら買おうかなと思ってます。

2018/09/19 23:45:55

解像度、強敵でした

こ、このくらいで勘弁しといてやる

(私の)スマートフォンPCモードで横向きで3個入るサイズと戦っていました。
特に深い意味はないですけども。
無理矢理感出てますが実際無理矢理なので問題ないですよね。

2018/09/19 20:00:17

解像度ェ

また解像度との戦いを始める人
ぐぬぬ

2018/09/19 18:54:08

テスト段階だったんですが

モンスター一覧に白箱を表示させました。

モンスター検索に白箱検索混ぜるテスト段階だったのですが、
以外と悪くないじゃんと言うことで表示だけ先にしちゃいました。

ここから白箱の検索メニューを付けます。
ただその追加したSQL検索で遅くなっちゃう可能性もあるので
実際にメニューを追加するかどうかはわかりません。

苦労話です
シンプルに白箱を取り出す量だけ増やしましたら
Chromeで+4秒の9秒くらいになっちゃいました。
あこれ終わったなと思ったんですが、
ChromeはDOMが遅いのでタグの数を減らしてなんとかって。

実はChromeの場合むしろ表示が少し早くなってたりします。
他のブラウザではほんの少し遅くなってます。
ボトルネックがサーバではなくブラウザってのもどうかと思いますが、
エックスサーバーさんが凄いってヨイショと言いますか事実です。

個人的には情報詰め込み過ぎは好きじゃないんです。
スマホ版の画像と名前だけが結構好きだったりします。
ですが白箱検索させるのに表示させないわけにもいきませんし、
ポップアップなどの表示/非表示はさらに重くなっちゃいますので仕方なしです。
スマホ版も表示させようかなとは思いますが、
スマホはDOMがさらに遅いのでちょっとできるか怪しいです。

2018/09/19 07:40:15

白宝箱検索2

てすとぺーじ
https://dq10as.net/search/shiro/aav.php

そんなわけで、どんな訳なんでしょうかね、
気づきましたら高速になってました。
ここまで来るとモンスター検索と統合させてみたいですよね。
またちょっと試してみます。

2018/09/18 05:32:11

DBのインデックス

今までデータベースのインデックスの指定がいまいち良くなかったので
モンスター検索のみ少し最適化してみました。
ほんの少し絞り込み検索が早くなったかもしれません。