【Mac版】GoogleChromeをインストールしよう
ブラウザとは
YouTube や Google などのホームページを表示するのに使うのが ブラウザ です。
Google Chrome をインストールしよう
様々な種類のブラウザがありますが、このプログラムでは Google Chrome（グーグル・クローム） を利用しますので、 Google Chrome のインストール方法を紹介します。もし、既に Google Chrome を利用している方はダウンロード・インストールの手順を読み飛ばし、次に進んでください。
Windowsを使用している方はこちら
【Win版】Google Chrome をインストールしよう
お使いのブラウザを開きます。
ブラウザには検索欄がありますので、 Chrome と入力して Enter を押します。Chrome と入力し、 Enter キーを押す
Google の公式サイトから Chrome をダウンロードします。 https から始まる URL に google.co.jp と含まれているものが公式サイトです。
Chrome のサイトが見つからない方は、こちらのリンクから Chrome のダウンロードサイトにアクセスしてください。
-偽サイトに注意！-
「Chrome」で検索する人を狙った、悪質な偽サイトが確認されています。
偽サイトからソフトをダウンロードした場合、データが破損したり、個人情報が抜き取られたりする恐れがあります。
本物のサイトの URL には「google.co.jp」あるいは「google.com」の文字列が入っています。
Chrome に限らず、ソフトウェアを検索してダウンロードする場合、開発元の公式サイトからダウンロードしようとしているかを確認しましょう。
画面中央に表示されている「Chrome をダウンロード」というボタンをクリックします。
利用規約に同意したら、「同意してインストール」をクリックします。
ダウンロードが完了したら、 Finder (ファインダー) を開きます。特に設定を変更していない macOS であれば、画面下部に位置する Dock の左端にあるはずです。
ダウンロードフォルダを開き、先ほどダウンロードした googlechrome.dmg をダブルクリックで起動します。
少し待つと、このような画面が表示されるので、Google Chrome.app と書いてあるアイコンを、下のフォルダのアイコンまでドラッグ&ドロップします。この操作によって、Google Chrome がお使いの Mac にコピーされます。
コピーが完了したら、先ほどのアイコンが 2 つ並んだ画面を閉じてください。その後、Finder のデバイス欄に表示されている Google Chrome の横にある取り出しボタンをクリックしてください。なお、正常にインストールできていれば、先ほどダウンロードした googlechrome.dmg は削除しても構いません。
続いて、アプリケーションフォルダを開いて Google Chrome.app をダブルクリックしてください。
Google Chrome はインターネット上からダウンロードしたプログラムなので、 Mac がセキュリティ的に開いても問題ないかを聞いてきます。今回は Google の公式サイトからダウンロードしており、安全だと判断できるので「開く」をクリックします。
「Google Chrome へようこそ」というダイアログが表示されたら、「Google Chrome を規定のブラウザとして設定する」をクリックしてチェックを入れます。
「使用統計データや……」という項目のチェックはよく分からなければ外して大丈夫です。
適切にチェックを入れ終えたら、「Google Chrome を起動」をクリックします。
「"Chrome"に変更」と書いてあるボタンをクリックします。
Chrome を使い始める際に、便利にするための手順が表示されます。「開始する」をクリックします。
Google が提供するアプリをブックマーク（お気に入り）に登録する手順が表示されますが、特にこだわりがなければ「スキップ」をクリックしてください。
Google アカウントで Chrome にログインするかどうかを聞かれる画面が表示されます。特に必要性はないので、「スキップ」ボタンをクリックします。
もし Google のアカウント（ID）をお持ちであれば、ログインしても問題ありません。
無事、 Google Chrome が起動すればインストール完了です。
また、これから頻繁に Google Chrome を使っていくことになるので、 Dock に追加しておきましょう。 Dock 上で Chrome のアイコンを右クリック（MacBook, MacBook Air, MacBook Pro をお使いの場合、初期設定であれば 2 本指でクリック）し、「オプション」から「Dock に追加」をクリックします。
JavaScript 体験
インストールした Chrome を使って、JavaScript（ジャバスクリプト）というプログラミング言語でのプログラミングを体験してみましょう。
console を開こう
Chrome の右上のその他ボタンをクリックし、出てきたメニューの中の「その他のツール」にマウスカーソルを合わせると、その左にさらにメニューが出てきます。
その中から「デベロッパーツール」を選択します。
developer（デベロッパー、ディベロッパー） : 開発者のこと。
デベロッパーツールの console タブを選択します。
console（コンソール）は、JavaScript のプログラムを実行できる環境です。
なお、console を開いた時に以下のように黄色や赤色でエラー表示が出ることもありますが、これは Web ページ側に存在している問題が表示されているだけです。今回は支障がないので、現時点で気にする必要はありません。
JavaScript で計算をさせてみよう
それでは実際に、プログラミングの第一歩を踏み出してみましょう。ブラウザに計算をさせる命令を出してみます。
この console に、半角・英数字入力でalert(25 + 25);
と入力して、 Enter を押してみましょう。
Windows の場合は 半角/全角 を押し、Mac の場合は 英数 を押すことで、半角・英数字入力ができます。
( は、 Shift を押しっぱなしにしながら 8 を押すと出すことができます。) は、 Shift を押しっぱなしにしながら 9 を押すと出すことができます。+ は、 Shift を押しっぱなしにしながら ; を押すと出すことができます。
Shift は、 PC によっては Shift と書かれておらず上矢印（⇧）のみで示されていることもありますが、いずれの場合も Z の左隣にあります。
なお、上に示した入力方法は一般的な日本語キーボードの場合です。英語キーボードなどでは、入力方法が異なりますのでご注意ください。
もし console に何も入力できないという場合は、console の > と表示されている部分のあたりをクリックしてから入力してみてください。
50 という計算結果が表示されます。
なお、以下の画像で www.google.co.jp と表示されている部分はこの操作を実行した Web ページによって変わるため、別の文字列が表示されていても気にする必要はありません。
おめでとうございます！命令が実行されました。これがプログラミングの第一歩です。
右上の × ボタンでデベロッパーツールを閉じて終わりましょう。
alert（アラート） : 警告という意味。ここでは、警告用の表示（アラートダイアログ）を使って計算結果を表示させている。
記号の入力方法
一般に Shift を押しながら入力を行うことで、キーボードの上部に印字された記号を入力できます。
半角と全角の切り替えは
Widows の場合： ［半角/全角］ を押す
Mac の場合： 英数 で半角、 かな で全角入力に切り替えることができます。
Google Chrome の便利な機能
表示されている文字をドラッグして右クリックし、Googleで「○○」を検索 をクリックすることで、すぐに検索できます。
分からない用語があった場合など、積極的に活用してみてください。
まとめ
- ブラウザ ではホームページ（Web コンテンツ）を表示できる。
- ブラウザ では JavaScript のプログラムを動かすことができる。
お疲れ様でした！
次は、VSCodeのインストールです。
【Mac版】VSCodeをインストールしよう