blob: bfb0e307fae4e02e9ebccdd5515c985dcb8dd834 (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
|
---
layout: ~/layouts/MainLayout.astro
title: クイックスタート
lang: ja
---
```shell
# 必須条件: Node.jsが14.15.0+、または16+であることを確認する。
node --version
# 新しいプロジェクトディレクトリを作成し、その中に直接移動します
mkdir my-astro-project && cd $_
# 必要なファイルの準備
npm init astro
# 依存関係のインストール
npm install
# 開発を始めよう
npm run dev
```
```shell
# 準備ができたら、`dist/`に静的サイトを構築します。
npm run build
```
はじめて Astro をインストールして使用する場合は、[インストールガイド](/ja/installation)をご覧ください。
サンプルを見ながら学びたいという方は、GitHub にある[全サンプル](https://github.com/withastro/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)を参照してください。
|