なぽろぐ

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

ニート🈡

1月から働き始めました.ニートはそこそこよかった.いっぱいゲームしたし. naporitan.hatenablog.com from: SOELU株式会社 to: stu.inc stu.inc

wsl2 で docker が起動できないときにすること

wsl2 環境を用意したがdockerコマンドが動かないとき こういうパターンの時です. 解決策 このissueに書かれている通り wsl --unregister docker-desktop を行います. github.com bug アイコンを押すと restart docker desktop という項目が出てくるので re…

Nextjsでsvgをインラインで読み込んでreact componentとして使う

Nextjsでもsvgをreact componentで使いたい 素のreactのプロジェクトだとこれ使ってパチッとやってたやつをNextjsでもやりたいってやつです. github.com 次のように書ければ目的達成という感じです. import Icon from "~/assets/icons/icon.svg" export co…

2021年のカレンダーを買いました

購入したカレンダー booth.pm ひそなさんのサークルsuoiretsymでカレンダーを買い続けて5年目となりました!2016年から買い続けているのでこの時期(紅楼夢から12月あたり)になると毎年ワクワクしながら待ってます. このカレンダーのおかげで毎月の変わり目…

よく使いそうなtemplate-literal-typesを使った型定義

いつもTSのPlaygroundで作ってるなぁと思うやつをメモする 下に書いてあるやつすべてplaygroundで実行しているやつ www.typescriptlang.org splitの型定義 // 文字列を受け取って受け取ってその文字列をDelimiterでsplitする型 type Split<T, U extends string> = T extends strin</t,>…

ここ1年で買ってよかったものシリーズ

買ってよかったものシリーズ2020 1. ルンバi7 store.irobot-jp.com 最近買ったけどこれが最高すぎる。起動1、2回目までは30分くらい掃除してるんですが3回目くらいからは15分くらいで掃除してくれます。音は結構大きい。ルンバに掃除させながらAPEXをやると…

退職しました

from: SOELU株式会社 to: ??? <-- そのうち開放されます しばらくニート生活です。年明けまで 伏線 いい雰囲気のお店に行ってきました。とても良かったです。 pic.twitter.com/ucLN4PugcZ— Naporitan🍆🍆 (@naporin24690) 2020年11月26日 欲しい物リストです www…

デカ枕を買ったら腰痛くなくなったんだがwwwwwwwwww

腰が痛ぇ! 起きたら腰痛いし、常に椅子に座って作業してるのでどう考えても運動不足で常に腰に負担をかけ続けている生活を送ってたし、健康診断に行ったら基本的には健康ですが背骨が曲がってますねぇ......って言われるくらい腰が終わってました。 あまり…

kindleで購入した漫画一覧

kindleで購入した漫画一覧 これすきそうだな〜ってのあれば教えて下さい! gist.github.com

チケに嫌われている

去年のにじさんじのVirtual To Live以来応募してるチケットにすべて落選している........ 徳の積み方、チケットが当たるおまじない等様々な意見募集してます 意見があった徳の積み方・チケットが当たるおまじない 毎日脳内でゴミ拾いしなきゃ

reselectのメモ化について

reselectのメモ化がどうなってるのか知りたい github.com ので調べました。コード自体は100行くらいで1ファイルだけだったのでとても読みやすかったです。 reselectはreduxのためのselectorライブラリです。どうやらメモ化してくれるらしいが.....? reselec…

手首を回したら驚かれた話

最近あまりにも腰が痛かったり、肩首が終わってるので整体に行き始めました。 手首回した時に 整体師 < すごいですね〜これ と言われてしまい 僕 < え、何がですか? って聞いたところ 整体師 < 普通こんなに手首ってパキパキ言わないんですよ… って言われて…

TypeScriptのTemplateStringTypesでorder関数

Array.prototype.sortにわたすorder関数の型定義 Playgroundはこちらいろいろ触ってみてください。 www.typescriptlang.org 文章 sortにわたすorder関数を配列の要素がネストしているオブジェクトだったとき即時関数で書かなきゃいけないのが辛いというのが…

インターネットとリアルが混じって恥ずかしくなる瞬間

ハンドルネームは名前っぽいほうがええ! 僕のハンドルネールはNaporitanとかなぽりたんでやっています。 会社では「なぽりくん」って呼ばれています。インターネットでは「なぽ」ってよばれてることがおおいです。 社内で初めて合う人とかに軽く自己紹介的…

flowからTypeScriptへ移行するときこんな感じでやればいいんじゃないかという案

flowからTypeScriptへ ts-migrateをつかう 新しく作るページをts化して参照するモジュールにd.tsをかく ts-migrateを使う これで倒せるなら最高だが、テストを書いてないと主要なページすべてを動作確認する必要がありそう。ASTで機械的に変更すると言っても…

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

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

normalizrの型定義を書いた

Normalizrの型定義を(制約付きで)書いた normalizrのhelper型です。こうなってくれているといいなぁと思って書きました。 読むのめんどくさいよ〜って人はサンプルを用意したのでcodesandboxか手元の環境でガチャガチャいじってみてください https://github.…

9月31日

10/01じゃん....

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

web

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

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

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

202004170125 PC電源CoolerMasterの750Wが死にました

お前は5年くらいかなよく頑張ってくれたよ・・・・・ ありがとう 死んだ子 12Vが安定供給できなくなったみたいです

生配信をしたくなってきた

したいです生配信を. covid-19の影響でほんとに引きこもりになってしまいました. 自分の気持ちで引きこもるのと,言われて引きこもるのだとやはり後者の方が辛いですね なんか,勝手にやる勉強は好きだけど親からやれって言われる宿題は嫌い的なね そんな…

Firebase + Nextjsに挑戦していました(できませんでした)

firebase難しくない? Nextjs(ssr)のデプロイ環境を作ろう思って挑戦したのですが,時間だけとかして日曜日が終わりそうなので日課にしたいブログを書くことにしました. 気分転換です 理想型 firebase emulatorを使う&&Nextjsでの開発環境上での最高体験を…

グリッチぽいアニメーションで遊んでみた

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

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

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

サブスク系の買い物いつの間にかめっちゃ増えてる現象

サブスク系の買い物いつの間にかめっちゃ増えてる現象 クレカの引き落としが毎月きたり,突然年間契約4000円 x 2みたいな出費が起きてびっくりするのでまとめることにしました. YouTube Premium ¥1180 / month 満足してる.Apple Musicと用途が似てるのでど…

開発しているサービスを初めてやってみました

自社サービスをはじめて使ってみた はじめに naporitan.hatenablog.com 上のリンクに貼った会社でフロントエンドエンジニアとして仕事をしています. SOELUというサービスを作っているものの,オンラインフィットネスというタイトルのサービスなので,生粋の…

学生ではなくなりました

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

aspidaとNestJSでHTTPClientにも型定義しながら開発するぞ!!!!!!!

aspidaとNestJSを使って気持ちがいい開発がしたい!したくない? 今回もお試しリポジトリが存在します.NestJS x aspida x Reactの環境で作っています.是非お試しください github.com なにするの? NestJSはにはSwaggerModuleがありOpenAPIでしゃべることが…

DIVでBlurっぽいことをやる(React)

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