Skip to content
Draft
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion src/content/docs/ja/basics/astro-pages.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ Astroは`src/pages/`ディレクトリで次のファイルタイプをサポー

Astroは、**ファイルベースルーティング**と呼ばれるルーティング手法を採用しています。 `src/pages/`ディレクトリの各ファイルはそのファイルパスに基づいたエンドポイントになります。

また、[動的ルーティング](/ja/guides/routing/#dynamic-routes)を使用して、1つのファイルから複数のページを生成できます。これにより、[コンテンツコレクション](/ja/guides/content-collections/)や[CMS](/ja/guides/cms/)など、特別な`/pages/`ディレクトリの外にコンテンツがあっても、ページを作成できます。
また、[動的ルーティング](/ja/guides/routing/#動的ルーティング)を使用して、1つのファイルから複数のページを生成できます。これにより、[コンテンツコレクション](/ja/guides/content-collections/)や[CMS](/ja/guides/cms/)など、特別な`/pages/`ディレクトリの外にコンテンツがあっても、ページを作成できます。

<ReadMore>[Astroのルーティング](/ja/guides/routing/)について詳しくみる。</ReadMore>

Expand Down
2 changes: 1 addition & 1 deletion src/content/docs/ja/basics/layouts.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@ import ReadMore from '~/components/ReadMore.astro'

レイアウトコンポーネントがページシェルを含んでいる場合、レイアウトコンポーネントの`<html>`タグは他の全てのタグの親である必要があります。

レイアウトコンポーネントは一般的にプロジェクト内の`src/layouts`ディレクトリに配置されますが、これは必須ではなく、プロジェクト内のどこに置いても構いません。レイアウトコンポーネントをページと同じ場所に置くこともでき、その場合は[レイアウト名の先頭に`_`を付けます](/ja/guides/routing/#excluding-pages)。
レイアウトコンポーネントは一般的にプロジェクト内の`src/layouts`ディレクトリに配置されますが、これは必須ではなく、プロジェクト内のどこに置いても構いません。レイアウトコンポーネントをページと同じ場所に置くこともでき、その場合は[レイアウト名の先頭に`_`を付けます](/ja/guides/routing/#ページの除外)。


## レイアウトのサンプル
Expand Down
2 changes: 1 addition & 1 deletion src/content/docs/ja/guides/data-fetching.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -100,7 +100,7 @@ const { film } = json.data;

## ヘッドレスCMSからの取得

Astroコンポーネントは、お好みのCMSからデータを取得し、それをページコンテンツとしてレンダリングできます。[動的ルート](/ja/guides/routing/#dynamic-routes)を使えば、CMSのコンテンツをもとにページを生成することも可能です。
Astroコンポーネントは、お好みのCMSからデータを取得し、それをページコンテンツとしてレンダリングできます。[動的ルート](/ja/guides/routing/#動的ルーティング)を使えば、CMSのコンテンツをもとにページを生成することも可能です。

Storyblok、Contentful、WordPressなどのヘッドレスCMSとAstroを統合する方法の詳細については、[CMSガイド](/ja/guides/cms/)を参照してください。

Expand Down
2 changes: 1 addition & 1 deletion src/content/docs/ja/guides/endpoints.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -51,7 +51,7 @@ export const GET = (async ({ params, request }) => { /* ... */ }) satisfies APIR

### `params`と動的ルーティング

エンドポイントは、ページと同じ[動的ルーティング](/ja/guides/routing/#dynamic-routes)機能をサポートしています。ファイル名を角括弧で囲んだパラメータ名にして、[`getStaticPaths()`関数](/ja/reference/routing-reference/#getstaticpaths)をエクスポートしましょう。すると、エンドポイント関数に渡される`params`プロパティを通じて、そのパラメータにアクセスできます。
エンドポイントは、ページと同じ[動的ルーティング](/ja/guides/routing/#動的ルーティング)機能をサポートしています。ファイル名を角括弧で囲んだパラメータ名にして、[`getStaticPaths()`関数](/ja/reference/routing-reference/#getstaticpaths)をエクスポートしましょう。すると、エンドポイント関数に渡される`params`プロパティを通じて、そのパラメータにアクセスできます。

```ts title="src/pages/api/[id].json.ts"
import type { APIRoute } from "astro";
Expand Down
4 changes: 2 additions & 2 deletions src/content/docs/ja/guides/middleware.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -208,9 +208,9 @@ validation response

<p><Since v="4.13.0" /></p>

`APIContext`は[`rewrite()`](/ja/reference/api-reference/#rewrite)というメソッドを公開しています。これは[Astro.rewrite](/ja/guides/routing/#rewrites)と同じように動作します。
`APIContext`は[`rewrite()`](/ja/reference/api-reference/#rewrite)というメソッドを公開しています。これは[Astro.rewrite](/ja/guides/routing/#リライト)と同じように動作します。

ミドルウェア内で`context.rewrite()`を使うと、訪問者を新しいページに[リダイレクト](/ja/guides/routing/#dynamic-redirects)することなく、別のページのコンテンツを表示できます。これは新しいレンダリングフェーズを引き起こし、すべてのミドルウェアが再実行されます。
ミドルウェア内で`context.rewrite()`を使うと、訪問者を新しいページに[リダイレクト](/ja/guides/routing/#動的リダイレクト)することなく、別のページのコンテンツを表示できます。これは新しいレンダリングフェーズを引き起こし、すべてのミドルウェアが再実行されます。

```js title="src/middleware.js"
import { isLoggedIn } from "~/auth.js"
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -37,7 +37,7 @@ import App from '../cra-project/App.jsx';
## CRAとAstroの類似点

- [`.astro`ファイルの構文はJSXとよく似ています](/ja/reference/astro-syntax/#astroとjsxの違い)。Astroを使うのも直感的に感じられるはずです。
- Astroはファイルベースのルーティングを採用し、[動的ルート](/ja/guides/routing/#dynamic-routes)もファイル名で定義できます。
- Astroはファイルベースのルーティングを採用し、[動的ルート](/ja/guides/routing/#動的ルーティング)もファイル名で定義できます。
- Astroは[コンポーネントベース](/ja/basics/astro-components/)です。マークアップ構造自体は移行前後で大きく変わりません。
- React・Preact・Solid用の[公式インテグレーション](/ja/guides/integrations-guide/react/)があり、既存のJSXコンポーネントをそのまま利用できます。ただし、これらのファイルはAstro内では`.jsx`または`.tsx`拡張子を持つ**必要**があります。
- Astroは[NPMパッケージのインストール](/ja/guides/imports/#npm-packages)をサポートしており、Reactライブラリも含まれます。多くの既存依存関係はAstroでも動作することが多いでしょう。
Expand Down
Loading
Loading