Django 【個人開発？】ReactとPythonで初めて外部公開されたアプリを作ってみた感想
どんなアプリを作ったか
自動販売機の場所と売っている飲み物を確認できるアプリを作ってみました。
今回は作ったアプリを初めてリリースまで持っていったということで、
このアプリ作成への思い
作成している時の気持ち
...
React
Django 
MaterialUI 【外部公開もOK】ReactとLeafletを使ったお手軽地図アプリの作成方法
はじめに
Reactが少しずつ分かってきた！何かお手軽なアプリを作ってみたい！就活で勉強をしていることをアピールしたいのだが、口だけでは説得力ないなぁ〜（笑）就活で成果物を披露したい！けどPC持っていくのもなぁ〜
こんな悩みの...
MaterialUI 【外部公開もOK】React HookでTodoアプリの作成方法を3ステップで紹介
Youtubeでも公開しています！
はじめに
Reactが少しずつ分かってきた！何かお手軽なアプリを作ってみたい！就活で勉強をしていることをアピールしたいのだが、口だけでは説得力ないなぁ〜（笑）就活で成果物を披露し...
MaterialUI 【続編】ReactHookでTodoアプリの作成方法の続き
この記事は下記記事の続きになります。
前回まではアプリの概要と環境設定（というってもcodesandboxですが…笑）
本記事ではアプリのソースをどんどん書いていきますよ！
以下の３ステップでTODOアプリを...
Javascript 【React】useStateにてObject / 配列の要素を結合する方法
環境
React 18.0.0
実現したいこと
[
{
id: 1,
content: "フォームでTODOを追加します",
isDone: false
...
React React Leafletのマップがおかしい時に確認すること２選
環境
React 18.0.0react-leaflet 4.0.0leaflet 1.8.0
問題
Webアプリの中に地図サービスでも入れたいと思った時、一番に思いつくのはGoogle Mapだと思います。
Go...
MaterialUI 【React】Material-uiでテキストボックスにアイコンボタンが入ったやつを作成する
環境
React 18.0.0Material-ui/core 4.12.4Material-ui/icon 4.11.3
やりたいこと
ReactとMaterial-uiを使用してテキストボックスにボタンが入っ...
MaterialUI 【MaterialUI】コンポーネント内の表示を親に依存せず中央揃えにする方法
環境
MUI 5.5.3React 17.0.2
実装方法
前準備
モジュールをインストールします。
MUIはV4→V5になったことでnpmでのインストールモジュールの命名が変わっているみたいなので気をつけて...
MaterialUI 【MaterialUI】「module not found: Error: Can’t resolve ‘@mui…」が出力される原因とその解決方法
環境
npm 8.6.0material ui 5.5.3React 17.0.2
問題
materialUIのIconを使用するためにモジュールをインストールしようと以下のコードを実行するとエラーが発生
npm ...
React 【React】useContextにて他のコンポーネントからContextに値をセットする方法
環境
npm 8.6.0React 17.0.2
初めに
本記事では題名の通り、useContextにて宣言された変数の値を他のコンポーネントから再度定義する方法について紹介します。
その前に簡単ではありますが、...