@apollo/client でも suspense したい！ React18 がでたし、loading, data という関係ともおさらばしたい。でも @apollo/client は suspense に対応してない..... ちょっと困ったので作りました。 github.com 以前作成したライブラリと @apollo/client を併…

Observable から suspense でデータを取得するライブラリ作った firestore や websocket など変化したデータを watch することができる際に有効になりそうなライブラリです。 npm https://www.npmjs.com/package/@naporin0624/react-flowder github https://…

<input type="range" />のcss`-webkit-slider-runnable-trackで困った話 こいつの話です こいつにcssを当てる際-webkit-slider-runnable-trackを使うと思うんですが(firefoxもありますよねmozなんとか)、backgroundの色変えたくなるじゃないですか・・・・・・・ こんなcss書くと <style> </style>…

Voitter ライブ中にキーボードを打ちたくない，でもツイートはしたい！というツイ廃向けかも知れません．．．． voitter.web.app 使い方 Twitterでログインして ハッシュタグをつけて Start押すだけ あとは喋ればツイートされます！ pic.twitter.com/CUcdv1m…

こんなのを作った OGPもなんもついてなくてすみません:bow: naporin0624.github.io どうやるの？ ReactならこのGlitchコンポーネント持っていけばすぐできます．今のところstringにしか対応してない・・・というかpタグにしか対応してないって言い方の方が正…

www.napochaan.me skeb.jp ひそなさんに書いていただきました・・・・！！！！最高・・・・・！！！！！ 僕がほんとに好きな絵師さんで，どれくらい好きかっていうと毎年カレンダー買ってて今は5年目になります(4年目かもしれない) マジで目が！！！！！！！…

DIVでもInput要素のblur的なことがしたい！ InputElementは別のところを触るとBlurイベントを発火してフォーカスが外れます． developer.mozilla.org MDNのサイトで動作は確認できるかと思います． これをDIV Elementでもやりたいなぁと言うのが今回の議題で…

Lottieで消えちゃうCheckBox作るぞ！ コードの全体像 index.tsx 最後に わかっていること Lottieで消えちゃうCheckBox作るぞ！ こういうのを作りたい https://naporin0624.github.io/napoblog-assets/#/ 今回はこちらのチェックボックスアニメーションを使わ…

リストで表示したものにトランジションを適用したい コードを比較 変な挙動をするコード 想定している動きをするコード 原因 styles.ts リストで表示したものにトランジションを適用したい こんなやつをやりたかった なんかこうなる コードを比較 styles.ts…

NestJSにwebpack-dev-middlewareを組み込む 2020-04-09追記 ライブラリとして公開しました www.npmjs.com 遅刻しました．今日は25日．クリスマスです．名取の配信見てたら24日もいつのまにか終わっていました． 23日目は研究室の実験があり，徹夜でNestJSを…