自己紹介 ●高専卒業、社会に揉まれて１０年目 ●プログラミング経験はほぼほぼありません！ 遥か昔の学校の講義でC++を扱った程度。 ●プログラミングを勉強しようと、22年6月3日にMacbookを…
概要 表題のエラーについて、Reactをやったことある人であれば、一度は見かけたことがある内容かもしれません。私はいまだに、このReactのエラー仕様をド忘れしてハマることがあるので、今回は備忘で…
はじめに まず自己紹介 React を中心に勉強中で、能力はほとんど初心者です。 プログラミングスクールを卒業し、自分で復習がてら、アプリケーションを作成しているところです。 この記事をきっかけ …
コチラでございます。 import { useEffect } from 'react'; /** * 一度入力した後にリロードすると、確認ダイアログを出す。 */ export const use…
挨拶 最近は特に動物が好き過ぎるようで動物系Youtuberをやたらと漁っています。 好きすぎて日本最大級のペットEXPOに行ったり、 知らない土地に行くと、動物園か水族館どちらかには行ってます。…
OS Mac Os Monterey 12.2.1 バージョン React: 18.2.0 React-dom: 18.2.0 mui: 5.8.6 問題 MenuIconを使用したときに下記の警…
久々の投稿で小ネタを。 React18ではSuspense機能によりコンポーネントのレンダリングに中断が行えるようになりました。 それにより、コンポーネント自体を非同期でレンダリングできるようになり…
参考サイト A+ Modern Developer Portfolio using React | Next js | TypeScript | Tailwind | Beginners Proj…
Reactでコンポネントの位置を取得したときのメモ。 const myRef = useRef(null); ： const buttonClicked = () => { if (myRef.cu…
この記事の概要 reactとdjango-rest-frameworkを用いた画像アップロード機能について記載する。 django×Reactの画像アップロード機能の実装方法 Django(dja…
6歳娘「パパ、SGしてみたらサイトが爆速になったよ！」の続編です。 とある日、我が家にて ワイ「こないだ娘ちゃんが作った個人ブログのサイト」 ワイ「アクセスしたときの表示速度がメッチャ速かったなぁ」 娘「HTMLファイルを事前…
この記事の概要 React×Django(django-rest-framework)の環境構築について記載する。 React×Djangoの環境構築前の作業 Reactの環境構築 https:/…
・アトミックデザイン（Atomic Design） パーツ単位でUIデザインを設計する手法のことです。 これは、アメリカのWebデザイナーのBrad Frost氏によって考案・提唱されました。 一…
このページは 個人趣味レベルで開発はしたことがあるけど、業務開発経験はこれからレベルの自分が噛み砕いた内容で残すメモ。 AWS Amplifyとは As is 開発してサービス作りたいけど、ホステ…
この記事の概要 react-router-domの使い方について記す react-router-domのバージョン: v6 react-router-domのインストール // react-rou…
cssでdisplay:none→display:blockに変更されたことをReact側で検出する方法がなかなかわからず、今回はonAnimationEndを使いました。そのときのメモです。 背景 画面サイズがPCサイズ→スマホサイズに変わったときに、メニューをタブからアイコンに切り替えるのを、css…
はじめに https://github.com/calcom/cal.com オープンソースのスケジュール調整アプリ cal.com を vs code の dev contaienr で起動でき…
Background CDNのみでReactを動かそうとしたのですが、CDNが非対応のライブラリが多そうと思いました。それで、webpackを使ってひとつのjsファイルを出力してみようと思います。 Motivatio…
VSCodeの拡張機能をインストール VSCodeの拡張機能から、「react」と検索すると、以下が候補に挙がってくるのでインストールする。 Reactのスニペットを使えるようになる。 ES7+ …
Django rest auth でuserをGETするには こんにちは。Qiita初投稿のH-goto16です。 みなさんはDjango REST Frameworkを使っていますか。 Djan…
これだけで良かった。 <script crossorigin src="https://unpkg.com/react@18/umd/react.production.min.js"></scrip…
React、cssでドロアーのメニューを実装したときのメモです。画面外からメニューが出てきます。 MUIやChakraUIなどのライブラリは使用しておりません。 左から出るメニューと右から出るメニュ…
