diff --git a/package-lock.json b/package-lock.json
index 6c5e03c7cd..ae81a365f3 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -45,7 +45,7 @@
"gitbook-summary-to-path": "^1.1.0",
"globby": "^11.0.4",
"honkit": "^4.0.4",
- "honkit-plugin-sandpack": "^1.3.3",
+ "honkit-plugin-sandpack": "^1.4.0",
"js-levenshtein": "^1.1.6",
"jsdom": "^20.0.0",
"jsdom-global": "3.0.2",
@@ -9003,9 +9003,9 @@
}
},
"node_modules/honkit-plugin-sandpack": {
- "version": "1.3.3",
- "resolved": "https://registry.npmjs.org/honkit-plugin-sandpack/-/honkit-plugin-sandpack-1.3.3.tgz",
- "integrity": "sha512-z/+3GMnvRv8ho2omsjhdNqkeamiEWSj82u451tM7U91C3XG7qaUHwsXx50CT+LA3IfyqDynFLF5BhbNlr8S4Bw==",
+ "version": "1.4.0",
+ "resolved": "https://registry.npmjs.org/honkit-plugin-sandpack/-/honkit-plugin-sandpack-1.4.0.tgz",
+ "integrity": "sha512-Ldk+eGlcMxry0EmUJoy29nH5rAyuRZEc2KXNfsuIe3ze4EU5xAJWwwzTzxVyOxKg8uM2Ihu1SNUALtTifk08KA==",
"dev": true,
"engines": {
"honkit": "*"
@@ -28228,9 +28228,9 @@
}
},
"honkit-plugin-sandpack": {
- "version": "1.3.3",
- "resolved": "https://registry.npmjs.org/honkit-plugin-sandpack/-/honkit-plugin-sandpack-1.3.3.tgz",
- "integrity": "sha512-z/+3GMnvRv8ho2omsjhdNqkeamiEWSj82u451tM7U91C3XG7qaUHwsXx50CT+LA3IfyqDynFLF5BhbNlr8S4Bw==",
+ "version": "1.4.0",
+ "resolved": "https://registry.npmjs.org/honkit-plugin-sandpack/-/honkit-plugin-sandpack-1.4.0.tgz",
+ "integrity": "sha512-Ldk+eGlcMxry0EmUJoy29nH5rAyuRZEc2KXNfsuIe3ze4EU5xAJWwwzTzxVyOxKg8uM2Ihu1SNUALtTifk08KA==",
"dev": true
},
"hosted-git-info": {
diff --git a/package.json b/package.json
index 6f2d05ed29..6b12e3d8d3 100644
--- a/package.json
+++ b/package.json
@@ -85,7 +85,7 @@
"gitbook-summary-to-path": "^1.1.0",
"globby": "^11.0.4",
"honkit": "^4.0.4",
- "honkit-plugin-sandpack": "^1.3.3",
+ "honkit-plugin-sandpack": "^1.4.0",
"js-levenshtein": "^1.1.6",
"jsdom": "^20.0.0",
"jsdom-global": "3.0.2",
diff --git a/source/_layouts/website/page.html b/source/_layouts/website/page.html
index 6ef5790aca..e610e189f6 100644
--- a/source/_layouts/website/page.html
+++ b/source/_layouts/website/page.html
@@ -86,8 +86,8 @@
@media (min-width: 1240px) {
.honkit-plugin-sandpack {
- width: calc(100% + 240px);
- margin: 0 0 1em -120px;
+ width: calc(100% + 180px);
+ margin: 0 0 1em -90px;
}
}
diff --git a/source/use-case/ajaxapp/display/README.md b/source/use-case/ajaxapp/display/README.md
index e9e6039beb..587391df4a 100644
--- a/source/use-case/ajaxapp/display/README.md
+++ b/source/use-case/ajaxapp/display/README.md
@@ -158,6 +158,42 @@ result.innerHTML = view;
- [タグつきテンプレート関数][]を使ってHTML文字列をエスケープした
- `fetchUserInfo`関数を呼び出し、HTMLにユーザー情報が表示されることを確認した
+ここまでのアプリは次のURLで確認できます。
+
+-
+
+
+
+
+
+
[document.getElementById]: https://developer.mozilla.org/ja/docs/Web/API/Document/getElementById
[ElementのinnerHTML]: https://developer.mozilla.org/ja/docs/Web/API/Element/innerHTML
[Element]: https://developer.mozilla.org/ja/docs/Web/API/Element
diff --git a/source/use-case/ajaxapp/entrypoint/README.md b/source/use-case/ajaxapp/entrypoint/README.md
index 33834615b0..e4d3df6f31 100644
--- a/source/use-case/ajaxapp/entrypoint/README.md
+++ b/source/use-case/ajaxapp/entrypoint/README.md
@@ -116,6 +116,41 @@ JavaScriptとDOMはWebアプリケーション開発において切っても切
- `index.js`からコンソールに出力されたログを確認した
- JavaScriptからHTMLドキュメントを操作するDOMについて学んだ
+ここまでのアプリは次のURLで確認できます。
+
+-
+
+
+
+
+
[Same Origin Policy]: https://developer.mozilla.org/ja/docs/Web/Security/Same-origin_policy
[アプリケーション開発の準備]: ../../setup-local-env/README.md
[ブラウザーの開発者ツールとは?]: https://developer.mozilla.org/ja/docs/Learn/Common_questions/What_are_browser_developer_tools
diff --git a/source/use-case/ajaxapp/http/README.md b/source/use-case/ajaxapp/http/README.md
index a4550af64d..db063cacd0 100644
--- a/source/use-case/ajaxapp/http/README.md
+++ b/source/use-case/ajaxapp/http/README.md
@@ -179,6 +179,41 @@ XHRの詳しい使い方については、[XHRの利用についてのドキュ
- Fetch APIの呼び出しに対するエラーハンドリングを行った
- `fetchUserInfo`関数を宣言し、ボタンのクリックイベントで呼び出した
+ここまでのアプリは次のURLで確認できます。
+
+-
+
+
+
+
+
[Fetch API]: https://developer.mozilla.org/ja/docs/Web/API/Fetch_API
[XMLHttpRequest]: https://developer.mozilla.org/ja/docs/Web/API/XMLHttpRequest
[XHRの利用についてのドキュメント]: https://developer.mozilla.org/ja/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest
diff --git a/source/use-case/ajaxapp/promise/README.md b/source/use-case/ajaxapp/promise/README.md
index 189ceb9a6a..5bf18ca1f4 100644
--- a/source/use-case/ajaxapp/promise/README.md
+++ b/source/use-case/ajaxapp/promise/README.md
@@ -204,5 +204,41 @@ index.jsにも``タグから値を受け取るための処理を追加す
- [Async Function][] を使って`main`関数をリファクタリングした
- `index.html`に``タグを追加し、`getUserId`関数でユーザーIDを取得した
+この章で作成したアプリは次のURLで確認できます。
+
+-
+
+
+
+
+
+
[Promiseチェーン]: https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise/then#%E3%83%81%E3%82%A7%E3%83%BC%E3%83%B3
[Async Function]: ../../../basic/async/README.md#async-function