まぁちょっとだけすくりぷと書いた
これの続き
前回のはcheckboxのcssトリックを使ってたけど
それはやめてちゃんとスクリプトで制御するようにした
JSじゃなくTSで書いたけど
ブラウザ(?)のAPIのほうはモダン(というほどモダンでもないけど)
何年も俺の中でアップデートされてなかった使ったこと無いAPI等を使ってみたぞい
具体的にはquerySelector
やquerySelectorsAll
やclassList
やfetch
(Promise
?)とか
querySelector
やquerySelectorsAll
は先月にCSSのチュートリアルでちゃんとお勉強したからね、使い方よくわかって、とてもよかた
querySelector
は深さ優先探索使うとかどうとか書いてあるの
Document.querySelector() - Web API | MDN
セレクタは親子関係を表す>
や次の子を表す+
があるから探索範囲狭くなって高速とかそんな感じなのかな?DOMのgetElement系使うよりは速いとはそういうこと?jQueryとかが流行ってたのはそういうことなんかね…知らんけど
classList
ね、className
は使ってたけどclassList
のほうが便利やんけ…
これの存在全然知らんかった(モダンかは知らんが
fetch
、XHR使うより便利すぎるっしょこれ…
しかもPromise
って仕組み(?)、これも便利すぎる
Promise
ってHaskellのEither
やRustのResult
と似たような感じな?(Promise
は処理の遅延呼び出しぽいからちょいと違うか…?
まぁひとまずこれ便利
ウェッブ技術、進化しすぎっしょ!
まぁそれはさておき
まだデータの持ち方とか決まっておらず
テキトーに前回のUIデザインを再現できるよう処理組んだだけで
結局、今日の漫画巡回に間に合ってない・・・
つか漫画読むより、これ作る考えるの作業のほうが楽しい・・・ような?
まぁ楽しいってより集中すると現実逃避できて気持ちが楽ってほうかもしらんが
ちな、これが今日の成果(そーすこーど)な