BLOG
100問バトン
2022-05-02
あなたのハンドルネームを教えてください piro 生年月日を教えてください 1989 年 9 月 19 日 血液型を教えてください A 型 病弱な方ですか？ そうでもないです 自分が政治家になったとして、絶対に汚職しない自信はありますか？…
Pixel3aからPixel5a5Gに乗り換えた話
2022-04-29
Google の公式ストアが GW セール をやってまして。 最近少しだけバッテリーの持ちが悪くなってきた Pixel 3a を使っていたので、下取りサービスを使って Pixel 5a with 5G に乗り換えました。 で、昨日…
【Next.js】SSRとTimezoneについて調べてみた【Day.js】
2022-04-27
仕事で Vercel の SSR 環境下において Timezone がおかしいと指摘をされまして。 Timezone の仕様をイマイチ理解していなかったなーと思い、しっかり調べてみました。 前提 Next.js Day.js Vercel…
【Next.js】SSR環境でやっちゃダメなこと【Day.js】
2022-04-27
前回の記事 で SSR 時における Day.js の挙動を調べてみました。 ということで前回の記事を読めばわかる方はわかると思いますが、SSR 環境下で書いてはいけない書きっぷりがいくつかあるのでざくっと書いていこうと思います。…
Next.js×TypeScript×CSS Modules×Sass×sass-mq
2022-04-23
導入にかなり苦戦したのですが、ようやく納得の行く形で組めたので書いていこうと思います。 前提 src 以下に格納 で書いていますが、ルート直下でも動作確認済みです 実装 breakpoints.scss…
【Mac】DropboxからGoogleDriveへの移行
2022-04-22
数年前に重要なデータを保存していた外付け HDD が壊れて痛い目を見て以来、ほぼすべてのファイルを有料版の Dropbox で管理していたのですが。 最近相次ぐ UI・UX の改悪と、デスクトップアプリの使いづらさ、ダサさから…
【React】最近使ったオススメのnpmパッケージ
2022-04-17
最近の開発で使って良かった npm パッケージを書いていこうと思います。 @chakra-ui/breadcrumb パンくずリストをサクッと作りたいときに便利です。…
【Next.js】SSG（ISR）でも簡単にベーシック認証やverifyIdTokenを行う方法
2022-04-16
Middleware を使用すれば意外とあっさり組めちゃいます。 import fetchAdapter from "@vespaiach/axios-fetch-adapter"; import axios from "axios";…
Next.jsのOn-demand Revalidationの簡単な説明
2022-04-12
公式のドキュメントを含め全体的にわかりづらい記事が多かったので、なるべくわかりやすく簡単に解説を書こうと思います。 On-demand Revalidation とは getStaticProps を使用した際に api の call…
Next.jsのMiddlewareでverifyIdTokenする方法
2022-04-12
書きっぷりが良いのかどうかわからないですが、とりあえず動いたので備忘録をば。 まずは /pages/_middleware.ts です。 import fetchAdapter from…
SkyWayを使って1つのPeerでチャットとビデオ通話が同時にできるのか？
2022-04-02
できます、良かった。 前置き 現在所属している現場で開発しているプロダクトがあり、ビデオ通話とチャットの機能を導入してみたいという話になりました。 そこで、自身が以前所属していた現場で SkyWay を使用した WebRTC…
Anker Nebula Capsule IIを買ったよ
2022-03-26
引っ越しが終わりまして、結構広い戸建賃貸に移ってきました。 リビングに白くて大きい壁がありまして、プロジェクターを映すのにちょうどいいじゃん！ってことで、Anker の Nebula Capsule II を買ってみました。…
椎名町への引っ越しは気をつけて
2022-02-26
来月引っ越しを行うことになりました。 理由としては、いわゆる隣人ガチャに失敗して居住環境に耐えられなくなったからです。 現在椎名町駅から徒歩 2,3 分程度の数階建てのマンションの 3 階に住んでまして。 同マンションに住む 1…
セックスレスのお供
2022-02-21
昨年末より軽いセックスレスになってました。 濡れないのが理由でして、今日はざくっとそこらへんの話を書いていこうと思います。 妻は ADHD と ASD と軽度の鬱でして。…
react-hook-formで最低限
2022-02-12
react-hook-form を使用してフォーム周りを最低限で実装してみました。 import { useEffect } from "react"; import { SubmitHandler, useForm } from…
インビザライン矯正の感想
2022-02-06
需要があるかどうかわからないですが、インビザライン矯正がリテーナーの段階まで来たので感想を書いていこうと思います。 インビザライン矯正とは インビザライン矯正とは、要するに歯の矯正の 1 つで、マウスピースによる矯正となります。…
【vscode】パネルの位置がダイナミックに変更できるようになった
2022-02-04
vscode のバージョン 1.64 に Panel alignment の機能が追加されていました。 前々からエクスプローラーパネルをターミナルパネルでぶち抜きたいなーと思っていたのですが、そういったパッケージは見つからず諦めていたんです…
フリーランサーのフロントエンドプログラマーが使用しているパソコンスペック
2022-02-04
意外とプログラマーが使用しているパソコンのスペックって謎ですよね。 以前使用していたパソコンと、現在使用しているパソコンの 2 つを紹介しようと思います。 以前使用していたパソコン 2019 年の 8 月に Apple Store…
Vercelのアカウントがブロックされた話
2022-01-17
Vercel のアカウントがブロックされてしまいました。 最近の開発はすべて Vercel に依存していたのでなかなかどうして厳しいです。 一応連絡は入れているのですが、果たして解除されるのか…。 今回なぜ Vercel…
React×Storybook×JestでSnapshotテストを組む
2022-01-12
前々から組んでみたかったのですが、今回仕事で組める機会に出会えたので重い腰を上げてやってみました。 間違っている内容も含んでいるかもですが、ご了承ください。 環境 React（Next.js） CSS Modules TypeScript…