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

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

## 準備

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

## 実現

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

## 参照項目

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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.dashcomb.com/dashcomb-help-center/tips-and-tricks/quick-cdn-file-explorer.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.