Next.js– tag –

はじめに 以下の記事では、４つの項目を持つスタティックなサイドメニューを実装しました。 こちらのコードを見ると一目瞭然なのですが、４つの項目を出力するコードは同じ処理をコピペしており冗長になっています。 <ul> <Box component="l...

はじめに サイドメニューは、今やWEBアプリを実装する人にとっては避けて通れないものとなっています。大抵のWEBサイトには、サイドメニューがあるのではないでしょうか。 今回はそんなサイドメニューを実装してみたいと思います。サイドメニューの実装担...

はじめに 管理画面とかで親子関係のあるセレクトボックスを実装しなくてはいけないこと、ありますよね？ 以下の記事では、親子関係のあるセレクトボックスのデータをAPIから取得する形で実装してみました。セレクトボックスの値は state で管理していまし...

はじめに 管理画面とかで親子関係のあるセレクトボックスを実装しなくてはいけないこと、ありますよね？ 以前、以下の記事でも紹介したものと同じ見た目にはなりますが、今回はセレクトボックスのデータをAPIから取得する形で実装してみます。 実物はこち...

Next.js14のCSRでMSWを使ってみました。結論としては Chrome では使えたのですが、Safari では使えませんでした。 APIレスポンスをモックできるMSW（Mock Service Worker）ですが、Next.jsとは相性がよくないことで知られています。 https://github.com/ms...

こんにちは。ハコラトリ管理人のはこだてたろうです。ハコラトリでは、React初心者向けの技術記事「プロプラ！」シリーズを不定期で連載していましたが、この度色々と思うところがあり、連載を一時停止させていただきますm(_ _)m DailyUIチャレンジ、はじ...