コンポネントのimportを一か所にまとめました

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";

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";

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"
 
 ## <Term type="javascript">JavaScript</Term>

docs/1-trial-session/04-expressions/index.md

@@ -2,8 +2,6 @@
 title: 値と式と演算子
 ---
 
-import Term from "@site/src/components/Term";
-
 ## <Term type="javascriptValue">値</Term>
 
 次のコードを実行すると、`Hello World` が画面に表示されました。

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";
-
 ## <Term type="javascriptVariable">変数</Term>とは
 
 <p><Term type="javascriptVariable">変数</Term>を用いると、<Term type="javascriptValue">値</Term>を一時的に保存し、再利用することができます。数学における変数は通常数値を表すものですが、プログラムにおける<Term type="javascriptVariable">変数</Term>は、<Term type="javascriptString">文字列</Term>等を含め、全ての種類の「<Term type="javascriptValue">値</Term>」を格納することができます。</p>

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";
-
 ## <Term type="javascriptBoolean">論理値</Term>
 
 <p><Term type="javascript">JavaScript</Term> で利用できる「<Term type="javascriptValue">値</Term>」として、これまで<Term type="javascriptString">文字列</Term>と<Term type="javascriptNumber">数値</Term>を扱いました。JavaScript ではこの他に、<Term strong type="javascriptBoolean">論理値</Term> と呼ばれる、「正しいか、正しくないか」を表すための<Term type="javascriptValue">値</Term>が存在します。</p>

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 文**は、<Term type="javascript">JavaScript</Term> の<Term strong type="javascriptControlFlow">制御構造</Term>で、特定の条件下のみで実行されるプログラムを記述することができます。

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 文

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";
 
 ## 処理の共通化

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 における配列は、複数の値を並べて一つにまとめた値です。`[` から `]` で囲まれた部分は配列を生成する式になります。

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";
-
 ## <Term type="javascriptObject">オブジェクト</Term>
 
 JavaScript で扱うことのできる<Term type="javascriptValue">値</Term>の種類として、これまで<Term type="javascriptNumber">数値</Term>、<Term type="javascriptString">文字列</Term>、<Term type="javascriptBoolean">論理値</Term>を扱ってきました。<Term strong type="javascriptObject">オブジェクト</Term>もまた、<Term type="javascript">JavaScript</Term> の<Term type="javascriptValue">値</Term>ですが、今まで扱ってきた<Term type="javascriptValue">値</Term>とは少し性質が異なります。

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 と JavaScript を勉強してきました。今回は Web 開発で用いられるもう一つの言語、CSS について学びましょう。CSS は Web サイトの「見た目」をつかさどる言語です。多くの <Term type="element">HTML 要素</Term> は、 <Term type="css">CSS</Term> を用いることで、その見た目を細かくカスタマイズすることができます。
 
 ![Web開発で用いられる言語](../02-html/web-development-languages.drawio.svg)

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";
-
 ## <Term type="html">HTML</Term> 要素を <Term type="javascript">JavaScript</Term> で取得する
 
 <p><Term strong type="dom">DOM</Term>（Document Object Model）は、<Term type="html">HTML</Term> 構造を <Term type="javascript">JavaScript</Term> の<Term type="javascriptObject">オブジェクト</Term>として扱うための枠組みです。<Term type="html">HTML</Term> と <Term type="css">CSS</Term> のほとんどの機能は <Term type="javascript">JavaScript</Term> から制御することができます。</p>

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";
 

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";
 

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 を用いてウェブアプリを公開する

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";
 

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 の値はオブジェクトとプリミティブに分けられます。前回は、プリミティブを「それ以上分解できない値」のように説明しました。もう少し詳しくみてみましょう。

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";
-
 ## <Term type="javascriptClass">クラス</Term>と<Term type="javascriptInstance">インスタンス</Term>
 
 オブジェクトを使うと、複数の値をひとまとまりに扱うことができました。実世界においては、同じ<Term type="javascriptProperty">プロパティ</Term>(属性)を持つ<Term type="javascriptObject">オブジェクト</Term>を多く扱う場合が多いです。例えば、学生を<Term type="javascriptObject">オブジェクト</Term>として表すことを考えてみましょう。学生には必ず名前と年齢という属性があるはずなので、ひとまず `name` と `age` を<Term　type="javascriptProperty">プロパティ</Term>に持つとしましょう。

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)の節で、関数もオブジェクトの一種であることを説明しました。このため、関数は通常の値と同じように変数やプロパティに代入したり、関数の引数や戻り値になったりできます。

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 のボックスモデル

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";
 
 ここまでの知識を使って、今月分の予定管理アプリを作ってみましょう。

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 です。

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";

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";

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 をブラウザに入力することにより閲覧することができます。

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` と検索した際に表示される検索結果のページを考えてみましょう。

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";

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";

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 ヘッダ

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";

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";

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";

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 から <Term type="httpRequestResponse">HTTP リクエスト</Term>を発行する

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";
 

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";

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";