AWS AmplipyにデプロイしたNext.jsのMiddlewareで、環境変数を参照する
AWS Amplipyで環境変数を設定しても、デプロイしたNext.jsのMiddlewareで環境変数が参照されなかったので備忘録です。 next.configで以下のようにすれば読み込まれま...
30 search resultsShowing 1~20 results
You need to log-in
AWS Amplipyで環境変数を設定しても、デプロイしたNext.jsのMiddlewareで環境変数が参照されなかったので備忘録です。 next.configで以下のようにすれば読み込まれま...
SQLを記述後、下記赤枠のボタンをクリックすると自動整形してくれます。 ショートカットキーだとCtrl + Bでできます。
JavaScriptやTypeScriptで「意味はわかるけど名称がパッとわからない」ものをまとめてみました。 ??(Null合体演算子) クエスチョンマーク(はてなマーク)が2つ続いたやつはN...
SlackやX(旧Twitter)、LineなどでURLを貼り付けて投稿するとURLの部分がリンクになり、クリックするとそのURLのページを開くことができますが、あれをReactでやる方法です。...
状況 GitHubのリポジトリにプッシュしてもVercelにデプロイがされなくなった 他メンバーは問題なくデプロイできる 原因 GitHubに登録しているメールアドレスを変更したことにより、Gi...
分割代入と残余引数を使えば、オブジェクトから「特定のプロパティ以外」を全て取り出すことができます。 const profile = { id: 1, name: "hoge", age: 30,...
Controllerを使用せずにコンポーネントに対してReact Hook Formのregisterを渡したいことがあったのでメモ。 "use client"; import Text fro...
昔は「仕事は最低3年続けろ」と言われていましたが、最近はあまり聞かなくなってきました。 むしろ、XなどのSNSでは「すぐに辞めていい」という意見をよく見かけるような気がします。 最近は退職代行の...
SESでどこかの現場で常駐して働く場合、参画前にその現場の方との面談があります。 面談で問題がなければ晴れてその現場で働けるのですが、面談の流れや面談でよく受ける質問をご紹介します。 面談の流れ...
React Testing LibraryでFormの入力値が正しいかテストする方法です。 toHaveFormValuesを使用するとinputの値を取得することができました。 toBeやto...
フロントエンド開発をしていると、ブラウザのデベロッパーツールをよく使います。 Chromeのデベロッパーツールで知っておくと便利な使い方をご紹介します。 日本語化する デベロッパーツールを開き、...
データフェッチのライブラリSWRの使い方です。 任意のタイミングでfetchする useSWRは自動でfetchを行いますが、useSWRMutationのtriggerを使用すると手動(任意の...
Google Chromeでデベロッパーツールを使用して、プラグインなしで画面全体のスクリーンショットを取得する方法です。 プラグインを使ったほうが楽ですが、現場のセキュリティの関係で自由にプラ...
iPhoneとMacを使用して、「iPhoneのSafariで開いているページのデベロッパーツールをMacで開く方法」をご紹介します。 MacでSafariを起動します iPhoneとMacをケ...
react-hook-fromで初期値を設定する方法を3つご紹介します。 defaultValues 1つ目はdefaultValuesを使う方法です。 この方法が一番一般的だと思います。 im...
React Testing LibraryのqueryByTextとgetByTextの違いがわかっていなかったのでメモ。 queryByTextの場合は対象の文字列がなくてもエラーにはなりませ...
MySQL Workbenchで現在実行されているのSQLを確認、強制終了することができます。 赤枠の「Client Connections」をクリックすると現在実行中のSQLの一覧が表示され、...
deleteを使う deleteを使うと特定のプロパティを削除できます。 type SampleObject = { key1?: number; key2?: number; key3?: n...
Reactのライブラリreact-hook-formで複数のチェックボックスが存在する場合に全てのチェックボックスにチェックする方法です。 import { useForm } from 're...
以下のようにすればEnterでSubmitされるのを防ぐことができます。 formタグにonKeyDownを追加し、Enterキーが押されたらevent.preventDefault()でsub...
30 search resultsShowing 1~20 results
Qiita is a knowledge sharing service for engineers.