React React Router v7(Remix) に Eslint v9 を設定する
はじめに Qitaのトレンドで以下のような面白い記事を見つけた。 Next.jsがいまいちしっくり来なかったので、試しに公式で勉強してみたところ面白そうだったため使ってみることにした。 使うにあたりEslintの設定をしたかったのだが、Re...
フロントエンド
React 
CSS CSSのvar関数で、カラーパレットを作って設定を共有する方法
はじめに 仕事でデザーナーが作成したfigmaのデザインから、ReactでUI実装をしていた時に 顧客からUIがある程度できた段階で、カラーパレットを用意したからデザイン全体の色を変えて欲しいという要望があった。 デザイナー側は、figma...
Docker Nginx&オレオレ証明証でNextJS&FastAPIをSSL化&HTTPS通信を行う
はじめに 自分でNext.jsでアプリを作っているときにスマホからPCのIPにアクセスして デザインを確認したい場面があった。 しかし、位置情報を使うアプリだったためスマホからはHTTP通信で位置情報はHTTPS通信を使うため 実行エラーに...
StoryBook StorybookのINITIAL_VIEWPORTSをストーリに指定する
概要 StoryBookのテストを作っているときに、画面サイズをIphone13 miniにしたいなと思った。 その時にどうやって画面サイズって調べるんだ?と思ったのでメモ 指定方法 StorybookのINITIAL_VIEWPORTSの...