Skip to content

preface chapter1 の修正 #50

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

Open
yas-ako wants to merge 4 commits into
base: refactor/file-structure
Choose a base branch
from
Open

preface chapter1 の修正 #50

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
02efde1
feat: preface, chap1 の内容をコピー(未修整)
yas-ako Apr 15, 2026
6d7556f
preface, chap1 の移行
yas-ako Apr 15, 2026
0d2f8f5
環境構築のindexページに内容を追加
yas-ako Apr 16, 2026
4eb8a85
fix: 誤字・ページタイトルの誤りなどを修正
yas-ako Apr 16, 2026
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
26 changes: 23 additions & 3 deletions docs/.vitepress/config.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -37,7 +37,26 @@ export default withMermaid({
{ text: 'テキスト', link: '/text/chapter-0/' }
],

sidebar: [
sidebar: {
'/cpp/': [
{
text: 'はじめに',
link: '/cpp/preface/',
items: [
{ text: 'この講習会について', link: '/cpp/preface/1' },
Copy link

Copilot AI Apr 16, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

/cpp/preface/1 のページタイトルは「講習会ガイダンス」ですが、サイドバー表示が「この講習会について」のままになっています。ナビ上の表記とページ内容がずれるので、サイドバーの text をページタイトルに合わせるなどして整合性を取ってください。

Suggested change
{ text: 'この講習会について', link: '/cpp/preface/1' },
{ text: '講習会ガイダンス', link: '/cpp/preface/1' },

Copilot uses AI. Check for mistakes.
{ text: 'このテキストについて', link: '/cpp/preface/2' },
]
},
{
text: '1. 環境構築',
link: '/cpp/chapter-1/',
items: [
{ text: '1.1-A Macの環境構築', link: '/cpp/chapter-1/1-A' },
{ text: '1.1-B Windowsの環境構築', link: '/cpp/chapter-1/1-B' },
]
},
],
'/text/': [
{
text: 'About',
items: [
Expand Down Expand Up @@ -203,10 +222,11 @@ export default withMermaid({
// { text: 'Chapter 6', link: '/guide/chapter-6' },
]
},
{
{
text: 'プライバシーポリシー', link: '/privacy-policy'
}
],
],
},

socialLinks: [
{
Expand Down
109 changes: 108 additions & 1 deletion docs/cpp/chapter-1/1-A.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1 +1,108 @@
# 1.1-A Macの環境構築

# Macの環境構築手順

## Step 1: Clang Install

1. 「⌘ + スペース」
2. 「Spotlight　を検索」が表示される
![](https://md.trap.jp/uploads/upload_adc9c2a774516259a1da6fe5b39d8644.png)

3. **ターミナル** と入力
4. ターミナルを起動する。
5. `clang --version` と入力

::: tip
なにかインストールを求められた時は、指示に従ってインストールしてください。心配なら TA を呼んでください。
:::

6. `command not found` と表示されなければOK
![](https://md.trap.jp/uploads/upload_3ba7721f3d474e631fa3d24018524aff.png)


7. traQ の tasks チャンネルで :cpp: スタンプをつける

## Step 2: Install VSCode

1. https://code.visualstudio.com/download でダウンロード

2. `⌘+Shift+P` を同時押しして、出てきた画面に `shell command` と入力する。 `Install 'code' command in PATH` を選択。

![](https://md.trap.jp/uploads/upload_2abb6541a6553eba592d6ebb50d48f42.png)

3. ターミナルで `code hello.txt` を入力し、VSCode が起動できたら成功！
![](https://md.trap.jp/uploads/upload_4fedaae551ed06599c053eab0df1961a.png)
![](https://md.trap.jp/uploads/upload_b0f12162818c84b840635422dcb0b2e5.png)

4. `⌘+,` を押して、出てきた画面に「Auto Save」と入力

5. 「Files: Auto Save」の項目を探して、「afterDelay」に変更する
![](https://md.trap.jp/uploads/upload_8a51ad57ec7b6d396cb610c9bbb17040.png)


6. `⌘+Shift+X` を押して、出てきた画面に `Japanese` と入力。 `Japanese Language Pack for Visual Studio Code` をインストールする。インストール完了後、右下の `Change Language and Restart` を押して VSCode を再起動する。
![](https://md.trap.jp/uploads/upload_6c5cfaf6aadcc679382c966d4bccb753.png)

5. 日本語でVSCode が表示されるようになったら :vscode: スタンプをつける

## Step 3: 拡張機能の設定

1. VSCodeの 画面で `⌘` + `Shift` + `X`

2. 「C++」と入力し、「C/C++ Extension」の拡張機能を追加

3. `Code Runner` と入力して、「Code Runner」拡張機能を追加

4. `⌘` + `,` で設定を開く。下記画像の赤丸で囲んだ部分を押して `settings.json` を開く。
![](https://md.trap.jp/uploads/upload_bbdd65cb92c5c57bb38f797676aaea8f.png)

5. もし`"cpp": `で始まる行がなければ、一番最後の行の1つ前の行（ `}` の前！）に次のコードを追加する。その前の行に `,` がなかったら追加する。

```
"code-runner.executorMap": {
"cpp": "cd $dir && clang++ -std=c++17 $fileName -o $fileNameWithoutExt && $dir$fileNameWithoutExt",
},
```

![](https://md.trap.jp/uploads/upload_6123c7ce669910790a06b98cc664b827.png)

::: tip

もしすでに`"cpp": ` で始まる行があった場合、以下のように`g++` を `clang++` に置き換える。

```diff
- "cpp": "cd $dir && g++ $fileName -o $fileNameWithoutExt && $dir$fileNameWithoutExt",
+ "cpp": "cd $dir && clang++ -std=c++17 $fileName -o $fileNameWithoutExt && $dir$fileNameWithoutExt",
```

:::

6. `"code-runner.executorMap": {` の行の前に `"code-runner.runInTerminal": true,` を書く（コピペ推奨！！）

7. こんな感じになっていれば OK
![](https://md.trap.jp/uploads/upload_1444ef8d082128cc2723db31555f3960.png)

8. ターミナル を開き、 `code main.cpp` と入力する

9. 次のように書く（コピペでも OK ）

```cpp
#include <iostream>
using namespace std;

int main() {
cout << "Hello, World!" << endl;
}
```

10. 画像の赤丸で実行してみる。下側の画面に `Hello, World!` が出れば成功！
![](https://md.trap.jp/uploads/upload_750a50362d2ae00ffcf2f4b041446ed9.png)

::: tip
なにか出てきた場合は、代わりに三角の隣の`v` を押して、「Run Code」を押す！

![](https://md.trap.jp/uploads/upload_2b042cfaa37207457e419a5380ccd466.png)
:::

11. traQ の tasks チャンネルで :done: を押す

12. 環境構築はこれで完了です！お疲れ様でした。 :blob_pyon:
165 changes: 164 additions & 1 deletion docs/cpp/chapter-1/1-B.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1 +1,164 @@
# 1.1-B Windowsの環境構築

# 環境構築 Windows

## Step 1: Install WSL

1. https://apps.microsoft.com/detail/9N0DX20HK701?hl=ja-jp&gl=JP&ocid=pdpshare で Windows Terminal をインストール（既にインストールされていれば飛ばしてOKです）

1. アプリ検索の画面で、 `Terminal` と入力し 「管理者として実行」
![](https://md.trap.jp/uploads/upload_367dc95b2cd3e74c808320a907977237.png)


2. `wsl --install -d Ubuntu` と入力して、エンターキーを押す。
![](https://md.trap.jp/uploads/upload_7266a7465d2df1dbc341237b2e4983b3.png)

:::warning TA向け
WSL インストールトラブルシューティング
https://learn.microsoft.com/ja-jp/windows/wsl/troubleshooting

`wsl --install` に失敗した際の手動インストールマニュアル
（Windowsバージョンの要件なども書いてあります）
https://learn.microsoft.com/ja-jp/windows/wsl/install-manual
:::

:::warning TA向け
極稀に、BIOS で virtualization 設定が切られている為に WSL がインストールできない事があります（`Please enable the Virtual Machine Platform Windows feature and ensure virtualization is enabled in the BIOS.` と表示されます）
この場合は BIOS に入って、 Advanced -> Virtualization の順で有効化してください。
:::

3. Ubuntu のアカウント設定
1. ターミナルの下部に `Enter new UNIX username:` と表示されていなければ `wsl -d Ubuntu` と入力してエンターキーを押す。
1. それでも `Enter new UNIX username` が表示されない場合（例えば「ディストリビューションが見つからない」という内容のエラーが表示される場合）は、インストールが失敗している可能性があるので Step 1 の 1. からやり直してみる（これでも上手くいかない場合は TA を呼んでください）
1. `Enter new UNIX username:` が表示されるので、**半角英数小文字** でユーザーネームを入れる。（ `take` とか `takemura` とか `ryugo` とか短い方が良い。フォルダの名前になります）
2. `New Password:` WSL 内で使いたいパスワードを入力。何も表示されませんが入力されています。入力できたら エンターキーを押す。
3. `Retype New password:` もう一度入力。

![](https://md.trap.jp/uploads/upload_0fb105e906b7670d57ba0d0810418a95.png)

4. ウィンドウを閉じる

6. スタートから Windows Terminal を起動

7. `Ctrl` + `,` で設定画面を開く

8. 「規定のプロファイル」を「Ubuntu」に変更（複数あるならどれでも良い）
![](https://md.trap.jp/uploads/upload_0ce2e7b6aa4468178d034ffc65934316.png)

9. 「保存」ボタンを押す

10. Windows Terminal を閉じて、もう一度開く

11. traQ の tasks チャンネルで :wsl: スタンプを押す

## Step 2: Install Clang

1. WSL上で `sudo apt update`

3. パスワードを求められるので、WSLで設定したパスワードを入力
4. WSL上で `sudo apt install clang zip curl -y` を実行する
5. `clang --version` で clang のバージョンが表示されれば成功
6. traQ の tasks チャンネルで :cpp: を押す

## Step 3: VSCode Install & Init

1. https://code.visualstudio.com/download から VSCode をインストール

2. 起動後、 `Ctrl` + `Shift` + `X` を押す

3. `Japanese` と入力し、 `Japanese Language Pack for Visual Studio Code` をインストール。
![](https://md.trap.jp/uploads/upload_b54bb733b3bf68010e033d30f2bf57c2.png)

4. VSCode の右下「Change Language and Restart」を押してインストール。

5. もう一度、 `Ctrl` + `Shift` + `X` を押す

6. `WSL` を入力し、 `WSL` をインストール
![](https://md.trap.jp/uploads/upload_80d3b7bc083b103d30d372ba8dabbe5b.png)

7. `Ctrl+,` を押して、出てきた画面に「Auto Save」と入力

8. 「Files: Auto Save」の項目を探して、「afterDelay」に変更する
![](https://md.trap.jp/uploads/upload_8a51ad57ec7b6d396cb610c9bbb17040.png)

9. ターミナルで `code hello.txt` を入力し、VSCode が起動できたら成功！
![](https://md.trap.jp/uploads/upload_b00fe65803252e719a394f50527731d9.png)

::: tip
VSCode が起動しない場合は、一度ターミナルを閉じて開きなおしてからコマンドを再度実行してみてください。
:::

8. traQ の tasks チャンネルで :vscode: スタンプを押す

## Step 4： 拡張機能の設定

1. VSCodeの 画面で `Ctrl` + `Shift` + `X`

2. 「C++」と入力し、「C/C++ Extension Pack」の拡張機能を追加

3. `Code Runner` と入力して、「Code Runner」拡張機能を追加

4. `Ctrl` + `,` で設定を開く。下記画像の赤丸で囲んだ部分を押して `settings.json` を開く。
![](https://md.trap.jp/uploads/upload_bbdd65cb92c5c57bb38f797676aaea8f.png)

5. もし`"cpp": `で始まる行がなければ、一番最後の行の1つ前の行（ `}` の前！）に次のコードを追加する。その前の行に `,` がなかったら追加する。

```
"code-runner.executorMap": {
"cpp": "cd $dir && clang++ -std=c++17 $fileName -o $fileNameWithoutExt && $dir$fileNameWithoutExt",
},
```

![](https://md.trap.jp/uploads/upload_6123c7ce669910790a06b98cc664b827.png)

::: tip

もしすでに`"cpp": ` で始まる行があった場合、以下のように`g++` を `clang++` に置き換える。

```diff
- "cpp": "cd $dir && g++ $fileName -o $fileNameWithoutExt && $dir$fileNameWithoutExt",
+ "cpp": "cd $dir && clang++ -std=c++17 $fileName -o $fileNameWithoutExt && $dir$fileNameWithoutExt",
```

:::

6. `"code-runner.executorMap": {` の行の前に `"code-runner.runInTerminal": true,` を書く（コピペ推奨！！）

6. 編集画面に赤い波線が出ていないことを確認する。出ている場合は入力にミスがある可能性が高いので、もう一度確認してみる。 (それでも解決しない場合はTAを呼んでください)

7. こんな感じになっていれば OK
![](https://md.trap.jp/uploads/upload_1444ef8d082128cc2723db31555f3960.png)

8. WSL を開き、 `code main.cpp` と入力する

9. 次のように書く（コピペでも OK ）

```cpp
#include <iostream>
using namespace std;

int main() {
cout << "Hello, World!" << endl;
}
```

10. 画像の赤丸で実行してみる。下側の画面に `Hello, World!` が出れば成功！
![](https://md.trap.jp/uploads/upload_750a50362d2ae00ffcf2f4b041446ed9.png)

::: tip
三角のボタンが表示されない場合、ウィンドウの左下に「制限モード」と表示されていないか確認してみてください。

表示されている場合にはそこをクリックして、その先の画面で「信頼する」をクリックしてください。
(画像の赤枠部分)

![](https://md.trap.jp/uploads/upload_90b63cfdbe22831b9c2f838152fab403.png)
:::

::: tip
ボタンを押してもうまくいかない場合は、代わりに三角の隣の `v` を押して、「Run Code」を押してみてください！

![](https://md.trap.jp/uploads/upload_2b042cfaa37207457e419a5380ccd466.png)
:::

11. traQ の tasks チャンネルで :done: スタンプを押す

12. 環境構築はこれで完了です！お疲れ様でした。 :blob_pyon:
17 changes: 17 additions & 0 deletions docs/cpp/chapter-1/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1 +1,18 @@
# 1. 環境構築

プログラミングとは、という話をする前にまず**環境構築**を行っていきます。これにかなり時間がかかると考えられるので、環境構築を済ませてから講習を進めていきます。

:::tip
プログラミングをする為の**環境**を**構築**する → **環境構築**
:::

基本的に各自で資料を読みながら、進めてください。

**もし手が止まった・わからない所があったらすぐに手を上げるか何かしてTAを呼んでください。**
**終わったら隣の人の様子を見てみてください。**

使用しているパソコンの種類によって、環境構築の手順が異なります。自分のパソコンに対応するページに進み、環境構築をしていきましょう。

[**Mac** の環境構築手順](/cpp/chapter-1/1-A)

[**Windows** の環境構築手順](/cpp/chapter-1/1-B)
Loading