|
1 | 1 | --- |
2 | | -title: Quick Start |
| 2 | +title: クイックスタート |
3 | 3 | --- |
4 | 4 |
|
5 | | -This quick start is intended for intermediate to advanced developers. For a gentler intro to Gatsby, [head to our tutorial](/tutorial/)! |
| 5 | +クイックスタートガイドは中上級者向けに書かれています。より易しい入門ガイドが必要であれば、[チュートリアル](/tutorial/)に進んでください! |
6 | 6 |
|
7 | | -## Use the Gatsby CLI |
| 7 | +## Gatsby CLI の使い方 |
8 | 8 |
|
9 | 9 | <EggheadEmbed |
10 | 10 | lessonLink="https://egghead.io/lessons/gatsby-quick-start-with-gatsby-create-develop-and-build-gatsby-sites-from-the-command-line" |
11 | 11 | lessonTitle="Quick Start with Gatsby: Create, Develop, and Build Gatsby Sites From the Command Line" |
12 | 12 | /> |
13 | 13 |
|
14 | | -**Note**: this video uses `npx`, which is a tool to execute an npm package without first installing it. Running the command `npx gatsby new` is the same as running `gatsby new` after installing the gatsby-cli on your computer. |
| 14 | +**注意**: このビデオでは`npx`を利用して、npm パッケージをインストールすることなく Gatsby サイトを作成しています。`npx gatsby new`を実行することは、gatsby-cli をコンピューターにインストールしてから`gatsby new`を実行することと同じです。 |
15 | 15 |
|
16 | | -### Install the Gatsby CLI |
| 16 | +### Gatsby CLI をインストールする |
17 | 17 |
|
18 | 18 | ```shell |
19 | 19 | npm install -g gatsby-cli |
20 | 20 | ``` |
21 | 21 |
|
22 | | -### Create a new site |
| 22 | +### 新しいサイトを作成する |
23 | 23 |
|
24 | 24 | ```shell |
25 | 25 | gatsby new gatsby-site |
26 | 26 | ``` |
27 | 27 |
|
28 | | -### Change directories into site folder |
| 28 | +### 生成されたディレクトリに移動する |
29 | 29 |
|
30 | 30 | ```shell |
31 | 31 | cd gatsby-site |
32 | 32 | ``` |
33 | 33 |
|
34 | | -### Start development server |
| 34 | +### 開発サーバーを起動する |
35 | 35 |
|
36 | 36 | ```shell |
37 | 37 | gatsby develop |
38 | 38 | ``` |
39 | 39 |
|
40 | | -Gatsby will start a hot-reloading development environment accessible by default at `localhost:8000`. |
| 40 | +Gatsby はホットリロード対応の開発環境を`localhost:8000`に立ち上げます。 |
41 | 41 |
|
42 | | -Try editing the JavaScript pages in `src/pages`. Saved changes will live reload in the browser. |
| 42 | +`src/pages`の中にある JavaScript で書かれたページを編集してみてください。保存された変更はブラウザー上でリアルタイムに反映されます。 |
43 | 43 |
|
44 | | -### Create a production build |
| 44 | +### プロダクションビルドを作成する |
45 | 45 |
|
46 | 46 | ```shell |
47 | 47 | gatsby build |
48 | 48 | ``` |
49 | 49 |
|
50 | | -Gatsby will perform an optimized production build for your site, generating static HTML and per-route JavaScript code bundles. |
| 50 | +最適化されたプロダクションビルドを作成します。静的 HTML に加えて、ルートごとにバンドルされた JavaScript コードを生成します。 |
51 | 51 |
|
52 | | -### Serve the production build locally |
| 52 | +### プロダクションビルドをローカルで確認する |
53 | 53 |
|
54 | 54 | ```shell |
55 | 55 | gatsby serve |
56 | 56 | ``` |
57 | 57 |
|
58 | | -Gatsby starts a local HTML server for testing your built site. Remember to build your site using `gatsby build` before using this command. |
| 58 | +生成されたサイトのテスト用に、ローカルで動く Web サーバーを立ち上げます。このコマンドを使う前に、`gatsby build`でサイトをビルドしておきましょう。 |
59 | 59 |
|
60 | | -### Access documentation for CLI commands |
| 60 | +### CLI コマンドのドキュメント |
61 | 61 |
|
62 | | -To see detailed documentation for the CLI commands, run `gatsby --help` in the terminal. |
| 62 | +ターミナル上で`gatsby --help`を実行すると、詳細な CLI ドキュメントを読むことができます。 |
63 | 63 |
|
64 | | -For specific commands, run `gatsby COMMAND_NAME --help` e.g. `gatsby new --help`. |
| 64 | +特定のコマンドについて知りたい場合は、`gatsby COMMAND_NAME --help`を実行してください(例:`gatsby new --help`)。 |
65 | 65 |
|
66 | | -For more information on the Gatsby CLI, visit the [CLI reference](/docs/gatsby-cli/) section of the docs. |
| 66 | +Gatsby CLI についてより詳しく知りたい場合は、[CLI reference](/docs/gatsby-cli/)を参照してください。 |
0 commit comments