React React Leafletのマップがおかしい時に確認すること２選
環境
React 18.0.0react-leaflet 4.0.0leaflet 1.8.0
問題
Webアプリの中に地図サービスでも入れたいと思った時、一番に思いつくのはGoogle Mapだと思います。
Go...
React 
MaterialUI 【React】Material-uiでテキストボックスにアイコンボタンが入ったやつを作成する
環境
React 18.0.0Material-ui/core 4.12.4Material-ui/icon 4.11.3
やりたいこと
ReactとMaterial-uiを使用してテキストボックスにボタンが入っ...
React Native 【React Native】RNElementsにてスタイルされたButtonを使用する時に詰まった箇所とその解決方法
環境
React Native 0.68.1（Expoを使用）React Native Elements 4.0.0 - rc.3
問題
React Nativeにてアプリを作成しています。
React Nativ...
Javascript 【2022年度最新】nodeとnpmをMacに導入する簡単な方法
今回reactnativeを導入するにあたって古いnode環境をアップデートしました。
簡単ではありますが、備忘録として残しておきます。
環境
macbookPro 2019macOS Big Sur
構築方法
...
Django 【Django】リレーション関係を持ったモデルにて登録・更新処理のAPIを作成する方法
初めに
リレーションの関係を持ったDBにて新規登録、更新処理を実現するための方法を紹介します。
現在、DRF(Django Rest Framework)を使用してAPIを作成しており、ManyToManyの関係を持ったDBへ...
Django 【Django】DRFにて登録・更新のAPIを作成し、post・putリクエストを行う方法
環境
Python 3.8Django 3.1.3DRF 3.12.2
実装方法
役割単位でファイルを分けるのがDRFの一般的な実装思考です。
主には４つに分けて実装しています。
models テーブルの定義...
MaterialUI 【MaterialUI】コンポーネント内の表示を親に依存せず中央揃えにする方法
環境
MUI 5.5.3React 17.0.2
実装方法
前準備
モジュールをインストールします。
MUIはV4→V5になったことでnpmでのインストールモジュールの命名が変わっているみたいなので気をつけて...
git 【SourceTree】作業時に「unable to unlink old xxx Invalid argument」が出力される原因と解決方法
問題
SourceTreeにて他のブランチをチェックアウトしようとした時に以下のようなエラーメッセージが出力された
unable to unlink old xxx Invalid argument
解決方法
Gi...
Django 【Django RestFrameWork】auto_now_addで出力される時刻がずれている問題と解決方法
環境
Python3.8Django 3.1.3Django RestFrameWork 3.12.2
問題
以下のように定義されたmodelにてデータを入力すると、その入力自体は成功するが、created_atに登録さ...
MaterialUI 【MaterialUI】「module not found: Error: Can’t resolve ‘@mui…」が出力される原因とその解決方法
環境
npm 8.6.0material ui 5.5.3React 17.0.2
問題
materialUIのIconを使用するためにモジュールをインストールしようと以下のコードを実行するとエラーが発生
npm ...