Amazon SageMakerでネジ検出・分類を行うWebアプリケーションをサーバーレスで実装してみました | DevelopersIO

はじめに 好物はインフラとフロントエンドのかじわらゆたかです。 今回大澤が構築したネジ検出・ネジ分類を推論するSageMakerのエンドポイントにリクエストを送付するWebアプリケーションを構築したので、 その実装方法とアーキテクチャ・ソースコードを公開します。 まずは、動作している様子を御覧ください アーキテクチャ図 実装解説(フロントエンド) 今回のフロントエンドの実装はHTMLファイルにすべて実装をしています。 以下のような流れでリクエストを行っています。 このサイトにアクセスすると、アクセスしたブラウザ経由で端末についているカメラにアクセスの許可を求めます。 カメラへのアクセスが許可されると、カメラから取得した映像をvideoタグのソースとして設定します。 Captureボタンを押すと、カメラから取得している画像を切り出し、Canvasに配置します。 Sendボタンを押すと、Cap