Skip to content

微修正 #55

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
Nov 6, 2022
Merged

微修正 #55

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions docs/extras/1vscode/index.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,9 +2,9 @@
sidebar_position: 1
---

import installVscode from "./install_vscode.mov";
import Tabs from "@theme/Tabs";
import TabItem from "@theme/TabItem";
import installVscode from "./install_vscode.mov";

# VSCode のインストール

Expand All @@ -19,7 +19,7 @@ Visual Studio Code は、Microsoft が開発しているフリーかつオープ
<Tabs groupId="os">
{/* <TabItem value="win11" label="Windows 11"></TabItem> */}
<TabItem value="win10" label="Windows 10">
<video src={installVscode} controls width="800px" />
<video src={installVscode} controls width="700px" />
</TabItem>
<TabItem value="mac" label="macOS">
macOSでも、Windowsと同じようにすればできます。macOSを持っていないので、動画を撮れませんでした…。申し訳ありません。
Expand Down
14 changes: 7 additions & 7 deletions docs/extras/2wsl/index.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@ sidebar_position: 2
---

import installWsl from "./install_wsl.mov";
import installRemoteWSL from "./install_remote_wsl.mov";
import installRemoteWsl from "./install_remote_wsl.mov";
import startWsl from "./start_wsl.mov";
import openFolder from "./open_folder.mov";
import openTerminal from "./open_terminal.mov";
Expand All @@ -12,7 +12,7 @@ import openTerminal from "./open_terminal.mov";

macOS は、Linux という OS と源流を同じくするので、プログラミングの開発環境を整えるのは簡単です。

しかし、多くの場合、プログラミングの開発環境を Windows にインストールするのはとても難しく大変です。そこで、プログラミング環境を簡単にインストールできる Linux という OS を Windows 上で動かす必要が出てきます。
しかし、多くの場合、プログラミングの開発環境を Windows にインストールするのはとても難しく大変です。そこで、プログラミング環境を簡単にインストールできるように Linux という OS を Windows 上で動かす必要が出てきます。

昔は、Windows 上に Linux の環境を作ることはとても難しかったのですが、最近 Microsoft が Windows 上で簡単に Linux 環境を構築できる WSL という機能を開発して非常に簡単になりました。

Expand All @@ -34,7 +34,7 @@ macOS は、Linux という OS と源流を同じくするので、プログラ
`new password` を求められたときに、入力しても画面上は何も変化しませんが正しく入力されています。そのまま入力して `Enterキー` を押してください。
:::

<video src={installWsl} controls width="800px" />
<video src={installWsl} controls width="700px" />

## Remote WSL のインストール方法

Expand All @@ -46,24 +46,24 @@ macOS は、Linux という OS と源流を同じくするので、プログラ

VSCode で拡張機能を検索して、インストールします。

<video src={installRemoteWSL} controls width="800px" />
<video src={installRemoteWsl} controls width="700px" />

## VSCode での WSL の使い方

起動は、次の動画のようにします。

左下の緑のボタンを押して、`New WSL Window` をクリックすれば、WSL にアクセスすることができます。

<video src={startWsl} controls width="800px" />
<video src={startWsl} controls width="700px" />

次の動画のようにして、新しくプロジェクトフォルダを作成して、それを VSCode で開くことができます。

エクスプローラーのアドレスバーに `¥¥wsl$` と入力すると、WSL 上のファイルを表示することができます。さらに、`Ubuntu`、`home`、`ユーザー名` の順にクリックしていくことでホームフォルダに移動することができます。

その後、VSCode でそのフォルダを開きます。

<video src={openFolder} controls width="800px" />
<video src={openFolder} controls width="700px" />

ターミナルは、次の動画のようにして開くことができます。これで、Windows でも学校の macOS のようにコマンドを打つことができます。

<video src={openTerminal} controls width="800px" />
<video src={openTerminal} controls width="700px" />
6 changes: 3 additions & 3 deletions docs/extras/3python/index.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,11 +12,11 @@ import installPython from "./install_python.mp4";

Windows を使っている場合は、[WSL をインストールの項](/docs/extras/2wsl/)を参考に WSL もインストールしておいてください。

VSCode で`samples` フォルダを開いている状態にしておいてください。
VSCode で`samples` プロジェクトフォルダを開いている状態にしておいてください。

macOS、WSL には、Python がはじめからインストールされているので、下の動画のようにするだけで、簡単に Python を自分のパソコン上で実行することができます。
macOS や WSL 上の Linux には、Python がはじめからインストールされているので、下の動画のようにするだけで、簡単に Python を自分のパソコンの上で実行することができます。

<video src={installPython} controls width="800px" />
<video src={installPython} controls width="700px" />

- `sample.py` という名前でファイルを作成します。
- `sample.py` の中に `print("Hello World!)` と入力します。
Expand Down