# 簡単なCDNのファイル管理

AmazonやGoogleのクラウドストレージに保存しているファイルはDashcombが提供する[UIコンポーネント](https://docs.dashcomb.com/dashcomb-help-center/ide/ui-component)を使えば簡単にCDN機能が実現できます。また、こちらのファイルの管理もDashcombの管理画面で行うことができます。

## 準備

* Dashcomb以外のところでDashcombがサポートしているクラウドストレージを用意します。
* このCloud Storageの連携先になる管理画面を作成しておきます。

## 実現

* [画面にCloud Storageの追加](https://docs.dashcomb.com/dashcomb-help-center/tips-and-tricks/add-a-cloud-storage)に沿って、管理画面にS3やGCSのCloud Storageを追加します。
* その「アクション」に「バケット内のファイル一覧」を選びます。
* 「バケット」を入力します。
* 「成功時」、「失敗時」の「アクション」や「通知」を設定します。
  * 設定方法の詳細は[アクションエディタ](https://docs.dashcomb.com/dashcomb-help-center/ide/property-region/action-editor)にご参考ください。
  * ここでは全て初期の「アクション無し」を選びます。
* 「保存」ボタンを押すと、CDN一覧用のCloud Storageの作成ができました。
  * 例えば、その名前は `cdn_list`
* 管理画面に[Table](https://docs.dashcomb.com/dashcomb-help-center/ide/ui-component/table)をドラッグ＆ドロップします。
* 該当[Table](https://docs.dashcomb.com/dashcomb-help-center/ide/ui-component/table)の[プロパティ領域](https://docs.dashcomb.com/dashcomb-help-center/ide/property-region)を開きます。
* 「データ」の「ソースデータ」に先ほど作成したCloud Storageのオブジェクトを入力します。
  * 例えば、`{{cdn_list.data.Contents}}`
* すると、[Table](https://docs.dashcomb.com/dashcomb-help-center/ide/ui-component/table)にCDNファイル一覧が表示されます。
* 各コラムは[コラムエディタ](https://docs.dashcomb.com/dashcomb-help-center/ide/property-region/column-editor)を使って、コラムのプロパティ指定ができます。
* 各行は[アクションエディタ](https://docs.dashcomb.com/dashcomb-help-center/ide/property-region/action-editor)を使って、アクションの追加ができます。
* 「保存」ボタンを押すと、簡単なCDNファイル管理機能が完成です。

## 参照項目

* [クラウドストレージへの接続](https://docs.dashcomb.com/dashcomb-help-center/ide/others/dtassu/cloud-storage)
* [画面にCloud Storageの追加](https://docs.dashcomb.com/dashcomb-help-center/tips-and-tricks/add-a-cloud-storage)
* [Tableの使い方](https://docs.dashcomb.com/dashcomb-help-center/ide/ui-component/table)
* [アクションエディタ](https://docs.dashcomb.com/dashcomb-help-center/ide/property-region/action-editor)
* [コラムエディタ](https://docs.dashcomb.com/dashcomb-help-center/ide/property-region/column-editor)
* [画像をS3, GCSにアップロード](https://docs.dashcomb.com/dashcomb-help-center/tips-and-tricks/upload-to-s3)