- 投稿日:2023-05-21T23:51:57+09:00
React クラスコンポーネントのアンチパターン【初心者向け解説】
Reactを使って開発を進める際、特定の方法が問題を引き起こす可能性があることを理解することは重要です。 これらは「アンチパターン」と呼ばれ、避けるべきプラクティスを示しています。 今回は、Reac…
- 投稿日:2023-05-21T23:38:47+09:00
React初心者が最も使いやすいGoogleMapsAPIのライブラリはこれだ!
この記事を書いた経緯 私はReactとFirebaseを用いたwebアプリの開発を行っている初学者です。 その中でGoogleMapsAPIを使用したくて、いろいろ自分で調べてAPIを実装したんです…
- 投稿日:2023-05-21T22:30:14+09:00
useEffectとuseCallbackの使い分け
記事を書いた背景 こんにちは! 最近ReactとRailsでマーケットプレイスアプリケーションと記事投稿アプリケーションを作りました。 最初にマーケットプレイスアプリケーションを作った際に、バックエ…
- 投稿日:2023-05-21T21:50:57+09:00
React公式Docを訳す3
前回 https://qiita.com/kawabata324/items/8a78aba978c2dc6046d4 概要 https://react.dev/ 新しい、公式サイトは日本語訳がされ…
- 投稿日:2023-05-21T20:27:51+09:00
crosエラーの解決方法
CORSは何かというと、「どこからのリクエストを許可するのか」ということです。 ・この記事を書く経緯 RailsとReactでアプリ開発をしていたときに、このようなエラーに遭遇したので忘れないように…
- 投稿日:2023-05-21T20:26:07+09:00
React 公式Docを訳す 2
前回 https://qiita.com/kawabata324/items/82e55e2884928d5f54a9 概要 https://react.dev/ 新しい、公式サイトは日本語訳がされ…
- 投稿日:2023-05-21T16:45:29+09:00
Paint.NET の選択範囲テキストを編集する Fluent UI React v9 アプリを作ってみた
はじめに Paint.NET - Free Software for Digital Photo Editing の選択範囲を編集するアプリケーションを作りました。 https://twitter.…
- 投稿日:2023-05-21T14:44:38+09:00
Next.jsでZodとReact Hook Formを使ってフォームバリデーションを実装してみた
はじめに この記事では、React(Next.js)で最近よく聞くTSと相性が良いZodとReactでよく使われているReact Hook Formを使ってフォームバリデーションの実装をしてみて、と…
- 投稿日:2023-05-21T13:05:38+09:00
[自分用]ニ◯・ロビン = 破壊的メソッド
useStateで配列を使っていく 初期値の内容に応じて配列を作る。空配列でもOK!! export default function Home() { const [array, setArray…
- 投稿日:2023-05-21T12:55:44+09:00
iOSのバーチャルキーボードが入力欄を被ってしまう問題の対応策
概要 昔からiOSにこいう問題があったらしい。画面上の入力項目をタップすると、バーチャルキーボードが表示されるが、キーボードが入力欄を被ってしまうため、入力できなくて困る。 詳細 最新のiOS16.…
- 投稿日:2023-05-21T12:48:23+09:00
Reactでラジオボタンを使った検索機能を実装する
Reactでラジオボタンを使った検索機能を実装したので、備忘録として残します。 前回の記事では、 ファイター一覧を名称で検索をできるよう実装しましたが、それに加えて 特定のカラムの値がtrue/fa…
- 投稿日:2023-05-21T12:32:41+09:00
Reactでラジオボタンを使った検索機能を実装する
前回の記事で、 ファイター名で検索をできるよう実装しましたが、それに加えてラジオボタンを用意して、 自分がVIP入りさせたキャラと、まだVIP入りしていないキャラを絞り込みできるように実装しました。 前回…
- 投稿日:2023-05-21T07:47:12+09:00
React Tutorialを訳す
概要 https://react.dev/ 新しい、公式サイトは日本語訳がされてなくて不便なので、deeplを使って訳して読んでいくだけ。 感想とかのノイズは入れないつもりなので、さらっと見てもらえ…
- 投稿日:2023-05-21T07:47:12+09:00
React 公式Docを訳す
概要 https://react.dev/ 新しい、公式サイトは日本語訳がされてなくて不便なので、deeplを使って訳して読んでいくだけ。 感想とかのノイズは極力入れないつもりなので、さらっと見ても…
- 投稿日:2023-05-21T01:50:50+09:00
Next.jsでFontAwesomeを使うときにエラーになる
Next.jsでFont Awesomeを使うときに、アイコンが一瞬大きく表示される。 Font AwesomeのCSSが遅れて読み込まれることが原因。 解決するためには設定が必要だがそのコードを検…