Laravel

Docker

Laravel + Sanctum + React + TypeScript + Tailwind CSS + Dockerで開発環境構築

プロジェクトの構成 project-root/ ├── docker/ # Docker関連ファイル │ ├── nginx/ # Nginxの設定 │ ├── php/ ...
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...
タイトルとURLをコピーしました