ホームページ > 記事 > ウェブフロントエンド > ブラウザと web_html/css_WEB-ITnose について学んだ 20 のこと
ブラウザと web_html/css_WEB-ITnose について学んだ 20 のこと
- WBOYオリジナル
- 2016-06-24 11:54:491306ブラウズ
出典: ブラウザとウェブについて私が学んだ 20 のこと
これは、国内ではしごの必要性を理由に、2010 年に Google Chrome チームによって作成された電子書籍です。 。ポーターになる
知っておくべき 20 のこと: はじめに
今日、私たちは指に触れるだけでグローバルな情報を入手し、世界中の人々にアクセスできるようになりました。一瞬でアクティビティ。
これらの素晴らしい体験はすべて、オープンなインターネットのおかげです。世界中の誰もが、接続されたデバイスからブラウザを介してインターネットにアクセスできます。
しかし、ブラウザと Web は正確にどのように機能するのでしょうか? World Wide Web はどのようにして、今日私たちが知っていて愛しているものに到達したのでしょうか? Web を安全かつ効果的に閲覧するには何を知っておく必要がありますか?
「ブラウザと Web について学んだ 20 のこと」は、ブラウザと Web の基本を学びたい人のための短いガイドです。このガイドでは次の内容について説明します:
まず、Web 存在の基礎であるインターネットについて説明します。また、今日のネットワークがクラウド コンピューティングや Web アプリケーションを通じてどのように動作するかについても説明します。
次に、HTML や JavaScript などの Web ページ構築の基本を紹介し、それらの発明と開発が毎日アクセスする Web サイトにどのような影響を与えたかを確認します。また、最新のブラウザーと、ユーザーがより安全に Web にアクセスできるようにする方法についても説明します。
最後に、将来的にはより高速で没入型のオンライン体験が実現すると信じている、ブラウザーと Web テクノロジーのエキサイティングな革新に期待しています。
オンライン生活は私たちに自由で全能であるように感じさせますが、それでもそれについてもっと知る必要があります。私たちが実生活の住宅コミュニティの基本的な状況 (水道や電気の安全性、注意事項、周辺サービスなど) を理解したいのと同じように、オンライン生活に関する一連の同様の情報を理解する必要性がますます高まっています。そのため、私たちはこのガイドを作成しました。ブラウザの機能について話すときに挙げられる多くの例の中で、有名なオープン ソース ブラウザである Chrome についてよく言及します。このガイドを私たちが執筆したのと同じくらい楽しんで読んでいただければ幸いです。
楽しく閲覧してください!
Google Chrome チームはイラストレーターの Christoph Niemann に感謝します
2010 年 11 月
インターネットとは何ですか?
インターネットとは何かを知るには、TCP/IP について知らなければなりません
インターネットとは正確には何ですか?一部の人にとって、インターネットは友人とコミュニケーションしたり、ニュースを読んだり、買い物をしたり、ゲームをしたりするためのものです。他の人にとって、インターネットは地元のブロードバンド プロバイダー
、あるいは都市間、さらには海を越えてデータを運ぶ地下ケーブルや光ファイバーかもしれません。誰の意見が正しいのでしょうか？
これについて議論するには、インターネットの誕生である 1974 年から始めたほうがよいでしょう。その年、数人の才能あるコンピューター研究者が「インターネット プロトコル スイート」、略して「TCP/IP」と呼ばれるテクノロジーを発明しました。
TCP/IP は、異なるコンピューターが相互に「通信」し、情報を送受信できるようにする一連のルールを作成します。
TCP/IP は人間間のコミュニケーションに似ています。人が話すとき、お互いが理解し、意見を交換できるように、文法規則に従って言語を編成します。同様に、TCP/IP は、相互接続されたデバイスが情報を送受信するために相互に理解できるようにする一連の通信ルールを提供します。この相互接続されたデバイスのネットワークが 1 つの部屋から多くの部屋、多くの建物、都市、さらには国へと拡大するにつれて、インターネットが誕生しました。
インターネットの初期の作成者は、データと情報を小さな塊に分割して個別に送信し、その後再組み立てすると、より効率的に送信できることを発見しました。これらの小さな塊はパケットと呼ばれます。そのため、インターネット経由で電子メールを送信する場合、完全な電子メールの内容はまず多くのパケットに分割されて受信者のメールボックスに送信され、その後再組み立てされます。 YouTube などのサイトでビデオを視聴するときにも同じことが起こります。ビデオ ファイルは多くのパケットに分割され、世界中の複数の YouTube サーバーから送信され、ブラウザに表示されるビデオに再組み立てされます。
インターネットの速度はどうですか?インターネットのトラフィックを水の流れにたとえると、インターネットの 帯域幅 は 1 秒あたりに流れる水の量に相当します。つまり、エンジニアが帯域幅と呼んでいるのは、実際にはインターネット接続経由で 1 秒あたりに送信できるデータ量のことです。これは、接続の速度を反映する指標です。今日、より優れた物理インフラストラクチャ (ほぼ光の速度で伝送できる光ファイバー ケーブルなど) により、ネットワーク接続はより高速になり、物理メディア (銅線などの古いメディアであっても) 上の情報をより適切にエンコードできるようになりました。それもまったく問題ありません。
インターネットは魅力的で高度に技術的なシステムですが、私たちのほとんどにとって、ケーブルや関係する方程式の複雑さを考える必要がなく、実際に簡単に使用できます。
さらに、インターネットは、私たちが知っていて愛している World Wide Web の存在のバックボーンでもあります。Web ページとアプリケーションの相互接続を可能にし、私たちを進化し続けるオープンワールドに導くインターネット接続です。実際、今日インターネット上には、人間の脳のニューロンや天の川の星の数と同じくらい多くの Web ページが存在する可能性があります。
次の 2 章では、今日のネットワークがクラウド コンピューティングとネットワーク アプリケーションを通じて実際にどのように使用されているかを紹介します。
クラウド コンピューティング
なぜトラックが私のラップトップを轢いたかは関係ありません
インターネット時代の現代のコンピューター テクノロジーは、非常に魔法的で注目に値します。家でラップトップに座って YouTube ビデオを見たり、検索エンジンを使用したりすると、世界中の無数のコンピューターの総合力を利用して、必要な情報をリモートで提供することになります。それはまるで巨大なスーパーコンピューターを自由に使えるようなものですが、それはすべてインターネットのおかげです。
この現象は、私たちが通常「クラウド コンピューティング」と呼んでいるものです。今日、私たちは誰もがニュースを読んだり、音楽を聴いたり、買い物をしたり、テレビを見たり、インターネット上にファイルを保存したりすることができます。私たちが住んでいる街では、ほぼすべての博物館、銀行、政府機関が独自のウェブサイトを持っています。結果はどうなりましたか?これらの Web サイトを通じて請求書の支払いや予約ができるため、列に並ぶ時間や電話での時間を節約できます。日常業務の多くはインターネットで処理できるため、私たちはよりカラフルな生活を送ることができます。
クラウド コンピューティングには他にもいくつかの利点があります。数年前までは、コンピューターにウイルス感染やハードウェア障害などの問題が発生した場合、多くの人が文書、写真、ファイルを失うことを心配していました。現在、データの保存場所はパソコンに限定されず、インターネットに移行し、オンライン上の「クラウド」にデータが保存されています。写真をオンラインにアップロードし、重要なファイルを保存し、Gmail や Yahoo! メールなどの Web メールを使用している場合、たとえ 18 輪車がラップトップ上を走行しても、すべてのデータは Web 上に安全に保たれます。世界中のどこにいても、インターネットに接続されているコンピューターを介してこのデータにアクセスできます。
Web Apps または「人生、自由、そしてアプリの追求」
オンライン ゲームをプレイする場合は、オンライン写真編集サーバーを使用するか、 Google マップ、Twitter、Amazon、YouTube、Facebook などの Web ベースのサービスに依存している場合、あなたはすでに Web アプリケーションの世界でアクティブなプレイヤーです。
Web アプリケーションとは正確には何ですか?それは私たちと何の関係があるのでしょうか？
「アプリ」はアプリケーションの略です。アプリケーションはプログラムまたはソフトウェアとも呼ばれます。歴史的に、アプリケーションは財務管理やワードプロセッサなどの包括的で集中的なタスクを完了するために開発されてきました。現在、Web ブラウザーやスマートフォンのオンラインの世界では、アプリは単一のタスクに特化した、より柔軟なプログラムであることがよくあります。特に Web アプリケーションは、Web ブラウザー内でこれらのタスクを実行でき、多くの場合、リッチでインタラクティブなエクスペリエンスを提供します。
Google マップは Web アプリケーションの好例です。これは、Web ブラウザに便利なマップ機能を提供するという 1 つのタスクを処理するように設計されています。地図の画面移動やズーム、大学やコーヒー ショップの検索、車でのルート案内などを行うことができます。必要な情報はすべて、要件に基づいて Web アプリに動的に表示されます。
Web アプリケーションの 4 つの主な利点を要約できます:
1. どこからでもデータにアクセスできます。
デスクトップ アプリケーションの昔、データは通常、コンピューターのハード ドライブに保存されていました。休暇に出てコンピューターを家に置いたままにすると、電子メールをチェックしたり、写真を表示したり、必要なデータにアクセスしたりすることができません。そして、Web アプリの新時代では、私の電子メールとすべてのデータは Web 上に保存されます。インターネットにアクセスできる任意のコンピュータを使用して、Web ブラウザを通じて必要なデータを取得できます。
2. 私のアプリは常に最新です。
今日使用している YouTube のバージョンは何ですか?明日はどう？答えは「常に最新」です。 Web アプリは自動的に更新されるため、存在するバージョンは常に 1 つだけです。最新の機能と改善点がすべて含まれた最新バージョンです。毎回手動で新しいバージョンにアップグレードしたり、使用する前にインストールに多くの時間を費やす必要はありません。
3. Web ブラウザがインストールされているすべてのデバイスで使用できます。
従来のコンピューターテクノロジーでは、一部のプログラムは特定のシステムまたはデバイスでのみ実行できます。たとえば、PC 用に作成されたプログラムの多くは Mac では実行できません。各システムまたはデバイスに適切なソフトウェアを開発するには、時間とコストがかかります。対照的に、Web はオープン プラットフォームです。ラップトップ、デスクトップ コンピュータ、携帯電話など、Web に接続されているデバイスのブラウザを介して誰でも Web にアクセスできます。これは、友人のラップトップやインターネット カフェのコンピューターでも、お気に入りの Web アプリケーションを実行できることを意味します。
4. より安全。
Web アプリケーションはブラウザーで実行されるため、自分のコンピューターにダウンロードする必要はありません。アプリケーション コードはコンピューター コードから分離されているため、Web アプリケーションはコンピューター上の他のタスクやコンピューター全体のパフォーマンスに影響を与えません。また、ウイルス、マルウェア、スパイウェアなどの脅威からよりよく保護されることも意味します。
HTML、JavaScript、CSS...
AJAX はもう以前のものではありません
Web ページは、ネットワーク プログラミング言語である HTML 言語で書かれています。 Web ページ上のコンテンツを構造化して表示する方法をブラウザーに指示します。言い換えれば、HTML は Web ページを構築するための基盤を提供します。長い間、これらの構成要素はシンプルかつ静的で、テキスト行、リンク、画像のみで構成されていました。
現在、私たちの要件はさらに高くなってます。たとえば、オンラインでチェスをプレイしたり、周囲の地図をシームレスにスクロールしたりしたいと考えていますが、チェスの手を打つたびに Web ページ全体がリロードされるのを待つ必要はありません。または地図をスクロールします。動的 Web ページのアイデアは、JavaScript スクリプト言語が発明されて以来存在しています。 JavaScript はすべての主要な Web ブラウザでサポートされているため、Web ページにはより重要なリアルタイムのインタラクティブ コンテンツを含めることができます。たとえば、オンライン フォームに記入して [送信] ボタンをクリックすると、ページは JavaScript を使用して入力をリアルタイムでチェックし、間違いがある場合は警告を発します。
しかし、実際には、現在私たちが知っている動的な Web ページは、JavaScript に XHR (XMLHttpRequest) が導入されて初めて実現され、その後、Microsoft Outlook オンライン バージョン、Gmail、「Google マップ」などのネットワークに初めて適用されました。アプリケーション。 XHR を使用すると、Web ページ全体を再読み込みすることなく、ゲーム、地図、ビデオ、オンライン ユーザー調査などを含む Web ページのさまざまな部分を変更できます。このようにして、Web アプリケーションの速度と応答性が向上します。
CSS (Cascading Style Sheets) の導入により、Web ページの表現力がさらに豊かになりました。 CSS を使用すると、プログラマーは Web ページのレイアウトを定義し、色、丸い角、グラデーション、アニメーションなどのデザイン要素で Web ページを美しくするための簡単かつ効果的な方法が得られます。
Web プログラマーは、JavaScript、XHR、CSS、およびその他のいくつかの Web テクノロジーの強力な組み合わせを AJAX (Asynchronous JavaScript and XML) と呼ぶことがよくあります。 HTML も進化し続けており、HTML 標準の新しいバージョンに新機能や改善が追加されています。
無数の技術者、アイデアの専門家、プログラマー、組織が Web テクノロジーを作成し、それらが Internet Explorer、Firefox、Safari、Google Chrome などの Web ブラウザーでサポートされていることを確認することで、オンラインの世界は今日の繁栄を達成しました。ネットワーク テクノロジとブラウザは相互に補完し、ネットワーク開発者が日常生活で使用できるさまざまな実用的で興味深いネットワーク アプリケーションを開発するための、ネットワークをオープンでフレンドリーな構築プラットフォームに変えます。
HTML5
または「最初、<ビデオ> がなかった頃」
HTML の誕生から 20 年以上経った今でも、私たちは次のような疑問に取り組んでいます。インターネットの未来はどうなるでしょうか?私たちユーザーにとって、どんな機能やアプリが面白い、便利、あるいは欠かせないものなのでしょうか？開発者が優れた Web サイトやアプリを構築するにはどのようなツールが必要ですか?最後に、Web ブラウザーで Web の利点をどのように実現しますか?
上記の問題を検討した結果、HTML の最新バージョンである HTML5 が誕生しました。 Web デザイナーや開発者が強力な次世代 Web アプリケーションを開発するのに役立つ一連の新機能が備わっています。 HTML5 の
HTML5 は、オフライン機能 (ユーザーはインターネット接続がなくても Web アプリケーションを操作できます) やドラッグ アンド ドロップ機能など、他の優れた機能も提供します。たとえば、Gmail では、ユーザーはデスクトップからブラウザ ウィンドウにファイルをドラッグ アンド ドロップすることで、添付ファイルを即座に追加できます。
HTML5 は、Web 自体と同様に、ユーザーのニーズと開発者のビジョンに基づいて常に進化しています。 HTML5 は、オープン スタンダードとして、Web の優れた利点のいくつかを兼ね備えています。つまり、場所や次世代ブラウザを備えたデバイスに関係なく実行されます。
ただし、HD TV 番組が HD TV でのみ視聴できるのと同様に、HTML5 機能を使用する Web サイトやアプリケーションにアクセスするには、ユーザーは HTML5 互換ブラウザの最新バージョンを使用する必要があります。幸いなことに、インターネット ユーザーが選択できるブラウザは数多くあります。テレビを購入するには費用がかかりますが、ブラウザは無料でダウンロードできます。
3D 対応ブラウザ
より深いブラウジング
3D グラフィックスとアニメーションは、光と影、反射、リアルなテクスチャなどの詳細をすべて表示できるため、非常に魅力的ですなど。しかし、特にインターネットでは、魅力的な 3D エクスペリエンスを実現するのはこれまでのところ困難です。
これはなぜですか?その主な理由は、ゲームやその他のアプリケーションで 3D エクスペリエンスを作成するには、複雑で詳細なテクスチャや形状を表示するために大量のデータが必要になるためです。以前は、インターネット帯域幅とコンピューティング能力の制限により、最も一般的に使用されていたシステムは、このような大量のデータを処理できませんでした。
少し前まではすべてが変わりました。ブラウザベースの 3D の時代が到来しました。
今日のブロードバンド ネットワークは、帯域幅需要の問題の解決に役立ちます。現在、多くの家庭やオフィスにブロードバンドが導入されており、10 年前よりもはるかに多くの帯域幅を提供しています。その結果、ブラウザーでリアルな 3D 効果を体験するという要件を達成するために、大量のデータがインターネット経由で送信される可能性があります。さらに、今日のコンピュータのパフォーマンスは以前のものとは大きく異なり、プロセッサとメモリが大幅に向上しており、今日の通常のラップトップやデスクトップ コンピュータでも複雑な 3D グラフィックスを処理できるようになりました。
しかし重要なのは、ブラウザの機能が大きく進歩しているということです。そうしないと、ブロードバンドやコンピューティングパワーだけに頼っても意味がありません。最新のブラウザの多くは、WebGL や 3D CSS などのオープン Web テクノロジーを活用しています。これらのテクノロジーを使用すると、Web 開発者は、追加のプラグインをインストールしなくても、Web アプリケーション用のクールな 3D エフェクトを作成できます。それに加えて、多くの最新ブラウザには「ハードウェア アクセラレーション」と呼ばれるテクノロジが搭載されています。これは、ブラウザーがグラフィックス処理装置 (GPU) を使用して、3D および日常の 2D Web コンテンツの両方をレンダリングするために必要な計算を高速化できることを意味します。
それでは、なぜブラウザーの 3D サポートがそれほど重要なのでしょうか? 3D テクノロジーは現在、HTML5、JavaScript、その他の強力な新テクノロジーとともに Web 開発における一般的なツールであるため、Web 開発者はこれらのテクノロジーを使用して強力な次世代 Web アプリケーションを作成できます。ユーザーにとって、これは、3D 環境を体験したり、オンラインで 3D ゲームをプレイしたりする際に、有益な情報を視覚的に確認し、より楽しくするための新しくて優れた方法を意味します。
最も重要なことは、ブラウザーの 3D サポートは Web アプリケーションに利点をもたらします。最新のアプリケーションを世界中の友人と共有、共同作業、カスタマイズできるようになります。誰もがより多くのデータを持ち、より楽しい体験ができることは間違いありません。
ブラウザコーラス
古いブラウザと新しいブラウザの対決
古い古いブラウザと最新のブラウザは共存できません: 最新のブラウザは高速、フル機能、安全で、古いバージョンのブラウジングに適していますサーバーは動作が遅く、多くの脆弱性があるため、悪意のある攻撃を受けた場合に脆弱になります。
ほとんどのインターネット ユーザーは、時代遅れの古い Web ブラウザーが私たちのオンライン生活、特にオンライン セキュリティにどれほどの悪影響を与える可能性があるかをまだ理解していないかもしれません。タイヤがすり減り、ブレーキが故障し、エンジンが頻繁に故障するクラシックカーを何年も運転したくないでしょう。同様に、Web ページや Web アプリケーションに毎日アクセスするために時代遅れの古いブラウザを使用すべきではありません。
Mozilla Firefox、Apple Safari、Microsoft Internet Explorer、Opera、Google Chrome などの最新のブラウザの最新バージョンにアップグレードします。これは次の 3 つの理由から必要です:
まず、古いブラウザは最新のセキュリティ パッチや機能で更新できないことが多く、攻撃に対して非常に脆弱になります。ブラウザのセキュリティ ホールは、ユーザーのパスワードの盗難、コンピュータへのマルウェアの侵入、またはその他のより深刻な結果につながる可能性があります。また、ブラウザの最新バージョンは、フィッシングやマルウェアなどのセキュリティの脅威からユーザーを保護するのに役立ちます。
第二に、インターネットは非常に急速に発展しています。古いブラウザは、今日の Web サイトや Web アプリケーションにある最新機能の多くをサポートしていない可能性があります。ブラウザの最新バージョンのみが速度の向上に加え、HTML5、CSS3、高速 JavaScript などの最新の Web テクノロジをサポートしているため、Web ページにアクセスしてアプリケーションを迅速に実行できます。
第三に、古いブラウザは Web イノベーションのペースを妨げます。多くのインターネット ユーザーが古いブラウザを使い続けている場合、Web 開発者は新旧のテクノロジーの両方を念頭に置いて Web サイトを設計する必要があります。時間とリソースが限られているため、古いブラウザの低水準に対応するために、最新のブラウザ向けの革新的な次世代 Web アプリケーションの開発を中止する必要がありました。 (今日の高速道路技術者が、クラシックカーにとって安全な高速道路を設計することを余儀なくされているのを想像してみてください。) したがって、古いブラウザはインターネット ユーザーにとっても、インターネットの革新にとっても有害であり、何のメリットもありません。
古いブラウザを手放したくない場合は、何も問題ありません。場合によっては、ブラウザをアップグレードできない場合があります。職場のコンピュータでブラウザをアップグレードできない場合は、会社の IT 管理者に問い合わせてください。 Internet Explorer の古いバージョンからアップグレードできない場合は、Google Chrome Frame プラグインを使用して Google Chrome の機能の一部を Internet Explorer に取り込むことができ、最新の Web アプリケーションの高度な機能の一部にアクセスできるようになります。 。
時代遅れのレガシー ブラウザはユーザーに損害を与えるだけでなく、ウェブ全体のイノベーションのペースを妨げます。したがって、必ず時間をとって、お気に入りの最新ブラウザを最新バージョンにアップグレードしてください。
編集者注: このガイドの作成時点で、主要な最新ブラウザの最新の安定バージョンは次のとおりです: Firefox 3.6、Safari 5、Google Chrome 7、Internet Explorer 8、および Opera 10.63。使用しているブラウザを確認するには、www.whatbrowser.org にアクセスしてください。
プラグイン
餃子を酢に浸す
World Wide Web の開発の初期段階では、HTML の最初のバージョンではビデオなどの高度なコンテンツを送信できませんでした。基本的にはテキスト、画像、リンクに限定されていました。
初期の HTML の制限を打ち破り、よりインタラクティブなコンテンツを配信するために、プラグインが登場しました。
プラグインは、特定の種類のコンテンツを処理するために設計されたアドオン ソフトウェアです。たとえば、ユーザーは Adobe Flash Player などのプラグインをダウンロードしてインストールし、ビデオやインタラクティブ ゲームを含む Web ページを表示できます。
プラグインはブラウザとどの程度インタラクティブですか?奇妙なことに、彼らの間にはほとんど相互作用がありません。プラグイン モードは、テレビのピクチャ イン ピクチャによく似ています。ブラウザは、Web ページ上にプラグイン用の空きスペースを定義し、そこからは外されます。プラグインはブラウザの影響を受けることなく、この空間を自由に利用できます。
この独立性は、特定のプラグインが多くの異なるブラウザーで動作できることを意味します。ただし、この遍在性により、プラグインはブラウザのセキュリティ攻撃の主な標的にもなります。最新バージョンのプラグインを実行していない場合、古いプラグインには最新のセキュリティ パッチが含まれていないため、コンピュータはセキュリティ攻撃に対してより脆弱になります。
私たちが現在使用しているプラグイン モデルは、主に初期のインターネットから継承されています。しかし、Web コミュニティは現在、プラグインをよりシームレスに統合してプラグイン コンテンツを検索およびリンクできるようにしたり、プラグインが他のプラグインと対話できるようにしたりする賢い方法など、プラグインの最新化の新しい用途を見つけています。ウェブページの。
さらに重要なのは、一部のブラウザ ベンダーとプラグイン プロバイダーが協力して、ユーザーをセキュリティ リスクから共同で保護することになります。たとえば、Google Chrome チームと Adobe Flash Player チームは協力して、Flash Player をブラウザに統合しました。 Chrome の自動更新により、Flash Player プラグインは将来も使用可能であり、最新のセキュリティ修正とパッチを確実に受け取ることができます。
ブラウザ拡張機能
ブラウザが「Change King」に変身
ブラウザ拡張機能を使用すると、ブラウザに新しい機能を追加し、文字通りブラウザを「拡張」できます。
これは、ブラウザをカスタマイズして最も重要な機能を追加できることを意味します。拡張機能は、ブラウザの既存の機能に強力な新機能を追加するものと考えることができます。
これらの機能は大きくても小さくてもよく、すべてはニーズによって異なります。たとえば、通貨換算拡張機能をインストールすると、ブラウザのアドレス バーの横に新しいボタンが表示されます。
このボタンをクリックすると、現在の Web ページ上のすべての価格が指定した通貨に変換されます。オンラインで旅行を計画して予約することに慣れているバックパッカーであれば、この拡張機能が役立つでしょう。これらの拡張機能の同様の機能をすべての Web ページで使用できます。
ブラウザ拡張機能は、Web ページの外で単独で実行することもできます。電子メール通知拡張機能をブラウザのツールバーに統合し、バックグラウンドで電子メール アカウントに新しいメッセージがないか確認して通知することができます。この場合、閲覧している Web ページに関係なく、拡張機能は常にバックグラウンドで実行されます。こうすることで、新しいメッセージを確認するために別のウィンドウでメールにログインする必要がなくなります。
ブラウザ拡張機能が最初に登場したとき、開発者は通常、それを特殊なプログラミング言語か、C++ のような大規模で主流のプログラミング言語で作成する必要がありました。これには多くの労力、時間、そして専門的な知識が必要です。ブラウザにコードを追加すると、攻撃者が悪用する機会が増えるため、セキュリティ リスクも増加します。以前は、一部の拡張機能は、そのあいまいなコードが原因でブラウザのクラッシュを引き起こすという評判がありました。
最近のほとんどのブラウザでは、開発者は HTML、JavaScript、CSS などの使いやすい基本的な Web プログラミング言語を使用して拡張機能を開発できます。これらは、今日のほとんどの Web アプリケーションや Web ページが開発されている言語でもあるため、今日の拡張機能は Web アプリケーションや Web ページとの互換性が高くなります。拡張機能は開発がより速く、より簡単、より安全になり、その構築の基礎となっている Web 標準とともに改良され続けています。
新しい拡張機能を見つけるには、ブラウザの拡張機能ギャラリーをチェックしてください。そこには、ブラウジング エクスペリエンスをより効率的またはより楽しくするための何千もの拡張機能があり、Web ページ上のコンテンツを強調表示したり、検索中にメモをとったりできるものや、ブラウザーを通じてスポーツ イベントのエキサイティングなライブ中継を提供するものもあります。 。
同期ブラウザ
またトラックが私のラップトップを轢いてしまいました
おめでとうございます、あなたは今「クラウド」の中にいます! Web アプリケーションを使用して、電子メールを送受信したり、音楽を聴いたり、その他ほとんどすべてのことを行うことができます。どこにいても、インターネットにアクセスできるコンピューターであれば、重要な文書、写真、さまざまなファイルをオンラインで保存できます。
18 輪トラックが轟音を立ててラップトップを押しつぶしたとしても、データは失われません。賢明なことに、重要な情報はすでにオンラインに保存されているので、あとはインターネットにアクセスできる別のデバイスを探すだけで、重要な情報を取得して作業を続けることができます。
しかし、ブックマーク、ブラウザ拡張機能、ブラウザ設定など、私たちが毎日使用しているものはどうでしょうか?ノートパソコンと一緒に消えてしまうのでしょうか？
以前は可能でした。そのときは、お気に入りの拡張機能をすべて検索し、苦労してブックマークしたすべての Web サイトを思い出さなければなりません。しかし、今はもう心配する必要はありません。最近では、Firebox や Chrome などの多くのブラウザーが Sync と呼ばれる機能に取り組み始めています。同期を使用すると、ブラウザの設定をオンラインの「クラウド」に保存できるため、コンピュータが溶けても設定が失われることはありません。
また、複数のコンピューター（職場のラップトップコンピューターと自宅のデスクトップコンピューターなど）を使用する場合、同期機能は非常に便利です。各コンピュータでお気に入りのサイトのブックマークを手動で再作成したり、ブラウザを再設定したりする必要はありません。
ブラウザに同期機能がある限り、1 台のコンピュータで行った変更は数秒以内に他の同期されたコンピュータに自動的に反映されます。
「Chrome ブラウザ」を例に挙げると、同期機能により、すべてのブックマーク、拡張機能、設定、テーマを Google アカウントに保存できます。インターネットにアクセスできる他のコンピュータから Chrome を開き、ブラウザの同期機能を使用して Google アカウントにサインインするだけです。見て！お気に入りのブラウザ設定はすべて、新しいコンピュータで利用できるようになりました。
アクセスできるコンピューターの数に関係なく、インターネット アクセスと「クラウド」と同期する最新のブラウザーがあれば、準備は完了です。これらのコンピューターが伝説のトラックに押しつぶされても問題ありません。
ブラウザ Cookie
ログ機能のおかげで
「Cookie」は専門用語のように思われないかもしれませんが、インターネット ユーザーに重要な機能を提供します。つまり、訪問した Web サイトや訪問中の Web サイトのログを記録します。現在訪問中。
Cookie は、訪問した Web サイトによってブラウザに送信される小さなテキストです。これには、優先言語やその他の設定など、Web サイトに記憶させたい訪問に関する情報が含まれます。ブラウザーはこれらのデータを保存し、次回 Web サイトにアクセスするときにそれらのデータを呼び出し、より便利でパーソナライズされた訪問エクスペリエンスを提供します。
たとえば、映画 Web サイトにアクセスして、特定のコメディがお気に入りであることを示すと、Web サイトから送信される Cookie がこれを記録し、次回アクセスしたときに多くのコメディが表示されるようにします。
オンラインショッピングカートでもCookieを使用しております。たとえば、プレミアム映画サイトで DVD を閲覧すると、ログインせずに DVD をショッピング カートに追加できる場合があります。サイトのさまざまなページを移動しても、選択した DVD はブラウザの Cookie を介して保存されているため、ショッピング カートが選択した DVD を「忘れる」ことはありません。さらに、オンライン広告では、ユーザーの興味や趣味を記録し、Web ページにアクセスしたときに関連する広告を表示するために Cookie も使用されます。
しかし、Cookie の使用を好まない人もいます。そのため、最新のブラウザのほとんどは、さまざまなユーザーのニーズを満たすために Cookie を管理する機能を提供しています。さまざまな Web サイトで Cookie を管理するための特定のルールを設定することで、プライバシーをより適切に保護できます。つまり、信頼する Web サイトを選択し、それらの Web サイトからの Cookie のみを許可し、他の Web サイトからの Cookie をブロックすることができます。 Cookie には、特定のブラウジング セッション中にのみ存在する「セッション限定 Cookie」や、複数のブラウザ セッションにわたって持続する「永続的 Cookie」など、さまざまな種類があります。
そのため、最近のブラウザでは、永続的な Cookie をシングルセッション Cookie に設定するなど、好みに応じてさまざまな種類の Cookie を設定できるようにする微調整されたコントロールが提供されていることがよくあります。
Google Chrome では、オプション メニューに Adobe Flash Player のストレージ設定マネージャーに移動する特別な直接リンクがあります。このリンクを使用すると、Adobe Flash Player によって保存され、アクセスした Flash ベースの Web サイトまたはアプリケーションに関する情報を含むローカル データ (一般に「Flash Cookie」とも呼ばれます) を簡単に制御できます。ブラウザの Cookie を管理できるのと同じように、Flash Cookie の設定も簡単に制御できます。
ブラウザとプライバシー
ブラウザでプライバシーを保護します
セキュリティとプライバシーは密接に関連していますが、完全に同等ではありません。
ご自宅のセキュリティとプライバシー対策は想像できると思います。ドアロックや警報システムは盗難防止に役立ちますが、カーテンやブラインドは通行人があなたのプライバシーを覗き見するのを防ぎます。
同様に、ブラウザのセキュリティはマルウェア、フィッシング、その他のオンライン攻撃からユーザーを保護するのに役立ち、プライバシー保護機能はコンピューター上で動作して閲覧プライバシーを保護します。
プライバシーについて詳しく見てみましょう。たとえてみましょう。あなたは毎日数マイルを記録するランナーです。毎日のランニングを記録するために GPS デバイスを持ち歩いている場合は、どこで、どのくらいの距離を走ったのか、平均速度はどれくらいか、消費カロリーはどれくらいかなど、ランニング データのログをデバイス上に作成できます。
Web を閲覧すると、コンピュータは同様のブラウザ データ ログをローカルに生成して保存します。これには、閲覧した Web サイト、ブラウザに送信された Cookie、およびダウンロードしたすべてのファイルに関する記録が含まれます。パスワードやフォーム データを保存するようにブラウザを設定している場合、このデータもコンピュータに保存されます。
この閲覧データはすべて、いつでもコンピュータから消去できることに気づいていない人もいるかもしれません。これは、ブラウザの [オプション] または [環境設定] メニューから簡単に行うことができます。 (メニュー名はブラウザによって異なります。) 実際、最近のブラウザの最新バージョンでは、「プライベート」または「シークレット」モードも提供されています。たとえば、Chrome のシークレット モードでは、閲覧したページは閲覧履歴に表示されません。さらに、開いているシークレット ウィンドウをすべて閉じると、新しい Cookie はすべて削除されます。このモードは、コンピュータを他の人と共有する場合、または地元の図書館やインターネット カフェで公共のコンピュータを使用する場合に便利です。
ブラウザーでこれらすべてのプライバシー制御を使用すると、コンピューター上でローカルに閲覧データを制御したり、ブラウザーから Web サイトに送信される特定のデータを制御したりできます。ただし、ブラウザのプライバシー設定では、これらの他の Web サイトがお客様のデータ (以前にこれらの Web サイトに送信した個人情報など) を取得するかどうかを制御することはできません。
もちろん、閲覧中に Web サイトが特定の情報を取得できないように制限する方法はあります。多くのブラウザでは、Web サイトごとにプライバシー設定を調整したり、Cookie、JavaScript、プラグインなどの特定のデータについて独自の選択をしたりできます。たとえば、信頼できる一連のサイトからの Cookie のみを許可するルールを設定し、ブラウザで他のすべてのサイトからの Cookie をブロックすることができます。
プライバシーと効率の間には常に小さな矛盾があります。実際の集計データと幅広いユーザーからのフィードバックを収集することは、製品とユーザー エクスペリエンスを向上させるのに非常に役立ちます。重要なのは、厳格なプライバシー基準を遵守しながら、プライバシーと効率の最適なバランスを見つけることです。
以下では、この点を説明するための実際的な例としてブラウザの Cookie を使用します。一方では、Cookie を使用すると、頻繁にアクセスする Web サイトでショッピング カート内の商品が記録され、ログイン状態が維持され、以前の閲覧履歴に基づいて、より実用的でパーソナライズされた閲覧体験が提供されます
。一方、ブラウザーの Cookie を許可すると、Web サイトがユーザーの以前の訪問に関する情報を収集して記録することになります。必要に応じていつでも Cookie をブロックすることを選択できます。こうすることで、次回ブラウザのプライバシー設定を微調整するときに、ブラウザの [オプション] または [環境設定] メニューで設定を変更できます。
マルウェア、フィッシング、セキュリティ リスク
羊の皮をかぶった狼
混雑した街で ATM を使用しているとき、誰も覗き見していないかどうかを確認するために周囲を見回すことがあります。パスワードを盗んだり、現金を盗んだりする。実際、最初に ATM が本物かどうかを確認する必要があります。オンラインでの閲覧や取引を行う場合、マルウェアとフィッシングという 2 つの主要なセキュリティ リスクに注意する必要があります。特定の個人または組織がこれらの攻撃を利用して、個人情報を盗んだり、コンピュータに侵入したりする可能性があります。
それでは、フィッシング攻撃やマルウェア攻撃とは具体的に何でしょうか?
フィッシングとは、誰かが他人になりすまして、通常は偽の Web サイトを通じてあなたの個人情報を取得することです。 (「フィッシング」という用語は、英語の「phishing」に由来しています。これは、これらの極悪人が餌を投げ、他の人が餌を取るのを待つためです。) フィッシングの一般的な手口は次のとおりです。攻撃者は、次のようなメッセージをあなたに提供します。使い慣れた銀行またはインターネット サービス プロバイダーのものである必要があります。このメールの件名は「銀行情報を更新してください!」となっており、このメールには銀行の Web サイトにアクセスするかのようなフィッシング リンクが含まれていますが、実際には偽の Web サイトです。偽の Web サイトではログインを求めるメッセージが表示されるため、うっかり銀行口座番号、クレジット カード番号、パスワード、その他の機密情報が攻撃者に公開されてしまいます。
マルウェアはこれとは異なり、知らないうちにコンピューターにインストールされることがよくあります。このタイプのソフトウェアは、実際にはウイルスそのものであるにもかかわらず、ウイルス対策ソフトウェアのダウンロードを求めるメッセージを表示する場合があります。また、一部の Web ページでは、アクセス時にプロンプトが表示されずにソフトウェアがコンピュータにインストールされる場合もあります。このソフトウェアの本当の目的は、コンピュータからクレジット カード番号やパスワードを盗み、場合によってはコンピュータに損害を与えることです。マルウェアがコンピュータにインストールされると、削除するのが難しいだけでなく、見つけたデータやファイルに自由にアクセスし、その情報を他の場所に送信してしまい、コンピュータに重大な損害を引き起こすことがよくあります。
最新の Web ブラウザの最新バージョンは、フィッシングやマルウェア攻撃に対する防御の第一線です。たとえば、最新のブラウザのほとんどは、マルウェアの可能性のある兆候について Web ページを分析し、マルウェアが見つかった場合に警告を発するのに役立ちます。
さらに、攻撃者は常に優れた技術的手段を使用してコンピュータに侵入するとは限りません。場合によっては、何らかのトリックを使用して、誤った決定を下すように騙すこともあります。次の章では、ブラウザやその他の Web テクノロジを使用して、オンラインでの安全を確保するための賢明な決定を下す方法を説明します。
新世代のブラウザがマルウェアやフィッシングから保護するのにどのように役立つか
これらの悪者に注意してください!
ブラウザの最新バージョンは、Web の閲覧時にフィッシングやマルウェア攻撃から保護します。これは、インターネット サーフィン時に直面するセキュリティ リスクの 3 つのカテゴリを制限することによって実現されます。
リスク 1: ハッキングされる頻度
悪意のある偽の Web サイト、または攻撃を受けて危険にさらされているよく知られた Web サイトにアクセスする可能性があります。最新のブラウザのほとんどは、アクセスするすべての Web ページを事前チェックし、悪意があると思われる Web ページがある場合は警告を発します。こうすることで、本当にこのページにアクセスしたいかどうかについて、十分な情報に基づいた決定を下すことができます。たとえば、Google Chrome は、他のいくつかの最新ブラウザでも使用されているセーフ ブラウジング テクノロジーを使用しています。 Web を閲覧すると、ブラウザは各ページをフィッシング サイトやマルウェアの疑いのあるサイトのリストとすばやく比較します。このリストは、閲覧プライバシーを保護するために、コンピュータ上でローカルに保存および維持されます。ローカル リストから一致するものが見つかった場合、ブラウザは詳細情報を求めるリクエストを Google に送信します。 (このリクエストは完全に暗号化されており、平文では送信されません。) Google が一致を確認すると、Chrome は赤い警告ページを表示して、アクセスしようとしているページが危険である可能性があることを警告します。
リスク 2: ブラウザは攻撃に対してどの程度耐性がありますか?
アップグレードされていない古いブラウザには、悪用される可能性のあるセキュリティ ホールがある可能性があります。オペレーティング システム、ブラウザ、プラグインのいずれであっても、古いソフトウェアはすべて同じセキュリティ問題に悩まされます。
したがって、最新バージョンのブラウザを使用し、オペレーティング システムとプラグインにセキュリティ パッチを適時に適用して、セキュリティ パッチを常に最新の状態に保つ必要があります。
一部のブラウザは、ユーザーのアクションに基づいて更新を自動的に確認し、インストールできます。 Chrome やその他の一部のブラウザは、自動更新が組み込まれているため、更新に関してはより高度です。これらのブラウザは定期的に更新チェックを実行し、ブラウジングに影響を与えることなく最新バージョンに自動的にアップグレードします。さらに、Adobe Flash Player と PDF Viewer が Chrome に統合されており、これらの人気のプラグインも自動的に更新されます。
リスク 3: ブラウザが悪用された場合、どの程度の損害が発生する可能性がありますか?
Chrome や Internet Explorer などの最新のブラウザには、「サンドボックス」と呼ばれる追加の保護層が組み込まれています。現実のサンドボックスに砂の流出を防ぐ壁があるのと同じように、ブラウザのサンドボックスは、マルウェアやその他のセキュリティ上の脅威がコンピュータに侵入するのを防ぐ閉じた環境を作成します。悪意のある Web ページを開いた場合、ブラウザのサンドボックスは、悪意のあるコードがブラウザの外に拡散してハード ドライブにインストールされるのを防ぎます。これにより、悪意のあるコードがコンピュータ上のデータを読み取ったり、変更したり、さらに損傷したりすることがなくなります。 結局のところ、最新のブラウザは、次のことによってサイバーセキュリティの脅威からユーザーを保護できます。まず、アクセスしたい Web サイトにマルウェアやフィッシングがないかチェックします。次に、発見された場合は、より安全な新しいバージョンを提供します。更新プロンプトを表示するか、自動更新を実行します。 、ブラウザのサンドボックスを使用して、悪意のあるコードがコンピュータにさらなる損害を与えるのを防ぎます。
次の章では、アクセスしたい Web サイトについてより多くの情報に基づいた選択ができるように、URL に関する基本的な知識を紹介します。
URL を使用して安全を確保してください
または、「私の名前は URL です」
Uniform Resource Locators (URL とも呼ばれます) は聞こえが良いかもしれません。複雑ですが、心配しないでください。は基本的に、特定の Web ページまたは Web アプリケーションにアクセスするときにブラウザに入力する URL です。
URL を入力すると、世界のどこかにあるホスティング サーバーが Web サイトをクロールし、長いケーブルを介してローカル インターネット接続に送信し、最終的にコンピューターのブラウザーに表示します。
URL の例をいくつか示します。
... BBC News Web サイトにアクセスします (「.co.uk」は、サイトが英国で登録されていることを意味します)
..にアクセスしてください。 Google 検索エンジン。
...マドリッドの国立プラド美術館の Web サイトにアクセスします (「.es」は、この Web サイトがスペインで登録されていることを示します)
...バンク オブ アメリカのオンライン バンキング Web サイトにアクセスします (" https://" は、これが暗号化された接続であることを意味します)
私たちは皆、毎日ブラウザに URL を入力しており、それに慣れています。しかし、あらゆる種類のフィッシングやセキュリティ攻撃から保護するには、URL のあらゆる側面を理解しておく必要があります。
次の URL を例に挙げてみましょう:
http://www.google.com/maps プロトコル ホスト名 パス トップレベル ドメイン名
URL の最初の部分は
プロトコル と呼ばれます。上の例では、HTTP プロトコルは Hypertext Transfer Protocol の略です。
プロトコルの背後にある Web サイトの「www.google.com」部分は、それが属する
ホスト の名前です。個人や企業が新しい Web サイトを作成するときは、独自のホスト名を登録し、そのホスト名は自分だけが使用します。後ほど説明しますが、これは非常に重要です。
URL のホスト名部分の後には、本の章やページに直接ジャンプするなど、そのホスト上の特定の Web ページに移動するパス が続く場合があります。 www.google.com にあるマップ Web アプリケーション (別名「Google マップ」) にアクセスしたいことをパスがホスト サーバーに伝える例に戻りましょう。場合によっては、このパスがサブドメインとしてホスト名の前に付加されることがあります。たとえば、「Google マップ」の場合は「maps.google.com」、「Google ニュース」の場合は「news.google.com」になります。
次に、セキュリティについて話しましょう。フィッシングに遭ったか、偽の Web サイトにアクセスしたかどうかを判断する 1 つの方法は、ブラウザのアドレス バーの URL をよく見ることです。ホスト名には特に注意してください。ホスト名を使用できるのは正当な所有者だけであることに注意してください。
たとえば、リンクをクリックしてバンク オブ アメリカの Web サイトにアクセスするとします。
正規の URL:
www.bankofamerica.com は、ホスト名が正しいため、正規の URL です。
不審な URL:
bankofamerica.xyz.com はバンク オブ アメリカの Web サイトではありません。 「bankofamerica」は実際には、xyz.com Web サイトのサブドメインです。
https://」であり、ブラウザのアドレス バーに鍵アイコンが表示されていることを確認してください。 「https://」は、サーバーとブラウザ間のデータ送信に安全な接続が使用されることを示します。
安全な接続を使用した Bank of America Web サイトの完全な URL は次のようになります:
https://www.bankofamerica.com。安全な接続により、送信した機密情報を他人が盗んだり改ざんしたりすることがなくなります。したがって、「https://」は良い兆候です。ただし、正規の Web サイトにアクセスしていることを確認するには、URL のホスト名を確認する必要があることに注意してください。 (これにより、安全な接続を使用する偽の Web サイトが検出されます。)
次の章では、ブラウザのアドレス バーに URL を入力すると、対応する Web ページにリダイレクトされる方法を説明します。
IP アドレスと DNS
ゴースト公衆電話ボックス
アドレス バーに Web ページを入力したときに、ブラウザがどのように Web ページを見つけるのか疑問に思ったことはありますか?
各 URL (たとえば、「www.google.com」) は、数値のインターネット プロトコル (IP) アドレスに対応します。
次のようになります:
74.125.19.147IP アドレスは、google.com の場所やコンピューターの場所など、ネットワーク上の特定のデバイスの場所を表す数字の文字列です。
それはあなたのお母さんの電話番号に少し似ています。お母さんの電話番号に電話をかけると、オペレーターはお母さんに電話をかけるように指示され、IP アドレスはネットワーク上のどのデバイスと通信しているかをコンピューターに伝えます。そしてデータを受信します。
世界中で 350 億台 (またはそれ以上) のデバイスがインターネットに接続されており、ブラウザーは各 IP アドレスを自動的に識別できず、いわゆる「ドメイン ネーム システム」(つまり DNS) を使用して 1 つずつ検索することしかできません。 。 DNS は本質的にはインターネットの「電話帳」です。電話帳の機能は「Quanjude Roast Duck」のような名前を対応する電話番号に変換することであり、DNS は URL (たとえば、「www.google.com」) を変換することです。 ") を対応する電話番号に入力します。対応する IP アドレス (例: "74.125.19.147") に接続して、必要な情報 (この場合は Google ホームページ) を取得します。
Web ブラウザに「google.com」と入力すると、ブラウザは DNS 経由で google.com の IP アドレスを検索して接続し、接続を確認するためにターゲット アドレスが応答するのを待ってから、必要な IP アドレス google.com Web ページへのアクセス要求は、この IP アドレスに送信されます。その IP アドレスの Google サーバーがリクエストを受信し、リクエストされた Web ページをコンピュータの IP アドレスに送り返すことで、ブラウザが Web ページを表示できるようになります。ただし、ブラウザを使用して Web ページを取得およびロードする場合と、電話をかける場合には、依然として多くの違いがあります。電話をかけるときのプロセスは次のとおりです。電話番号を検索し、番号をダイヤルし、相手が応答するのを待ち、接続されたら「こんにちは」と挨拶し、相手が応答するのを待ってから通話を開始します。会話。場合によっては、接続に問題があり、やり直しが必要になることがあります。ウェブでも同様のプロセスがブラウザに「www.google.com」と入力すると一瞬で起こり、Google のホームページが表示されます。
次の章では、ブラウザを使用して Web サイトを取得して読み込むときに、拡張検証証明書 を使用して Web サイトの身元を確認する方法を紹介します。
オンライン本人確認
「あなたは誰ですか?」
実生活では、情報を共有する相手を直接見ることができます。相手と直接話すことも、銀行支店などの信頼できる場所で会うこともできます。これが第一印象を作り、その人が信頼できるかどうかを判断する方法です。
しかし、インターネットでは、ウェブサイトの背後に誰がいるのかを知るのは困難です。私たちがよく頼りにする表面的な兆候のいくつかは間違っている可能性があります。たとえば、偽の Web ページは、実際の銀行 Web サイトのロゴ、アイコン、デザインを模倣し、あたかも近所の偽の店頭であるかのように見せます。
幸いなことに、ウェブサイトの信頼性を判断するのに役立つツールがあります。一部の Web サイトには、Web サイトを運営する組織の名前を特定できる
拡張検証証明書
が付いています。この拡張検証証明書によって提供される情報は、個人情報が偽の Web サイトに開示されないようにするのに役立ちます。
以下の例は、ブラウザで拡張検証を行う方法を示しています。銀行の Web サイトが拡張検証に合格した場合、アドレス バーの鍵アイコンと URL の間の緑色のボックスに銀行名が表示されます。
Chrome の拡張検証フラグの例
ほとんどのブラウザは拡張検証フラグを提供しており、ブラウザのアドレス バーの緑色の部分で関連する組織の名前を探すことで見つけることができます。ロゴをクリックして、Web サイトのセキュリティ情報とデジタル証明書を表示することもできます。
ウェブサイト所有者は一連の検査に合格する必要があり、法的身元と権限が確認された後にのみ拡張検証証明書を取得できます。前の例では、bankofamerica.com の拡張検証により、Web サイトが確かにバンク オブ アメリカの公式 Web サイトであるという肯定的な結果が得られました。この証明書は、Web サイトのドメイン名を実際の特定の ID に結び付けるリンクとして考えることができます。
Web サイトを運営している組織を信頼できる場合にのみ、機密情報をこの Web サイトに提供してください。したがって、今後、オンラインで機密情報を取り扱う前に、該当する Web サイトのセキュリティ情報を必ず確認してください。間違いなく価値があることがわかるでしょう。
より高速なインターネット時代に向けて
インターネット上の画像、ビデオ、JavaScript を高速化
今日のインターネットは、あらゆる種類の色、味、味がごった煮のようなもので、大量の写真、写真、ビデオ、素晴らしい Web アプリ。ウェブ上で最も鮮明な体験の一部は、家族旅行の共有フォト アルバムや従軍記者が投稿したオンライン ビデオ レポートなどの画像やビデオから得られます。
今日のインターネットは、単純なテキストとリンクの範囲をはるかに超えています。これは、ブラウザが Web ページを読み込むたびに、より多くのデータとより複雑なコードを処理することを意味します。
データ量と複雑さはどれくらい増加しましたか?ここにいくつかの衝撃的な統計があります:
では、このデータの流入により、ブラウザによる Web ページの読み込みが遅くなるでしょうか?インターネットはすぐに混雑して混乱するのでしょうか?
これはありそうにありません。コンピューター科学者は、画像や写真を、簡単に送信したりダウンロードしたりできる小さなファイルに圧縮して、Web 上で広く利用できるようにする方法を発見しました。 GIF と JPEG は、初期のファイル圧縮システムで最も一般的に使用された形式でした。同時に、プラグインの発明により HTML の初期の制限が打ち破られ、Web ページにビデオを埋め込んで再生できるようになりました。
将来的には、ユーザーは HTML5 の
ただし、大きな写真やその他の画像を含む Web ページの読み込みは依然として遅くなります。そのため、Google の一部のエンジニアは、品質と解像度を維持しながら画像をさらに圧縮する新しい方法を試みています。予備的な結果は何ですか?とても楽観的です。彼らは、通常の画像ファイルのサイズを 39% 削減できる WebP と呼ばれる新しい画像形式を開発しました。
最新のブラウザで JavaScript コードを実行するエンジンも再設計され、これまでよりも高速にコードを処理できるようになりました。これらの高速 JavaScript エンジンは、Google Chrome の V8 エンジンと同様、最新のすべてのブラウザの中核部分となっています。これは、JavaScript をベースにした次世代の Web アプリケーションが非常に便利で、JavaScript コードの複雑さの増大によって生じる制約から完全に解放されることを意味します。
Google Chrome などの最新のブラウザも、DNS 事前解決と呼ばれるテクノロジーを使用して、Web ページのクロールと読み込みを高速化します。 DNS ルックアップによって URL を IP アドレスに変換するプロセスは「解決」と呼ばれ、逆も同様です。 Chrome は DNS 事前解決を使用して、ページ上の他のすべてのリンクも検索し、それらのリンクをバックグラウンドで IP アドレスに事前解決します。そのため、実際に Web ページ上のリンクをクリックすると、ブラウザによってすぐに新しい Web ページが表示されます。
使用回数が増えると、「Chrome ブラウザ」は過去のアクセス記録からも情報を取得できるようになり、以前にアクセスした Web ページに次回アクセスするときに、「Chrome ブラウザ」が自動的に事前解析を行います。ページ上のすべての関連リンクと要素。
おそらくいつか、ブラウザは Web ページを読み込む前に予測を行うことができ、どのリンクを事前解析するかだけでなく、どの Web サイト要素 (画像やビデオなど) をプリフェッチするかも知ることができるようになります。これによりネットワークが高速化されます。
近い将来、ブラウザが本のページをめくるのと同じくらいの速さで新しい Web ページを読み込めるようになることを願っています。
オープンソースとブラウザ
巨人の肩の上に立つ
今日のインターネットは、イノベーションの範囲を拡大し、知識を共有し続ける技術者、アイデアの専門家、開発者、組織といった巨人の肩の上に立っています。
共有の精神はオープンソースの核心です。
「オープン ソース」とは、ソフトウェアの内部動作 (「ソース コード」とも呼ばれる) が公開されており、ソフトウェアがオープンで共同的な方法で作成されていることを意味します。誰でもソース コードを表示して、その仕組みを理解し、調整または追加して、他の製品やサービスで再利用できます。
オープン ソース ソフトウェアは、最新のブラウザを含め、Web のさまざまな側面で大きな役割を果たしています。オープンソース ブラウザ Mozilla Firefox のリリースは、将来の多くの優れたブラウザ イノベーションへの道を切り開きました。 Google Chrome は、Mozilla Firefox ブラウザの特定のコンポーネントとオープンソースのレンダリング エンジン WebKit にも基づいています。同じ精神で、Google は Chrome をオープンソース化し、世界中のウェブ コミュニティが Chrome のイノベーションを自社製品に利用できるようにし、さらに Chrome のソース コードを改善できるようにしました。
このオープンソース ブラウザはより速く、よりシンプルで、より安全であり、その受益者は Web 開発者や一般ユーザーだけではありません。 Google のような企業も、アイデアをオープンに共有することで大きな利益を得ています。
より優れたブラウザーはユーザーにより優れたオンライン エクスペリエンスを提供し、ユーザーはより良いエクスペリエンスを得た後、より多くのオンライン コンテンツを閲覧するようになります。より優れたブラウザーは、企業が最新の高度な機能を備えた Web アプリケーションを開発するのにも役立ち、ユーザー エクスペリエンスも向上します。
オープンソースの実践を採用しているウェブ上の場所はブラウザだけではありません。 Web 開発者は、Web サイトのホスティングと公開のプロセスでオープン ソースの Apache HTTP サーバーを使用している可能性があります。また、開発された Linux オープン ソース オペレーティング システムをコンピュータにインストールしている可能性もあります。上記はほんの一例です。 。オープンソース コミュニティは、ネットワークを改善し、次世代が立つことができる広い肩を持つよう、今後も懸命に取り組んでいきます。
最後に一つ...
クラウドコンピューティング時代の生活
...さて、20番目のことについて話します。要約しましょう。
今日のインターネットは、カラフルで、鮮やかで、直感的で、実用的で、風変わりで、忙しく、友達が集まり、楽しくて非常に実用的な場所です。私たちの多くはインターネット上のクラウドに住んでいます。私たちは Web ベースのアプリケーションを使用して、ニュースを読んだり、映画を見たり、友達とチャットしたり、日常の用事をブラウザーでオンラインで行ったりしています。 Web アプリケーションを使用すると、どこからでも、自宅のラップトップからでもこれらの作業を行うことができます。
それはすべて、HTML、JavaScript、CSS などの Web 標準とブラウザのプラグインのおかげです。 HTML5 の新機能は、開発者が革新的な次世代 Web アプリケーションを構築するのに役立ちます。
クラウド コンピューティングには他にどのような可能性があるでしょうか?
最終まとめ
新世代のブラウザを使用すると、これが最初に影響を受けます。または、新しいブラウザを試して、そのブラウザがニーズをより満たし、より楽しいブラウジング エクスペリエンスを提供するかどうかを確認してください。
インターネットはこれからも驚くべきスピードで発展していきます！ HTML5、CCS3、WebGL などの最先端の Web テクノロジーをサポートし、Web コミュニティが革新的な未来を構想し実現するのを支援します。
最後に、何か新しいことに挑戦してみましょう。 インターネット上には毎日、新しくてエキサイティングなものが登場します。たとえば、前の 10 世代の先祖を探したり、ヒマラヤの登山キャンプからのリアルタイムの Web ビデオを視聴したりするなど、オンラインでできるとは考えられなかったことに挑戦してください。あなたは見つけたものに驚くでしょう！
2010 年に Google が発行
?