Language
日本語
English

Caution

JavaScript is disabled in your browser.
This site uses JavaScript for features such as search.
For the best experience, please enable JavaScript before browsing this site.

  1. Home
  2. HTML5Beginner - Setting Up Your Environment: Browsers

Setting Up Your Environment: Browsers - Japanese Only

みなさまどうもこんばんにちわ。続きましての環境構築、『ブラウザ』に関してもろもろやっていきましょう。

『ブラウザ』とは『ウェブブラウザ』の事で、今みなさんがこの記事をみるために使っているソフトウェア全般の事です。一般的に『ブラウザ』と呼ばれています。

ブラウザはいくつかの種類があり、PCブラウザで一般的なのは『Internet Explorer』(インターネットエクスプローラー)、『Google Chrome』(グーグルクローム)、『Firefox』(ファイアフォックス)、『Safari』(サファリ)、『Opera』(オペラ)の5種類となっています。

なんでこんなに種類があるのか、という事ですが単純に作ってる組織が違うからだったりします。ブラウザはパソコンの使用においてかなり重要なソフトウェアのひとつなので、そこを独占していきたいと大手企業さんは考えるのですね。逆にボランティアに近い形でブラウザ開発している組織もあります。

そして重要なところなのですが、同じHTMLファイルでもそれを表示したブラウザによって見え方が違ったりします。

ですので商用サイトを作成する場合はほぼすべてのブラウザで問題なく見えるようにウェブサイトを作成する必要があり、みなさんも可能な限り全てのブラウザをインストールしなくてはなりません。

インストール先は以下となります。Internet ExplorerとSafariに関してはOS標準ブラウザとなりますのでインストール先はございません。

Google Chrome
https://www.google.co.jp/chrome/browser/

Firefox
https://www.mozilla.org/ja/firefox/new/

Opera
http://www.opera.com/ja

さて、これらのブラウザの中で中々手強いのがInternet Explorerとなります。マイクロソフトさんが制作、管理しているブラウザになりますね。

WindowsOSに標準でインストールされているため非常にシェアが高いです。しかし、独自仕様の処理が導入されていたり、最新技術の対応が遅かったり、Web基準を無視した処理を行ったりと中々手強いブラウザです。

インターネットが普及し始めた頃はInternet ExplorerだけがWeb基準を守れていたという時期があったのですが、今ではInternet Explorerに合わせてWebページを作ると他のブラウザでデザインが崩れてしまうことが多いです。

というわけでWebの開発を勉強中であるみなさんはメインブラウザをInternet Explorer以外のブラウザに切り替えることをオススメします。勉強を進める際も必ずInternet Explorer以外のブラウザを中心に捉えて進めていきましょう。

Internet Explorerを基準に捉えて文法等を覚えてしまうとWeb基準から遠く離れた文法になってしまう危険性があるということと、Internet Explorer以外のブラウザで使用可能な処理が2年後くらいにやっと導入されたり導入すらされなかったりと、新技術の対応が非常に悪く、勉強している技術そのものが後追いになってしまう可能性がありますので要注意です。

他のブラウザはWeb基準をしっかり前向きに守っているので大きくデザインが崩れるということは少ないので、基本的にどのブラウザを使って頂いても大丈夫です。最近ですと『Google Chrome』か『Safari』か『Opera』あたりがオススメですね。スマホのブラウザのレンダリングエンジンと同じエンジンが実装されているので親和性が高いです。

ちなみにWeb基準は『W3C』という非営利団体が決定し、世界レベルで標準化を図っています。今現在のインターネットの基礎技術を確立したティム・バーナーズ=リー氏が率いる団体ですね。『W3C』が世界基準です、これはたまに現場で出てきますので覚えておきましょう。

さて、無事に各ブラウザのインストールが完了したらHTMLにおける環境構築は終了となります、お疲れ様でした。次の記事からは実際にHTMLを記述していきます。これからちょっとおもしろくなってくると思いますので引き続き頑張っていきましょう。ではではー。

This article was written by Sakurama.

Author's beloved small mammal

桜舞 春人 Sakurama Haruto

A Tokyo-based programmer who has been creating various content since the ISDN era, with a bit of concern about his hair. A true long sleeper who generally feels unwell without at least 10 hours of sleep. His dream is to live a life where he can sleep as much as he wants. Loves games, sports, and music. Please share some hair with him.

If you find any errors or copyright issues, please .