なぽろぐ

気ままに感じたことを記事にまとめます。Vtuberのイベントのことと、プログラム関連のことが多めだと思います。

React

input rangeのcssをカスタマイズしたときに進んだ量の色が消える問題

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

声だけでツイートできるアプリvoitterを作りました

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でBlurっぽいことをやる(React)

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

LottieWebでチェックボックスの状態を管理する

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

react-transition-groupでリストを表示するときはkeyにindexを設定するのはやめよう

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

【NestJSアドベントカレンダー】NestJSとwebpack-dev-middlewareを組み合わせる【23日目】【遅刻】

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