Developers.IO 2019 Tokyo 登壇資料:「Cloudinaryの画像変換・配信で Webサイトを高速化」を発表してきました #cmdevio

Developers.IO 2019

#デザイン

#イベント

#Cloudinary

Ito ma

2019.11.01

この記事は公開されてから1年以上経過しています。情報が古い可能性がありますので、ご注意ください。

Guten Tag, 東京から伊藤です。

本日2019年11月1日(金)、Developers.IO 2019 の東京編が開催されました。ご来場いただいた皆さま、Vielen Dank！

今回、私はクラスメソッド・ヨーロッパから単身、このイベントのため日本まで赴き、「Cloudinaryの画像変換・配信で Webサイトを高速化」というタイトルで登壇させていただきました。ここではそのセッションの資料と概要をご紹介します。

セッション概要

画像や動画などのデジタル資産は、どのWebサイトやアプリでも使用されているもので、コンテンツを適切に配信することはユーザの読み込み速度を向上する上でも必要なことです。一方、ユーザが様々なデバイスを利用することから、その解像度などに合わせる必要があり、画像や動画の最適化は大きな課題の一つでしょう。Cloudinaryを使用すると、最適化された複数の画像や動画の用意が簡単にできるだけでなく、URLのパラメータなどを利用してその場での変換と配信が可能になります。本セッションでは、Cloudinaryの利用方法を実演でご紹介していきます。

発表資料

Cloudinaryの画像変換・配信で Webサイトを高速化

Cloudinary というサービスについて

Cloudinary についてまだまだご存知ない方も多いかと思いますが、画像・動画を始めとするデジタル資産管理を行え、画像・動画を簡単に最適化・変換でき、CDNで高速配信するサービスです。

AWSでもクラウドストレージでは S3、CDNでは CloudFront がありますが、変換もできてエンドツーエンドというのがこのSaaSを使う良いところ。実は裏ではストレージにS3、CDNに Akamai / Fastly / CloudFront が使われています。通常のCloudinaryのCDNはマネージドですが、スライド内では Lambda@Edge を組み合わせて自前の CloudFront を活用する構成も紹介されています。これは、導入する際にアプリの改修コストを低くするのに効果的です。

また、Cloudinaryへの移行には単純に画像をアップロードすることももちろんできますが、 S3 と連携してリクエストされるたびに自動的にアップロードするという移行の方法もあります。この「自動アップロード」についてはこちらの記事から。

Cloudinaryのデモページではアカウントがなくても画像変換が試せるので、ぜひ遊んでみてください。

また随時Cloudinaryに関する記事をアップしていきたいと思いますので、ご参照くださいませ！

Cloudinary について、お問い合わせはこちらから、無料サインアップはこちらから。