なぽろぐ

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

GitHub の Projects を使っている

僕がアプリを作ったり UI を作ったりエンジニアリングのお手伝いをしているところ*1があり、そこでのタスク管理はすべて対象リポジトリへの issue ベースで行っていたのだが、それを Projects に移したらめちゃくちゃ体験が良かったので今更ながら GitHub Pr…

Workers Tech Talks #1 参加レポ

Workers Tech Talks #1 に行ってきた @naporin24690 が Workers Tech Talks #1 に行ってきたレポブログです

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

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://…

【朗報】さなのばくたん。-メチャ・ハッピー・ショー- に行ってきた 【見る処方箋】

まずは公式サイト! bakutan.natorisana.com チネチッタ エロイーズカフェ 去年ぶりでしたが食べ物がうめ〜〜〜んだ... 高級カフェ....... 白熊堂 過去にかき氷をせんせえ方の日記帳ってタグだったかな?に投稿して名取に読んでもらったのが今でも忘れられな…

windows で起動するたびにディスクチェックが入るのを治す

ある日 PC を起動すると checking Systemと毎回表示され、10s 以内にキーを何かしら入力しないとディスクチェックが始まる現象に見舞われてしまい最悪に.... どうやらこの checking System が始まる原因は dirtybit が PC の不正終了によって立ってしまって…

APEX 新シーズン楽しい

APEX 新シーズンはじまったね シア多いね 今ランク行くとシアしかいねぇ.....最終局面まで生き残るとシアのスキルが一生飛んできて,昔の弓の再来......って気持ちになる.打ち得だしそれはそう. シア強いけど,野良入れてランク回してるときはシアよりブ…

APEX 初ダイヤに到達した

祝ダイヤ シーズン5から APEX をはじめました.ランク行き始めたのはシーズン5後半からでゴールド4から上がれずめちゃくちゃ悔しかったのを覚えています.今回初ダイヤを踏むためにやったことをざっくりまとめて2スプリット目も頑張りたいと思います. 今ま…

「さなのばくたん。 -ていねいなお誕生日会- Powered by mouse」個人的まとめ

1年待った誕生会。オタクの感情のなぐり書き。気持ちの放出。 僕の推しは名取さな。名取のお誕生日会は去年2020 3月以来1年越しのリベンジとなる形で 2021 3/7 に開催されました。公式ホームページ bakutan.natorisana.com ありえんくらいかわいい。飛びてて…

Next.js で Babylon.js を扱う

Next.js と Babylon.js とwebGL が全く分からない俺 分からないので動かしたかった.バンドラーとして Next.js つかったら next.config.js 書かなきゃ動かなかったので備忘録的に文字に起こしておきます. Babylon.js を動かす babylonjs で npm ライブラリ…

ニート🈡

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入力するとエディタ…