管理画面などでウィンドウサイズによってサイドバーの開閉を調節したいときにReactのHooksで動的にwindowサイズを取得を取得できたら便利です。今回はReactのHooksで動的に画面サイズを取得し処理を実行する方 […]
フロントエンドの開発で日付操作にdate-fnsを使用しています。今回日付を年・月・日と別々のselectボックスから選択させて検索をするという仕様でUIを作成していたのですが、この状態ですと存在しない日付を選択できてし […]
Laravel×React(Laravelの中にReactがあるパターン)でアプリを作成しサーバーにアップした際に、ドキュメントルートのpublicを消すために.htaccessを設置しました。しかしなぜかReactから […]
ルートディレクトリではなくサブディレクトリにLaravelとReactで作成したアプリをアップした際に真っ白になってしまって詰まったので備忘録を残したいと思います。 環境 詰まった個所 https://example.c […]
Reactのログイン認証の状態維持についてハマったので備忘録として残しておきます。バックエンドはLaravelを使用していますが今回はあまり関係がないので取り上げません。 使用技術 React17 React Route […]
Laravel × Reactでの開発においてcomponentをimportする際に、相対パスを書く手間が省くためにエイリアスを設定することがあるかと思います。その際に、コンパイルは通るのにVScode上で以下のメッセ […]
Laravel9系でViteが公式プラグインとして使えるようになったということでReact(TypeScript)の環境をサクッと構築したいと思います。 環境 Laravel 9x React 18x Vite 3x L […]
ReactとTypeScriptの学習も兼ねてWordPressのWP REST APIとNext.jsのSSGモードを利用した簡単な当ブログの記事一覧を作成しました。CSSはTailwind.cssでホスティングはVe […]