react | IT NEWS https://news.minory.org IT関連のRSSを取り入れたアンテナサイト Mon, 07 Jul 2025 02:29:26 +0000 ja hourly 1 https://wordpress.org/?v=7.1.2 https://news.minory.org/wp-content/uploads/2022/04/cropped-icon-32x32.png react | IT NEWS https://news.minory.org 32 32 ReactでuseRefを使った値の保持と更新の正しい方法 https://news.minory.org/617048.html https://news.minory.org/617048.html#respond Mon, 07 Jul 2025 02:29:26 +0000 https://minory.org/?p=9536

Reactで状態を扱う場面では、useStateやuseEffectの他に、再描画を伴わずに値を保持したいケースがあります。そのようなときに使われるのが、useRefです。 今回は、あるシステムで見られた「constで定 […]

The post ReactでuseRefを使った値の保持と更新の正しい方法 first appeared on IT NEWS.]]> https://news.minory.org/617048.html/feed 0 ReactでShift-JISのCSVをUTF-8に変換しAPIに送信する https://news.minory.org/601218.html https://news.minory.org/601218.html#respond Wed, 28 May 2025 05:07:24 +0000 https://minory.org/?p=9473

CSVファイルの文字コードは環境によって異なり、特に日本国内ではShift-JISが一般的に使用されます。しかし、WebアプリケーションやAPIの多くはUTF-8を前提としているため、文字コードの変換が必要になります。本 […]

The post ReactでShift-JISのCSVをUTF-8に変換しAPIに送信する first appeared on IT NEWS.]]> https://news.minory.org/601218.html/feed 0 CloudFrontの署名付きURLで403エラーが発生する原因と対策 https://news.minory.org/599000.html https://news.minory.org/599000.html#respond Mon, 26 May 2025 02:14:44 +0000 https://minory.org/?p=9465

AWSのCloudFrontとS3を利用して、Node.jsのAPIから署名付きURLを取得し、Reactで画像を表示するシステムを構築する際に、403エラーが発生することがあります。本記事では、CloudFrontの署 […]

The post CloudFrontの署名付きURLで403エラーが発生する原因と対策 first appeared on IT NEWS.]]> https://news.minory.org/599000.html/feed 0 GitHub Actionsを使ってReactアプリをAWS S3へ自動デプロイする方法 https://news.minory.org/590200.html https://news.minory.org/590200.html#respond Mon, 19 May 2025 01:16:14 +0000 https://minory.org/?p=9438

Webアプリを開発する際、手動でビルドしてアップロードするのは手間がかかります。特に、本番環境やテスト環境へ頻繁に更新する場合、自動化することで作業の効率を大幅に向上させることができます。 この記事では、GitHub A […]

The post GitHub Actionsを使ってReactアプリをAWS S3へ自動デプロイする方法 first appeared on IT NEWS.]]> https://news.minory.org/590200.html/feed 0 Reactの画面でブラウザの翻訳機能でエラーが出る問題と解決策 https://news.minory.org/574651.html https://news.minory.org/574651.html#respond Mon, 07 Apr 2025 00:55:07 +0000 https://minory.org/?p=9357

Reactを使ったWebサイトの開発中、ブラウザの翻訳機能を使用した場合に、以下のようなエラーが出力されることがあります。 この問題は、ブラウザの翻訳機能が原因でReactが管理するDOMと実際のDOMに不一致が生じるこ […]

The post Reactの画面でブラウザの翻訳機能でエラーが出る問題と解決策 first appeared on IT NEWS.]]> https://news.minory.org/574651.html/feed 0 Material-UIのcreateThemeで「breakpointsInput.upが関数ではありません」エラーの解決方法 https://news.minory.org/569515.html https://news.minory.org/569515.html#respond Thu, 27 Feb 2025 09:04:20 +0000 https://minory.org/?p=9303

問題の概要 ReactでMaterial-UI (MUI) を使った開発で「Uncaught TypeError: breakpointsInput.up is not a function」というエラーが発生した場合、 […]

The post Material-UIのcreateThemeで「breakpointsInput.upが関数ではありません」エラーの解決方法 first appeared on IT NEWS.]]> https://news.minory.org/569515.html/feed 0 ReactとMUIでのセレクトボックス実装例と課題解決 https://news.minory.org/567987.html https://news.minory.org/567987.html#respond Mon, 17 Feb 2025 01:46:28 +0000 https://minory.org/?p=9286

ReactとMUI（Material-UI）を活用して、ここではユーザーを選択するセレクトボックスを実装する際に直面する課題と、その解決方法を解説します。特に、編集モードで前回選択したユーザーを初期値として表示しつつ、す […]

The post ReactとMUIでのセレクトボックス実装例と課題解決 first appeared on IT NEWS.]]> https://news.minory.org/567987.html/feed 0 Reactでコンポーネントの活性・非活性を切り替える方法 https://news.minory.org/567620.html https://news.minory.org/567620.html#respond Wed, 12 Feb 2025 07:03:49 +0000 https://minory.org/?p=9280

Reactアプリケーション開発では、ユーザーの操作に応じてコンポーネントを活性（有効）または非活性（無効）にすることがよくあります。本記事では、具体的なコード例を交えながら、この機能を実現する方法を紹介します。 活性・非 […]

The post Reactでコンポーネントの活性・非活性を切り替える方法 first appeared on IT NEWS.]]> https://news.minory.org/567620.html/feed 0 【React + MUI】フレックスボックスを使ったコンポーネント間の間隔設定とレスポンシブ対応 https://news.minory.org/565169.html https://news.minory.org/565169.html#respond Thu, 09 Jan 2025 02:27:40 +0000 https://minory.org/?p=9239

Webアプリケーション開発において、UIコンポーネントの配置を整えることは非常に重要です。特に、複数のコンポーネントを横並びまたは縦並びに配置しつつ、コンポーネント間に適切な間隔を設定することは、ユーザー体験の向上につな […]

The post 【React + MUI】フレックスボックスを使ったコンポーネント間の間隔設定とレスポンシブ対応 first appeared on IT NEWS.]]> https://news.minory.org/565169.html/feed 0 ナンガの新サービス第3弾！ 使っていない羽毛布団を寝袋に再生＋エアマットで防災用品に変身 https://news.minory.org/552024.html https://news.minory.org/552024.html#respond Sat, 07 Sep 2024 08:00:18 +0000 http://news.minory.org/?guid=83efc3c2a0dffdde4f038b4edf17572c 相次ぐ自然災害に防災意識が高まるなか、クラウドファンディングにて大好評を博したあのアイテムが復活！ 家庭で不用となった羽毛布団を再利用し、新たなダウンアイテムとして生まれ変わらせるNANGA（ナンガ）のアップサイクルプロジェクト「Re:ACT」より、サービス第3弾となる「SONAE BAG」（3万8500円）が登場。
高品位なものづくりで知られるナンガの技術で、使い古した羽毛布団が防災備品として役立つスリーピングバッグ＆エアマットに変身するってかなりうれしい！ 自宅の押し入れに眠っている羽毛布団があ...

The post ナンガの新サービス第3弾！ 使っていない羽毛布団を寝袋に再生＋エアマットで防災用品に変身 first appeared on IT NEWS.]]> https://news.minory.org/552024.html/feed 0