こんにちは、クソアプリ Advent Calendar 2021の7日目を担当します
Yuiです。
皆さんは撮った写真を見て、もう少し自分の目が大きければな〜〜〜と思ったり、うっかり目が半開きになっていたという経験はありませんか？？
そんなときに使える画期的なアプリを作ったのでその紹介をします。
〜もう目が小さいなんて言わせない〜
— Yui 🌒 Yuiko Ito (@yui_active) December 6, 2021
画像の目を自由に大きくできるアプリを作りました！
ログインやインストール不要、ブラウザで簡単！複数人の画像でも大丈夫！
自然な感じに仕上がるように頑張ったので、いいねやRTでみんなに教えてくれると嬉しいです🙏🙏🙏#eyedolhttps://t.co/3GPKndwvJ1 pic.twitter.com/zxOdBP3TmG
技術的なことは以下で書いています。
作ったもの
こちらのEyeドルというネタアプリになります。
右上の目がパチパチして可愛いですね。
使い方
使い方は目を大きくしたい画像をアップして、どれぐらい目を大きくしたいかを選ぶだけです。
ちなみに**「大きく」より下**にしないと、大分変になるのであまりオススメしません。笑
**「ほんの少し大きく」か「自然な感じに大きく」**を選んでもらえると大分いい感じになると思います。
モナリザもまるでアイドルみたいにお目々がぱっちりしたり
もともと目が大きいこの子もこの通り。
使用技術
-
フロント
-
Next.js + TypeScript
-
Chakra UI
-
バックエンド
-
Python
-
OpenCV
-
Amazon Rekognition
-
インフラ
-
AWS
技術的な詳細はこちらの記事で書いていますが、実装方法としてはAmazon Rekognitionで目がどこかを確認して、OpenCVで切り抜いて広げて合成して、最後に境界線をぼかすという感じの処理です。
なので、横を向いていたり、メガネを掛けていたりするとあまりうまく動かないと思います。
Amazon Rekognition初めて使いましたが、使いやすかったです。
ただ、利用料が思った以上に高いので、アプリの右下にBuy Me a Coffee
のリンクを付けました。
余裕のある人はぜひ私にコーヒーを奢ってください🙏笑
同じことが、TensorFlow使ってもできそうだなと思ったので、今度はTensorFlowでもやってみようかなと思います。
できるだけ自然にするために目の位置をできるだけギリギリで切り取るように調整したことと、境界線をぼかす部分は少し苦戦しました。
フロントはいつもどおりのNext.jsとTSで組みましたが、本当にChakra UI使いやすいですね。もうChakra UIがない世界には戻れなくなりました。
あとがき
実は先日Azureハッカソンに出てました。
そこで↓のアプリを作ったのですが、その中で最後まで実装できなかった機能が目デカAPIでした。
今回の#Azure の#ハッカソンリーグ2021 ではオンラインプリクラを作りました！
— Yui 🌒 Yuiko Ito (@yui_active) December 5, 2021
昨日アイデアを決めて苦手な画像処理も少しやりつつ急ピッチで頑張りました〜
これからちょっとUI面で気になってる部分を修正しつつ、目を大きくしたり鼻を小さくしたりする機能も入れてからリリースする予定です pic.twitter.com/eyQnWmmGje
目デカ機能に関しては、他の人が担当してくれましたが生憎ハッカソン中に完成はしませんでした。ただ、中途半端な状態でも意外と審査員さんからの評価が良かったので、私も個人的に挑戦してみようと思って今回作りました。
Azureのハッカソンに出た次の日にAWSで全部組むという浮気のようなことをしてしまいましたが、決してAzureが使いにくかったわけではないんです。ただ、M1でAzure functionsが動かないのが致命的過ぎて。。。
M1がサポートされれば、ぜひAzureでも作りたいなと思ってるので中の人よろしくおねがいします🙏笑
ハッカソンで作ったオンラインプリクラ（仮）は別のバグが発覚してまだリリースはできないのですが、なんとか年内リリースはしたいなと思ってます。
全然年内リリース無理でした。来世に期待。
ではでは、最後まで読んでいただきありがとうございました！
良ければ去年のクソアプリも見てくださいね。