なぽろぐ

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

web

自分のホームページを大幅にリニューアルした

napochaan.com を作りました。 ひそなさんに書いていただいたイラストを大きく出してアニメーション多めな HP にしました。 napochaan.com を作りました。 仕様技術 ダークテーマ・ライトテーマ対応、a11y 対応をした ダークテーマ・ライトテーマ対応 a11y …

@apollo/client を suspense 対応させたライブラリを作った

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

rxjs 用の suspense ライブラリを作った

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

codesandboxでvim extensionを有効化して快適に使う方法

web

codesandboxでvimを有効化したい File > Preferences > CodesandboxSettings Enable VIM extensionのトグルボタンをonにすればとりあえずはvscode使用のvim extensionが効く。もしかしたらreloadしないといけないかも editor setting ESC入力するとエディタ…

学生ではなくなりました

SOELU株式会社に就職しました corporate.soelu.com やってること Reactでこんな画面作ったりしてます.以下の2つは全て僕が実装したものです. soelu.com soelu.com おわりに コロナの外出自粛ムードが終わったらご飯でも行きましょう 欲しいものリストです…

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…

Vue.jsをFlaskで動かす

Vue.jsをFlaskで動かします.バックエンドをPythonでかきたい!ってなった時につかえるかも?しれません

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

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

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

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

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

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

Scrapyつかってスライドをごそっととってくる

SlideShareをスクレイピングするやつ〜 今日はもう眠いのでスパイダーのソースだけ scrapyでやってます. # -*- coding: utf-8 -*- import io import os import time import urllib from datetime import datetime as dt import requests import scrapy from …