デバッグボタンが最初から出てるの草

emotion vs styled-components | npm trends
https://www.npmtrends.com/emotion-vs-styled-components
emotion、採用例減っているの？

.status_wrapper [aria-label*=''ソーシャルディスタンス] {
margin: 10rem 0 10rem 0;
}

いろいろtypoしてたので動かなかった

JKは忙しいからいないよ

reactでemotion使うために/** @jsx jsx */書かなきゃいけないのまあまあ気持ち悪い

アホみたいな気分になってくるな

もうちょっとなんとかならないのか

TypeStyle使ってみるか

Xue PiaのMio Honda https://open.spotify.com/track/5Hx4HpU8uN8FW5e75OUcPY?si=POfE87KmRqik5P8TncE9AA
これは権利的にマズいのでは？

クソみたいなことになった

ifのほうがマシだし、そもそもuseEffectをつつめばいいのか

css-in-jsしたいけど出来る限り読めるクラス名を残したい気持ちがある（userstyleを書きたい）

const header = style()で作ったやつを
header-f181ytkfみたいな感じにならないかな

ふゆclassName使わないでアプリ作るってマジ？

寝たら死にますよ

emotionとtypestyleが混在してて最悪なことになってる

要素1個追加したらすべてが終わりそう

めがそふ、中1/ゆっくり好き/ゆゆうた好き/鬼減ヒロアカ単行本全巻アニメ全話制覇/淫夢第4章暗記してるw/坊主選手権常連/第五人格廃課金/荒野行動廃課金/FGO廃課金/バンドリーマー/TikTokアンチ/韓国と中国嫌い/安倍さん支持/麻生さん支持/統一協会嫌い/日本第一党支持/アニメ好きと繋がりたい/オタクは経済回してるなのか

いまからreactやればええ

ヘッドホンケーブルを机の下に通した結果
・立つとケーブルが抜ける

typestyle、style()の中にstyle()をmixinできないの

TypeStyle
https://typestyle.github.io/#/core/concept-mixin
このmixinだとstyle()じゃないから補完効かないし

しょうがない気もするんだけど後者でも効いてほしい

あれ？typestyleのstyle()内でわざとtypoしてもエラーにならなくない？

emotionもだけど例えばdisplayだと
display?: string | string[]
になってるからstringの中身はどうでもいいのか

emotionもtypestyleもcsstypeの定義なんだな

padding: 'grid'とかが通ってしまうのはなんかなあという感じがある

ゆるぼ: Unsplashで人が映らないような検索方法

自分で適当なコレクションを作ってそこからランダムに取る出すようにした

gridTemplateAreas: "'header' 'main' 'footer'",
ってかくのなかなか微妙な顔になるな

んな～～～～～

ChromeとFirefoxで挙動が違って鳴いています

背景画像をお手軽にフェードインしたくてこのようにしたんだけど、Firefoxだとなんかちらつく

backdrop-filterが効かないのはまあいいとして

Imageについて調べるか

ダメ元でEventListenerのloadにしてみたけど変わらんね

loadイベント自体はちゃんと読み込み後に動いていそう
CSSのトランジションか……

なんかbackground-imageのtransitionはできないみたいで逆になんでChromeで出来てるのか謎になってきた

あー

上にblackの背景を設置して、読み込みが終わってからその背景のbackground-colorを調節する & background-colorをtransitionさせることで解決した

ソート機能付けるかつって見た目いじって満足してソート機能ついてない

a-

素敵な朝の演出ですよ

デプロイコケて泣いとる

ローカルでもコケるやんけ！

2.1.0+ (free-style 3.1.0+) breaks the strict mode - Octal escape sequences are not allowed in template strings · Issue #361 · typestyle/typestyle
https://github.com/typestyle/typestyle/issues/361
……

Last publish
5 months ago

バージョン固定だからlockファイルだけ上げて対処もできねえし困ったナ

せっかく全部書き直したのに

resolutions初めてしった

https://bellis.vercel.app/?ids=5e5eef987eeb367ac83246f4,5e5a13218609a424c602d2e9,5eaae46f13f49635e4c728ef,5ea7dba8325d7d6e3b8ce57b,5eab9fa338f9d64265d09d47,5eab94f00d4b04426bff93ec
スマホで開くために貼らせてね

スマホの出たり出なかったりするオムニバーとheight: 100vhについて想いを馳せています今

みんなが急にエロい音声作品買い出すから今日土曜日なのかと思ったらそんなことなかった

wwwwwwwwwww

localhostにスマホから接続したいなーつってガチャガチャしてたけどそもそも開発サーバー立ってなかった

厳しい！

下手にCSSグリッド使うよりfixed使うほうが正義なのか？

webデザイナーはfigmaでクラウド上で完結してますよ

カスがよ～～～～～～～～

うーん寝るか

マジ
本気イキ

ずっとトピックブランチで作業してるから草も生えぬ

masterとv2があるんだけど、私がAPIを適当に新しくしたらフロントのmasterが既に動いていない（意味がない）

:nu:

私は今から寝ちゃいますよ

もうお布団期入っています

おきた

布団を！？

もう15じですよ！

うわー雲一つない青空

起きるとマウスの指が触れる部分が異常に脂ぎってて泣くことがある
なんで

1. 寝る前の自分が異常に脂ぎってた
2. 寝てる間に何かが起こっている

マウスの指が触れる部分脂ぎらせ星人！？

許せねえよマウスの指が触れる部分脂ぎらせ星人

このマウスサイドのゴムみたいな部分、すり減るし脂ぎるし摩擦が多いので拭きづらいしでマジで良いことない

でもLogicoolのマウスしか使えないので泣きながら買うのです悲しいね

あきくんのマウスはもう液状化してるよ

logicoolしか使えないというのは別に宗教とか設計がとかではなくて単純に完全無線で使えるのがlogicoolからしか出ていないから（そして買ってしまったから）です

ゲーミングマウスのベタベタ！加水分解を完璧に除去できたかもしれない | あさくひろくPCゲーミング
https://asahirogame.com/entry/kasuibunkai

つや消しスプレーか

実際、logicoolの完全無線マウスのためのマウスパッド POWERPLAYの体験はかなりよいです。高いけど寝ぼけ眼をこすりながらマウスにマイクロUSBケーブルを指すのは人間のやることではない

各メーカーで統一規格が出てほしいとかあるけどまあそれは

UEFIで使うようのマウスキーボードを1つのUSBポートで確保できるのがいいよね

そこでPOWERPLAYを使うとマウスパッドの上ならば常に充電されてるんですよ奥さん

なんかGoogle Homeが死んじゃったんだけど

電源つなぐと上のくるくるが2個、4個付いた後に消灯する

終わたむ

100回くらい電源の抜き差ししたら普通に起動した

10回起動失敗時点でリセットはいるのかと思ったけどそうでもないのか

masterブランチを消して、別のブランチをmasterにしたいけどめんどくせえ

あと未だにローカルでブランチの名前を変えた後、push先の名前も変える方法がわかりません

わからないので新しいブランチはやしてしまっている

@omasanori ちょっと違いそう

あ、リモートブランチの名前を変える機能はないのでそれでいいのか

mster(v1), v2ブランチがあって、v2をmasterに変えたかったのでGitHubでデフォルトブランチをv2に変更、masterからv1にブランチを切ってそのままpush、masterを削除、v2からmasterブランチを切ってpush、デフォルトブランチをmasterに切り替え、v2を削除というややこしい手順を踏んだ

どんどん防虫どんどん防虫

そもそもmasterという名前をすげ替えるのはやっていいことなのか微妙な気もするね

originという名前は分かりづらいのでgithubのユーザー名で各remote登録してるね

netlifyに301リダイレクトを設置したい vs そのためにgitリポジトリを用意するのはめんどくさい vs ダークライ

index.htmlとnetlify.tomlだけ入れたフォルダをデプロイしてみたらnetlify.tomlは無視されてるっぽい？

netlifyブランチを生やすのもなあ～

いや読み込まれているっぽい？

force = trueにしたらできたわ

bellisがnetlifyから撤退した

フォルダぶん投げるだけでデプロイ出来るのはやはりnetlifyの強みだね
vercelも手軽だけどcliがいるし

vercelの40秒でカスタムドメインにSSLまで設定してくれるのマジで好き

GitHub Pages見てるか～（正しく設定してもしばらく404なので初見絶対ミスしたと思う）

今朝ソート機能付けるつって見た目いじって満足してしまったからね

今日こそはソート機能を付けるよ付かなかったら100列送ってくれても構わないよ

padding: 0ふゆ

ちちち

yarn upgrade --latestしたらよくわからないことになっちゃった

苦手ということは伸びしろがあるということですよ

いいわね

もう100年40l伸びない

解脱

完全にreact初心者になったので無限ループさせてる

データが更新されたら1回だけソートしたいけど、ソートすることでデータが更新さるから無限ループしてる

フラグが妥当なのかなあ
あんまり増やしたくない

まあこれのどっちかだよね

パッと思いつくのは

え、フラグletで作ったのに定数であるため変更できないって言われる

いや自分がバカなだけだった

nn?

SteamもDiscordもつけっぱなしにしておく設計だからねえ

react devtoolsでコンポーネントが全部Anonymousになってるのなんでですかね

javascript - Why does React dev tools show my component as Anonymous? - Stack Overflow
https://stackoverflow.com/questions/60819746/why-does-react-dev-tools-show-my-component-as-anonymous
oh...

めんどくさい……

Header.displayName = "Header";、バカ？

react わからないよ～（component, instance, lifecycle, props, state, key, jsx, context, error boundary, portal, ref, hooks

hooksでデータ更新してもdomが変わらくてあれえ？ちゅってます

あれえ？って聲でた（修正版）

reactはかんたん

かんたん（わかるとは言っていない）

陽向葵ゅか×陽向葵ゅかでなんか笑った

React の state hook で array を更新しても再描画がされない問題 | gotohayato.com
https://gotohayato.com/content/509/
思いっきり引っかかった

...入れるだけで直ったわ

dlsiteのプレイリストは私も完全に放棄してる

https://github.com/aholachek/react-flip-toolkit
Simple Example: List Shuffleのサンプルをオブジェクトにすると動かなくなっちゃうなあ
https://codesandbox.io/s/react-flip-toolkit-list-shuffle-example-forked-gmuef

なんかflipKeyというのが大事っぽいな

List Transitionsのソース業が多すぎてよくわからない

デザインガッツリいじりたいならStreamElements、適当に楽に使いたいならStreamlabs