await (await fetch()).json() しなきゃいけないのは……まあ……そういうもんです

まあだから単にそれ以外の処理がないのなら init あたりを async にしてしまうのがいいとおもう

async function 別に await 付けなくても呼び出せなかったっけ？

ち、チート

ふろってイカタイムになるか

ビジュアライズを

ongeki-data のデータなんかいい感じにしたいんだよな

"However, it's not inside of our root layout 😠"

オンゲキと line という単語にはかなり密接な関係があるため

今思い付いたけどオンゲキのそれで作るなら Linebrary とかでもいいな

ゴーヤチャンプルー

青い聖書に対抗して緑のネクロノミコン略して greenomicon って名前でリポジトリ作った

リファクタリングは思い立ったときにやろう

性癖になっちゃった

破壊と想像やね

"It sure is nice having a designer who can also write the CSS, isn't it?" っていきなり出てきてびっくりした

いやこの sure は副詞か

it sure is nice ってこれ倒置？

とりあえず common.css は作ったほうがいいと思う(コピペミスを防ぐためにも)

あいやこれは自分のプロジェクトで青聖書ではないです

尾風やってみよ

まあ TS 化はともかく TSX で書いたのは元が文字列結合だったやつの見通しをよくする目的もあったので document.createElement で等価な表現に書き直すとかでも良い

まあこの構成なら Vite でよさそう

めし

ES2020 ぐらいならそんなに変なことにはならないと思うけど

でも TS が吐く JS はターゲットによっては大変なことになりますよ

今僕が index.scss 作ってます

うーんこれめっちゃスタイルが混ざるな

これ Web サーバー自体は Go で起動してるのか

むしろ HTML 類も src/ に移動して配信するのは public/ にするべきだな

全部そっちに移して生成物だけ asset なり dist においたほうがよい

とりあえず切っていいよ

色々生やしておきました

関数コンポーネントにしたいけどそうすると本格的に React の出番だな

どうりで TS の挙動がなんかあやしいわけだ

今取得処理書きました

OK

ぬゆり vs ツミキとか聴いてみたいな

ごはんから帰ってきたらいい感じにファイル開いといて

React.createElement を実装してあげればいいのか

owattinnee

締め出された

TSX 書いて document.createElement にするやつってある？

TSX 書きたすぎる

見えてないね

ルビ振りは ruby にします

型推論に任せるなら JS と同じ

そうなんだ

ちげえ debounce

500ms ぐらいで throttle したほうがいいかも

条件更新ボタンは付ける？

:sokka:

クエリの部分を "input" とかだけにすると NodeListOf<HTMLInputElement> になるけど絞り込むとただの Element になってしまう

querySelector の型がうまく付かん問題なあ

意味的に d.checked の filter を分けてあるけど手前のやつと合わせても実際には変わらんしなんなら手前の filter は消しても仕様上は正しく動く

だから constructQuery で data-query-role で絞ってるんですよ

ありがとう(クエリ構築部分を実装しました)

復活させてくれ～

ts も見えなくなってる

あとは検索条件欄から Query を生成する処理だが

Yo 🟪

ESxxxx はとりあえず上げとけって誰かが……誰も言ってなかった

Iterable ではありそうだけど

.next とかが直接生えてないならイテレーターではない

普通のバージョンも追加しておきました

高々 1000 要素程度なら普通に Array でいいです

Rust だと息をするようにイテレーター返す関数書いちゃうからなあ

生徒の数が増えると毎回 Array 生成してたら死ぬので generator function にしてみたけどオーバーエンジニアリングかもしれない

JSON で扱うならの話だが……

生徒の情報はちょっと正規化してあるけどまあ全部 StudentVariant に入れてもいいんじゃない

型が付いてる範囲で型のミスマッチに起因するエラーが起きないみたいな話ですよ

いけず石 Lv.100 みたいな……

これは Playground で型検査通ってる

validateQuery 更新した

null が "object" なのまあまあむかつくな

unknown だと生えてるかどうかも別チェックじゃないといけないのか

これなんか型チェック有効になってない気がする

おお～ほんまや

でも型取り除けばほぼ JS ですよ

そういえばそんな昨日あったな

あれのなまえ all/any だったり every/some だったりするからまぎらわしい

some だな

unknown チェックのやりかたってこれであってるか？

プロジェクトにインストールして npx とかするのがただしい(はず)

たしかに global ではないほうがいいな

いや厳密には tsc は -D でいい気がするが

npm i -g typescript tsc ですよ

そんな

tsconfig.json を作りな

という形式ならいけるかも

あんふぃとくんに search.ts って名前で作ってもらってそこに書き込む

そんな

これ他人が新規作成したファイルって見えるの？

型パズルしなくてもいいからとりあえず string union type と interface ぐらいは書いたほうが良さそうな気がするけど

いや～そうか？

ここまで JS で量書いて TS 避ける理由そんなになくない？とは思う

何が入ってるのかわからん

あと TS を……

台湾昨日のよりでかい地震きてない？

複数選択検索は OR 条件ということじゃない？

昨日の台湾地震由来の注意報が出てるのか

複数選択あり？

指定なしは null でも入れておくとして

query: {
role: "STRIKER",
attack: "explosive",
defence: "light",
position: "FRONT",
class: "attacker",
schoo: "hyakkiyakou",
}
みたいなオブジェクトを渡すべきっぽそう

keywords が属性ヘテロなのがよくなさそう

機能がシンプルな Gitea と Filebrowser でやっとります

わかる

このアカウントは、notestockで公開設定になっていません。

またシャーロックみてた

記事に使う画像をちょっとだけ公開

AM ラジオになっちゃった

台風のせいかわからんが腹が中波している

React なら一発ではと言おうとしたが React ではなかった

いやリアルタイム反映ならモーダルでもいいかもしれん

ペラっと出てくるほうが嬉しい気がする

うーんなんだろう もしかしてコンテンツ量に変わったりする？

Chromium だとそもそもリーダーにできない判定になるな

いや前の記事も壊れてるといえば微妙に壊れてるんだけどさ

Firefox のリーダーモードが新しく書いた記事だけぶっこわれたやつを生成している

今謎現象に悩まされています

これで昼普通だったらかなりおもろい

サーバーじゃなくてドメインが凍結されるのあんまり聞かないけどあるんだになった

pawoo のドメインに何かあったのか

spawn しまくるなら何らかの非同期ランタイム使ったほうがよさそう

Oh

https://docs.rs/tokio/latest/tokio/net/struct.TcpStream.html#method.split

WirteHalf と ReadHalf に分けるわけにもいかんのか

Arc<Mutex<TcpStream>> とかにもできない？

このアカウントは、notestockで公開設定になっていません。

ゆれた？