コミックビューアーβ3になりました

以前「コミックビューアー一通り完成しました」と言ったな。あれは嘘だ。(すみません)

 

先日から密かに行っていた、コミックビューアーの改修工事が一応終わりました。

あと久しぶりに手をつけたら思いっきり記述ミスしてたことに…今更気付きまして…長いことスマホからだと縦読みモードのボタンが利かなくなってたみたいですね。すみません~~!(;´・ω・)

 

***

今回の改修内容はこちら。

 

画像読み込みの最適化をやっとしました

これで多少はロードが短くなったかと思います。最新話を途中のページから表示した時などなど。
つまるところ表示ページの前後のみを読み込むようにしただけなんですが、元々当初からそうしてたはずなのにずっと機能してなかった…
画像ファイル自体がまだ若干重いままなので、そこも追々差し替えたいです。軽量変換サイト使えばもうちょいサイズ下げられそう。

 

操作性を大幅に変更しました

タブレットからもPC(マウス操作)からも、スワイプでページが送れるようになりました。
タップ時に一瞬出てくる地味に鬱陶しいアレ(形容しがたいアレ)も今更ながら消せることが分かったので消去。

それに伴って、シークバーは画面中央ではなく、ビューアーの上下らへんを押した時に出てくるよう変更しました(ページめくりたい時に誤爆してくるの鬱陶しいので…)

 

左右スワイプでブラウザが戻る・進むあの憎いアンチキショウ(chromeの仕様)撃破しました

やった~~~~!!
こいつのせいでずっとずーーっと悩んであれこれいじって迷走する羽目になったんですよ!
おかげで最高のモン作れたよ!ありがとな!安心して眠るがいい。

ビューアーと関係ないところでならとても便利な機能だと思うんですけどね、これ。

ちなみに縦読みモード時やシークバー表示中は左右スワイプすると普通に出てきます。
シークバー表示中のスワイプページ送り、最初はOKにしてたんですけどシークバーをつまんで移動する時に何故か一緒にスワイプ判定されて画面がガタガタ揺れちゃってたので、オフにしました…シークバーはビューアー範囲外のはずなのに。なんでやの。

 

Swiperは最高のスライドツールである

↑の仕様を回避できたのはSwiperを導入したからです…自力ソースじゃどうしても限界があったので。

元々自分でコミックビューアーを作ろうとした当初真っ先にSwiperを導入しようとして、でもなぜだかうまく動作しなかったから使うのを諦め1から自作する道に走ったわけなんだけど……
なぜさらなる苦行の道へと自ら突き進んだのか??謎。

 

もっと早く再挑戦しとけばよかったね!!
あれだけつまずいてたのが嘘みたいに今度はあっさり導入できたし、理想通りの動きしてくれました。

Swiper…すごいねこれ…?

今思えば当時動かなかったのは100%私の記述ミスが原因なんですけど、しょうがないじゃない知識ゼロだったんだもの~~

ページめくりの動作をSwiperに頼ったことによって、複雑に絡み合ってた自作スパゲッティソースもかなり軽量化しました。
ついでに「コールバックってなんやの?」状態でずっとごちゃごちゃと大量に重複してた処理もいくらかまとめてスッキリ。表面には出ない部分ですが笑っちゃうくらい綺麗になった。

なんというか……

簡単手軽に作れるおいしいレトルト食品があったのに調理の仕方が分からず、でもどうしても食べたいからレシピもなく見よう見まね無駄に時間かけて自分で1から作って食べてた

みたいな……話です……(?)まずくはないが格別おいしくもない出来。

でも遠回りして学んだことでJavaScriptのこと多少は理解できたから、今回はすんなり導入できたわけで…やりたかったアレンジもできるようになったわけで…

結果オーライということにしておくよ!(血涙)

便利なものがあるなら使うに越したことないね。作ってくれた人ありがとう。

あと今まで散々ブラウザによって起点が違う問題で頭悩ませてキエエエッ!てやってきましたが、Swiperはそういうの関係なく動いてくれるんで今後自作ビューアー作る人はSwiperでいいと思います!(圧倒的無駄骨感)
私はずっとビューアーをスクロール位置指定で動かしてたけど、SwiperはCSSのtransformで表示位置ずらしてんだな。なるほど…

 

PCのズーム機能は一旦停止しました

ここまできて何故未だにβのままなのかと言うと、やっぱりまだズームの壁が越えられないからです。

あとSwiper導入によって内部仕様がかなり変わってしまったので、パソコンからのズーム機能も一旦下げました。短い天下だったな…(?)

一応Swiperにもズーム機能が搭載されてるのでそれをうまく使えればなんとかなるのでは?という気もしなくもないんですが、うーん。まだ把握しきれてない。
どうにかしようって思ったら絶対時間がかかるので、もうひとまずはこのままにしておきます。そろそろ漫画更新したいんじゃ。

このズーム問題が解決したら、本当の本当にようやく「コミックビューアーが完成しました」と言えると思います……言える日よ、来てくれ~

イイネ!