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

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

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

買ってよかったものシリーズ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…

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

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

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

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

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

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

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

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

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

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

10/01じゃん....

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

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

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

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

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でこんな画面作ったりしてます．以下の２つは全て僕が実装したものです． soelu.com soelu.com おわりに コロナの外出自粛ムードが終わったらご飯でも行きましょう 欲しいものリストです…

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

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…