ImageSearchデモツールを作って見た2019-11-13ImageSearchデモツールを作って見たtechblogこんにちは。エンジニアの清水です。今回、ImageSearchのデモツールを作成しましたので、共有したいと思います。デモツールなのでコードなどもっと綺麗に書いてよとかツッコミどころがあると思いますが、ご了承ください。IPhoneから利用することを想定して作成しております。※ImageSearchドキュメント参照1.トップ画面でImageSearchを選択。2.次の画面で商品画像検索インスタンスを選択。3.以下の画面が表示される。インスタンス名を入力して今すぐ購入をクリック。Service(OSS)を選択。2.バケットを以下のように作成。ImageSearchを作成したリージョンに合わせる。3.バケット内にファイル(フォルダ)を作成。ここではdemoという名で作成。4.demoファイル内にImageSearchに後々インポートする為の画像をアップロード。※ImageSearchがインポートできる画像サイズ等の仕様がありますので注意。ピクセルの範囲であること。〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜また、画像のアップロード数が多い場合はOSS-Browser利用をお勧めします。Managementを選択。2.ロール管理を選択し、新規ロール作成をクリック。3.ロール作成画面より、サービスロール→ImageSearchサービスを選択してロール名を入力して作成。権限付与ポリシー作成を選択。5.空白ポリシーを選択し、以下の画面を参考にポリシー名と内容を記載ポリシー内容をコピー用に転記。2で作成したロールに5で作成したポリシーを付与させる。◻️OSSへメタファイルをアップロード1.OSSのバケット構築の4の項目で画像をアップロードした箇所(/demo)にメタファイルをアップロード。※必ずこのファイル名にしてください。"pic_list":["771001_C01.jpg"]}補足:cat_idはカテゴリ登録となります。いくつかカテゴリーが用意されていますが、カテゴリーに当てはならない場合は、その他(88888888)を選択ください。記載例の771001_C01.jpgはOSSにアップロードした各画像名になります。ImageSearchインスタンスの構築で作成したインスタンスをクリック。2.以下の画像の右上のインポートをクリック。3.以下のように入力。補足:ARNの箇所はロール作成で作成したロールのロール詳細に記載あり。インポート実施インポートが失敗した場合は、インポート状態のインポート履歴の表示をチェックして原因を確認する。上記で注意記載したメタファイル名、画像の仕様外である可能性が高いです。※私がブログ用に確認した時期はTimeOutで使えなかったです。一応手段は載せておきます。◻️ECSにアプリを構築ソースコードはGithubへアップロードしました。ここでは、仕様と注意事項等を解説。1.必要ツールを準備する。注意:SDKの解説は公式ドキュメントに記載がありますが、そこに記載されているコマンドを入力するとmirrorサイトからDLされます。githubなどから最新バージョンをインストールする必要あり。installコマンドで外部リンク(github)を指定するか、ローカルに最新バージョンをDLしてECSへSFTPアップロード等FLASKはフォルダ配置ルールがありますので、githubのreadme参照2.OSSの画像を通常使うURLへ変更させる。作成したアプリは被写体に近い画像をBEST3で出力させています。ImageSearchの画像へアクセスすることはできません。出力画像はOSSの画像となります。その為、OSSの画像URLを公開読み取りに変更する必要があります。各画像のプロパティを確認すると以下のようにURLが非公開時とは異なっていることが確認できます。このURLを使って作成したアプリは画像を表示させている。reserved.スターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。