usakdsteen

ゆうさくですてぃーん

すこしだけやった

まぁちょっとだけすくりぷと書いた

 

 

これの続き

neetsdkasu.hatenablog.com

 

 

前回のはcheckboxのcssトリックを使ってたけど

それはやめてちゃんとスクリプトで制御するようにした

f:id:neetsdkasu:20200801041643p:plain

 

JSじゃなくTSで書いたけど

ブラウザ(?)のAPIのほうはモダン(というほどモダンでもないけど)

何年も俺の中でアップデートされてなかった使ったこと無いAPI等を使ってみたぞい

具体的にはquerySelectorquerySelectorsAllclassListfetch(Promise?)とか

 

querySelectorquerySelectorsAllは先月にCSSチュートリアルでちゃんとお勉強したからね、使い方よくわかって、とてもよかた

querySelector深さ優先探索使うとかどうとか書いてあるの

Document.querySelector() - Web API | MDN

セレクタは親子関係を表す>や次の子を表す+があるから探索範囲狭くなって高速とかそんな感じなのかな?DOMのgetElement系使うよりは速いとはそういうこと?jQueryとかが流行ってたのはそういうことなんかね…知らんけど

 

classListね、classNameは使ってたけどclassListのほうが便利やんけ…

これの存在全然知らんかった(モダンかは知らんが

 

fetch、XHR使うより便利すぎるっしょこれ…

しかもPromiseって仕組み(?)、これも便利すぎる

PromiseってHaskellEitherやRustのResultと似たような感じな?(Promiseは処理の遅延呼び出しぽいからちょいと違うか…?

まぁひとまずこれ便利

 

ウェッブ技術、進化しすぎっしょ!

 

 

まぁそれはさておき

まだデータの持ち方とか決まっておらず

テキトーに前回のUIデザインを再現できるよう処理組んだだけで

 

結局、今日の漫画巡回に間に合ってない・・・

つか漫画読むより、これ作る考えるの作業のほうが楽しい・・・ような?

まぁ楽しいってより集中すると現実逃避できて気持ちが楽ってほうかもしらんが

 

 

 

 

 

 

 

ちな、これが今日の成果(そーすこーど)な