React(TypeScript） 「プチプチ潰し」をReact.js+TypeScriptで作った
梱包材のプチプチ（プチプチは商品名です）を潰して遊んだ経験はだれにしもあるはず。水辺で平たい石を選んで水切りを行ったとのとおなじく、この遊びにはストレスを和らげる働きがあるそうです。で、作ったのが上記。React.js+typescript...
React(TypeScript） 
未分類 リモートで座りっぱなしのあなた、時々立ちましょう
コロナ以来リモート勤務が増えてきました。それはそれで喜ばしいことです。たとえば、私は大分県在住なんですが東京などの都会の仕事を在宅で受けられる。レベルの高い仕事を高給で受けられて、しかも、仕事を選ぶことができるのは素晴らしいです。ただ、在宅...
未分類 ノートパソコンのHDMI端子を大きいディスプレイにつなぐ
仕事でThinkpadを支給されました。型番はわかりません。ただ、キーボードが使いづらい。マウスもつけないと使いづらい。画面は細かくて老眼に辛い。そこで、以前に買っといたこれ、サンワサプライ HDMI対応手元スイッチ付きパソコン自動切替器(...
未分類 ChatGPTを使ったバグの潰し方
2023/12/29AWSアプリ開発案件が終わったので、初心者の方に参考になれば。まず、ChatGPTを契約します。頻繁に使うので有料版にしてください。元は取れます。またはClaudeでもいいかもしれません。Bard? あれは見当違いの回答...
VSCode ChatGPTにコードレビューを頼むときに省略されない方法
長めのプログラムなどにコメント付けて読易化する場合、AIチャットは便利ですが全文を表示せずに省略してしまう場合が多々あります。その対策3重に指示する。「コードは省略禁止。全文表示」と、左下にある設定部分の「カスタム指示」に2つ書き込む。」さ...
AWS VScodeでAWS Lambdaの開発環境を構築する
設定単にコードだけじゃなくて、AWSの各リソースと連携させてローカルで開発したい。開発者はそう考えます。最初はLambda関数のコンソールから書いてましたが、なんかデバッグがめんどくさい。そこで、ちょっと調べたらCloud9ができると知り調...
AWS Api GatewayでのCORS設定
ハマりました。サポートに聞いたのでそれを共有します。まず、「CORSを有効にする」これだけじゃ駄目です。以下の設定をGETとかPOSTとかにしてください。メソッドレスポンスのレスポンスヘッダーにAccess-Control-Allow-Cr...
AWS DynamoDBとLambdaでERROR Invoke Error { “errorType”: “ValidationException”, “errorMessage”: “The provided key element does not match the schema”, “name”: “ValidationException”,が出るとき
このエラーはスキーマの名前が一致しないか、データの型変換がうまくいってないときに起きます。1日悩みましたが、Lambda関数に食わせるデータ形式が数値と文字列の2つであることに気づき、調べたところSDKを変更すれば自動認識してくれると判明し...
AWS Api GatewayとLambda関数でクッキーを設定するときの注意点
いや、マジで悩みました。Codeがおかしいのかと延々悩んで。でも、Api Gatewayの設定でした。Set-Cookieを設定しなければならない。以下の図をみてください。メソッドレスポンスのレスポンスヘッダーに以下の2つを設定。次に統合レ...
AWS DynamoDBのテーブルが一致しないというエラー
Node.js18でDynamoDBをを使おうとしてました。すると、こんなエラーが出続ける。{"errorType":"ValidationException","errorMessage":"The provided key elemen...