1コマ漫画検索サービスTiqav2 (Algolia + Cloudinary + Google Cloud Vision API) 作ってみた

画像で会話って楽しい

皆さん、チャットツールでコミュニケーションするとき、絵文字や画像って使ってますか？ 僕はよく使ってます。人とコミュニケーションするのに、文字だけだと堅苦しいイメージですよね。 例えば、

『OK です、それで先に進めて下さい。』

というフレーズだけだと、相手がどのような感情なのか読み取りにくいです。

そこで、次のような画像でコミュニケーションを取ると、柔らかい印象を与えることができます。

Tiqav2

Tiqav とは

画像を使って会話をするためのサービスとして、Tiqav があります。

現在は、サービス終了しています。 Tiqav2 は、その Tiqav を参考にして作りました。

Tiqav2 とは

Tiqav2 は、大きく分けて 2 つの機能があります。

1. 画像とテキストを保存
2. 画像を検索&表示

2 つの機能

画像とテキストを保存

検索する為には、全文検索サービスの Algolia を使います。

Home

More than 18,000 organizations rely on Algolia. From Agentic to Generative to Search AI, Algolia gives teams the tools to build intuitive, adaptive, and high-performing digital experiences on a single AI search and retrieval platform.

www.algolia.com

Algolia に保存する情報は、主に 3 つです。画像 URL と拡張子、そしてテキストです。 画像は画像変換&管理サービスの Cloudinary に保存します。保存後、Cloudinary より、画像 URL と拡張子が手に入ります。

Image and Video Upload, Storage, Optimization and CDN

Streamline media management and improve user experience by automatically delivering images and videos, enhanced and optimized for every user.

cloudinary.com

テキストは、Google Cloud Vision API へ画像を渡すことでテキストを抽出します。 もちろん、手動でテキストを設定することもできます。

Vision AI: Image and visual AI tools

Vision AI uses image recognition to create computer vision apps and derive insights from images and videos with pre-trained APIs. Learn more..

cloud.google.com

画像を検索&表示

テキストで全文検索を行います。その結果の ID と Extension を組み合わせることで、 画像を表示することができます。Extension の種類は、Cloudinary のサポートするもの全てになります。

"gif", "png", "jpg", "bmp", "ico", "pdf", "tiff", "eps", "jpc", "jp2", "psd", "webp", "zip", "svg", "mp4", "webm", "wdp", "hpx", "djvu", "ai", "flif", "bpg", "miff", "tga", "heic"

Image Transformations for Developers | Documentation

Learn how to dynamically transform images with one line of code: crop, resize, add borders and background, face detection, rich image effects, and more.

cloudinary.com

この画像を表示する機能を使うと、次のように Slack 上で画像を送信することができます。

詳しい機能は、次のリポジトリをご確認下さい。

GitHub - silverbirder/tiqav2: Tiqav2 is the platform that provide image search API

Tiqav2 is the platform that provide image search API - silverbirder/tiqav2

github.com

SaaS は個人開発には最適

今回、全文検索であったり画像管理は、SaaS に全て任せました。テキスト抽出はなくてもよかったのですが、Google Cloud Vision API が、そこそこ使えたため、そちらも使いました。

個人で開発する際、リソース（時間、お金、人）は組織に比べてとても小さいです。 SaaS は、１つのことを上手くやってくれるし、個人の利用範囲であれば無料なものが多いです。 ニッチなカスタマイズしたい要求がない限り、SaaS は大体の要望を叶えてくれます。 どんな種類の SaaS があるか知りたい方は、↓ のサイトを見てみて下さい。参考になるはずです。

Search and discover your favorite building blocks to extend your SaaS application | SaaS Blocks

Search and discover your favorite building blocks to extend your SaaS application

saasblocks.io

SaaS に面倒なことは任せて、プロダクトコードに集中することは、私にとって、とても大切にしています。 ちなみに今回のプロダクトコードは、CleanArchitecture + InversifyJS で作りました。

終わりに

Tiqav2 は、OSS として公開していますので、誰でも無料で構築できます。 ぜひ、使ってみて下さい。快適なコミュニケーションを目指しましょう！