Playwrightのダウンロード

Playwrightをダウンロードしよう

このレッスンでは、Playwrightのプロジェクトをダウンロードして準備します。

事前準備

以下がインストールされていることを確認してください：

Node.js（バージョン16以上推奨）
VSCode

Node.jsがインストールされているか確認するには、ターミナルで以下のコマンドを実行します：

node --version

バージョンが表示されればOKです。

Playwrightプロジェクトの作成

1. プロジェクトフォルダの作成

まず、プロジェクトを保存するフォルダを作成します。デスクトップや任意の場所に「playwright-tutorial」というフォルダを作成してください。

2. VSCodeでフォルダを開く

VSCodeを起動
「ファイル」→「フォルダーを開く」
先ほど作成した「playwright-tutorial」フォルダを選択

3. ターミナルを開く

VSCodeのメニューから「ターミナル」→「新しいターミナル」を選択します。

4. Playwrightのインストール

ターミナルに以下のコマンドを入力して、Enterキーを押します：

npm init playwright@latest

いくつか質問が表示されますが、基本的にすべてEnterキーを押して進めてOKです：

TypeScriptかJavaScriptか？ → TypeScriptを選択（推奨）
テストフォルダ名は？ → そのままEnter
GitHub Actionsを追加するか？ → No
ブラウザをインストールするか？ → Yes

インストールには数分かかる場合があります。

インストールの確認

インストールが完了すると、以下のファイルとフォルダが作成されます：

playwright-tutorial/
├── tests/           # テストファイルを格納
├── playwright.config.ts  # Playwrightの設定ファイル
├── package.json     # プロジェクトの依存関係
└── node_modules/    # インストールされたパッケージ

テストの実行確認

サンプルテストが正しく動作するか確認しましょう：

npx playwright test

テストが実行され、結果が表示されれば成功です！

トラブルシューティング

Node.jsがインストールされていない:

Node.jsの公式サイト（https://nodejs.org/）からダウンロードしてインストールしてください

インストールが失敗する:

インターネット接続を確認してください
管理者権限でターミナルを実行してみてください

ブラウザのダウンロードが失敗する:

後から以下のコマンドで再インストールできます：

npx playwright install

次のステップ

次のレッスンでは、Playwrightの環境設定を行います。