Skip to content

Commit 92d545d

Browse files
jp-knjjp-knjyanthomasdev
authored
i18n(ja): Update basics/project-structure.mdx (withastro#11538)
Co-authored-by: jp-knj <[email protected]> Co-authored-by: Yan <[email protected]>
1 parent c5dac0b commit 92d545d

File tree

1 file changed

+16
-16
lines changed

1 file changed

+16
-16
lines changed

src/content/docs/ja/basics/project-structure.mdx

+16-16
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
22
title: ディレクトリ構成
3-
description: Astroを使ったプロジェクトのディレクトリ構成方法を学びます
3+
description: Astroプロジェクトの基本的なファイル構成を紹介します
44
i18nReady: true
55
---
66
import { FileTree } from '@astrojs/starlight/components';
@@ -13,7 +13,7 @@ CLIウィザードの`create astro`で生成した新しいAstroプロジェク
1313

1414
Astroは、プロジェクトで独自のディレクトリ構成を利用します。すべてのAstroプロジェクトのルートには、以下のディレクトリとファイルを含む必要があります。
1515

16-
- `src/*` - プロジェクトソースコード(コンポーネント、ページ、スタイルなど
16+
- `src/*` - プロジェクトソースコード(コンポーネント、ページ、スタイル、画像など
1717
- `public/*` - コード以外の処理不要のアセット(フォント、アイコンなど)
1818
- `package.json` - プロジェクトマニフェスト
1919
- `astro.config.mjs` - Astroの設定ファイル(推奨)
@@ -27,17 +27,19 @@ Astroは、プロジェクトで独自のディレクトリ構成を利用しま
2727
- public/
2828
- robots.txt
2929
- favicon.svg
30-
- social-image.png
30+
- my-cv.pdf
3131
- src/
32+
- blog/
33+
- post1.md
34+
- post2.md
35+
- post3.md
3236
- components/
3337
- Header.astro
3438
- Button.jsx
35-
- content/
36-
- config.ts
37-
- posts/
38-
- post1.md
39-
- post2.md
40-
- post3.md
39+
- images/
40+
- image1.jpg
41+
- image2.jpg
42+
- image3.jpg
4143
- layouts/
4244
- PostLayout.astro
4345
- pages/
@@ -48,6 +50,7 @@ Astroは、プロジェクトで独自のディレクトリ構成を利用しま
4850
- rss.xml.js
4951
- styles/
5052
- global.css
53+
- content.config.ts
5154
- astro.config.mjs
5255
- package.json
5356
- tsconfig.json
@@ -63,13 +66,14 @@ Astroは、プロジェクトで独自のディレクトリ構成を利用しま
6366
- [UIフレームワークコンポーネント(Reactなど)](/ja/guides/framework-components/)
6467
- [スタイル(CSS、Sass)](/ja/guides/styling/)
6568
- [Markdown](/ja/guides/markdown-content/)
69+
- [画像をAstroが処理するように指定する](/ja/guides/images/)
6670

6771
Astroは、`src/`内にあるファイルを処理し、最適化し、バンドルして、ブラウザに表示される最終的なウェブサイトを作成します。 静的な`public/`ディレクトリとは違い、`src/`内にあるファイルはAstroによってビルドされ、処理されます。
6872

6973
一部のファイル(Astroコンポーネントなど)は、そのままブラウザに送信されず、静的なHTMLに変換されます。その他のファイル(CSSなど)はブラウザに送信されますが、パフォーマンスのために最適化されたり、他のCSSファイルとバンドルされたりする場合があります。
7074

7175
:::tip
72-
このガイドは、Astroコミュニティでよく使われている慣習について説明していますが、Astroが予約しているディレクトリは`src/pages/``src/content/`だけです。その他のディレクトリは、自分にとって最適な方法で、自由に名前を変更したり再編成しても構いません。
76+
このガイドは、Astroコミュニティでよく使われている慣習について説明していますが、Astroが予約しているディレクトリは`src/pages/`だけです。その他のディレクトリは、自分にとって最適な方法で、自由に名前を変更したり再編成しても構いません。
7377
:::
7478

7579
### `src/pages`
@@ -86,10 +90,6 @@ Astroは、`src/`内にあるファイルを処理し、最適化し、バンド
8690

8791
これはAstroプロジェクトでは一般的な慣習ですが、必須ではありません。好きなようにコンポーネントを整理してください!
8892

89-
### `src/content`
90-
91-
`src/content/`ディレクトリは、[コンテンツコレクション](/ja/guides/content-collections/)と設定ファイルを格納するために予約されています。このフォルダには他のファイルを置くことはできません。
92-
9393
### `src/layouts`
9494

9595
[レイアウト](/ja/basics/layouts/)は、複数の[ページ](/ja/basics/astro-pages/)で共有されるUI構造を定義するためのAstroコンポーネントです。
@@ -104,7 +104,7 @@ CSSやSassのファイルを`src/styles`ディレクトリに格納するのは
104104

105105
`public/`ディレクトリは、Astroのビルドプロセスで処理する必要のないプロジェクトのファイルやアセットを格納するためのものです。このフォルダ内のファイルはそのままビルドフォルダにコピーされ、サイトがビルドされます。
106106

107-
この動作により、`public/`は画像やフォントなどの一般的なアセット、あるいは`robots.txt``manifest.webmanifest`などの特殊なファイルを置くのに最適な場所となります。
107+
この動作により、`public/`は画像やフォントなどの処理を必要としない一般的なアセットや、`robots.txt``manifest.webmanifest`などの特殊なファイルを置くのに最適な場所となります。
108108

109109
CSSやJavaScriptを`public/`ディレクトリに置くことはできますが、これらのファイルは最終的なビルドではバンドルされず、最適化されないことに注意してください。
110110

@@ -114,7 +114,7 @@ CSSやJavaScriptを`public/`ディレクトリに置くことはできますが
114114

115115
### `package.json`
116116

117-
これは、JavaScriptのパッケージマネージャーが依存関係を管理するために使用するファイルです。また、Astroを実行するためによく使われるスクリプトを定義します(たとえば`npm start``npm run build`など)。
117+
これは、JavaScriptのパッケージマネージャーが依存関係を管理するために使用するファイルです。また、Astroを実行するためによく使われるスクリプトを定義します(たとえば`npm run dev``npm run build`など)。
118118

119119
`package.json`には、`dependencies``devDependencies`という[2種類の依存関係](https://docs.npmjs.com/specifying-dependencies-and-devdependencies-in-a-package-json-file)を指定できます。多くの場合、同じように動作します。Astroはビルド時に全ての依存関係を必要とし、パッケージマネージャーはどちらともインストールを行います。まずは`dependencies`にすべての依存関係を含め、特に必要な場合のみ`devDependencies`を利用することをおすすめします。
120120

0 commit comments

Comments
 (0)