---
title: 画像・ファイル管理におけるKurocoFilesとKurocoFrontの使い分けについて
category: KurocoFront
weight: 1
---

Kurocoで画像やファイルを保存する場合、下記２パターンがあります。

- **KurocoFiles**を利用する
- **KurocoFront**を利用する

本チュートリアルでは、それぞれの特徴と、利用シーンに応じた適切な配置場所を解説します。

## KurocoFilesについて
KurocoFilesは管理画面から更新ができるファイルアップロード機能です。  
KurocoFiles内にあるファイルは、Kuroco管理画面[ファイルマネージャー] -> [KurocoFiles]から確認できます。

![Image from Gyazo](https://t.gyazo.com/teams/diverta/b529aa294fa9a6507fbf7ffc59a41595.png)

## KurocoFrontについて
KurocoFrontは、CDNを利用した静的コンテンツホスティングサービスです。
GitHubと連携することで、ファイルをKurocoFrontに配置できます。

参考)
- [KurocoFrontについて](/ja/docs/about/kurocofront/)
- [GitHubからKurocoFrontへソースをデプロイする方法](/ja/docs/tutorials/connect-to-github-with-kuroco-front/)

## KurocoFilesとKurocoFrontの使い分けについて
画像・ファイルを配置するのに、KurocoFilesとKurocoFrontのどちらを利用するのが良いかをご説明します。

### KurocoFilesをおすすめする場合
コンテンツに利用する画像等、定期的に更新するファイルはKurocoFilesを利用することをおすすめします。

### KurocoFrontをおすすめする場合 
HTMLやJS/CSSなどのサイトを構成するファイル群はKurocoFrontのassetとして利用することをおすすめします。

### 注意点
主なフロントエンドフレームワークはファイルパスにハッシュを付けてキャッシュクリアをしやすいような工夫がありますので、外部に連絡するURLなどにハッシュ付きでファイルを配置することは適切でありません。  
（フロントエンドフレームワークの配置フォルダなどの機能でハッシュを付けない配置の方法もあります）  
それぞれ扱える最大ファイルサイズ（KurocoFiles: 80MB KurocoFront: 30MB）があります。大容量ファイルを扱う場合には外部サービス連携のGCS/S3をご利用ください。   


なお、KurocoFiles、KurocoFront共に画像最適化機能がありますので、その点は特に考慮する必要ありません。  
参考) [画像の動的変換について](/ja/docs/reference/api-convert-image/)

## キャッシュのクリアの仕組み
### KurocoFilesの場合
ファイル更新時に該当フォルダのCDNキャッシュがクリアされます。

### KurocoFrontの場合
GitHubからコミットハッシュ毎に一括で更新をされ、一括でCDNキャッシュがクリアされます。

## コストについて
転送料のコストは同じです。  
ただし、**KurocoFront**に関してはファイルがコミットハッシュ毎に溜まっていきますのでストレージ料金が余計にかかります。  
また、**KurocoFront**はGitHub Actionsを利用してビルド・デプロイをしております。そのため、KurocoFrontで利用するファイル容量が多い場合には、GitHub側の料金もかかってくる場合がありますのでご注意ください。

## まとめ
以上がKurocoFilesとKurocoFrontの違いです。再度まとめると以下のようになります。

| 項目 | KurocoFiles | KurocoFront |
|:-------|:-------|:-------|
| おすすめ用途 | コンテンツに利用する画像等、定期的に更新するファイル | HTMLやJS/CSSなどのサイトを構成するファイル | 
| 管理している場所 | Kuroco管理画面 | GitHubリポジトリ |
| キャッシュのクリアタイミング | ファイル更新時 | GitHubからコミットハッシュ毎に一括で更新後 | 
| コスト | ストレージ・転送量のコスト | ストレージ・転送量のコストとGitHub Actionsコスト | 
| 最大ファイルサイズ | 80MB | 30MB | 

おすすめ用途を記載しておりますが、必ずこちらの運用をしなくてはいけないということではないので、サイト運用者と相談の上決定してください。  
ご不明点ございましたら[お問い合わせフォーム](https://kuroco.zendesk.com/)よりご連絡ください。
