---
title: サイト内で利用している静的ファイル（画像、JS、CSSなど）はどこに配置するのが良いでしょうか？
description: Kurocoでサイト運用をする場合、静的ファイルの配置場所としてKurocoFrontとKurocoFilesの2つが存在します。それぞれの利用用途、メリットデメリットについて説明します。
category: system
---

import StructuredDataFaqs from '@site/src/components/StructuredDataFaqs';

<StructuredDataFaqs faqs={[
    { question: "サイト内で利用している静的ファイル（画像、JS、CSSなど）はどこに配置するのが良いでしょうか？", answer: "Kurocoでサイト運用をする場合、静的ファイルの配置場所としてKurocoFrontとKurocoFilesの2つが存在します。それぞれの利用用途、メリットデメリットについて説明します。" }
]} />

Kurocoでサイト運用をする場合、静的ファイルの配置場所として下記2つが存在します。
- ソースファイル内に配置する(例：Nuxt.jsの場合はstaticディレクトリ)
- KurocoFilesに配置する

それぞれのおすすめの利用用途ついて説明します。

## ソースファイル内に配置をおすすめする場合
- サイトのデザインに利用しているファイル（画像、CSS、JSなど）

## KurocoFilesをおすすめする場合
- 運用で利用するような更新頻度の高いファイル
- ファイルサイズが大きい場合(例：画像だけで30MBを超える)

### KurocoFiles利用のメリット
ファイルサイズの大きいファイルをKurocoFilesに配置することでソースファイル全体のファイルサイズを削減できます。  
ソースファイルのサイズが少なくなると、GitHub ActionsでのBuild&Deployの時間が短縮されます。  

### KurocoFiles利用のデメリット
デメリットとして、KurocoFilesにバージョン管理の機能はないため、CSSやJSをKurocoFilesにアップする場合、それらのファイルはバージョン管理できなくなってしまいます。  

:::tip
より詳細な使い分け方法については、[画像・ファイル管理におけるKurocoFilesとKurocoFrontの使い分けについて](/ja/docs/tutorials/difference-between-kurocofiles-and-kurocofront/)も併せてご確認ください。
:::

:::info
KurocoFront、KurocoFilesについては下記ドキュメントをご確認ください。  
-[KurocoFrontについて](/ja/docs/about/kurocofront/)  
-[ファイルマネージャー](/ja/docs/management/file-manager/)
:::
