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