mirror of
https://github.com/kou029w/jest-hands-on.git
synced 2025-01-31 22:08:00 +00:00
リンクの整理
This commit is contained in:
parent
af1c8c425a
commit
d26e0f2a2f
2 changed files with 5 additions and 115 deletions
|
@ -54,7 +54,7 @@ Jestの代表的な機能を紹介します。
|
||||||
|
|
||||||
### その他
|
### その他
|
||||||
|
|
||||||
より詳しい情報は [Jest公式リファレンス](https://jestjs.io/ja/docs/expect) を参照してください。
|
より詳しい情報は [Jest公式リファレンス](https://jestjs.io/ja/docs/expect) をご参照ください。
|
||||||
|
|
||||||
## Promise
|
## Promise
|
||||||
|
|
||||||
|
@ -72,7 +72,7 @@ Jestは、`test` に渡す関数の前に `async` キーワードを記述する
|
||||||
title="promise"
|
title="promise"
|
||||||
></iframe>
|
></iframe>
|
||||||
|
|
||||||
より詳しい情報は [Jest公式ドキュメント Async/Await](https://jestjs.io/ja/docs/asynchronous#asyncawait) を参照してください。
|
より詳しい情報は [Jest公式ドキュメント Async/Await](https://jestjs.io/ja/docs/asynchronous#asyncawait) をご参照ください。
|
||||||
|
|
||||||
## beforeEach と afterEach
|
## beforeEach と afterEach
|
||||||
|
|
||||||
|
@ -90,7 +90,7 @@ Jestは、`test` に渡す関数の前に `async` キーワードを記述する
|
||||||
title="scope"
|
title="scope"
|
||||||
></iframe>
|
></iframe>
|
||||||
|
|
||||||
より詳しい情報は [Jest公式ドキュメント セットアップと破棄](https://jestjs.io/ja/docs/setup-teardown) を参照してください。
|
より詳しい情報は [Jest公式ドキュメント セットアップと破棄](https://jestjs.io/ja/docs/setup-teardown) をご参照ください。
|
||||||
|
|
||||||
## モック
|
## モック
|
||||||
|
|
||||||
|
@ -108,4 +108,4 @@ Jestは、`test` に渡す関数の前に `async` キーワードを記述する
|
||||||
title="mock"
|
title="mock"
|
||||||
></iframe>
|
></iframe>
|
||||||
|
|
||||||
より詳しい情報は [Jest公式ドキュメント モック関数](https://jestjs.io/ja/docs/mock-functions) を参照してください。
|
より詳しい情報は [Jest公式ドキュメント モック関数](https://jestjs.io/ja/docs/mock-functions) をご参照ください。
|
||||||
|
|
|
@ -14,114 +14,4 @@ StackBlitzではじめる場合は、以降の準備は不要です。
|
||||||
## ローカル環境ではじめる
|
## ローカル環境ではじめる
|
||||||
|
|
||||||
ローカル環境にNode.jsの実行環境を構築する場合、まずはじめにNode.jsをインストールします。
|
ローカル環境にNode.jsの実行環境を構築する場合、まずはじめにNode.jsをインストールします。
|
||||||
|
インストール方法は[Node\.jsのインストール \- Node\.jsを使う](https://kou029w.github.io/nodejs-hands-on/installing-nodejs.html)をご参照ください。
|
||||||
## Node.jsのインストール
|
|
||||||
|
|
||||||
いくつか方法がありますが、[Node.jsの公式サイト](https://nodejs.org)を参照するのがよいでしょう。
|
|
||||||
プロキシが存在する環境では、追加で下記の設定を行う必要があります。
|
|
||||||
|
|
||||||
### NPMのプロキシの設定
|
|
||||||
|
|
||||||
確認:
|
|
||||||
|
|
||||||
プロキシが存在する環境では、ターミナルで `npm` コマンドを実行した際、次のようなエラーメッセージとともに失敗することがあります。
|
|
||||||
|
|
||||||
```console
|
|
||||||
$ npm install --save-dev jest
|
|
||||||
npm ERR! code ENOTFOUND
|
|
||||||
npm ERR! syscall getaddrinfo
|
|
||||||
npm ERR! errno ENOTFOUND
|
|
||||||
npm ERR! network request to https://registry.npmjs.org/jest failed, reason: getaddrinfo ENOTFOUND proxy.example.com
|
|
||||||
npm ERR! network This is a problem related to network connectivity.
|
|
||||||
npm ERR! network In most cases you are behind a proxy or have bad network settings.
|
|
||||||
npm ERR! network
|
|
||||||
npm ERR! network If you are behind a proxy, please make sure that the
|
|
||||||
npm ERR! network 'proxy' config is set properly. See: 'npm help config'
|
|
||||||
|
|
||||||
npm ERR! A complete log of this run can be found in:
|
|
||||||
npm ERR! /home/webdino/.npm/_logs/2022-01-12T07_20_33_146Z-debug-0.log
|
|
||||||
```
|
|
||||||
|
|
||||||
このようなエラーが出る場合は、環境変数 `HTTP_PROXY` と `HTTPS_PROXY` に適切なプロキシのURLを設定します。
|
|
||||||
一方、このようなエラーが出ない場合は、下記の設定は不要です。必要に応じて行いましょう。
|
|
||||||
|
|
||||||
設定項目:
|
|
||||||
|
|
||||||
| 環境変数 | 値 | 例 |
|
|
||||||
| ----------- | ------------------------ | --------------------------------------- |
|
|
||||||
| HTTP_PROXY | httpプロキシのURLを入力 | http://user:pass@proxy.example.com:8080 |
|
|
||||||
| HTTPS_PROXY | httpsプロキシのURLを入力 | http://user:pass@proxy.example.com:8080 |
|
|
||||||
|
|
||||||
これらはあくまで例です。実際には自分の環境の設定に合わせて変更する必要があります。
|
|
||||||
|
|
||||||
Bash の例:
|
|
||||||
|
|
||||||
```bash
|
|
||||||
echo 'export HTTP_PROXY=http://user:pass@proxy.example.com:8080' >> ~/.bashrc
|
|
||||||
echo 'export HTTPS_PROXY=http://user:pass@proxy.example.com:8080' >> ~/.bashrc
|
|
||||||
. ~/.bashrc
|
|
||||||
```
|
|
||||||
|
|
||||||
Windows の例:
|
|
||||||
|
|
||||||
「[windows ユーザー環境変数 設定](https://www.google.com/search?q=windows+%E3%83%A6%E3%83%BC%E3%82%B6%E3%83%BC%E7%92%B0%E5%A2%83%E5%A4%89%E6%95%B0+%E8%A8%AD%E5%AE%9A&oq=windows+%E3%83%A6%E3%83%BC%E3%82%B6%E3%83%BC%E7%92%B0%E5%A2%83%E5%A4%89%E6%95%B0+%E8%A8%AD%E5%AE%9A)」でGoogle検索。
|
|
||||||
|
|
||||||
別の方法: 環境変数ではなく `npm config` を使う例:
|
|
||||||
|
|
||||||
```bash
|
|
||||||
npm config -g set proxy http://user:pass@proxy.example.com:8080
|
|
||||||
npm config -g set https-proxy http://user:pass@proxy.example.com:8080
|
|
||||||
```
|
|
||||||
|
|
||||||
## ターミナルの使用
|
|
||||||
|
|
||||||
コマンドを実行するにはターミナルを使用します。
|
|
||||||
|
|
||||||
macOS の場合:
|
|
||||||
|
|
||||||
[アプリケーション] > [ユーティリティ] 内にある [ターミナル] を選択して起動します。
|
|
||||||
|
|
||||||
Windows の場合:
|
|
||||||
|
|
||||||
Microsoft Storeから、Windows Terminalをインストールします。
|
|
||||||
インストール後、[スタートメニュー] > [Windows Terminal] を選択して起動します。
|
|
||||||
|
|
||||||
## Node.jsの使用
|
|
||||||
|
|
||||||
確認:
|
|
||||||
|
|
||||||
```bash
|
|
||||||
node -v
|
|
||||||
```
|
|
||||||
|
|
||||||
ターミナルで実行します。
|
|
||||||
インストールしたNode.jsのバージョンが表示されていれば、Node.jsを使用する準備は完了です。
|
|
||||||
|
|
||||||
```console
|
|
||||||
$ node -v
|
|
||||||
v16.14.0
|
|
||||||
```
|
|
||||||
|
|
||||||
## プロジェクトの作成
|
|
||||||
|
|
||||||
Node.jsを使ったプロジェクトは、基本的に `package.json` というファイルが配置されます。
|
|
||||||
`package.json` には、次のようなプロジェクトに必要な付帯情報が含まれます。
|
|
||||||
|
|
||||||
- 名前とバージョン
|
|
||||||
- 外部モジュールや依存関係
|
|
||||||
- テストやビルドするためのコマンドなど
|
|
||||||
|
|
||||||
Node.jsを使った開発をはじめるにあたって、最初にプロジェクトのためのディレクトリを作成します。
|
|
||||||
|
|
||||||
```bash
|
|
||||||
mkdir my-project
|
|
||||||
cd my-project
|
|
||||||
```
|
|
||||||
|
|
||||||
そして、その中に `package.json` を配置します。
|
|
||||||
|
|
||||||
```bash
|
|
||||||
npm init -y
|
|
||||||
```
|
|
||||||
|
|
||||||
ひととおり準備ができました。
|
|
||||||
|
|
Loading…
Add table
Reference in a new issue