【学習準備】Google Chromeをダウンロードしよう

インターネットで Webページ を閲覧する アプリ のことを ブラウザアプリ といいます。

この ブラウザ にも種類があり、代表的なものでは、
Google Chrome(グーグル・クローム)、Safari(サファリ)、Firefox(ファイアフォックス)、IE(アイイー、インターネット・エクスプローラー)、Edge(エッジ)、Opera(オペラ) があります。

それぞれ、デザインや動作可能な環境、機能が異なります

また、Google Chrome や Safariなどには パソコン版スマートフォン版 があり、厳密には異なるアプリになります。

他にもそれぞれの ブラウザの バージョン ごとに 機能や性能の違いがあります

 

次のリンクで 日本のパソコンで使用されているブラウザ のシェア率を確認できます。

Desktop Browser Market Share Japan | StatCounter Global Stats

2020/11/16 では、Google Chrome がシェア率60.68% で 最も多い結果となっています。

ブラウザのシェア率

同じプログラミングコードでも ブラウザごとに結果が異なる ことがあります。

そのため 開発時には対象となるすべてのブラウザで テスト(動作確認) を行う必要があります。

フロントエンド(HTML、CSS、JavaScript)の 開発において、この ブラウザのシェア率 はとても重要で、シェア率の高いブラウザを使用して開発すれば、その分テストを削減できます。

また、開発対象となる ブラウザ や バージョン の数が多ければ多いほど 開発に必要な時間費用が多くなるため、シェア率の低いものは開発対象から外すことがあります。

なぜGoogle Chromeなのか

シェア率が高い

Google Chrome は 世界中で 最も多く使用されているブラウザ です。

シェア率の高いブラウザで開発を進めていくのは開発コストの削減に繋がります。

翻訳機能を使える

開発者は、多くの技術について詳細に暗記しているわけではありません。
そもそも暗記できる量ではないからです。

では、どうしているかというと、Google (グーグル)で調べます。このことを「ググる」と言います。

プログラミングに関する技術の多くは英語圏で生まれており、英語で書かれているドキュメント(説明書)が多いです。

英語が得意な方であれば問題ないかもしれませんが、多くの日本人にとって英語はストレスです。

Google Chromeには Webページそのものを即座に日本語に訳してくれる 翻訳機能 が備わっているため、英語のページでも安心して閲覧することができます。

デベロッパーツールが優秀

開発者が、ブラウザで実行されている コード を確認するために、それぞれのブラウザには デベロッパーツール という 開発者向けの機能が備わっています。

このデベロッパーツールには、HTML や CSS、JavaScript の現在の状態が確認できたり、通信結果やログを確認できる多くの機能があります。

開発者は、この デベロッパーツール をとても頻繁に使用します。

Google Chromeのデベロッパーツールは、他のブラウザと比べて使いやすく、多くの機能が備わっています。

次のショートカットキーで試すことができます。

Mac: option + ⌘ + I
Win: F12 もしくは fn + F12

シークレットモード

ブラウザには シークレット(プライベート)モード という機能があります。
普段開いている ブラウザ は キャッシュクッキー といった Webサイトの閲覧情報を保持するという特徴があります。

例えば、あるWebサイトに ログイン をした後にブラウザを閉じて、再度開いた時に ログイン されたままになっているのは、この情報が残っているためです。

シークレットモード はこれらの閲覧情報を保持せず、ブラウザを閉じた時点で 消去されます。

このことから、開発時にはしばしば シークレットモード が使用されます。

次のショートカットキーは Google Chrome のシークレットモードの開き方です。

Mac: ⌘ + Shift + N
Win: Ctrl + Shift + N

Google Chrome ダウンロード

まだ パソコン に Google Chrome が ダウンロード されていなければ、以下の リンク からダウンロードしてインストールしましょう。

Google Chrome ウェブブラウザ

インストールが完了したら、ブラウザを立ち上げてみてください。

無事に起動できれば準備は完了です!

これからは頻繁にGoogle Chromeを使用します。すぐに起動ができるように、アプリの ショートカットアイコン を分かりやすいところに設置してください。

Google Chromeをダンロードしよう

Twitterでアウトプット

理解したことや分からないところはTwitterでつぶやいてみよう!

この学習ページで学んだことをTwitterでアウトプットしてください。

アウトプットするメリット

学習仲間が増える

同じ課題を持った仲間が増えるため、学習へのモチベーションが継続しやすくなります。

より深く理解する

頭では理解したと思っていても、文章化することで初めて気づくことがあります。