Skip to content

Latest commit

 

History

History
120 lines (90 loc) · 4.3 KB

File metadata and controls

120 lines (90 loc) · 4.3 KB
type title description i18nReady
tutorial
開発環境の準備
「初めてのAstroブログ」チュートリアル - チュートリアルを完了するために必要なローカル用ツールをインストールする
true

import Badge from '/components/Badge.astro'; import Checklist from '/components/Checklist.astro'; import Box from '/components/tutorial/Box.astro'; import MultipleChoice from '/components/tutorial/MultipleChoice.astro'; import Option from '/components/tutorial/Option.astro'; import PreCheck from '/components/tutorial/PreCheck.astro'; import { Steps } from '@astrojs/starlight/components';

- Astroウェブサイトの作成に使用するツールをインストールする

必要な開発ツールを手に入れる

ターミナル

Astroプロジェクトを作成し、サイトをビルド、開発、テストするための主要コマンドを実行するために、コマンドライン(ターミナル) を使用します。

コマンドラインは、オペレーティングシステムのローカルターミナルプログラムからアクセスできます。一般的なアプリケーションとしては、ターミナル(MacOS/Linux)、コマンドプロンプト(Windows)、Termux(Android)などがあります。これらのうちの1つは、おそらくすでにあなたのマシンに入っているはずです。

Node.js

Astroをシステム上で実行するには、バージョンv18.14.1以降のNode.jsをインストールする必要があります。

互換性のあるバージョンがインストール済みかどうかを確認するには、ターミナルで次のコマンドを実行します。

node -v

// 出力例
v18.14.1

コマンドがv18.14.1よりも高いバージョン番号を返していれば、問題ありません!

コマンドが'node'コマンドが見つかりませんのようなエラーメッセージを返すか、バージョン番号がv18.14.1よりも低い場合は、互換性のあるバージョンのNode.jsのインストールが必要です。

コードエディタ

さらに、コードを書くためにコードエディタをダウンロードしてインストールする必要があります。

:::tip[ここで使うのは...] このチュートリアルではVS Codeを使用しますが、お使いのオペレーティングシステムに対応したエディタであれば何でも構いません。 :::

1. [VS Code](https://code.visualstudio.com/#alt-downloads)またはお好みのコードエディタをダウンロードしてインストールしてください。

確認テスト

正しいものを選んでください。

  1. ファイルやその内容を変更するためのコードエディタはどれですか?

    ウェブブラウザ ターミナル VS Code
  2. リポジトリを保存するための、オンラインのバージョン管理プロバイダーはどれですか?

    GitHub ターミナル VS Code
  3. コマンドを実行するためのアプリケーションはどれですか?

    GitHub ターミナル ウェブブラウザ
## 次に進むためのチェックリスト - [ ] ターミナルでコマンドラインにアクセスできる。 - [ ] Node.jsをインストールした。 - [ ] VS Codeなどのコードエディタをインストールした。

参考

  • [FreeCodeCamp.org](https://freecodecamp.org) 外部サイト — HTML、CSS、JSなどのコースや復習教材を無料で提供している教育サイト。