BLOG

オモコロのアーカイブサイトをリリースしました
2022-01-06
あけましておめでとうございます。本年もどうぞよろしくお願いします。オモコロのアーカイブサイトを作ってみました。オモコロアーカイブ PWA 対応も行っていますので、お気軽にインストールして使ってもらえると嬉しいです。…
Reactコンポーネントライブラリーの作り方
2021-12-12
まだまだ開発を始めたばかりなのでミスってるところも多いと思いますが、備忘録がてら。前提 React TypeScript CSS Modules(Sass) package.json { "author": "",…
Next.jsでAPIのエンドポイントを組む際はnext-connectを使うと良いよ
2021-12-09
Next.js で API のエンドポイントを組むの場合、なかなかしっくり来る組み方に出会えていませんでした。そんな中 [next-connect] を使ってみると、かなりしっくり来る組み方ができたので紹介をば。まずは Next.js…
2021年下半期買ってよかったもの
2021-12-03
2021 年もぼちぼち終わるということで、下半期に買ってよかったものを書いていこうと思います。ちなみに上半期版もありますので、あわせてどうぞ。 SCRUM BOOT CAMP THE BOOK アジャイル開発スクラム手法について 1…
【OpenAPI Generator】GitHubからファイルをダウンロードせずにAPIクライアントを生成する方法
2021-11-28
今月頭にGitHub からファイルをダウンロードする方法という記事を書いたのですが、そもそもダウンロードすら不要だったので改めて書いていこうと思います。事前準備 @openapitools/openapi-generator-cli…
ADHD・ASDの妻とカサンドラな自分
2021-11-28
本ブログでアクセスが多い記事の 1 つに ADHD の妻の WAIS-IV の結果が返ってきたというのがあります。 WAIS について調べている人がこの記事を読んでいるみたいです。…
Next.jsの環境設定
2021-11-28
Next.js でプロジェクトを作るときに、自分が最初に設定することを書いていこうと思います。前提条件は以下のとおりです。 Next.js TypeScript CSS Modules npm src フォルダーを作成する…
useReducerについて改めて勉強してみた
2021-11-27
React 標準の hooks はぼちぼち使ってきた自分ですが、useReducer だけはどうもしっくり来ず使っていませんでした。ということで、己の凝り固まった考え方を溶かすべく、useReducer…
【Vercel】Monorepoでコンポーネントプロジェクトを作る方法
2021-11-25
今回のやり方がまったく正しい保証はありません。あくまで「動いた」に過ぎないので、十分気をつけて参考にしてもらえればと思います。前提 npm Workspaces Next.js Vercel Next.js は問いません。サンプル…
【Vercel】Monorepoで複数のプロジェクトに同じドメインを当てる方法
2021-11-24
やってみるとめちゃくちゃ簡単だったので備忘録をば。公式ドキュメント Monorepos If you'd like to host multiple projects under a single domain, you can…
続・WF-1000XM4を買ってみた
2021-11-21
今日は外に出かける用事があったので、WF-1000XM4 をつけて行ってきました。ということで短時間ではありましたが、外で使った感想を書いていこうと思います。ノイズキャンセリングは物足りなさを感じる WF-1000XM4…
getServerSidePropsを使用してもローディングを描画する方法
2021-11-20
Next.js で画面描画時に必要なデータを取得する GET の Api を呼び出す場合、クライアント側で呼ぶべきかサーバー側で呼ぶべきか、はたまた build 時に呼んでおくべきかなど、以下のように選択肢が多岐に渡ると思います。 CSR…
平穏
2021-11-20
よく、いわゆるオタク的な趣味が好きそうだと言われるのだけれど、実はほとんどそういった趣味を持っていなかったりする。アニメも見ないし映画も見ないしテレビも見ないしゲームもやらない、じゃあお前は一体普段何をしてるんだと思われることがちょくちょ…
WF-1000XM4を買ってみた
2021-11-19
久しぶりに高い買い物をしました、一応自分用のクリスマスプレゼントということで。 WF-1000XM4 ということで、まだ使い始めて浅いですが、現時点での個人的な感想を書いていこうと思います。音質…
Reactのテストについてしっかり調べてみた
2021-11-12
今までフロントエンドのテストから逃げっぱなしだった自分ですが、ちょっと本腰を入れて調べてみました。まずは frontend roadmap に沿ってみていくと、以下のパッケージが挙げられています。 Jest…
疲れたときに疲れたって言える現場作り
2021-11-09
20 数社も現場を回っていると、やはり現場ごとに異なった雰囲気があるなぁと感じます。自分はフロントエンドプログラマーなので、Web サービス現場で働いてきましたが。…
実はdisplay:flexでもgapが使える時代が到来している件
2021-11-09
gap property for Flexbox ずーっと前から使いたかったのですが、Safari だけが対応してくれてなくて使えていなかったんですよね。そんな中、先々月の Safari のバージョン 15…
GitHubからファイルをダウンロードする方法
2021-11-04
メニレポで Web サービスの開発を行う場合、どうしてもスキーマファイルのダウンロードに苦戦すると思うのですが。 GitHub など、サーバー上にスキーマファイルが置いてあれば、引っ張ってくることは意外と簡単だったりします。 GitHub…
VSCodeの保存時にHooksの依存関係を自動で補完する方法
2021-10-27
ESLint のフォーマット時に補完が効かず、なんとかしたかったので調べてみたところ公式の Issues が引っかかりました。 exhaustive-deps autofix not working 「Hooks…
【CSS】シンプルでおしゃれな背景をさくっと設定する方法
2021-10-27
pattern.css というパッケージが便利だったので紹介をば。 pattern.css タイルとかストライプ系の背景をさくっと当てられるようになります。はじめしゃちょーの畑のサイトで使ってみましたが。…