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

2019/01/21 19:04:01

モバイラーレイジーちゃん

モバイル版のモンスター検索のみ新しいlazyloadに切り替えました。

あのあと少し問題も出たんですが
なんとかなってると思います、たぶん！

2019/01/21 08:29:27

モバイルレイジーちゃん候補版

https://dq10as.net/sp/search/index11rc.php

モバイルのレイジーちゃん候補版です。

もう少し試してからモバイルでまず実装します。
　
今使っているレイジーちゃんは、ゆっくりスクロールしても読み込みが間に合ってませんが、
今回作ったものは少し先まで先読みさせているので
ゆっくりスクロールなら随時先読みして真っ白な画面が出ません。(回線とCPUの速度にもよります)
読み込む枚数は解像度によって可変させてます。
　
ここら辺は自作の良いところですね。
今回のスクリプトはもとからあるタイプのものだったので
正直あまりモチベーションが上がらなかったんですが、
まま楽しかったですかね。

少しネックな部分もありまして、
スクロールが止まったときファンクションなのでスクロールを止めないと読み込みません。
スクロールしたときファンクションですと実行回数が多すぎてしまうためだいぶ無理がありました。
何か他にいい発火装置ないですかね。
　
あと将来的にローカルストレージに画像を保管させるのも試してみたいですが、
たぶん処理が遅くなるので実装はしないと思います。

2019/01/21 03:04:34

レイジーちゃんその3くらい

レイジーロードちゃんですが
そこそこの性能のパソコンで動いても
モバイルで快適に動かなければ意味がないので
モバイルベースで作り直してます。

だいぶ無駄な部分があったのでなんとかなる、
と良いんですけどどうなるんでしょうかね。

2019/01/20 05:44:04

表示最適化

モバイルの表示をほんの少し最適化しました。

あからさまに手抜きでしょ！って言う部分があったので。

2019/01/15 14:01:36

レイジーちゃんだいたい終わりません

https://dq10as.net/search/monster/index41.php

lazyloadの基本部分はだいたい終わりではあるんですが
うちのポンコツ8インチタブレットで動作が使えないレベルで遅いので
もっとなんとかしないとダメですね。

こうスペック差が激しいせいでサイトの進化が遅いんじゃないかって話ありますね。

2019/01/14 22:35:25

ハードをいじりたい病気

クアルコムのBluetoothのオーディオモジュールCSR8675がAmazonで4000円くらいで売っていて
これでスピーカーを無線化したり、ヘッドホンに無理矢理組み込んで無線化したりして遊びたい病を患ってます。
でもどれもボードのままで技適を取れているものがなくて
ネタにできないんですよね
面倒な世の中です

2019/01/12 13:14:22

これはどう考えても

https://dq10as.net/search/monster/index34.php

ここからさらに調整が必要ですが、
この段階ですでにわかります。
これ今使ってる奴で良くないですか？

・・・。

2019/01/11 21:33:23

4割出来ました

https://dq10as.net/search/monster/index32.php

あとはマイナス方向と
読み込んだものを再読込しちゃってる問題と
最初のスクロールしてない画面ですかね

あ、はげ・・そう

2019/01/11 15:03:47

レイジーちゃん

lazyloadのための指定座標のIDを取得する方法

https://dq10as.net/search/monster/index30.php

ざっくりこんな感じです。
ブラウザの画面左上から左に600px、下に300pxの地点の要素のどこかしらの親要素のsectionのIDを取得しています。
実際に使うときの座標はブラウザの画面サイズを取得してその半分(画面の中央地点)になりますかね。

あとは画像を全部表示させているページを作って、
Ajaxで、取得したID前後の画像をうまい具合に合成させれば良いような気がします。
その他には元ページの画像を低画質にして、Ajaxで取り出す画像を高画質にすれば
良い感じにならないかなといった感じです。

画像はバイナリ、文字にしないとAjaxで拾ってこれないと思うんですが
実際できるかはわかりません！

2019/01/11 13:38:20

さて

だいぶ暇になったのでやりますか