Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
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
77 changes: 36 additions & 41 deletions docs/cpp/chapter-1/1-A.md
Original file line number Diff line number Diff line change
@@ -1,88 +1,84 @@
# 環境構築Mac
# 1.1-A Macの環境構築

## Step 1: Install Clang
## Step 1: Clangのインストール

1. `⌘` + `スペース`
2. 「Spotlight 検索」と表示される
1. `⌘`+`スペース`を同時に押す。
2. 「Spotlight 検索」と表示される
![](https://md.trap.jp/uploads/upload_adc9c2a774516259a1da6fe5b39d8644.png)

3. **ターミナル** と入力
3. 検索欄に**ターミナル** と入力する。
4. ターミナルを起動する。
5. `clang --version` と入力
5. ターミナルに`clang --version`と入力する。(コピペでOK)

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

6. `command not found` と表示されなければOK
6. `command not found`と表示されなければOK
![](https://md.trap.jp/uploads/upload_3ba7721f3d474e631fa3d24018524aff.png)
7. [traQのtasksチャンネル](https://q.trap.jp/channels/event/workshop/pg-basic/tasks)でスタンプをつける。

## Step 2: VSCodeのインストール

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

## Step 2: Install VSCode

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

2. `⌘` + `Shift` + `P` を同時押しして、出てきた画面に `shell command` と入力する。 `Install 'code' command in PATH` を選択。
1. <https://code.visualstudio.com/download>から自分のOS用のインストーラをダウンロードする。
2. 画面の表示に従って、VSCodeをインストールする。
3. `⌘`+`Shift`+`P`を同時押しして、出てきた画面に`shell command`と入力する。
4. `Install 'code' command in PATH` を選択する。

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

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

4. `⌘` + `,` を押して、出てきた画面に「Auto Save」と入力
4. `⌘`+`,`を押して、出てきた画面に「Auto Save」と入力する。
5. 「Files: Auto Save」の項目を探して、「afterDelay」に変更する。

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

6. `⌘`+`Shift`+`X`を押して、出てきた画面に`Japanese`と入力する。
7. `Japanese Language Pack for Visual Studio Code` をインストールする。
8. インストールが終わったら、右下の`Change Language and Restart`を押してVSCodeを再起動する。

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

7. 日本語でVSCodeが表示されるようになったら :vscode: スタンプをつける
9. 日本語でVSCodeが表示されるようになったら、[traQのtasksチャンネル](https://q.trap.jp/channels/event/workshop/pg-basic/tasks)でスタンプをつける。

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

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

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

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

4. `⌘` + `,` で設定を開く。下記画像の赤丸で囲んだ部分を押して `settings.json` を開く。
1. VSCodeの画面で`⌘`+`Shift`+`X`を押す。
2. `C++`と入力し、「C/C++ Extension Pack」の拡張機能を追加する。
3. `Code Runner`と入力して、「Code Runner」の拡張機能を追加する。
4. `⌘`+`,`で設定を開く。下記画像の赤丸で囲んだ部分を押して`settings.json`を開く。
![](https://md.trap.jp/uploads/upload_bbdd65cb92c5c57bb38f797676aaea8f.png)

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

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

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

::: tip

もしすでに`"cpp": ` で始まる行があった場合、以下のように`g++``clang++` に置き換える。
もしすでに`"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",
+ "cpp": "cd $dir && clang++ -std=c++23 $fileName -o $fileNameWithoutExt && $dir$fileNameWithoutExt",
```

:::

6. `"code-runner.executorMap": {` の行の前に `"code-runner.runInTerminal": true,` を書く(コピペ推奨!!)
6. `"code-runner.executorMap": {`の行の前に`"code-runner.runInTerminal": true,`を書く。(コピペ推奨!!)
7. こんな感じになっていればOK!

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

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

9. 次のように書く(コピペでもOK)
8. ターミナルを開き、`code main.cpp`と入力する。
9. 次のように書く。(コピペでもOK)

```cpp
#include <iostream>
Expand All @@ -93,15 +89,14 @@ int main() {
}
```

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

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

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

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

12. 環境構築はこれで完了です!お疲れ様でした。 :blob_pyon:
11. [traQのtasksチャンネル](https://q.trap.jp/channels/event/workshop/pg-basic/tasks)でスタンプをつける。
12. 環境構築はこれで完了です。お疲れ様でした!
5 changes: 2 additions & 3 deletions docs/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,6 @@ hero:
text: プライバシーポリシー
link: /privacy-policy


---

現在2026年度版のテキストを作成中です。構成の変更や内容の追加などを行っています。執筆が完了した章から順次公開していきます。
Expand All @@ -34,7 +33,7 @@ hero:
- [2.3 はじめてのプログラミング](/cpp/chapter-2/3)
- [練習問題](/cpp/chapter-2/problems/)

:::details 2025年度版テキスト
::: details 2025年度版テキスト

こちらは2025年度以前に使用していたテキストです。

Expand All @@ -46,4 +45,4 @@ hero:
- [V. Function](/text/chapter-5/)
- [VI. Struct](/text/chapter-6/)

:::
:::
Loading