なぽろぐ

気ままに感じたことを記事にまとめます。

HTML

自分のイメージキャラクターのイラストを描いていただいたのでホームページ作りました

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…

タスク管理アプリを作った話

タスク管理アプリを作りました まぁオタクが作ったタスク管理アプリです.機能がいちいちコアユーザー向けな感じになってます. このブログでは作った経緯とかではなく新たに得られた知見とかを備忘録的につけていこうかと思います. これがGitHub github.co…

名取が声に反応してくれるアプリを作りました

名取が声に反応してくれるResponSa-naを作りました なにこれ??? 名取さなアドベントカレンダー22日の記事です 辛いことがあったり疲れたりするそんな日々を送っていたかもしれない・・・(いたかな?)(そうでもない)(多分割と楽しかった) そこで推しと喋れ…

今更IRKitの即興Webアプリを作った

IRKitの即興Webアプリ できたwebアプリ 気に入ってるのでアホみたいにでかくはろ IRKitって何? IRKit: オープンソースなクラウドリモコンです.中身は確かESP8266で赤外線の送受信ができます. curlでぽちぽち書くだけですぐ赤外線を送受信できるのでやってる…