1- # 環境構築Mac
1+ # 1.1-A Macの環境構築
22
3- ## Step 1: Install Clang
3+ ## Step 1: Clangのインストール
44
5- 1 . ` ⌘ ` + ` スペース `
6- 2 . 「Spotlight 検索」と表示される
5+ 1 . ` ⌘ ` + ` スペース ` を同時に押す。
6+ 2 . 「Spotlight 検索」と表示される。
77![ ] ( https://md.trap.jp/uploads/upload_adc9c2a774516259a1da6fe5b39d8644.png )
8-
9- 3 . ** ターミナル** と入力
8+ 3 . 検索欄に** ターミナル** と入力する。
1094 . ターミナルを起動する。
11- 5 . ` clang --version ` と入力
10+ 5 . ターミナルに ` clang --version ` と入力する。(コピペでOK)
1211
1312::: tip
1413なにかインストールを求められた時は、指示に従ってインストールしてください。心配ならTAを呼んでください。
1514:::
1615
17- 6 . ` command not found ` と表示されなければOK
16+ 6 . ` command not found ` と表示されなければOK。
1817![ ] ( https://md.trap.jp/uploads/upload_3ba7721f3d474e631fa3d24018524aff.png )
18+ 7 . [ traQのtasksチャンネル] ( https://q.trap.jp/channels/event/workshop/pg-basic/tasks ) でスタンプをつける。
1919
20+ ## Step 2: VSCodeのインストール
2021
21- 7 . traQのtasksチャンネルで :cpp: スタンプをつける
22-
23- ## Step 2: Install VSCode
24-
25- 1 . https://code.visualstudio.com/download でダウンロード
26-
27- 2 . ` ⌘ ` + ` Shift ` + ` P ` を同時押しして、出てきた画面に ` shell command ` と入力する。 ` Install 'code' command in PATH ` を選択。
22+ 1 . < https://code.visualstudio.com/download > から自分のOS用のインストーラをダウンロードする。
23+ 2 . 画面の表示に従って、VSCodeをインストールする。
24+ 3 . ` ⌘ ` +` Shift ` +` P ` を同時押しして、出てきた画面に` shell command ` と入力する。
25+ 4 . ` Install 'code' command in PATH ` を選択する。
2826
2927![ ] ( https://md.trap.jp/uploads/upload_2abb6541a6553eba592d6ebb50d48f42.png )
3028
31- 3 . ターミナルで ` code hello.txt ` を入力し、 VSCodeが起動できたら成功!
29+ 4 . ターミナルに戻り、 ` code hello.txt ` と入力する。 VSCodeが起動できたら成功!
3230![ ] ( https://md.trap.jp/uploads/upload_4fedaae551ed06599c053eab0df1961a.png )
3331![ ] ( https://md.trap.jp/uploads/upload_b0f12162818c84b840635422dcb0b2e5.png )
3432
35- 4 . ` ⌘ ` + ` , ` を押して、出てきた画面に「Auto Save」と入力
33+ 4 . ` ⌘ ` +` , ` を押して、出てきた画面に「Auto Save」と入力する。
34+ 5 . 「Files: Auto Save」の項目を探して、「afterDelay」に変更する。
3635
37- 5 . 「Files: Auto Save」の項目を探して、「afterDelay」に変更する
3836![ ] ( https://md.trap.jp/uploads/upload_8a51ad57ec7b6d396cb610c9bbb17040.png )
3937
38+ 6 . ` ⌘ ` +` Shift ` +` X ` を押して、出てきた画面に` Japanese ` と入力する。
39+ 7 . ` Japanese Language Pack for Visual Studio Code ` をインストールする。
40+ 8 . インストールが終わったら、右下の` Change Language and Restart ` を押してVSCodeを再起動する。
4041
41- 6 . ` ⌘ ` + ` Shift ` + ` X ` を押して、出てきた画面に ` Japanese ` と入力。 ` Japanese Language Pack for Visual Studio Code ` をインストールする。インストール完了後、右下の ` Change Language and Restart ` を押してVSCodeを再起動する。
4242![ ] ( https://md.trap.jp/uploads/upload_6c5cfaf6aadcc679382c966d4bccb753.png )
4343
44- 7 . 日本語でVSCodeが表示されるようになったら :vscode: スタンプをつける
44+ 9 . 日本語でVSCodeが表示されるようになったら、 [ traQのtasksチャンネル ] ( https://q.trap.jp/channels/event/workshop/pg-basic/tasks ) でスタンプをつける。
4545
4646## Step 3: 拡張機能の設定
4747
48- 1 . VSCodeの 画面で ` ⌘ ` + ` Shift ` + ` X `
49-
50- 2 . 「C++」と入力し、「C/C++ Extension」の拡張機能を追加
51-
52- 3 . ` Code Runner ` と入力して、「Code Runner」拡張機能を追加
53-
54- 4 . ` ⌘ ` + ` , ` で設定を開く。下記画像の赤丸で囲んだ部分を押して ` settings.json ` を開く。
48+ 1 . VSCodeの画面で` ⌘ ` +` Shift ` +` X ` を押す。
49+ 2 . ` C++ ` と入力し、「C/C++ Extension Pack」の拡張機能を追加する。
50+ 3 . ` Code Runner ` と入力して、「Code Runner」の拡張機能を追加する。
51+ 4 . ` ⌘ ` +` , ` で設定を開く。下記画像の赤丸で囲んだ部分を押して` settings.json ` を開く。
5552![ ] ( https://md.trap.jp/uploads/upload_bbdd65cb92c5c57bb38f797676aaea8f.png )
5653
57- 5 . もし` "cpp": ` で始まる行がなければ、一番最後の行の1つ前の行( ` } ` の前!)に次のコードを追加する。その前の行に ` , ` がなかったら追加する。
54+ 5 . もし` "cpp": ` で始まる行がなければ、一番最後の行の1つ前の行(` } ` の前!)に次のコードを追加する。その前の行に` , ` がなかったら追加する。
5855
5956```
6057"code-runner.executorMap": {
61- "cpp": "cd $dir && clang++ -std=c++17 $fileName -o $fileNameWithoutExt && $dir$fileNameWithoutExt",
58+ "cpp": "cd $dir && clang++ -std=c++23 $fileName -o $fileNameWithoutExt && $dir$fileNameWithoutExt",
6259},
6360```
6461
6562![ ] ( https://md.trap.jp/uploads/upload_6123c7ce669910790a06b98cc664b827.png )
6663
6764::: tip
6865
69- もしすでに` "cpp": ` で始まる行があった場合、以下のように` g++ ` を ` clang++ ` に置き換える。
66+ もしすでに` "cpp": ` で始まる行があった場合、以下のように` g++ ` を ` clang++ ` に置き換える。
7067
7168``` diff
7269- "cpp": "cd $dir && g++ $fileName -o $fileNameWithoutExt && $dir$fileNameWithoutExt",
73- + "cpp": "cd $dir && clang++ -std=c++17 $fileName -o $fileNameWithoutExt && $dir$fileNameWithoutExt",
70+ + "cpp": "cd $dir && clang++ -std=c++23 $fileName -o $fileNameWithoutExt && $dir$fileNameWithoutExt",
7471```
7572
7673:::
7774
78- 6 . ` "code-runner.executorMap": { ` の行の前に ` "code-runner.runInTerminal": true, ` を書く(コピペ推奨!!)
75+ 6 . ` "code-runner.executorMap": { ` の行の前に` "code-runner.runInTerminal": true, ` を書く。(コピペ推奨!!)
76+ 7 . こんな感じになっていればOK!
7977
80- 7 . こんな感じになっていればOK
8178![ ] ( https://md.trap.jp/uploads/upload_1444ef8d082128cc2723db31555f3960.png )
8279
83- 8 . ターミナル を開き、 ` code main.cpp ` と入力する
84-
85- 9 . 次のように書く(コピペでもOK)
80+ 8 . ターミナルを開き、` code main.cpp ` と入力する。
81+ 9 . 次のように書く。(コピペでもOK)
8682
8783``` cpp
8884#include < iostream>
@@ -93,15 +89,14 @@ int main() {
9389}
9490```
9591
96- 10 . 画像の赤丸で実行してみる。下側の画面に ` Hello, World! ` が出れば成功!
92+ 10 . 画像の赤丸で実行してみる。下側の画面に` Hello, World! ` が出れば成功!
9793![ ] ( https://md.trap.jp/uploads/upload_750a50362d2ae00ffcf2f4b041446ed9.png )
9894
9995::: tip
100- なにか出てきた場合は、代わりに三角の隣の` v ` を押して、「Run Code」を押す!
96+ なにか出てきた場合は、代わりに三角の隣の` v ` を押して、「Run Code」を押す!
10197
10298![ ] ( https://md.trap.jp/uploads/upload_2b042cfaa37207457e419a5380ccd466.png )
10399:::
104100
105- 11 . traQのtasksチャンネルで :done: を押す
106-
107- 12 . 環境構築はこれで完了です!お疲れ様でした。 :blob_pyon:
101+ 11 . [ traQのtasksチャンネル] ( https://q.trap.jp/channels/event/workshop/pg-basic/tasks ) でスタンプをつける。
102+ 12 . 環境構築はこれで完了です。お疲れ様でした!
0 commit comments