JavaScript 【JavaScript】ショートサーキット評価（短絡評価）について詳しく説明します
記事の概要
ショートサーキット評価とは、「もう答えが決まったら、それ以上は調べずに終わる」仕組みのことです。
JavaScriptでは&& （AND, かつ）や||（OR, または）を使う時によく使われます。
...
JavaScript Docker Laravel + Sanctum + React + TypeScript + Tailwind CSS + Dockerで開発環境構築
プロジェクトの構成
project-root/
├── docker/ # Docker関連ファイル
│ ├── nginx/ # Nginxの設定
│ └── php/ ...
環境構築 【chown】現在のログインユーザーで権限を設定
記事の概要
backend というディレクトリの権限を現在のログインユーザーに設定しようとしたところ、
sudo chown -R $USER:$USER backendsudo chown -R $USER:$USER ba...
JSX enum型からunion型に置き換える方法
記事の概要
今回は、「未着手」「進行中」「完了」というデータをenum型で保持していると以下のように倍の数で定義していないデータが出力されてしまったので、調べてみた結果enum型からunion型に置き換えることにしたので備忘録として...
JavaScript JavaScriptの日付をフォーマットする方法
記事の概要
ReactとTypeScriptで書いているときに、Date型で入ってくる日付データを以下のような自分の好きな形式にフォーマットしたくて調べてみました。
結果的に帰ってきて欲しい形式
2024/05/10
1...
JavaScript JSXのコンポーネントを条件分岐の中で書く場合のルール
記事の概要
今回、私はJSXのreturn() の中に条件分岐でJSXのコンポーネントを入れたかったのですが、それがうまくいきませんでした。（sxは共通だったため）
そこで、恥ずかしながら、うまくいかなかったコードとうまくいっ...
CSS Tailwind cssでデフォルトの文字色を変更する方法
以下のようなTailwindを読んでいるCSSファイルを見つけ出してください。
基本的にはindex.cssやapp.cssなどの名前がついていると思います。
@tailwind base;
@tailwind compone...
CSS MUIでチェックボックスを非表示にする方法
概要
今回は管理者かどうかで企業プランか個人プランかを表示させるコードを書いていきます。
したいこととしては、チェックボックスは表示させない（選択させない）ようにしたいと思います。
（イメージとしては、ただ単に「あなたは...
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...