From c83764ac798f187b88118024f0dce7c906a60b66 Mon Sep 17 00:00:00 2001 From: Suguru Inatomi Date: Wed, 1 Jun 2022 12:07:18 +0900 Subject: [PATCH 1/3] wip --- source/use-case/ajaxapp/entrypoint/README.md | 32 ++++++++++++++++++ source/use-case/ajaxapp/http/README.md | 34 ++++++++++++++++++++ 2 files changed, 66 insertions(+) diff --git a/source/use-case/ajaxapp/entrypoint/README.md b/source/use-case/ajaxapp/entrypoint/README.md index 33834615b0..4e79b75e0c 100644 --- a/source/use-case/ajaxapp/entrypoint/README.md +++ b/source/use-case/ajaxapp/entrypoint/README.md @@ -116,6 +116,38 @@ 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..481db08129 100644 --- a/source/use-case/ajaxapp/http/README.md +++ b/source/use-case/ajaxapp/http/README.md @@ -179,6 +179,40 @@ 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 From 36fb3c52b2deb0ce4c01448c772dcc3ec5055df7 Mon Sep 17 00:00:00 2001 From: azu Date: Sat, 5 Nov 2022 22:24:51 +0900 Subject: [PATCH 2/3] =?UTF-8?q?fix(ajax):=20sandpack=E3=81=A7=E3=83=97?= =?UTF-8?q?=E3=83=AC=E3=83=93=E3=83=A5=E3=83=BC=E3=81=A7=E3=81=8D=E3=82=8B?= =?UTF-8?q?=E3=82=88=E3=81=86=E3=81=AB?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: azu --- package-lock.json | 14 ++++---- package.json | 2 +- source/_layouts/website/page.html | 4 +-- source/use-case/ajaxapp/display/README.md | 36 ++++++++++++++++++++ source/use-case/ajaxapp/entrypoint/README.md | 9 +++-- source/use-case/ajaxapp/http/README.md | 9 ++--- source/use-case/ajaxapp/promise/README.md | 36 ++++++++++++++++++++ 7 files changed, 93 insertions(+), 17 deletions(-) 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 4e79b75e0c..e4d3df6f31 100644 --- a/source/use-case/ajaxapp/entrypoint/README.md +++ b/source/use-case/ajaxapp/entrypoint/README.md @@ -120,6 +120,8 @@ JavaScriptとDOMはWebアプリケーション開発において切っても切 - + + + + + + + [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 From 6920ad3dd375c319b53147ab7de9aef4fa4b714b Mon Sep 17 00:00:00 2001 From: azu Date: Sat, 5 Nov 2022 22:30:16 +0900 Subject: [PATCH 3/3] =?UTF-8?q?=E6=9C=80=E5=BE=8C=E3=81=AF=E7=B7=A0?= =?UTF-8?q?=E3=82=81=E3=82=8B=E8=A8=80=E8=91=89=E3=81=AB=E3=81=99=E3=82=8B?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: azu --- source/use-case/ajaxapp/promise/README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/source/use-case/ajaxapp/promise/README.md b/source/use-case/ajaxapp/promise/README.md index d1d3444ccd..5bf18ca1f4 100644 --- a/source/use-case/ajaxapp/promise/README.md +++ b/source/use-case/ajaxapp/promise/README.md @@ -204,7 +204,7 @@ index.jsにも``タグから値を受け取るための処理を追加す - [Async Function][] を使って`main`関数をリファクタリングした - `index.html`に``タグを追加し、`getUserId`関数でユーザーIDを取得した -ここまでのアプリは次のURLで確認できます。 +この章で作成したアプリは次のURLで確認できます。 -