TanStack Query の invalidateQueries() や refetchQueries() がうまく動作しない時に確認すること
きっかけ useMutationしたタイミングで、invalidateQueriesを利用して、関連するクエリを再実行し状態を更新しようとしたところ、全然できず詰まってしまった。 このスレに救わ...
0
1
Comment0
25 search resultsShowing 1~20 results
Stocked
You need to log-in
Next.js × microCMS でブログを作ろう
はじめに ブログを作ろうと思ったときに、「WordPressは使いたくないし、Next.jsでいい感じに記事を管理できないかな」と思い、ヘッドレスCMSを試してみることにしました。 日本製ヘッド...
16
12
Comment0
【React入門】絶対に躓かないReact（Next.js 13）ワークショップ #1
はじめに この記事は、これからReactを学びたい方向けに書かれています。 複数記事の構成になっているので、#1から始めることを推奨します。 また、Reactが初めてであれば、環境構築なしでRe...
104
83
Comment0
【React入門】絶対に躓かないReact（Next.js 13）ワークショップ #2
はじめに この記事は、これからReactを学びたい方向けに書かれています。 複数記事の構成になっているので、#1から始めることを推奨します。 また、Reactが初めてであれば、環境構築なしでRe...
19
17
Comment1
react-iconsのアイコン名をサジェストさせる方法
きっかけ アイコンの表示にreact-iconsを使っており、 VSCode の IntelliSense で、使えるアイコンを サジェスト/オートコンプリート して欲しいと思った。 個人的によ...
26
0
Comment0
[備忘録]React Nativeで動的にスタイルを当てるヘルパーを作った
きっかけ React然り、React Nativeを使っているときに動的にスタイルを当てたいことが多々ある。 Emotion や Styled Components では、クラスを生成するために...
0
0
Comment0
React Native(Expo)のiOSビルドでエラーになる件
ExpoでiOSアプリをビルドするとエラー終了してしまう 実際に表示されていたエラーは以下。 ビルドを実行したコンソールに出るエラー You can press Ctrl+C to exit. ...
0
0
Comment0
GASでZoomのURLを生成し、定期的にSlackに投げる
はじめに (有料プランに入れよという話だが、) Zoomの無料プランでは同じミーティングURLを使い続けることができないため、 URLを新規に自動生成し、Slackに定期的に投げてくれるBotを...
4
3
Comment0
Route53で取得したドメインをWixで利用する方法
はじめに ドメイン周りの知識がなかったこともあり、 Route53で取得した独自ドメインをWixで使用するのに少し苦戦したため、方法を残しておく。 Route53で取得したドメインをWixで利用...
1
0
Comment0
ReactNavigationのTabNavigatorにネストされたStackNavigatorのタブを非表示にする方法
TabNavigatorにネストされたStackNavigatorのタブを非表示にする方法 公式ドキュメント的には、 TabNavigatorとStackNavigatorのネストを入れ替えて、...
0
1
Comment0
ReactNativeで「続きを読む/続きを見る」を実装する
省略したTextコンポーネントを展開するUIを実装する方法 React Nativeで、インスタやTwitterなどの省略した文章を展開する「続きを見る」ボタンを実装する方法がなかなか見つからな...
5
2
Comment0
[備忘録]APIのレスポンスなどの非同期処理が早過ぎる場合でも、ローディングを1秒間は表示する方法
APIレスポンスが早すぎてローディングが一瞬しか出ない問題 APIのレスポンスに限らず、Promiseの処理が一瞬で終わってしまい、ローディングがほとんど表示されないため、正常に処理が終了したの...
0
0
Comment0
JavaScriptのオブジェクト比較をできるだけ短いコードで行う
はじめに Reactを書いていて、initialState（初期ステート）とstate(現在のステート)の比較を行いたいことがあった。 しかし、意外とJavaScriptではオブジェクトの比較が...
5
1
Comment0
switchを使わずにObjectでReducerを書く
Reducerをオブジェクト(Object)で作りたい ReactのフックAPIのリファレンスを見ると、以下のようにswitchを使ってReducerを定義している。 しかし、私はswitchが...
0
1
Comment0
React Nativeでfocusできない件
useEffectでTextInput(Searchbar)にfocusしたいがエラーが出る React Native PaperのSearchbarをマウントする際に、focusした状態で表示...
1
0
Comment0
ExpoがDownloading JavaScript bundle 100.0%で止まっちゃう件
急にDownloading JavaScript bundle 100.0%で動かなくなった ExpoでReactNativeの開発中、ビルドは正常に終了するものの、Downloading Ja...
1
0
Comment0
JSON Serverで静的ファイル(画像, CSV等)を配信する方法
JSON Serverで静的ファイルを配信する方法 はじめに JSON ServerでCSVファイルや画像ファイルを配信しようとして、ちょっと苦戦したのでまとめておく。 JSON Serverで...
2
1
Comment0
useStateをまとめて書きたい
useStateを１行でまとめて書きたい useContextやuseStateなどのHooksを何度も使う場合に、省略する方法を考えました。 個人的にちょっと便利です。 useSomeHook...
0
0
Comment0
配列の引数をスプレッド構文で受け取り、かつデフォルト値を設定したい
どこで使うか 配列をpropsとしてスプレッド構文で受け取りたいことは多々あると思う。 親コンポーネント const ParentComponent = () => { const use...
6
6
Comment0
JSON Serverでオブジェクト以外を返す方法
JSON Serverで文字列を返す方法 公式のGetting startedをもとに、 /profileにリクエストが来た場合、nameの値を文字列として返却する方法を紹介する。 文字列として...
6
3
Comment0
25 search resultsShowing 1~20 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles