Instagramストーリーの背景素材を、自分好みの色で量産できるアプリを作った話

アプリを自作してみました☺️

💡 なぜこれを作ろうと思ったのか

Instagramストーリーに使える、背景透過のオリジナル素材がほしいと思ったのがきっかけです。

既存の素材だと色が合わなかったり、自分のアカウントカラーに近いものを毎回探すのが手間でした。

だったら、好きな色を一気に作れるツールを作ってしまおう！と思いました。

🛠️ どのように作ったのか

Claudのアプリに

まず、使いたい楕円デザインの参考画像をもとに「Instagramストーリーで吹き出しを作成したい」と入力。

自動で下記のように作成してくれました☺️（途中で何度か背景透過や色変更など修正の指示もしました）

HTMLとCanvasを使ってWebアプリを作りました。

カラーはDusty RoseやSage Greenなど12色を用意して、それぞれ透明感のある仕上がりに調整。

iPhoneのSafariでは「ダウンロード」ボタンが効かない問題があったので、画像を大きく表示して長押し→写真に追加で保存できる方式に切り替えました。

続きは、リベシティにログインしてからお読みください

＼初月30日間無料／ リベシティで会員登録をする ログインする

ノウハウ図書館でできること

• すべての記事の閲覧

• ブックマーク

• いいね・レビュー

• 記事の投稿※応援会員（有料）のみ

• ポイントの獲得※応援会員（有料）のみ

※会員登録には、新入生会員（初月30日無料）と応援会員（有料）があります

応援会員制度とは？

さらに！

• リベシティの他の機能やサービスもご利用いただけます（詳しく見る）