ドラクエ10冒険・サイト運営ブログ


Chromeが遅かった話し
期間 Ne

Chromeが遅かった話し

ChromeのDOMが遅い話しなんですけども
3日くらい前にアップデートが入ったようでして
Firefoxと遜色ない速度になってました。
高速化のアップデートではないのでバグだったようですね。

今モンスター検索の表示速度はスーパーリロードで2秒くらいになっているので
もう少し機能盛っても平気そうです。
落ち着きましたら宝珠で絞り込みも入れてみますか!

【PC】モンスター検索の白箱
期間 Ne

【PC】モンスター検索の白箱

パソコン版の低解像度でも白箱検索のメニュー追加しました。
タブレット、スマホのPC表示(横持ち)でも問題ないと思います。

両解像度ともメニューを強制的に閉じる/開くボタンを追加しました。
今まで通り素早くスクロールさせれば閉じたり開いたりもします。

あとはモバイルですね・・・
今週中に出来たら、いいなぁ

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

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

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

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

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

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

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

AND OR いっぱいや
期間 Ne

AND OR いっぱいや

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



続白箱検索
期間 Ne

続白箱検索

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

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

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

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

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

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



GeForce RTX 20
期間 Ne

GeForce RTX 20

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

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

解像度、強敵でした
期間 Ne

解像度、強敵でした

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

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

解像度ェ
期間 Ne

解像度ェ

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


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

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

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

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

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

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

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

個人的には情報詰め込み過ぎは好きじゃないんです。
スマホ版の画像と名前だけが結構好きだったりします。
ですが白箱検索させるのに表示させないわけにもいきませんし、
ポップアップなどの表示/非表示はさらに重くなっちゃいますので仕方なしです。
スマホ版も表示させようかなとは思いますが、
スマホはDOMがさらに遅いのでちょっとできるか怪しいです。
前へ | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 次へ
ページ
ブログメニュー
ドラクエ10ブログ
サイトブログ
サイトについて
このサイトはドラゴンクエスト10を攻略するに当たって、
なるべく便利な形で情報を発信しようと試みる個人サイトです。
こんなの便利じゃない?こんなのあったら良いな~なご意見は常に募集中です。
まずは私のテクノロジィを試して欲しいんふふ(海外ドラマAPBネタ)
 
このサイトはJavaScriptをふんだんに使用しています。
JavaScriptを無効にしているとかなり機能が制限されます。
当サイトではCookieは使用していませんが、local storageを使用しております。
当サイトのJavaScriptおよびlocal storageで個人情報などの収集は一切していません。
当サイトで表示している広告には表示を最適化するためのcookieを使用しています。
リマーケティングの設定はこちら。
お問い合わせ
メールはこちらへ
info@dq10as.net
そのうち意見交換できるフォーラム作る!作る。作る?
 
画像・動画について
このページでは、株式会社スクウェア・エニックスを代表とする共同著作者が権利を所有する画像・動画を利用しております。
(C)2017 ARMOR PROJECT/BIRD STUDIO/SQUARE ENIX All Rights Reserved.
(C)SUGIYAMA KOBO(P)SUGIYAMA KOBO