cloudinaryによる画像ファイルの管理 はじめてみる

2020-05-25
cloudinarysaascloud
    

目次

概要

画像の管理や配信、さらには加工といった事ができるsaas型のcloudサービスであるcloudinaryの紹介です。

目的

ブログ用の画像の管理に向いているか調べるために調査しました。

cloudinary について

cloudinaryは、Webサイトやアプリの画像や動画をアップロード、保存、管理、操作、配信ができるサービス(もしくはこのサービスを提供する企業)です。

Wikipedia(英) によると、「6,000社以上の550,000以上のWebおよびモバイルアプリケーション開発者によって使用されています」と書かれています。

他のサービスとの比較

cloudinaryの競合サービスとしてimgiximagekitといったものがありますが Cloudinary vs imgix vs ImageKit vs Optimole: Which Is Best for Image Optimization? ではcloudinaryが最高評価となっています。

ちなみに、Qiitaではimgixの試験利用を行っているようです。 Qiita Jobsにimgixを導入し、画像サイズを大幅に改善しました

料金プラン

cloudinaryでは利用できるリソースの量を"クレジット"という単位で提供しています。

無料プランでは25クレジット利用できます。

1クレジットでは

  • 1000回の転送
  • 1GBのストレージ
  • 1GBのネットワーク帯域もしくは500件の動画処理

となっています。

さらに課金コースだと、$99/月の場合225クレジット、$249/月の場合600クレジットとなります。

  • 1 credit = 1000 transformations or 1GB managed storage or 1GB net viewing bandwidth or 500 video processing seconds)

Plans that scale with your growth

アカウントの登録

パスワードは大文字+小文字+記号が含まれている必要がありました。

サインアップが完了すると簡単なアンケートが出てくるので適当に入力します。

無事アカウント作成が完了するとサービスが利用できるようになります。

利用してみる

ダッシュボード

2020 05 25 23 52 14

ダッシュボードの画像です。

ディレクトリ作成やファイルの操作・移動といった操作はドラッグ&ドロップで直感的にできます。

画像の編集

2020 05 25 23 55 51

画像の修正や簡単な加工はブラウザから操作できます。

編集した画像は、上に表示されているURLをコピペするだけで利用できます。

APIベースでのアクセス

各プログラム言語から利用するためのAPIが提供されています。これを用いて画像サイズの最適化や遅延ロード用の画像の生成といった事ができます。

さらに詳い内容はここで紹介されています。

Cloudinaryを使いこなすための10のポイント

感想

非常に操作しやすいUIだったのが良かったです。

無課金で利用する場合画像ファイルに対し月25000万以上アクセスのあるブログやサイトで利用するのは厳しいのかなと思いました。 ただし、無課金でもクレジットの追加は可能みたいです。

参考

Cloudinaryを使って画像の変換をやってみる

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

Cloudinaryという画像変換サービスについて勉強してきた

    
s-yoshiki
s-yoshiki
githubtwitterqiita
Web作ってますが、インタラクティブなプログラミングも好きです。
JavaScript / Vue / node.js / PHP / AWS / OpenCV

最新の投稿

フェールセーフやフェールソフト・フールプルーフ 障害対策用語のまとめ

JSで32ビット符号付き整数に対してのビット演算でハマった
具体例 参考にしたサイト JSでサブネットマスクの計算を行おうとしたとき、ビット演算でハマりました。その時のメモです。 JSでサブネットマスクの計算 JSでビット演算子を利用する場合 3…

Gitにプロキシを設定する
プロキシを設定する 確認 Gitでプロキシを通しておくメモです。 プロキシを設定する 以下のコマンドでproxyを通します。 ※ がプロキシのURL…

JSでIPアドレスがサブネットマスクで指定した範囲内にあるか判定する
IPアドレスが指定した範囲内にあるかどうか判定 参考にしたサイト JSでIPアドレス(IPv4)が指定したサブネットの範囲に含まれるか判定するロジックを作った時の記録です。 IPアドレスが指定した範囲内にあるかどうか判定 処理としては、IP…

プログラムの数値計算で発生する誤差の種類 丸め誤差・打ち切り誤差・桁落ち
はじめに 誤差の種類 丸め誤差 打ち切り誤差 桁落ち 情報落ち 桁溢れ誤差 参考にしたサイト コンピュータで出てくる誤差はいくつかありますが、 それらをコードに落として整理しました。 はじめに 例えば の計算の答えは 0.6666666666…

JSでサブネットマスクの計算
JSによるサブネットマスク関連の計算 IPv4アドレス文字列をNumber型に変換する CIDR と サブネットの相互変換 ネットワークアドレス と ブロードキャストアドレス クラス 改めて計算方法を整理する 参考にさせていただいたサイト JSでIPv…

Homebrew で php7.4 + Xdebug をインストール
php7.4のインストール Xdebugのインストール php.ini に追記 参考にさせていただいたサイト phpunitのカバレッジを算出を行うためにMacにHomebrewでphp7.4をインストールしようとした際の記録です。 php7.…

CentOS で スマートにプロキシを設定する
コマンドライン上で通す よりスマートに設定する 設定ファイルに記述 CentOSでプロキシを通す設定のメモです。 プロキシ環境で yum/dnf でリポジトリを更新する場合や、curl/wget…

MySQL8.0 で利用できるパラメータを表示する方法
オプションの表示 mysql8.0でmy.cnfなどで利用できるパラメータ一覧を出す方法。 オプションの表示 オプションの表示は次のコマンドで実施できます mysqld — The MySQL Server 【MySQLパラメーター比較資料】MySQL 5.…

CentOS に MySQL8.0をインストールする
はじめに 環境 起動 MySQLインストール my.cnf の設定 プロセス立ち上げ エラー The designated data directory /var/lib/mysql/ is unusable. You can remove all files…

Tags

Dates

© 2021   404 motivation not found