初めてBase64に触れたのは、ChatGPT APIに画像を送る時でした。画像をBase64に変換して渡す必要があるんです。その時は他の人が作ったツールをそのまま使いました。
でもWeb収益化をリサーチしてるうちに、このBase64変換ツールをかなり多くの人が使ってることに気づきました。それで自分でも試してみたんですが、UIが10年前の雰囲気。もっと大きな問題は韓国語でした。「안녕하세요」をエンコードしたら文字化けして、デコードもちゃんとできませんでした。
こんな基本的なことすらできないのに上位に表示されてる？じゃあ自分で作ればいいじゃん、と思いました。
韓国語の文字化け問題
JavaScriptのbtoa()とatob()はデフォルトでUnicodeをちゃんと処理できません。Cursor AIに聞いたらTextEncoderとTextDecoderでUTF-8バイト変換を通せばいいと。すぐ解決しました。
上位表示されてるサイトを確認したら、ほとんどが英語だけ正しく処理して、韓国語は文字化けするケースが多かったです。ここで優位に立てそうだと思いました。
何を作ったかというと
テキストをBase64にエンコードし、逆にデコードする基本機能。入力すると即座にリアルタイムで結果が出ます。
画像ファイルも対応しています。ドラッグ&ドロップで画像をアップすると自動でBase64文字列に変換してくれます。大きい画像は文字列が長くなりすぎてパフォーマンスに影響するので、ファイルサイズ制限と警告を入れました。
コピーボタンも当然あります。長いBase64文字列をドラッグして選択するのは苦行ですからね。
モバイルでも使えるようにレスポンシブにして、デザインもモダンに仕上げました。
収益化はどうなってるかというと
正直に言うと、まだAdSense審査すら通ってません。戦略も何もなくて、とりあえず検索上位に出ることを狙ってます。ユーザー体験をしっかり作っておけばトラフィックが来るんじゃないかという漠然とした期待。来ればラッキー、来なくても自分で使えるからいいかなと。
試してみたい方はBase64エンコーダー/デコーダーからどうぞ。