https://watashi.xyz わたしの情報をわたします Thu, 28 Aug 2025 12:38:19 +0000 ja hourly 1 https://wordpress.org/?v=7.0.2 https://watashi.xyz/wp-content/uploads/2024/03/cropped-Watashi-32x32.png https://watashi.xyz 32 32 https://watashi.xyz/react-global-state/ Sun, 13 Jul 2025 15:00:00 +0000 https://watashi.xyz/?p=4402 Reactで「グローバル変数」が必要になる理由から、useContextやuseStateを使った基本的な管理方法、TypeScriptとの連携、windowやローカルストレージとの使い分けまでを丁寧に解説。初心者の方でも、propsのバケツリレーに悩まずスッキリとした状態管理ができるようになります。

The post Reactでグローバル変数はどう使う？useContextで共有、window連携まで全解説！ first appeared on WATASHI.xyz.]]> https://watashi.xyz/react-re-render/ Fri, 04 Jul 2025 15:00:00 +0000 https://watashi.xyz/?p=4185 Reactで「再レンダリングされない…」と悩んだことはありませんか？setStateやpropsが反映されない原因から、useEffectが発火しない落とし穴、そしてクラス・関数コンポーネントでの強制再レンダリングの方法まで解説。Reactのレンダリングに関する疑問をスッキリ解決したい方におすすめです。

The post なぜReactが再レンダリングされない？原因から強制レンダリングの具体例まで徹底解説！ first appeared on WATASHI.xyz.]]> https://watashi.xyz/react-props/ Tue, 01 Jul 2025 15:00:00 +0000 https://watashi.xyz/?p=4107 Reactでのpropsの渡し方について親から子への基本的な渡し方、関数・オブジェクト・配列などの具体例や、関数コンポーネント・クラスコンポーネントでの使い分けまで解説。TypeScriptでの型定義や、よくあるエラーの対処法、useStateやonClickとの組み合わせ例も網羅。propsの知識が身につきます。

The post React propsの渡し方がまるっとわかる！関数・配列・オブジェクト・型定義まで全対応ガイド first appeared on WATASHI.xyz.]]> https://watashi.xyz/deprecated-cra/ Mon, 30 Jun 2025 15:00:00 +0000 https://watashi.xyz/?p=4089 Create React Appがなぜ非推奨になったのか、React公式の見解や技術的な背景を解説します。ビルド速度や最新Reactとの非互換性など、避けられない課題に加え、今選ばれている代替ツール（Vite・Next.jsなど）の特徴や選び方も詳しくご紹介。React開発の現在地とこれからがわかる内容です。

The post Create React Appは非推奨？今選ぶべきReact開発環境と技術選定【2025年版】 first appeared on WATASHI.xyz.]]> https://watashi.xyz/react-usestate-cdn/ Sun, 05 Nov 2023 16:00:00 +0000 https://watashi.xyz/?p=880 はじめに ReactをCDNから利用することは以前の記事で書きました。 ▼過去の記事はこちら Reactに限らずjavascriptのフレームワークでは状態管理が便利です。Reactの状態管理useStateとuseEf […]

The post ReactをCDNで利用した場合のuseState、useEffectの書き方 first appeared on WATASHI.xyz.]]> https://watashi.xyz/react-cdn/ Thu, 02 Nov 2023 14:22:23 +0000 https://watashi.xyz/?p=870 はじめに javascriptの人気ライブラリ「React」ですが使用方法を調べるとnpmでインストールする方法にたどりつくと思います。 それも良いのですが既にReactなしで出来上がったサイトに組み込みたい時や気軽にR […]

The post これなら簡単！cdnでreactとjsxを呼び出してサイトに組み込む方法 first appeared on WATASHI.xyz.]]> https://watashi.xyz/json_commentout/ Thu, 25 Aug 2022 15:00:00 +0000 https://watashi.xyz/?p=287 JSONファイルでコメントアウトはできません Ajaxを利用して外部データを取得、それをもとにレンダリングをする機会がかなり増えてきました。 この外部データで一番使いやすいのはjsonファイルです。データ構造がまんまja […]

The post JSONファイルはコメントアウトできません。でもなんとかする方法 first appeared on WATASHI.xyz.]]>