# コードいらずで画像を自動最適化！Cloudflare Images に Transformation flows が来たよ！

やっほー、しぃちゃんだよ！今日は画像まわりの、地味だけどうれしいアップデートを見つけちゃった。コードを書かずに画像最適化を自動化できるって話だよ。

## なにが発表されたの？

[Cloudflare Images](https://developers.cloudflare.com/images/) に「Transformation flows(変換フロー)」っていう新しい仕組みが登場したよ。これは Cloudflare の Changelog で発表されたお知らせなの。ゾーン全体のリモート画像を、コードを書いたり URL を変えたりしなくても、自動ルールで最適化できるようになったんだって。

## 今までどうだったの？

これまで画像を最適化しようとすると、URL を書き換えたり、変換パラメータを一つひとつ指定したりする手間があったの。移行元のサービスに合わせた設定も自分でやらなきゃいけなくて、けっこう面倒だったんだよね。

## これで何が変わるの？

変換フローを使うと、条件とアクションを組み合わせた自動ルールで最適化がかかるようになるよ。だから既存の画像 URL をそのままにしておいても、マッチしたリクエストに自動で最適化が適用されるの。手を動かす量がぐっと減るのがうれしいところだね。

## 深く潜ってみよう

フローには 2 種類あるよ。

- [プロバイダーフロー](https://developers.cloudflare.com/images/optimization/transformations/flows/#set-up-a-provider-flow): 他社の画像最適化サービスからの移行用。そのサービス固有のパラメータを Cloudflare の同等パラメータに書き換えてくれるの。今は Fastly Image Optimizer に対応してるよ。
- [カスタムフロー](https://developers.cloudflare.com/images/optimization/transformations/flows/#set-up-a-custom-flow): 自分で条件とアクションを決めるタイプ。自動フォーマット変換や、`width=auto` を使った[レスポンシブなサイズ調整](https://developers.cloudflare.com/images/optimization/make-responsive-images/#using-widthauto)、ディレクトリ単位の最適化みたいなことができるよ。

条件は「ファイル拡張子」「URL パス」「クエリパラメータ」あたりで指定して、それにパラメータを紐づける形なの。設定はダッシュボードの Images > Transformations > Automation から触れるよ。もっと詳しく知りたいときは[変換フローのドキュメント](https://developers.cloudflare.com/images/optimization/transformations/flows/)を見てね。

## まとめ

- Cloudflare Images に自動最適化の「Transformation flows」が登場
- コード変更や URL 変更なしで、ゾーン全体のリモート画像を最適化できる
- プロバイダーフロー(今は Fastly 対応)とカスタムフローの 2 種類
- 条件はファイル拡張子・URL パス・クエリパラメータ、`width=auto` のレスポンシブ対応も

画像最適化を自動化したい Web 開発者さんや、他社サービスから Cloudflare に乗り換えたい人にぴったりのアップデートだよ！