画像・ファイル管理におけるKurocoFilesとKurocoFrontの使い分けについて

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

• KurocoFilesを利用する
• KurocoFrontを利用する

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

KurocoFilesについて

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

KurocoFrontについて

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

参考)

• KurocoFrontについて
• GitHubからKurocoFrontへソースをデプロイする方法

KurocoFilesとKurocoFrontの使い分けについて

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

KurocoFilesをおすすめする場合

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

KurocoFrontをおすすめする場合

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

注意点

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

なお、KurocoFiles、KurocoFront共に画像最適化機能がありますので、その点は特に考慮する必要ありません。
参考) 画像の動的変換について

キャッシュのクリアの仕組み

KurocoFilesの場合

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

KurocoFrontの場合

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

コストについて

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

まとめ

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

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

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