Skip to content
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.

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

Change from Cmd to command and Opt to option #429

Merged
merged 1 commit into from
Oct 8, 2023
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
6 changes: 3 additions & 3 deletions docs/1-trial-session/02-html/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ Web 開発に必ず用いられる言語があります。<Term type="html" stro

## <Term type="html">HTML</Term> を書き始める

VS Code の画面左端には、ファイル一覧が表示されています。新しいファイルを作成して、`index.html` と名付けましょう。ファイルの中身を次のようにした後、保存します。保存にはショートカットキー ( `Cmd / Ctrl + S` ) を用いてください。
VS Code の画面左端には、ファイル一覧が表示されています。新しいファイルを作成して、`index.html` と名付けましょう。ファイルの中身を次のようにした後、保存します。保存にはショートカットキー ( `command / Ctrl + S` ) を用いてください。

```html title="index.html"
<!doctype html>
Expand Down Expand Up @@ -76,13 +76,13 @@ VS Code 上で作成したファイルは `index.html` でした。しかしな
</html>
```

繰り返しになりますが、<Term type="html">HTML</Term> を編集したら、`Cmd / Ctrl + S` キーを押してファイルを保存します。ファイル名の横に表示されている丸い記号が消えたら保存が完了しています。
繰り返しになりますが、<Term type="html">HTML</Term> を編集したら、`command / Ctrl + S` キーを押してファイルを保存します。ファイル名の横に表示されている丸い記号が消えたら保存が完了しています。

![ファイルを保存する](./save-file.png)

:::tip ショートカットキー

ショートカットキーがうまく押せませんか? `Cmd / Ctrl + S` はよく、「`Cmd (macOS)` または `Ctrl (Windows)` キーと `S` キーを同時に押す」と言われますが、実は同時に押すと半分くらいの確率で失敗します。`Cmd / Ctrl` キーを押した後、キーから指を離す前に `S` キーを押しましょう。
ショートカットキーがうまく押せませんか? `command / Ctrl + S` はよく、「`command (macOS)` または `Ctrl (Windows)` キーと `S` キーを同時に押す」と言われますが、実は同時に押すと半分くらいの確率で失敗します。`command / Ctrl` キーを押した後、キーから指を離す前に `S` キーを押しましょう。

ショートカットキーを使いこなせるようになると、パソコンの操作速度が飛躍的に上昇します。慣れている人がパソコンを操作しているのを見たら、ぜひ後ろから覗き込んでみましょう。便利そうなショートカットキーを使っている人がいたら身に着けるようにすると良いです。

Expand Down
2 changes: 1 addition & 1 deletion docs/2-browser-apps/01-inspector/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@ Google Chrome 以外のブラウザにも開発者ツールは搭載されてい

:::

開発者ツールは、`Cmd (Ctrl) + Opt (Shift) + I` キー、もしくは `F12` キーを押すことにより起動できます。
開発者ツールは、`command (Ctrl) + option (Shift) + I` キー、もしくは `F12` キーを押すことにより起動できます。

![開発者ツールを起動した様子](open-inspector.png)

Expand Down
2 changes: 1 addition & 1 deletion docs/3-web-servers/02-node-js/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@ VS Code 内蔵のターミナルを起動させるには、メニューの `Term

:::tip コマンド パレット

VS Code の**コマンド パレット**は、現在 VS Code 上で使用できる全ての機能を一覧表示する機能です。`Cmd / Ctrl + Shift + P` キーを押すことにより起動できます。
VS Code の**コマンド パレット**は、現在 VS Code 上で使用できる全ての機能を一覧表示する機能です。`command / Ctrl + Shift + P` キーを押すことにより起動できます。

次の画像は、コマンド パレットを用いて新しいターミナルを作成する例です。コマンド パレットを使用することで、ショートカットキーを知らなくても、キーボードのみで VS Code が操作できるようになります。

Expand Down
2 changes: 1 addition & 1 deletion docs/3-web-servers/09-git-github-init/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -153,7 +153,7 @@ VS Code 標準の機能だけでも多くのことができますが、より便

### [Git Graph](https://marketplace.visualstudio.com/items?itemName=mhutchie.git-graph)

コマンドパレット(`Cmd / Ctrl + Shift + P`)に `Git Graph: View Git Graph (git log)` というメニューが出て見やすい
コマンドパレット(`command / Ctrl + Shift + P`)に `Git Graph: View Git Graph (git log)` というメニューが出て見やすい

![GitGragh](./gitGraph.png)

Expand Down
2 changes: 1 addition & 1 deletion docs/3-web-servers/10-git-github/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -125,7 +125,7 @@ git commit -m "コミットメッセージ"

<video src={secondCommitVideo} muted autoPlay loop controls />

これにより、2 つ目のコミットが作成されました。コミットの履歴を確認するために、先ほどインストールした `Git Graph` 拡張機能を起動してみましょう。`Cmd / Ctrl + Shift + P` キーを押してコマンドパレットを開き、`Git Graph: View Git Graph (git log)` を選択します。
これにより、2 つ目のコミットが作成されました。コミットの履歴を確認するために、先ほどインストールした `Git Graph` 拡張機能を起動してみましょう。`command / Ctrl + Shift + P` キーを押してコマンドパレットを開き、`Git Graph: View Git Graph (git log)` を選択します。

<video src={showGitHistoryVideo} muted autoPlay loop controls />

Expand Down