Cloudflare ImagesやWorkersを活用してABEMAの画像配信基盤を再構築

以前はサイバーエージェントの全社システムとして提供されていた画像配信システムを利用して画像配信を行っていましたが、この廃止にともない、その移行先となる画像配信システムを ABEMA 内で構築する必要がありました。

• Akamai Image Manager
• Fastly Image Optimizer
• Cloudinary
• imgix
• Amazon CloudFront + AWS Lambda

検討する際には、下記の点を重視して選定しました。

• 以前利用していた画像配信システムと同等以上の品質で画像配信ができること
• 多くの画像フォーマットがサポートされていること
• 開発体験が優れていること
• コストパフォーマンスが優れていること
• 必要な場合に十分なサポートが提供されるか
  

ABEMA 内での画像配信システムの運用実績、および Edge Computing の利用実績がなかったため慎重に技術検証や導入検討を行いました。

以前利用していた画像配信システムでもCloudflareを利用しており、画像配信の品質が担保されていたこと、コスト面で有利だったことが決め手となりました。

また移行にともない配信画像が劣化していないか、意図した変換処理が行われているかなど、品質担保も移行における必須要件としてありました。

移行中だけでなく現在においても、技術検証や新機能のキャッチアップなどで手厚く継続的にサポートをいただけており、安心して開発・運用を進めることができています。

これまで外部チームが提供する画像配信基盤で配信していたサムネイル画像を、社内で実装した画像配信基盤で配信・運用できるようになりました。また、重視していた画像品質も以前と同等の品質で提供することができました。

導入前は社内で Workersの運用知見はありませんでしたが、三人の移行チームで情報をキャッチアップしながら、半年ほどの期間で移行でき、旧システム廃止前に対応が完了できたのも大きな成果だと感じています。

キャッシュヒット率も時間帯やスパイク状況に寄らず安定して98.5%と非常に高い水準を記録しており、膨大な数のサムネイル画像を配信している中でもオリジンアクセスを大幅に削減することができています。

画像を参照している箇所でドメインやパスを移行する必要がありました。それらの影響範囲を洗い出し、以前の動作を保証しつつ移行しなければならず、影響調査・移行実装・動作確認に多くの時間を使いました。

Cloudflare Workersを利用する場合には多くのケースで JavaScript/TypeScript を採用することになるかと思われます。Workersの開発・運用環境を整備するにあたり、JavaScript/TypeScript における開発・運用のベストプラクティスを適用できると後々の開発体験の良さを保証できます。そのようなバックグラウンドのある Node.js サーバーサイドエンジニアやフロントエンドエンジニアを開発メンバーの一人として割り当てるとよいです。