見出し画像

【制作記】背景透過、ぜんぶAIに任せることにした話。ClaudeCodeで自作ツールを作ってみた。

こんにちは、ろこたんです🐶

LINEスタンプや絵文字を作っていると、地味に面倒な作業がある。背景の透過処理だ。

透過しなくても審査は通るし、実際しばらくそのままリリースしていた。でも絵文字は透過したほうが使いやすいよなぁ——とじわじわ気になりはじめて、重い腰を上げることにした。


透過作業、こんなに面倒だったっけ

以前はCanvaや無料の透過ツールを使っていた。Canvaは使い勝手がよかったけれど、課金をやめてしまったので使えなくなった。無料ツールは……1枚ずつアップロードして、1枚ずつダウンロードする繰り返し。

作品数が増えてくると、これが地味につらい。

「一括で放り込んで、一括でダウンロードできたらいいのに」「でも1枚だけ追加したいときは単体でも保存したい」——そんなわがままな要望が頭の中に積み上がっていった(笑)


だったら作ればいい

要件は決まっていた。

  • 複数画像を一括で透過処理できる。 まとめてZIPダウンロードできる。 1枚だけのときは単体でも保存できる。

この内容をClaudeで整理して、Claudeに実装をお願いした。
できあがったのが「AI Background Remover」
ブラウザだけで動く背景透過ツールだ。画像をサーバーに送らずローカルで処理するので、制作中のスタンプ画像を外部にアップロードしなくていい——これ、地味に安心感がある。

「シンプルな操作画面。ドラッグ&ドロップするだけ」

使ってみてどうだった?

画像をドラッグ&ドロップして、ボタンを押すだけ。AIが自動で背景を除去してPNGで保存してくれる。初回だけ約40MBのAIモデルをダウンロードするけれど、2回目以降はキャッシュから読むので早い。

複数枚あればZIPにまとめてくれるし、1枚だけなら直接ダウンロード。あのわがままな要望、全部叶ってた(笑)

「左が元画像、右が透過後。チェッカーボード柄で透明感が一目でわかる」

手動でやっていた作業が、ドラッグ&ドロップ1回に変わった——これだけで制作のテンポがぜんぜん違う。


まとめ

「面倒だな」と思ったら、作ってしまうのが一番早い。コードが書けなくてもClaudeがある時代、本当にありがたい🐾

いいなと思ったら応援しよう!

ろこたんとパグのモカ 最後まで読んでくれてありがとうU^ェ^U もしこの記事に癒やされたら、モカに「おやつ」のプレゼント(サポート)をいただけるとすごく嬉しいです!しっぽを振って喜びます♪🦴