下記のQiita記事でReactをTSで開発する時の初期状態を作るコマンドが乗っていた。 ReactとTSの環境を整えるにはReactやTSのパッケージをいれたり、としないといけなかったのに、コマンド一つでプロジェクトを作成することができ、随分と楽になったんだなぁ、…

以下のようなエラーにさいなまれた際の対応方法。 SyntaxError: Unexpected identifier or SyntaxError: Unexpected * or SyntaxError: Unexpected token import この問題が発生する原因は、トランスパイルされた js ファイルをNodeが実行できないため。 試…

以下のような場合、eslintがエラーが報告してくる。 async post(req: Request, res: Response) { const body = req.body; } そのため、以下のように修正することでエラーがなくなる。 プロパティをドット区切りで取得するのではなく、変数を展開して格納して…

プロトコル+ポート+ホスト名をなんと呼ぶのかわかりませんが、 https://xxx.com:3000 みたいなものを出力する。 80番ポートの時は、ポート番号はつけないようにしている。 const protocol = window.location.protocol const port = window.location.port con…

オーソライザーが動かない API Gatewayでオーソライザーが動かなかったのメモ。 動かないというより、そこまで到達していなかった、というだけの話だが、HTTPリクエストヘッダに Authorization を付与すればオーソラーザーが実行される。 Authorization に入…

Invalid phone number format.と言われる Cognitoでユーザを作成する際、電話番号を 00000000000 や 000-0000-0000 で入力しても、エラーが返ってくる。 電話番号の正しい(?)フォーマットは、+15555555555 だった。日本だと +81 かな。 参考 stackoverflow.c…

javascriptで外部モジュールなしに、クリップボードへコピーする方法を紹介する。 以下の関数で動く。 copyToClipboard(text){ navigator.clipboard.writeText(text).then(function() { /* clipboard successfully set */ }, function() { /* clipboard writ…