kozaiy https://blog.hatena.ne.jp/kozaiy/ 一休.com Developers Blog https://user-first.ikyu.co.jp/ こんにちは。宿泊プロダクト開発部 UI開発チーム エンジニアの香西です。 半年ほど前に、一休.comとヤフートラベルで、クチコミ画像の投稿機能をリリースしました。 一休.comとヤフートラベルでは、ユーザーに画像をアップロードしてもらう機能の実装は前例が無かったため、試行錯誤しながらの開発となりました。 今回はその時の開発についてお話したいと思います。 背景 全体像 フロントエンドの実装 GraphQL のリクエスト送信 どのタイミングで画像をアップロードするか アップロード進捗状況を表示したい バックエンドの実装 画像のバリデーション 画像のデコード・エンコード （余談）JPEG のエンコー… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fuser-first.ikyu.co.jp%2Fentry%2F2022%2F06%2F30%2F142906" title="GraphQL + Go による画像投稿機能の実装談･･･Exif 情報の削除、AWS S3 での画像管理、ユーザー体験の模索など - 一休.com Developers Blog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/k/kozaiy/20220630/20220630132553.png Hatena Blog https://hatena.blog 2022-06-30 14:29:06 rich https://user-first.ikyu.co.jp/entry/2022/06/30/142906 1.0 100%