Docker Laravel + Sanctum + React + TypeScript + Tailwind CSS + Dockerで開発環境構築
プロジェクトの構成
project-root/
├── docker/ # Docker関連ファイル
│ ├── nginx/ # Nginxの設定
│ └── php/ ...
Laravel
Docker JavaScript JSXのコンポーネントを条件分岐の中で書く場合のルール
記事の概要
今回、私はJSXのreturn() の中に条件分岐でJSXのコンポーネントを入れたかったのですが、それがうまくいきませんでした。（sxは共通だったため）
そこで、恥ずかしながら、うまくいかなかったコードとうまくいっ...
CSS Tailwind cssでデフォルトの文字色を変更する方法
以下のようなTailwindを読んでいるCSSファイルを見つけ出してください。
基本的にはindex.cssやapp.cssなどの名前がついていると思います。
@tailwind base;
@tailwind compone...
DatePicker Laravel + React + Inertia.js + Material UI（MUI） の DatePicker を組み合わせる
表題の件について詰まってしまったのでメモとして残しておきます。
1. 必要なパッケージのインストール
まず、MUI の DatePicker を使うために必要なパッケージをインストールします。
以下のコマンドを実行してく...
Inertia Laravel + React + Inertia.jsの環境で、React側でuseForm()の型を適切に管理する
Laravel + React + Inertia.jsの環境で、React側のuseForm()で以下のようなデータを用意したいときに、フォームの初期データの設定方法がわかりませんでした。
const { data, setDat...
Breeze Laravel + Sail + React + Inertia + TypeScript + Breeze + Vite の環境構築方法
環境
M2 MacOS Sonoma
PHP 8.1
Laravel 10
React 18
TypeScript
Laravel Breeze
Vite
Docker Desktop
...
Breeze Laravel11 + React + Inertia + Vite【Breeze無し】環境構築
こちらのサイトを参考にしました。
プロジェクト作成
composer create-project laravel/laravel react-inertia-app
// プロジェクトの中に入っておいてください
cd re...
Laravel Laravelプロジェクト内のReactでのルーティング方法
前提
前提としてLaravelプロジェクトのresources ディレクトリ直下にts ディレクトリを作成し、その中でReactのコードを書いていこうと思います。
また、Viteを使用しています。
今回使用するファイ...
Inertia Laravel + Sail + React + Inertia + TypeScript + Vite の環境構築方法
環境
M2 MacOS Sonoma
PHP 8.1
Laravel 10
React 18
TypeScript
Vite
Docker Desktop
zsh
今から作...
Laravel Laravel10 + Inertia + React + Sailで環境構築
環境・Mac・VSCode
Docker Desktopがインストールされた状態を前提としています。
まずはLaravelアプリケーションを作成します。
$ curl -s "" | bash
Lara...