From 93e6ef2f233d2bb0a9aa335bf13bd7213f0ca7af Mon Sep 17 00:00:00 2001
From: Kohei Watanabe <kou029w@gmail.com>
Date: Wed, 20 Jul 2022 18:38:34 +0900
Subject: [PATCH] =?UTF-8?q?change=20codesandbox=20=E2=86=92=20stackblitz?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 sandbox.config.json                    |  3 ---
 src/README.md                          |  5 ++---
 src/jest-api.md                        | 20 ++++++++------------
 templates/basic/sandbox.config.json    |  3 ---
 templates/mock/sandbox.config.json     |  3 ---
 templates/promise/sandbox.config.json  |  3 ---
 templates/scope/sandbox.config.json    |  3 ---
 templates/template/sandbox.config.json |  3 ---
 8 files changed, 10 insertions(+), 33 deletions(-)
 delete mode 100644 sandbox.config.json
 delete mode 100644 templates/basic/sandbox.config.json
 delete mode 100644 templates/mock/sandbox.config.json
 delete mode 100644 templates/promise/sandbox.config.json
 delete mode 100644 templates/scope/sandbox.config.json
 delete mode 100644 templates/template/sandbox.config.json

diff --git a/sandbox.config.json b/sandbox.config.json
deleted file mode 100644
index f3556b8..0000000
--- a/sandbox.config.json
+++ /dev/null
@@ -1,3 +0,0 @@
-{
-  "template": "parcel"
-}
diff --git a/src/README.md b/src/README.md
index 3790f8e..24dbd76 100644
--- a/src/README.md
+++ b/src/README.md
@@ -5,16 +5,15 @@ Jestを使ってどうやってテストするのか？といった疑問に答
 テストを行っていくための最初の一歩になればと思います。
 
 <iframe
-  src="https://codesandbox.io/embed/github/kou029w/jest-hands-on/tree/main/templates/template?codemirror=1&hidenavigation=1&previewwindow=tests&view=split&module=%2Fsum.test.js"
+  src="https://stackblitz.com/github/kou029w/jest-hands-on/tree/main/templates/template?embed=1&hideExplorer=1&view=editor&terminal=test&file=sum.test.js"
   style="
     width: 100%;
-    height: 500px;
+    height: 640px;
     border: 0;
     border-radius: 4px;
     overflow: hidden;
   "
   title="template"
-  sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
 ></iframe>
 
 それでは、さっそく学んでいきましょう!
diff --git a/src/jest-api.md b/src/jest-api.md
index fbc78f9..30af378 100644
--- a/src/jest-api.md
+++ b/src/jest-api.md
@@ -13,16 +13,15 @@ Jestの代表的な機能を紹介します。
 - `not` … 検証の結果を反転させます
 
 <iframe
-  src="https://codesandbox.io/embed/github/kou029w/jest-hands-on/tree/main/templates/basic?codemirror=1&hidenavigation=1&previewwindow=tests&view=split&module=%2FtoBe.test.js"
+  src="https://stackblitz.com/github/kou029w/jest-hands-on/tree/main/templates/basic?embed=1&hideExplorer=1&view=editor&terminal=test&file=toBe.test.js"
   style="
     width: 100%;
-    height: 500px;
+    height: 640px;
     border: 0;
     border-radius: 4px;
     overflow: hidden;
   "
   title="basic"
-  sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
 ></iframe>
 
 ### 真偽値とそれに類する値の検証
@@ -62,16 +61,15 @@ Jestの代表的な機能を紹介します。
 Jestは、`test` に渡す関数の前に `async` キーワードを記述するだけで、非同期テストを実行できます。
 
 <iframe
-  src="https://codesandbox.io/embed/github/kou029w/jest-hands-on/tree/main/templates/promise?codemirror=1&hidenavigation=1&previewwindow=tests&view=split&module=%2Fpromise.test.js"
+  src="https://stackblitz.com/github/kou029w/jest-hands-on/tree/main/templates/promise?ctl=1&embed=1&hideExplorer=1&view=editor&terminal=test&file=promise.test.js"
   style="
     width: 100%;
-    height: 500px;
+    height: 640px;
     border: 0;
     border-radius: 4px;
     overflow: hidden;
   "
   title="promise"
-  sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
 ></iframe>
 
 より詳しい情報は [Jest公式ドキュメント Async/Await](https://jestjs.io/ja/docs/asynchronous#asyncawait) を参照してください。
@@ -81,16 +79,15 @@ Jestは、`test` に渡す関数の前に `async` キーワードを記述する
 `beforeEach` と `afterEach` を使用することでテストの実行の前に繰り返し行う準備や、後片付けの処理を宣言できます。
 
 <iframe
-  src="https://codesandbox.io/embed/github/kou029w/jest-hands-on/tree/main/templates/scope?codemirror=1&hidenavigation=1&previewwindow=tests&view=split&expanddevtools=1&&module=%2Fscope.test.js"
+  src="https://stackblitz.com/github/kou029w/jest-hands-on/tree/main/templates/scope?ctl=1&embed=1&hideExplorer=1&view=editor&terminal=test&expanddevtools=1&&file=scope.test.js"
   style="
     width: 100%;
-    height: 500px;
+    height: 640px;
     border: 0;
     border-radius: 4px;
     overflow: hidden;
   "
   title="scope"
-  sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
 ></iframe>
 
 より詳しい情報は [Jest公式ドキュメント セットアップと破棄](https://jestjs.io/ja/docs/setup-teardown) を参照してください。
@@ -100,16 +97,15 @@ Jestは、`test` に渡す関数の前に `async` キーワードを記述する
 モック関数を使用することでコード間の繋がりをテストできます。
 
 <iframe
-  src="https://codesandbox.io/embed/github/kou029w/jest-hands-on/tree/main/templates/mock?codemirror=1&hidenavigation=1&previewwindow=tests&view=split&module=%2Fmock.test.js"
+  src="https://stackblitz.com/github/kou029w/jest-hands-on/tree/main/templates/mock?ctl=1&embed=1&hideExplorer=1&view=editor&terminal=test&file=mock.test.js"
   style="
     width: 100%;
-    height: 500px;
+    height: 640px;
     border: 0;
     border-radius: 4px;
     overflow: hidden;
   "
   title="mock"
-  sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
 ></iframe>
 
 より詳しい情報は [Jest公式ドキュメント モック関数](https://jestjs.io/ja/docs/mock-functions) を参照してください。
diff --git a/templates/basic/sandbox.config.json b/templates/basic/sandbox.config.json
deleted file mode 100644
index f3556b8..0000000
--- a/templates/basic/sandbox.config.json
+++ /dev/null
@@ -1,3 +0,0 @@
-{
-  "template": "parcel"
-}
diff --git a/templates/mock/sandbox.config.json b/templates/mock/sandbox.config.json
deleted file mode 100644
index f3556b8..0000000
--- a/templates/mock/sandbox.config.json
+++ /dev/null
@@ -1,3 +0,0 @@
-{
-  "template": "parcel"
-}
diff --git a/templates/promise/sandbox.config.json b/templates/promise/sandbox.config.json
deleted file mode 100644
index f3556b8..0000000
--- a/templates/promise/sandbox.config.json
+++ /dev/null
@@ -1,3 +0,0 @@
-{
-  "template": "parcel"
-}
diff --git a/templates/scope/sandbox.config.json b/templates/scope/sandbox.config.json
deleted file mode 100644
index f3556b8..0000000
--- a/templates/scope/sandbox.config.json
+++ /dev/null
@@ -1,3 +0,0 @@
-{
-  "template": "parcel"
-}
diff --git a/templates/template/sandbox.config.json b/templates/template/sandbox.config.json
deleted file mode 100644
index f3556b8..0000000
--- a/templates/template/sandbox.config.json
+++ /dev/null
@@ -1,3 +0,0 @@
-{
-  "template": "parcel"
-}