From 5462baa3b9f8181e2bd68aa1c5ef2421430a29ac Mon Sep 17 00:00:00 2001 From: Fridge0 Date: Fri, 20 Oct 2023 19:37:15 +0900 Subject: [PATCH 01/13] =?UTF-8?q?import=E3=81=AE=E7=B5=B1=E4=B8=80?= =?UTF-8?q?=E5=8C=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/theme/MDXComponents.js | 39 ++++++++++++++++++++++++++++++++++++++ 1 file changed, 39 insertions(+) create mode 100644 src/theme/MDXComponents.js diff --git a/src/theme/MDXComponents.js b/src/theme/MDXComponents.js new file mode 100644 index 000000000..82f8bc1c1 --- /dev/null +++ b/src/theme/MDXComponents.js @@ -0,0 +1,39 @@ +import React from "react"; // idk if I really need it here, but docusaurus had it so I won't be deleting it until I understand everything +// Import the original mapper +import MDXComponents from "@theme-original/MDXComponents"; + +/* +This JS file is automatically imported on every page +Paste your custom component here, and you can use it everywhere! +*/ + +// Write down Libraries (I think) here +import Tabs from "@theme/Tabs"; +import TabItem from "@theme/TabItem"; +import ExternalVideoPlayer from "@site/src/components/ExternalVideoPlayer"; +import CodeBlock from "@theme/CodeBlock"; +// what's codeblock and why is it imported EVERYWHERE? +// i only find one being used in team-dev/fixing-conflict + +/* --- ATTENTION: import your custom components here --- */ +import Answer from "@site/src/components/Answer"; +import Term from "@site/src/components/Term"; +import ViewSource from "@site/src/components/ViewSource"; + +// exporting +export default { + // Re-use the default mapping + ...MDXComponents, + + // export Libs + Tabs, + TabItem, + ExternalVideoPlayer, + CodeBlock, + + // export custom Components + /* --- ATTENTION: write your components here and export them --- */ + Answer, + Term, + ViewSource, +}; From e1adce65dc886c68af0a9da37a89ae87298b8100 Mon Sep 17 00:00:00 2001 From: Fridge0 Date: Fri, 20 Oct 2023 19:48:15 +0900 Subject: [PATCH 02/13] added some more components, made it easier to edit --- src/theme/MDXComponents.js | 18 +++++++++++++----- 1 file changed, 13 insertions(+), 5 deletions(-) diff --git a/src/theme/MDXComponents.js b/src/theme/MDXComponents.js index 82f8bc1c1..06e55d43d 100644 --- a/src/theme/MDXComponents.js +++ b/src/theme/MDXComponents.js @@ -7,18 +7,22 @@ This JS file is automatically imported on every page Paste your custom component here, and you can use it everywhere! */ -// Write down Libraries (I think) here +// Write down Libraries here +import Details from "@theme/Details"; import Tabs from "@theme/Tabs"; import TabItem from "@theme/TabItem"; -import ExternalVideoPlayer from "@site/src/components/ExternalVideoPlayer"; import CodeBlock from "@theme/CodeBlock"; // what's codeblock and why is it imported EVERYWHERE? // i only find one being used in team-dev/fixing-conflict -/* --- ATTENTION: import your custom components here --- */ +/*------------------------------------------- +| EDIT HERE | +| import your custom components down here! | +-------------------------------------------*/ import Answer from "@site/src/components/Answer"; import Term from "@site/src/components/Term"; import ViewSource from "@site/src/components/ViewSource"; +import ExternalVideoPlayer from "@site/src/components/ExternalVideoPlayer"; // exporting export default { @@ -26,14 +30,18 @@ export default { ...MDXComponents, // export Libs + Details, Tabs, TabItem, - ExternalVideoPlayer, CodeBlock, + /*------------------------------------------- + | EDIT HERE | + | export your custom components down here | + -------------------------------------------*/ // export custom Components - /* --- ATTENTION: write your components here and export them --- */ Answer, Term, ViewSource, + ExternalVideoPlayer, }; From fca7a494ba1a8576725f788901826ca8b969b55a Mon Sep 17 00:00:00 2001 From: Fridge0 Date: Fri, 20 Oct 2023 19:49:38 +0900 Subject: [PATCH 03/13] removed no longer needed import statements --- docs/1-trial-session/01-get-started/index.md | 2 -- docs/1-trial-session/02-html/index.md | 3 --- docs/1-trial-session/03-javascript/index.md | 1 - docs/1-trial-session/04-expressions/index.md | 2 -- docs/1-trial-session/05-variables/index.md | 3 --- docs/1-trial-session/06-boolean/index.md | 3 --- docs/1-trial-session/07-if-statement/index.md | 4 ---- docs/1-trial-session/08-loop/index.md | 4 ---- docs/1-trial-session/09-functions/index.md | 3 --- docs/1-trial-session/10-array/index.md | 5 ----- docs/1-trial-session/11-object/index.md | 4 ---- docs/1-trial-session/12-css/index.md | 4 ---- docs/1-trial-session/13-advanced-css/index.md | 6 ------ docs/1-trial-session/13-dom/index.md | 4 ---- docs/1-trial-session/14-events/index.md | 5 ----- docs/1-trial-session/15-project/index.md | 2 -- docs/1-trial-session/16-deploy-application/index.md | 1 - docs/2-browser-apps/01-inspector/index.md | 3 --- docs/2-browser-apps/02-reference/index.md | 5 ----- docs/2-browser-apps/03-class/index.md | 5 ----- docs/2-browser-apps/04-anonymous-function/index.md | 4 ---- docs/2-browser-apps/05-css-arrangement/index.md | 9 --------- docs/2-browser-apps/06-project/index.md | 3 --- docs/3-web-servers/01-wsl-setup/index.md | 5 ----- docs/3-web-servers/02-node-js/index.md | 5 ----- docs/3-web-servers/03-module/index.md | 4 ---- docs/3-web-servers/04-server/index.md | 4 ---- docs/3-web-servers/05-form/index.md | 4 ---- docs/3-web-servers/06-get-post/index.md | 3 --- docs/3-web-servers/07-database/index.md | 3 --- docs/3-web-servers/08-cookie/index.md | 3 --- docs/3-web-servers/09-git-github-init/index.md | 4 ---- docs/3-web-servers/10-git-github/index.md | 4 ---- docs/3-web-servers/12-deploy-on-render/index.md | 2 -- docs/4-advanced/01-fetch-api/index.md | 4 ---- docs/4-advanced/02-bundler/index.md | 4 ---- docs/4-advanced/03-typescript/index.md | 5 ----- docs/4-advanced/04-react/index.md | 4 ---- docs/5-team-development/01-git-workflow/index.md | 4 ---- 39 files changed, 147 deletions(-) diff --git a/docs/1-trial-session/01-get-started/index.md b/docs/1-trial-session/01-get-started/index.md index aa1072fc5..da54b26f4 100644 --- a/docs/1-trial-session/01-get-started/index.md +++ b/docs/1-trial-session/01-get-started/index.md @@ -2,8 +2,6 @@ title: はじめての Web 開発 --- -import Tabs from '@theme/Tabs'; -import TabItem from '@theme/TabItem'; import installChromeOnMacVideo from "./install-chrome-on-mac.mp4"; import installChromeOnWindowsVideo from "./install-chrome-on-windows.mp4"; import installVscodeOnMacVideo from "./install-vscode-on-mac.mp4"; diff --git a/docs/1-trial-session/02-html/index.md b/docs/1-trial-session/02-html/index.md index 8bb68c689..e019368d2 100644 --- a/docs/1-trial-session/02-html/index.md +++ b/docs/1-trial-session/02-html/index.md @@ -2,9 +2,6 @@ title: HTML --- -import Answer from "@site/src/components/Answer"; -import Term from "@site/src/components/Term"; -import ViewSource from "@site/src/components/ViewSource"; import createFileVideo from "./create-file.mp4"; import openInBrowserVideo from "./open-in-browser.mp4"; import showFileExtensionsVideo from "./show-file-extensions.mp4"; diff --git a/docs/1-trial-session/03-javascript/index.md b/docs/1-trial-session/03-javascript/index.md index b48d6499c..6c081ef96 100644 --- a/docs/1-trial-session/03-javascript/index.md +++ b/docs/1-trial-session/03-javascript/index.md @@ -2,7 +2,6 @@ title: JavaScript ことはじめ --- -import Term from "@site/src/components/Term"; import helloWorldByJavascriptVideo from "./hello-world-by-javascript.mp4" ## JavaScript diff --git a/docs/1-trial-session/04-expressions/index.md b/docs/1-trial-session/04-expressions/index.md index dbba5b785..813199e13 100644 --- a/docs/1-trial-session/04-expressions/index.md +++ b/docs/1-trial-session/04-expressions/index.md @@ -2,8 +2,6 @@ title: 値と式と演算子 --- -import Term from "@site/src/components/Term"; - ## 値 次のコードを実行すると、`Hello World` が画面に表示されました。 diff --git a/docs/1-trial-session/05-variables/index.md b/docs/1-trial-session/05-variables/index.md index b76140764..ee3c24daa 100644 --- a/docs/1-trial-session/05-variables/index.md +++ b/docs/1-trial-session/05-variables/index.md @@ -2,9 +2,6 @@ title: 変数 --- -import Term from "@site/src/components/Term"; -import ViewSource from "@site/src/components/ViewSource"; - ## 変数とは

変数を用いると、値を一時的に保存し、再利用することができます。数学における変数は通常数値を表すものですが、プログラムにおける変数は、文字列等を含め、全ての種類の「値」を格納することができます。

diff --git a/docs/1-trial-session/06-boolean/index.md b/docs/1-trial-session/06-boolean/index.md index cc72ab3a6..36a799871 100644 --- a/docs/1-trial-session/06-boolean/index.md +++ b/docs/1-trial-session/06-boolean/index.md @@ -2,9 +2,6 @@ title: 論理値と論理演算子 --- -import Term from "@site/src/components/Term"; -import ViewSource from "@site/src/components/ViewSource"; - ## 論理値

JavaScript で利用できる「値」として、これまで文字列と数値を扱いました。JavaScript ではこの他に、論理値 と呼ばれる、「正しいか、正しくないか」を表すための値が存在します。

diff --git a/docs/1-trial-session/07-if-statement/index.md b/docs/1-trial-session/07-if-statement/index.md index e5bbc0857..e939d0f69 100644 --- a/docs/1-trial-session/07-if-statement/index.md +++ b/docs/1-trial-session/07-if-statement/index.md @@ -2,10 +2,6 @@ title: 条件分岐 --- -import Term from "@site/src/components/Term"; -import ViewSource from "@site/src/components/ViewSource"; -import Answer from "@site/src/components/Answer"; - ## if 文 **if 文**は、JavaScript の制御構造で、特定の条件下のみで実行されるプログラムを記述することができます。 diff --git a/docs/1-trial-session/08-loop/index.md b/docs/1-trial-session/08-loop/index.md index f32596da2..6d02a8fdd 100644 --- a/docs/1-trial-session/08-loop/index.md +++ b/docs/1-trial-session/08-loop/index.md @@ -2,10 +2,6 @@ title: 繰り返し --- -import CodeBlock from '@theme/CodeBlock'; -import Term from "@site/src/components/Term"; -import ViewSource from "@site/src/components/ViewSource"; -import Answer from "@site/src/components/Answer"; import whileLoopVideo from "./while-loop.mp4"; ## while 文 diff --git a/docs/1-trial-session/09-functions/index.md b/docs/1-trial-session/09-functions/index.md index eeb45e60a..163dc0921 100644 --- a/docs/1-trial-session/09-functions/index.md +++ b/docs/1-trial-session/09-functions/index.md @@ -2,9 +2,6 @@ title: 関数 --- -import Term from "@site/src/components/Term"; -import Answer from "@site/src/components/Answer"; -import ViewSource from "@site/src/components/ViewSource"; import returnValueVideo from "./return-value.mp4"; ## 処理の共通化 diff --git a/docs/1-trial-session/10-array/index.md b/docs/1-trial-session/10-array/index.md index 2d9ebfad9..5dcf2c455 100644 --- a/docs/1-trial-session/10-array/index.md +++ b/docs/1-trial-session/10-array/index.md @@ -2,11 +2,6 @@ title: 配列 --- -import CodeBlock from '@theme/CodeBlock'; -import Term from "@site/src/components/Term"; -import ViewSource from "@site/src/components/ViewSource"; -import Answer from "@site/src/components/Answer"; - ## 配列 JavaScript における配列は、複数の値を並べて一つにまとめた値です。`[` から `]` で囲まれた部分は配列を生成する式になります。 diff --git a/docs/1-trial-session/11-object/index.md b/docs/1-trial-session/11-object/index.md index 0d91faf2e..bddfde70c 100644 --- a/docs/1-trial-session/11-object/index.md +++ b/docs/1-trial-session/11-object/index.md @@ -2,10 +2,6 @@ title: オブジェクト --- -import Answer from "@site/src/components/Answer"; -import Term from "@site/src/components/Term"; -import ViewSource from "@site/src/components/ViewSource"; - ## オブジェクト JavaScript で扱うことのできる値の種類として、これまで数値、文字列、論理値を扱ってきました。オブジェクトもまた、JavaScript の値ですが、今まで扱ってきた値とは少し性質が異なります。 diff --git a/docs/1-trial-session/12-css/index.md b/docs/1-trial-session/12-css/index.md index 528a72590..920ade7dc 100644 --- a/docs/1-trial-session/12-css/index.md +++ b/docs/1-trial-session/12-css/index.md @@ -2,10 +2,6 @@ title: ウェブサイトの見た目を整える --- -import Answer from "@site/src/components/Answer"; -import Term from "@site/src/components/Term"; -import ViewSource from "@site/src/components/ViewSource"; - 多くのHTML 要素は、style 属性を用いることで、その見た目を細かくカスタマイズすることができます。 ## style 属性 diff --git a/docs/1-trial-session/13-advanced-css/index.md b/docs/1-trial-session/13-advanced-css/index.md index a795d8de7..e18e85fca 100644 --- a/docs/1-trial-session/13-advanced-css/index.md +++ b/docs/1-trial-session/13-advanced-css/index.md @@ -2,12 +2,6 @@ title: 高度な CSS --- -import CodeBlock from '@theme/CodeBlock'; -import Term from "@site/src/components/Term"; -import ViewSource from "@site/src/components/ViewSource"; -import Answer from "@site/src/components/Answer"; -import ExternalVideoPlayer from "@site/src/components/ExternalVideoPlayer"; - ## CSS を別ファイルに分離する 社会の要求の高まりに応えて CSS のプロパティの種類は増え続け、現在では数えきれないほどのプロパティが定義されています。 diff --git a/docs/1-trial-session/13-dom/index.md b/docs/1-trial-session/13-dom/index.md index c39911e3d..6a3f52330 100644 --- a/docs/1-trial-session/13-dom/index.md +++ b/docs/1-trial-session/13-dom/index.md @@ -2,10 +2,6 @@ title: DOM --- -import Answer from "@site/src/components/Answer"; -import Term from "@site/src/components/Term"; -import ViewSource from "@site/src/components/ViewSource"; - ## HTML 要素を JavaScript で取得する

DOM（Document Object Model）は、HTML 構造を JavaScript のオブジェクトとして扱うための枠組みです。HTML と CSS のほとんどの機能は JavaScript から制御することができます。

diff --git a/docs/1-trial-session/14-events/index.md b/docs/1-trial-session/14-events/index.md index e6ebde0ce..6813878b0 100644 --- a/docs/1-trial-session/14-events/index.md +++ b/docs/1-trial-session/14-events/index.md @@ -2,11 +2,6 @@ title: イベント --- -import Term from "@site/src/components/Term"; -import Details from "@theme/Details"; -import CodeBlock from '@theme/CodeBlock'; -import ViewSource from "@site/src/components/ViewSource"; - import handleClickVideo from "./handle-click.mp4"; import projectMovieForDom from "./project-movie-for-dom.mp4"; diff --git a/docs/1-trial-session/15-project/index.md b/docs/1-trial-session/15-project/index.md index 9a3296dd7..f1a6c8281 100644 --- a/docs/1-trial-session/15-project/index.md +++ b/docs/1-trial-session/15-project/index.md @@ -2,8 +2,6 @@ title: プロジェクト --- -import Term from "@site/src/components/Term"; -import ViewSource from "@site/src/components/ViewSource"; import omikujiVideo from "./omikuji.mp4"; import stopwatchVideo from "./stopwatch.mp4"; diff --git a/docs/1-trial-session/16-deploy-application/index.md b/docs/1-trial-session/16-deploy-application/index.md index e7e32e140..14bff6f1b 100644 --- a/docs/1-trial-session/16-deploy-application/index.md +++ b/docs/1-trial-session/16-deploy-application/index.md @@ -2,7 +2,6 @@ title: 作ったウェブアプリを公開する --- -import Term from "@site/src/components/Term"; import deployOnNetlifyDropVideo from "./deploy-on-netlify-drop.mp4"; ## Netlify Drop を用いてウェブアプリを公開する diff --git a/docs/2-browser-apps/01-inspector/index.md b/docs/2-browser-apps/01-inspector/index.md index ceeb610b3..f1a1e08b9 100644 --- a/docs/2-browser-apps/01-inspector/index.md +++ b/docs/2-browser-apps/01-inspector/index.md @@ -2,9 +2,6 @@ title: ブラウザの開発者ツール --- -import CodeBlock from '@theme/CodeBlock'; -import Term from "@site/src/components/Term"; -import ViewSource from "@site/src/components/ViewSource"; import inspectElementsVideo from "./inspect-elements.mp4"; import { GrSelect } from "react-icons/gr"; diff --git a/docs/2-browser-apps/02-reference/index.md b/docs/2-browser-apps/02-reference/index.md index 9432fe82d..9878ba5bb 100644 --- a/docs/2-browser-apps/02-reference/index.md +++ b/docs/2-browser-apps/02-reference/index.md @@ -2,11 +2,6 @@ title: オブジェクトの参照 --- -import CodeBlock from '@theme/CodeBlock'; -import Term from "@site/src/components/Term"; -import ViewSource from "@site/src/components/ViewSource"; -import Answer from "@site/src/components/Answer"; - ## 参照 [オブジェクト](../../1-trial-session/11-object/index.md)で扱ったように、JavaScript の値はオブジェクトとプリミティブに分けられます。前回は、プリミティブを「それ以上分解できない値」のように説明しました。もう少し詳しくみてみましょう。 diff --git a/docs/2-browser-apps/03-class/index.md b/docs/2-browser-apps/03-class/index.md index 535f34763..2788d6335 100644 --- a/docs/2-browser-apps/03-class/index.md +++ b/docs/2-browser-apps/03-class/index.md @@ -2,11 +2,6 @@ title: クラス --- -import CodeBlock from '@theme/CodeBlock'; -import Term from "@site/src/components/Term"; -import ViewSource from "@site/src/components/ViewSource"; -import Answer from "@site/src/components/Answer"; - ## クラスとインスタンス オブジェクトを使うと、複数の値をひとまとまりに扱うことができました。実世界においては、同じプロパティ(属性)を持つオブジェクトを多く扱う場合が多いです。例えば、学生をオブジェクトとして表すことを考えてみましょう。学生には必ず名前と年齢という属性があるはずなので、ひとまず `name` と `age` をプロパティに持つとしましょう。 diff --git a/docs/2-browser-apps/04-anonymous-function/index.md b/docs/2-browser-apps/04-anonymous-function/index.md index f6b3fafae..e6d0d15a4 100644 --- a/docs/2-browser-apps/04-anonymous-function/index.md +++ b/docs/2-browser-apps/04-anonymous-function/index.md @@ -2,10 +2,6 @@ title: 無名関数 --- -import Term from "@site/src/components/Term"; -import ViewSource from "@site/src/components/ViewSource"; -import Answer from "@site/src/components/Answer"; - ## 無名関数 [イベント](../../1-trial-session/14-events/index.md)の節で、関数もオブジェクトの一種であることを説明しました。このため、関数は通常の値と同じように変数やプロパティに代入したり、関数の引数や戻り値になったりできます。 diff --git a/docs/2-browser-apps/05-css-arrangement/index.md b/docs/2-browser-apps/05-css-arrangement/index.md index 4b2b83c0e..ffb51e30e 100644 --- a/docs/2-browser-apps/05-css-arrangement/index.md +++ b/docs/2-browser-apps/05-css-arrangement/index.md @@ -2,19 +2,10 @@ title: CSS による配置（発展） --- -import CodeBlock from '@theme/CodeBlock'; -import Term from "@site/src/components/Term"; -import ViewSource from "@site/src/components/ViewSource"; -import ExternalVideoPlayer from "@site/src/components/ExternalVideoPlayer"; - import absoluteScroll from "./position-absolute-scroll.mp4" - import fixedScroll from "./position-fixed-scroll.mp4" - import percentCss from "./percent-css.mp4" - import maxMinWidth from "./max-width-min-width.mp4" - import mediaQuery from "./mediaquery.mp4" ## CSS のボックスモデル diff --git a/docs/2-browser-apps/06-project/index.md b/docs/2-browser-apps/06-project/index.md index 8df1fb787..ed4acee88 100644 --- a/docs/2-browser-apps/06-project/index.md +++ b/docs/2-browser-apps/06-project/index.md @@ -2,9 +2,6 @@ title: プロジェクト --- -import Term from "@site/src/components/Term"; -import ViewSource from "@site/src/components/ViewSource"; -import ExternalVideoPlayer from "@site/src/components/ExternalVideoPlayer"; import calendarVideo from "./calendar.mp4"; ここまでの知識を使って、今月分の予定管理アプリを作ってみましょう。 diff --git a/docs/3-web-servers/01-wsl-setup/index.md b/docs/3-web-servers/01-wsl-setup/index.md index 16c787bb1..bcb4cd152 100644 --- a/docs/3-web-servers/01-wsl-setup/index.md +++ b/docs/3-web-servers/01-wsl-setup/index.md @@ -2,11 +2,6 @@ title: WSL のセットアップ (Windows のみ) --- -import CodeBlock from '@theme/CodeBlock'; -import Term from "@site/src/components/Term"; -import ViewSource from "@site/src/components/ViewSource"; -import ExternalVideoPlayer from "@site/src/components/ExternalVideoPlayer"; - ## Linux と WSL 現在、Web サービスを提供するコンピューターのほとんどに、**Linux** という名前の OS が搭載されています。このため、Web サービスを開発するには、Linux を用いて開発することが理想です。しかしながら、現在流通している一般的なコンピューターに搭載されている OS は、Windows または macOS です。 diff --git a/docs/3-web-servers/02-node-js/index.md b/docs/3-web-servers/02-node-js/index.md index c72c0303a..5063d98d1 100644 --- a/docs/3-web-servers/02-node-js/index.md +++ b/docs/3-web-servers/02-node-js/index.md @@ -2,11 +2,6 @@ title: はじめての Node.js --- -import CodeBlock from '@theme/CodeBlock'; -import Tabs from '@theme/Tabs'; -import TabItem from '@theme/TabItem'; -import Term from "@site/src/components/Term"; -import ViewSource from "@site/src/components/ViewSource"; import installNvmInWslVideo from "./install-nvm-in-wsl.mp4"; import installNvmInMacVideo from "./install-nvm-in-mac.mp4"; import openFolderInWslVideo from "./open-folder-in-wsl.mp4"; diff --git a/docs/3-web-servers/03-module/index.md b/docs/3-web-servers/03-module/index.md index 99c9c5783..d53de0c73 100644 --- a/docs/3-web-servers/03-module/index.md +++ b/docs/3-web-servers/03-module/index.md @@ -2,10 +2,6 @@ title: モジュールと npm --- -import CodeBlock from '@theme/CodeBlock'; -import Term from "@site/src/components/Term"; -import ViewSource from "@site/src/components/ViewSource"; -import Answer from "@site/src/components/Answer"; import commandsAnswerVideo from "./commands-answer.mp4"; import npmInitVideo from "./npm-init.mp4"; import npmInstallVideo from "./npm-install.mp4"; diff --git a/docs/3-web-servers/04-server/index.md b/docs/3-web-servers/04-server/index.md index d1c60f24f..6211f889c 100644 --- a/docs/3-web-servers/04-server/index.md +++ b/docs/3-web-servers/04-server/index.md @@ -2,10 +2,6 @@ title: Express によるサーバー構築 --- -import CodeBlock from '@theme/CodeBlock'; -import Term from "@site/src/components/Term"; -import ViewSource from "@site/src/components/ViewSource"; - ## ウェブサイトが動作する仕組み [「Web プログラミングの基礎を学ぼう」](../../1-trial-session/index.md) の章では、ウェブサイトを表示するために HTML ファイルと JavaScript ファイルを作成し、ブラウザから開きました。しかしながら、通常のウェブサイトではこのような手順は踏まず、URL をブラウザに入力することにより閲覧することができます。 diff --git a/docs/3-web-servers/05-form/index.md b/docs/3-web-servers/05-form/index.md index 2f763f361..69a1df0a5 100644 --- a/docs/3-web-servers/05-form/index.md +++ b/docs/3-web-servers/05-form/index.md @@ -2,10 +2,6 @@ title: フォーム --- -import CodeBlock from '@theme/CodeBlock'; -import Term from "@site/src/components/Term"; -import ViewSource from "@site/src/components/ViewSource"; - ## クエリパラメータの利用 入力した内容によって、次に移る（表示される）ページが異なるウェブページがあります。例として、Google で `utcode` と検索した際に表示される検索結果のページを考えてみましょう。 diff --git a/docs/3-web-servers/06-get-post/index.md b/docs/3-web-servers/06-get-post/index.md index 20376dad8..892144dc7 100644 --- a/docs/3-web-servers/06-get-post/index.md +++ b/docs/3-web-servers/06-get-post/index.md @@ -2,9 +2,6 @@ title: GET リクエストと POST リクエスト --- -import CodeBlock from '@theme/CodeBlock'; -import Term from "@site/src/components/Term"; -import ViewSource from "@site/src/components/ViewSource"; import postInDevelopment1 from "./postInDevelopment1.mp4"; import postInDevelopment2 from "./postInDevelopment2.mp4"; import postInDevelopment3 from "./postInDevelopment3.mp4"; diff --git a/docs/3-web-servers/07-database/index.md b/docs/3-web-servers/07-database/index.md index ebf9a4357..eb87c8c50 100644 --- a/docs/3-web-servers/07-database/index.md +++ b/docs/3-web-servers/07-database/index.md @@ -2,9 +2,6 @@ title: データベース --- -import CodeBlock from '@theme/CodeBlock'; -import Term from "@site/src/components/Term"; -import ViewSource from "@site/src/components/ViewSource"; import newPostgresqlInstanceVideo from "./new-postgresql-instance.mp4"; import connectDbeaverToDatabaseVideo from "./connect-dbeaver-to-database.mp4"; import prismaInitVideo from "./prisma-init.mp4"; diff --git a/docs/3-web-servers/08-cookie/index.md b/docs/3-web-servers/08-cookie/index.md index 7373306c2..619c37c78 100644 --- a/docs/3-web-servers/08-cookie/index.md +++ b/docs/3-web-servers/08-cookie/index.md @@ -2,9 +2,6 @@ title: Cookie と認証（発展） --- -import CodeBlock from '@theme/CodeBlock'; -import Term from "@site/src/components/Term"; -import ViewSource from "@site/src/components/ViewSource"; import cookieCounterVideo from "./cookie-counter.mp4"; ## HTTP ヘッダ diff --git a/docs/3-web-servers/09-git-github-init/index.md b/docs/3-web-servers/09-git-github-init/index.md index 482e3ca01..ef5cb7247 100644 --- a/docs/3-web-servers/09-git-github-init/index.md +++ b/docs/3-web-servers/09-git-github-init/index.md @@ -2,10 +2,6 @@ title: Git と GitHub のセットアップ --- -import Tabs from '@theme/Tabs'; -import TabItem from '@theme/TabItem'; -import Term from "@site/src/components/Term"; -import ViewSource from "@site/src/components/ViewSource"; import installCommandLineDeveloperToolsVideo from "./install-command-line-developer-tools.mp4"; import registerGitHubVideo from "./register-github.mp4"; import setupGitVideo from "./setup-git.mp4"; diff --git a/docs/3-web-servers/10-git-github/index.md b/docs/3-web-servers/10-git-github/index.md index 85b0a87c6..4a77987f5 100644 --- a/docs/3-web-servers/10-git-github/index.md +++ b/docs/3-web-servers/10-git-github/index.md @@ -2,10 +2,6 @@ title: Git と GitHub --- -import Tabs from '@theme/Tabs'; -import TabItem from '@theme/TabItem'; -import Term from "@site/src/components/Term"; -import ViewSource from "@site/src/components/ViewSource"; import gitInitVideo from "./git-init.mp4"; import gitInitWithCliVideo from "./git-init-with-cli.mp4"; import stageChangesVideo from "./stage-changes.mp4"; diff --git a/docs/3-web-servers/12-deploy-on-render/index.md b/docs/3-web-servers/12-deploy-on-render/index.md index 0210bf9e2..c81b4e87a 100644 --- a/docs/3-web-servers/12-deploy-on-render/index.md +++ b/docs/3-web-servers/12-deploy-on-render/index.md @@ -2,8 +2,6 @@ title: Render へのデプロイ --- -import Term from "@site/src/components/Term"; -import ViewSource from "@site/src/components/ViewSource"; import registerRenderVideo from "./register-render.mp4"; import connectGitHubVideo from "./connect-github.mp4"; import staticSiteDeployVideo from "./static-site-deploy.mp4"; diff --git a/docs/4-advanced/01-fetch-api/index.md b/docs/4-advanced/01-fetch-api/index.md index 397094462..04238412e 100644 --- a/docs/4-advanced/01-fetch-api/index.md +++ b/docs/4-advanced/01-fetch-api/index.md @@ -2,10 +2,6 @@ title: Fetch API --- -import CodeBlock from '@theme/CodeBlock'; -import Term from "@site/src/components/Term"; -import ViewSource from "@site/src/components/ViewSource"; -import ExternalVideoPlayer from "@site/src/components/ExternalVideoPlayer"; import chatAppVideo from "./chat-app.mp4"; ## ブラウザで動く JavaScript から HTTP リクエストを発行する diff --git a/docs/4-advanced/02-bundler/index.md b/docs/4-advanced/02-bundler/index.md index 4b396c80f..c6f0e4d7d 100644 --- a/docs/4-advanced/02-bundler/index.md +++ b/docs/4-advanced/02-bundler/index.md @@ -2,10 +2,6 @@ title: トランスパイラとモジュールバンドラ --- -import CodeBlock from '@theme/CodeBlock'; -import Term from "@site/src/components/Term"; -import ViewSource from "@site/src/components/ViewSource"; -import ExternalVideoPlayer from "@site/src/components/ExternalVideoPlayer"; import getStartedWithViteVideo from "./get-started-with-vite.mp4"; import buildVideo from "./build.mp4"; diff --git a/docs/4-advanced/03-typescript/index.md b/docs/4-advanced/03-typescript/index.md index 6dc276911..c9cbf599e 100644 --- a/docs/4-advanced/03-typescript/index.md +++ b/docs/4-advanced/03-typescript/index.md @@ -3,11 +3,6 @@ title: TypeScript --- import { SiTypescript } from "react-icons/si"; -import CodeBlock from '@theme/CodeBlock'; -import Term from "@site/src/components/Term"; -import ViewSource from "@site/src/components/ViewSource"; -import Answer from "@site/src/components/Answer"; -import ExternalVideoPlayer from "@site/src/components/ExternalVideoPlayer"; import typescriptDemoVideo from "./typescript-demo.mp4"; import setupTypeScriptNodeVideo from "./setup-typescript-node.mp4"; import typesPackageVideo from "./types-package.mp4"; diff --git a/docs/4-advanced/04-react/index.md b/docs/4-advanced/04-react/index.md index e7c12484f..96002f880 100644 --- a/docs/4-advanced/04-react/index.md +++ b/docs/4-advanced/04-react/index.md @@ -2,10 +2,6 @@ title: React --- -import Term from "@site/src/components/Term"; -import Answer from "@site/src/components/Answer"; -import ViewSource from "@site/src/components/ViewSource"; -import ExternalVideoPlayer from "@site/src/components/ExternalVideoPlayer"; import createReactProjectVideo from "./create-react-project.mp4"; import componentRenderingVideo from "./component-rendering.mp4"; diff --git a/docs/5-team-development/01-git-workflow/index.md b/docs/5-team-development/01-git-workflow/index.md index d390efa75..44f421526 100644 --- a/docs/5-team-development/01-git-workflow/index.md +++ b/docs/5-team-development/01-git-workflow/index.md @@ -3,10 +3,6 @@ title: Git と GitHub を用いたワークフロー --- import outdent from "outdent"; -import CodeBlock from '@theme/CodeBlock'; -import Term from "@site/src/components/Term"; -import ViewSource from "@site/src/components/ViewSource"; -import ExternalVideoPlayer from "@site/src/components/ExternalVideoPlayer"; import branchedGraphVideo from "./branched-graph.mp4"; import mergeVideo from "./merge.mp4"; import editCommitMessageWithVim from "./edit-commit-message-with-vim.mp4"; From 04efd2c632af2995fac41e6ee1db9abbbaadf2d8 Mon Sep 17 00:00:00 2001 From: Fridge0 Date: Sat, 21 Oct 2023 16:49:22 +0900 Subject: [PATCH 04/13] pasted reference link --- src/theme/MDXComponents.js | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/src/theme/MDXComponents.js b/src/theme/MDXComponents.js index 06e55d43d..1db6c7ea3 100644 --- a/src/theme/MDXComponents.js +++ b/src/theme/MDXComponents.js @@ -4,7 +4,9 @@ import MDXComponents from "@theme-original/MDXComponents"; /* This JS file is automatically imported on every page -Paste your custom component here, and you can use it everywhere! +Paste your custom component here, and you can use it everywhere. + +cf. https://docusaurus.io/docs/markdown-features/react#mdx-component-scope */ // Write down Libraries here @@ -17,7 +19,7 @@ import CodeBlock from "@theme/CodeBlock"; /*------------------------------------------- | EDIT HERE | -| import your custom components down here! | +| import your custom components down here | -------------------------------------------*/ import Answer from "@site/src/components/Answer"; import Term from "@site/src/components/Term"; From 5ef5349e1a082feb3bcc9c42ef40f32aec5817eb Mon Sep 17 00:00:00 2001 From: Fridge0 Date: Sat, 21 Oct 2023 16:50:50 +0900 Subject: [PATCH 05/13] understood codeblock --- src/theme/MDXComponents.js | 2 -- 1 file changed, 2 deletions(-) diff --git a/src/theme/MDXComponents.js b/src/theme/MDXComponents.js index 1db6c7ea3..9058cba2f 100644 --- a/src/theme/MDXComponents.js +++ b/src/theme/MDXComponents.js @@ -14,8 +14,6 @@ import Details from "@theme/Details"; import Tabs from "@theme/Tabs"; import TabItem from "@theme/TabItem"; import CodeBlock from "@theme/CodeBlock"; -// what's codeblock and why is it imported EVERYWHERE? -// i only find one being used in team-dev/fixing-conflict /*------------------------------------------- | EDIT HERE | From 38d6a0bef5f0f379e7857785428db227cebe653a Mon Sep 17 00:00:00 2001 From: Fridge0 Date: Sat, 21 Oct 2023 16:51:44 +0900 Subject: [PATCH 06/13] reduce comments --- src/theme/MDXComponents.js | 7 ++----- 1 file changed, 2 insertions(+), 5 deletions(-) diff --git a/src/theme/MDXComponents.js b/src/theme/MDXComponents.js index 9058cba2f..f469ca448 100644 --- a/src/theme/MDXComponents.js +++ b/src/theme/MDXComponents.js @@ -9,16 +9,13 @@ Paste your custom component here, and you can use it everywhere. cf. https://docusaurus.io/docs/markdown-features/react#mdx-component-scope */ -// Write down Libraries here +// libraries here import Details from "@theme/Details"; import Tabs from "@theme/Tabs"; import TabItem from "@theme/TabItem"; import CodeBlock from "@theme/CodeBlock"; -/*------------------------------------------- -| EDIT HERE | -| import your custom components down here | --------------------------------------------*/ +// custom components import Answer from "@site/src/components/Answer"; import Term from "@site/src/components/Term"; import ViewSource from "@site/src/components/ViewSource"; From 06a826774f8f9703afe94b01987694c9c44ee7c4 Mon Sep 17 00:00:00 2001 From: Fridge0 Date: Sat, 21 Oct 2023 16:52:03 +0900 Subject: [PATCH 07/13] failed to add some changes --- src/theme/MDXComponents.js | 8 ++------ 1 file changed, 2 insertions(+), 6 deletions(-) diff --git a/src/theme/MDXComponents.js b/src/theme/MDXComponents.js index f469ca448..7ec9c35ab 100644 --- a/src/theme/MDXComponents.js +++ b/src/theme/MDXComponents.js @@ -9,7 +9,7 @@ Paste your custom component here, and you can use it everywhere. cf. https://docusaurus.io/docs/markdown-features/react#mdx-component-scope */ -// libraries here +// libraries import Details from "@theme/Details"; import Tabs from "@theme/Tabs"; import TabItem from "@theme/TabItem"; @@ -26,16 +26,12 @@ export default { // Re-use the default mapping ...MDXComponents, - // export Libs + // export libraries Details, Tabs, TabItem, CodeBlock, - /*------------------------------------------- - | EDIT HERE | - | export your custom components down here | - -------------------------------------------*/ // export custom Components Answer, Term, From 5c62824e67b6e29aa70d32de991699d0843729aa Mon Sep 17 00:00:00 2001 From: Fridge0 Date: Sat, 21 Oct 2023 18:32:25 +0900 Subject: [PATCH 08/13] =?UTF-8?q?=E3=82=B3=E3=83=A1=E3=83=B3=E3=83=88?= =?UTF-8?q?=E5=89=8A=E9=99=A4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/theme/MDXComponents.js | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/theme/MDXComponents.js b/src/theme/MDXComponents.js index 7ec9c35ab..f0ce63126 100644 --- a/src/theme/MDXComponents.js +++ b/src/theme/MDXComponents.js @@ -1,12 +1,12 @@ -import React from "react"; // idk if I really need it here, but docusaurus had it so I won't be deleting it until I understand everything -// Import the original mapper +import React from "react"; import MDXComponents from "@theme-original/MDXComponents"; /* + This JS file is automatically imported on every page -Paste your custom component here, and you can use it everywhere. cf. https://docusaurus.io/docs/markdown-features/react#mdx-component-scope + */ // libraries From 2066f411c0220c88349cbf26c3f6a65de925da33 Mon Sep 17 00:00:00 2001 From: frgd <137767097+Fridge0@users.noreply.github.com> Date: Mon, 23 Oct 2023 12:55:55 +0900 Subject: [PATCH 09/13] remove unnecessary comment --- src/theme/MDXComponents.js | 1 - 1 file changed, 1 deletion(-) diff --git a/src/theme/MDXComponents.js b/src/theme/MDXComponents.js index f0ce63126..09848b807 100644 --- a/src/theme/MDXComponents.js +++ b/src/theme/MDXComponents.js @@ -21,7 +21,6 @@ import Term from "@site/src/components/Term"; import ViewSource from "@site/src/components/ViewSource"; import ExternalVideoPlayer from "@site/src/components/ExternalVideoPlayer"; -// exporting export default { // Re-use the default mapping ...MDXComponents, From 642413ff6230f01ebdf53eda6c143be9cc7b3ccc Mon Sep 17 00:00:00 2001 From: frgd <137767097+Fridge0@users.noreply.github.com> Date: Mon, 23 Oct 2023 20:24:43 +0900 Subject: [PATCH 10/13] =?UTF-8?q?=E3=82=B3=E3=83=A1=E3=83=B3=E3=83=88?= =?UTF-8?q?=E6=94=B9=E5=96=84?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/theme/MDXComponents.js | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/src/theme/MDXComponents.js b/src/theme/MDXComponents.js index 09848b807..47e95e4d0 100644 --- a/src/theme/MDXComponents.js +++ b/src/theme/MDXComponents.js @@ -3,7 +3,11 @@ import MDXComponents from "@theme-original/MDXComponents"; /* -This JS file is automatically imported on every page +export components in this file +and they become available on every page + +このファイルでコンポネントをexportすると、 +全てのページでimport宣言無しで使えるようになります。 cf. https://docusaurus.io/docs/markdown-features/react#mdx-component-scope From 937180952e7d840514e07ff357049c7d4e7411cd Mon Sep 17 00:00:00 2001 From: Fridge0 Date: Tue, 24 Oct 2023 16:19:45 +0900 Subject: [PATCH 11/13] =?UTF-8?q?=E7=A9=BA=E8=A1=8C=E5=89=8A=E9=99=A4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/theme/MDXComponents.js | 2 -- 1 file changed, 2 deletions(-) diff --git a/src/theme/MDXComponents.js b/src/theme/MDXComponents.js index 47e95e4d0..41d6f5cf3 100644 --- a/src/theme/MDXComponents.js +++ b/src/theme/MDXComponents.js @@ -2,7 +2,6 @@ import React from "react"; import MDXComponents from "@theme-original/MDXComponents"; /* - export components in this file and they become available on every page @@ -10,7 +9,6 @@ and they become available on every page 全てのページでimport宣言無しで使えるようになります。 cf. https://docusaurus.io/docs/markdown-features/react#mdx-component-scope - */ // libraries From 58854475033af2b2b7a5e73b23afb2be68c4e242 Mon Sep 17 00:00:00 2001 From: Fridge0 Date: Tue, 24 Oct 2023 16:20:27 +0900 Subject: [PATCH 12/13] =?UTF-8?q?=E5=BE=AE=E8=AA=BF=E6=95=B4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/theme/MDXComponents.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/theme/MDXComponents.js b/src/theme/MDXComponents.js index 41d6f5cf3..2332b6c9c 100644 --- a/src/theme/MDXComponents.js +++ b/src/theme/MDXComponents.js @@ -2,8 +2,8 @@ import React from "react"; import MDXComponents from "@theme-original/MDXComponents"; /* -export components in this file -and they become available on every page +Export components in this file, +and they become available on every page. このファイルでコンポネントをexportすると、 全てのページでimport宣言無しで使えるようになります。 From 96535b8cc971975e728c7289203f393b011ca44f Mon Sep 17 00:00:00 2001 From: frgd <137767097+Fridge0@users.noreply.github.com> Date: Wed, 25 Oct 2023 01:16:50 +0900 Subject: [PATCH 13/13] Update MDXComponents.js --- src/theme/MDXComponents.js | 4 ---- 1 file changed, 4 deletions(-) diff --git a/src/theme/MDXComponents.js b/src/theme/MDXComponents.js index 2332b6c9c..5907db3b0 100644 --- a/src/theme/MDXComponents.js +++ b/src/theme/MDXComponents.js @@ -4,10 +4,6 @@ import MDXComponents from "@theme-original/MDXComponents"; /* Export components in this file, and they become available on every page. - -このファイルでコンポネントをexportすると、 -全てのページでimport宣言無しで使えるようになります。 - cf. https://docusaurus.io/docs/markdown-features/react#mdx-component-scope */