From f0e77176baca0e83f080f4b031f9f7b384cfa6af Mon Sep 17 00:00:00 2001 From: chvmvd <104971044+chvmvd@users.noreply.github.com> Date: Tue, 28 Nov 2023 11:55:40 +0900 Subject: [PATCH] Refactor keyboard shortcut notation --- docs/1-trial-session/02-html/index.mdx | 6 +++--- docs/2-browser-apps/01-inspector/index.mdx | 2 +- docs/3-web-servers/02-node-js/index.mdx | 2 +- docs/3-web-servers/04-server/index.mdx | 2 +- docs/3-web-servers/09-git-github-init/index.mdx | 2 +- docs/3-web-servers/10-git-github/index.mdx | 2 +- docs/4-advanced/02-bundler/index.mdx | 2 +- docs/5-team-development/01-git-workflow/index.mdx | 2 +- 8 files changed, 10 insertions(+), 10 deletions(-) diff --git a/docs/1-trial-session/02-html/index.mdx b/docs/1-trial-session/02-html/index.mdx index c8a3efd65..e47d4d110 100644 --- a/docs/1-trial-session/02-html/index.mdx +++ b/docs/1-trial-session/02-html/index.mdx @@ -13,7 +13,7 @@ Web 開発に必ず用いられる言語があります。**HTML** ## HTML を書き始める -VS Code の画面左端には、ファイル一覧が表示されています。新しいファイルを作成して、`index.html` と名付けましょう。ファイルの中身を次のようにした後、保存します。保存にはショートカットキー ( `command / Ctrl + S` ) を用いてください。 +VS Code の画面左端には、ファイル一覧が表示されています。新しいファイルを作成して、`index.html` と名付けましょう。ファイルの中身を次のようにした後、保存します。保存にはショートカットキー (command + S (macOS) / Ctrl + S (Windows) ) を用いてください。 ```html title="index.html" @@ -76,13 +76,13 @@ VS Code 上で作成したファイルは `index.html` でした。しかしな ``` -繰り返しになりますが、HTML を編集したら、`command / Ctrl + S` キーを押してファイルを保存します。ファイル名の横に表示されている丸い記号が消えたら保存が完了しています。 +繰り返しになりますが、HTML を編集したら、command + S (macOS) / Ctrl + S (Windows) キーを押してファイルを保存します。ファイル名の横に表示されている丸い記号が消えたら保存が完了しています。 ![ファイルを保存する](./save-file.png) :::tip[ショートカットキー] -ショートカットキーがうまく押せませんか？ `command / Ctrl + S` はよく、「`command (macOS)` または `Ctrl (Windows)` キーと `S` キーを同時に押す」と言われますが、実は同時に押すと半分くらいの確率で失敗します。`command / Ctrl` キーを押した後、キーから指を離す前に `S` キーを押しましょう。 +ショートカットキーがうまく押せませんか？ command + S (macOS) / Ctrl + S (Windows) はよく、「command (macOS) または Ctrl (Windows) キーと S キーを同時に押す」と言われますが、実は同時に押すと半分くらいの確率で失敗します。command (macOS) / Ctrl (Windows) キーを押した後、キーから指を離す前に S キーを押しましょう。 ショートカットキーを使いこなせるようになると、パソコンの操作速度が飛躍的に上昇します。慣れている人がパソコンを操作しているのを見たら、ぜひ後ろから覗き込んでみましょう。便利そうなショートカットキーを使っている人がいたら身に付けるようにすると良いです。 diff --git a/docs/2-browser-apps/01-inspector/index.mdx b/docs/2-browser-apps/01-inspector/index.mdx index 85834f4e8..85eedc249 100644 --- a/docs/2-browser-apps/01-inspector/index.mdx +++ b/docs/2-browser-apps/01-inspector/index.mdx @@ -15,7 +15,7 @@ Google Chrome 以外のブラウザにも開発者ツールは搭載されてい ::: -開発者ツールは、`command (Ctrl) + option (Shift) + I` キーを押すことにより起動できます。 +開発者ツールは、command + option + I (macOS) / Ctrl + Shift + I (Windows) キーを押すことにより起動できます。 ![開発者ツールを起動した様子](open-inspector.png) diff --git a/docs/3-web-servers/02-node-js/index.mdx b/docs/3-web-servers/02-node-js/index.mdx index 741adafd5..01e8e692a 100644 --- a/docs/3-web-servers/02-node-js/index.mdx +++ b/docs/3-web-servers/02-node-js/index.mdx @@ -17,7 +17,7 @@ VS Code 内蔵のターミナルを起動させるには、メニューの `Term :::tip[コマンド パレット] -VS Code の**コマンド パレット**は、現在 VS Code 上で使用できる全ての機能を一覧表示する機能です。`command / Ctrl + Shift + P` キーを押すことにより起動できます。 +VS Code の**コマンド パレット**は、現在 VS Code 上で使用できる全ての機能を一覧表示する機能です。command + shift + P (macOS) / Ctrl + Shift + P (Windows) キーを押すことにより起動できます。 次の画像は、コマンド パレットを用いて新しいターミナルを作成する例です。コマンド パレットを使用することで、ショートカットキーを知らなくても、キーボードのみで VS Code が操作できるようになります。 diff --git a/docs/3-web-servers/04-server/index.mdx b/docs/3-web-servers/04-server/index.mdx index f31a816a0..73342b59b 100644 --- a/docs/3-web-servers/04-server/index.mdx +++ b/docs/3-web-servers/04-server/index.mdx @@ -55,7 +55,7 @@ node main.mjs :::warning[Web サーバーの停止] -このプログラムは、一度起動すると停止しません。サーバーにとって、クライアントからのリクエストはいつやってくるかわからないため、常に起動し続けている必要があるからです。Node.js プログラムを終了するには、ターミナル上で `Ctrl + C` を押します。 +このプログラムは、一度起動すると停止しません。サーバーにとって、クライアントからのリクエストはいつやってくるかわからないため、常に起動し続けている必要があるからです。Node.js プログラムを終了するには、ターミナル上で control + C (macOS) / Ctrl + C (Windows) を押します。 ::: diff --git a/docs/3-web-servers/09-git-github-init/index.mdx b/docs/3-web-servers/09-git-github-init/index.mdx index 5c808b4bb..8b3e52da3 100644 --- a/docs/3-web-servers/09-git-github-init/index.mdx +++ b/docs/3-web-servers/09-git-github-init/index.mdx @@ -146,7 +146,7 @@ VS Code 標準の機能だけでも多くのことができますが、より便 ### [Git Graph](https://marketplace.visualstudio.com/items?itemName=mhutchie.git-graph) -コマンドパレット(`command / Ctrl + Shift + P`)に `Git Graph: View Git Graph (git log)` というメニューが出て見やすい +コマンドパレット (command + shift + P (macOS) / Ctrl + Shift + P (Windows) ) に `Git Graph: View Git Graph (git log)` というメニューが出て見やすい ![GitGragh](./gitGraph.png) diff --git a/docs/3-web-servers/10-git-github/index.mdx b/docs/3-web-servers/10-git-github/index.mdx index 2bcb08f21..f40eefa89 100644 --- a/docs/3-web-servers/10-git-github/index.mdx +++ b/docs/3-web-servers/10-git-github/index.mdx @@ -121,7 +121,7 @@ git commit -m "コミットメッセージ"