2024年11月17日 / 最終更新日時 : 2024年11月17日 admin Vue.js（主にNuxt.jsとVuetify） (Vuetify3)v-autocomplete：無駄なAPIリスクエストをせずにサジェストを表示する v-autocompleteをVuetify2からVuetify3に移行してみました。 選択肢に選択している値が無くても表示されるようなったり、 イベントが整理され、mousedownやchange、blurを使って頑張 […] APINuxt.jsNuxt3Nuxt3移行Vuetify
2023年7月7日 / 最終更新日時 : 2024年11月17日 admin Vue.js（主にNuxt.jsとVuetify） (Vuetify2)v-autocomplete：無駄なAPIリスクエストをせずにサジェストを表示する 選択肢が少ない場合はセレクトボックス(v-select)で良いのですが、数が多い場合はサジェスト(suggest)して選択させた方が良いですよね。 候補はいくつかありますが、最終的にv-autocompleteを使用する […] APINuxt.jsVuetify
2022年6月8日 / 最終更新日時 : 2022年6月8日 admin AWS(Amazon Web Services) MediaConvertのcreate_jobで発生する例外を処理する パラメータエラー以外でcreate_jobに失敗しないと思っていましたが、処理できないファイル（サポートされていないコーデックやコンテナ）をアップロードすると例外が発生するので、フロントに返せるように処理してみました。 […] APIAPI GatewayDynamoDBLambdaMediaConvert
2022年5月28日 / 最終更新日時 : 2022年6月1日 admin AWS(Amazon Web Services) Lambdaの例外エラーの通知方法を考える Lambdaでも、例外エラー（想定外のエラー）が発生した場合に、通知（できればスタックトレースも）を受け取って、初動を早くしたいですね。 どんな方法で実現するのが良いか検討してみました。 先に結論を記載しちゃいます。 非 […] ALBAPIAPI GatewayCloudFrontCloudWatchEventBridgeLambdaSNS
2022年5月10日 / 最終更新日時 : 2022年6月5日 admin AWS(Amazon Web Services) CloudFront+Lambda@EdgeでDynamoDB(MediaConvertの情報)を返す メモリ消費が少なく（128MB）短時間（5秒）で終わるプログラムであれば、CloudFront+Lambda@Edge（ビューワーリクエスト）の方がAPI GatewayやALBよりもコストが抑えられそう。 ただ、現時点 […] APICloudFrontCloudWatchCORSDynamoDBLambdaPython
2022年5月7日 / 最終更新日時 : 2022年6月5日 admin AWS(Amazon Web Services) ALB+LambdaでDynamoDB(MediaConvertの情報)を返す アクセスが多い場合は、API GatewayよりもALB(Application Load Balancer)経由の方がコストは抑えられます。API Gatewayがリクエスト数に対して、ALBは時間＋トラフィックの為。 […] ALBAPICORSDynamoDBLambdaPython
2022年5月5日 / 最終更新日時 : 2022年6月5日 admin AWS(Amazon Web Services) API Gateway+LambdaでDynamoDB(MediaConvertの情報)を返す EventBridgeでMediaConvertの進捗率を取得する でDynamoDBに保存したステータス等の情報をAPIで返却できるようにします。 サーバーレスの選択肢としては、CloudFront Functions […] APIAPI GatewayCloudWatchCORSDynamoDBEventBridgeLambdaPython
2022年3月24日 / 最終更新日時 : 2022年3月24日 admin AWS(Amazon Web Services) API Gateway(WebSocket API)のフロントをNuxtで実装する API Gateway(WebSocket API)のバックエンドをRailsで実装する で作成したAPI GatewayにWebSocketで接続してメッセージのやり取りが出来るようにします。 仕様は、Action C […] APIAPI GatewayWebSocket
2022年3月23日 / 最終更新日時 : 2022年3月24日 admin AWS(Amazon Web Services) API Gateway(WebSocket API)のバックエンドをRailsで実装する 統合タイプHTTPで指定したURLで、$connect/$disconnect/$defaultのリクエストを受け取って、実装済みのAction Cableともメッセージのやり取りが出来るように実装します。 フロントはN […] Action CableAPIAPI GatewayWebSocket
2022年2月27日 / 最終更新日時 : 2022年3月22日 admin AWS(Amazon Web Services) API Gateway(WebSocket API)の統合タイプHTTPを試す WebSocketのサーバーを自前で用意すると、スケールするのが手間だったり、コストが大きくなったりするので、API GatewayでWebSocketを繋げて、バックエンドは既存アプリ等のAPIで処理できないか試してみ […] APIAPI GatewayWebSocket