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