mirror of
https://github.com/withastro/astro.git
synced 2025-01-27 22:19:04 -05:00
Docs: Add Japanese quick-start page (#1503)
This commit is contained in:
parent
feb9f58def
commit
4786ceddab
3 changed files with 75 additions and 1 deletions
|
@ -103,6 +103,7 @@ export const SIDEBAR = {
|
||||||
ja: [
|
ja: [
|
||||||
{ text: 'セットアップ', header: true },
|
{ text: 'セットアップ', header: true },
|
||||||
{ text: 'はじめに', link: 'ja/getting-started' },
|
{ text: 'はじめに', link: 'ja/getting-started' },
|
||||||
|
{ text: 'クイックスタート', link: 'ja/quick-start' },
|
||||||
],
|
],
|
||||||
ru: [
|
ru: [
|
||||||
{ text: 'Введение', header: true },
|
{ text: 'Введение', header: true },
|
||||||
|
|
|
@ -12,7 +12,7 @@ Astro の簡単な概要を知りたい方は[ホームページ](https://astro.
|
||||||
|
|
||||||
もっとも簡単な Astro を試す方法は、あなたのマシンの新しいディレクトリで `npm init astro` を実行することです。新しい Astro プロジェクトを立ち上げる際には、CLI ウィザードがサポートしてくれます。
|
もっとも簡単な Astro を試す方法は、あなたのマシンの新しいディレクトリで `npm init astro` を実行することです。新しい Astro プロジェクトを立ち上げる際には、CLI ウィザードがサポートしてくれます。
|
||||||
|
|
||||||
5 つの簡単なステップで Astro を使い始めるには、[クイックスタートガイド](/quick-start)をご覧ください。
|
5 つの簡単なステップで Astro を使い始めるには、[クイックスタートガイド](quick-start)をご覧ください。
|
||||||
|
|
||||||
また、[インストールガイド](/installation)では、Astro のセットアップ方法を詳しく解説しています。
|
また、[インストールガイド](/installation)では、Astro のセットアップ方法を詳しく解説しています。
|
||||||
|
|
||||||
|
|
73
docs/src/pages/ja/quick-start.md
Normal file
73
docs/src/pages/ja/quick-start.md
Normal file
|
@ -0,0 +1,73 @@
|
||||||
|
---
|
||||||
|
layout: ~/layouts/MainLayout.astro
|
||||||
|
title: クイックスタート
|
||||||
|
lang: ja
|
||||||
|
---
|
||||||
|
|
||||||
|
```shell
|
||||||
|
# 必須条件: Node.jsが12.20.0+、14.13.1+、または16+であることを確認する。
|
||||||
|
node --version
|
||||||
|
|
||||||
|
# 新しいプロジェクトディレクトリを作成し、その中に直接移動します
|
||||||
|
mkdir my-astro-project && cd $_
|
||||||
|
|
||||||
|
# 必要なファイルの準備
|
||||||
|
npm init astro
|
||||||
|
|
||||||
|
# 依存関係のインストール
|
||||||
|
npm install
|
||||||
|
|
||||||
|
# 開発を始めよう
|
||||||
|
npm run dev
|
||||||
|
|
||||||
|
# 準備ができたら、`dist/`に静的サイトを構築します。
|
||||||
|
npm run build
|
||||||
|
```
|
||||||
|
|
||||||
|
はじめてAstroをインストールして使用する場合は、[インストールガイド](/installation)をご覧ください。
|
||||||
|
|
||||||
|
サンプルを見ながら学びたいという方は、GitHubにある[全サンプル](https://github.com/snowpackjs/astro/tree/main/examples)をご覧ください。 `npm init astro -- --template "EXAMPLE_NAME"` を実行すれば、これらのサンプルをローカルにチェックアウトできます。
|
||||||
|
|
||||||
|
## プロジェクトの開始
|
||||||
|
|
||||||
|
ターミナルでプロジェクトのディレクトリに移動し、次のコマンドを入力します。
|
||||||
|
|
||||||
|
```bash
|
||||||
|
npm run dev
|
||||||
|
```
|
||||||
|
|
||||||
|
これでAstroは、 [http://localhost:3000](http://localhost:3000)で、アプリケーションの提供を開始します。このURLをブラウザで開くと、Astroの「Hello, World」が表示されるはずです。
|
||||||
|
|
||||||
|
サーバーは、あなたの`src/`ディレクトリにあるファイルの変更を常に監視しているので、開発中に変更してもアプリケーションを再起動する必要はありません。
|
||||||
|
|
||||||
|
## プロジェクトのビルド
|
||||||
|
|
||||||
|
プロジェクトをビルドするには、あなたのディレクトリ内で、ターミナルに次のビルドコマンドを入力します。
|
||||||
|
|
||||||
|
```bash
|
||||||
|
npm run build
|
||||||
|
```
|
||||||
|
|
||||||
|
このコマンドを実行すると、Astroはサイトを構築し、ディスクに直接保存するように指示します。これで、`dist/`ディレクトリにアプリケーションができあがりました。
|
||||||
|
|
||||||
|
## プロジェクトのデプロイ
|
||||||
|
|
||||||
|
Astroのサイトは静的なので、お好みのホストにデプロイできます。
|
||||||
|
|
||||||
|
- [AWS S3 bucket](https://aws.amazon.com/s3/)
|
||||||
|
- [Google Firebase](https://firebase.google.com/)
|
||||||
|
- [Netlify](https://www.netlify.com/)
|
||||||
|
- [Vercel](https://vercel.com/)
|
||||||
|
- もっと詳しいAstroのデプロイについては、[デプロイガイド](/guides/deploy)をご覧ください。
|
||||||
|
|
||||||
|
## 次のステップ
|
||||||
|
|
||||||
|
これで開発を始める準備が整いました。
|
||||||
|
|
||||||
|
次のステップでは、Astroの仕組みをより深く理解することをオススメします。これらのドキュメントを探索することを検討してみてください。
|
||||||
|
|
||||||
|
📚 Astroのプロジェクト構造については、[プロジェクト構造ガイド](/core-concepts/project-structure)をご覧ください。
|
||||||
|
|
||||||
|
📚 Astroのコンポーネント構文については、[Astroコンポーネントガイド](/core-concepts/astro-components)を参照してください。
|
||||||
|
|
||||||
|
📚 Astroのファイルベースのルーティングについては、[ルーティングガイド](/core-concepts/astro-pages)を参照してください。
|
Loading…
Add table
Reference in a new issue