Laravel×React(Laravelの中にReactがあるパターン)でアプリを作成しサーバーにアップした際に、ドキュメントルートのpublicを消すために.htaccessを設置しました。しかしなぜかReactから […]
JavaScriptの記事
JavaScript
LaravelのURLからpublicを消したらReactからのapiリクエストがうまく動かなくなった
JavaScript
【Laravel×React】サブディレクトリにViteでビルドしたReactアプリをデプロイしたら真っ白になった
ルートディレクトリではなくサブディレクトリにLaravelとReactで作成したアプリをアップした際に真っ白になってしまって詰まったので備忘録を残したいと思います。 環境 詰まった個所 https://example.c […]
JavaScript
Vue3 Timepickerでv-modelがバインドされない
Vue.js3系でTimepickerを使う場面がありvue3-timepickerをインストールして使ってみたのですが、うまくv-modelが反映されず躓いたので備忘録を残しておきます。 vue3-timepicker […]
JavaScript
React + React Router Dom v6 + Recoilでリロード時もログイン状態を維持する
Reactのログイン認証の状態維持についてハマったので備忘録として残しておきます。バックエンドはLaravelを使用していますが今回はあまり関係がないので取り上げません。 使用技術 React17 React Route […]
JavaScript
VSCodeにViteで設定したresolve aliasを認識させる
Laravel × Reactでの開発においてcomponentをimportする際に、相対パスを書く手間が省くためにエイリアスを設定することがあるかと思います。その際に、コンパイルは通るのにVScode上で以下のメッセ […]
JavaScript
サーバーから取得してきたデータがVue.jsのチェックボックスに反映されない時
Laravelからboolean型のデータを取得してVue.jsで作成したチェックボックスにon,offを反映させたい時にうまくチェックが入らないことがありました。原因について備忘録を残しておきます。 原因 Larave […]
JavaScript
【Vue.js3】ボタンクリックで入力フォームを動的に追加する
ボタンクリックなどで動的に入力フォームを追加する方法を実装するたびにやり方を忘れるので備忘録で残しておきます。※Vue.js 3.2 方法 動的フォームを作成する際、フォームの中に入ってくるデータのフォーマットは次のよう […]
JavaScript
【Vue.js3】Laravelのblade.phpからVueコンポーネントに変数を渡す際にundefinedになる
LaravelのbladeファイルとVue.jsが両方共存する形でフロント画面を作る際にbladeファイルで受け取った値をVue.jsのコンポーネントにpropsで渡そうとした際にunderindになってしまいましたので […]
JavaScript
【Laravel9系】 Laravel Sail Viteを使ってReact TypeScriptの開発環境を用意する。
Laravel9系でViteが公式プラグインとして使えるようになったということでReact(TypeScript)の環境をサクッと構築したいと思います。 環境 Laravel 9x React 18x Vite 3x L […]
JavaScript
【Vue.js3】v-modelで渡したpropsの値がemitでバインドされない時
Vue.jsではinputタグに対してv-modelを使用することが多いかと思いますが、2系と３系では値を受け取るprops名とemitのイベントの記述が異なるので注意が必要です。 Vue.js2系(compositio […]