ホームページ » の仕方 » あなたのWebブラウザがまだできることを知らなかった10の事柄

    あなたのWebブラウザがまだできることを知らなかった10の事柄

    Webブラウザはここ数年で成長しています。 Internet Explorer 6のWebに対する支持が破られた今、Webブラウザが今日利用しているさまざまなクールな新機能をブラウザが実装しています。.

    この記事では、今日実際のWebページで使用できる新しいWebテクノロジについて説明します。確かに、あなた方の何人かはこれらの多くについて疑いをもって聞いたことがないが、大多数の人々はそれらすべてについて聞いたことがない.

    ドラッグ&ドロップでアップロード

    多くのWebサイトでは、ブラウザウィンドウにファイルをドラッグアンドドロップするだけでファイルをアップロードできるようになりました。これは、ほんの数年前のように、参照ボタンをクリックしてファイルチューザを使用することからの大きな変化です。 Gmailのメールにファイルを添付する場合でも、imgur.comに画像をアップロードしてすばやく共有する場合でも、ファイルをWebページにドラッグアンドドロップできます。.

    ブラウザで3Dグラフィックをレンダリングする

    ChromeやFirefoxなどのブラウザは現在WebGLをサポートしています。これにより、Webページはプラグインなしで3Dグラフィックをレンダリングできます。 WebGLはゲームや他の3Dモデルに使用できますが、WebGLを使用している最も人気のあるWebサイトはおそらくGoogleマップです。 ChromeのGoogleマップでは、「MapsGL」を有効にできます。これにより、GoogleマップはOpenGLを使用してマップをレンダリングし、アニメーションが滑らかになります。ストリートビューを使用すると、地図が拡大表示されるときにアニメーションが表示されます。ストリートビューも、Adobe FlashではなくOpenGLでレンダリングされます。.

    グーグルマップがそれほど印象的でなければ、Quake 3エンジンはあなたのブラウザのWebGLで動作するようになっています。このウェブサイトはまたあなたのマウスポインタをつかみ、ゲームエリア内にそれを保つためにポインタロック(またはマウスロック)仕様を使用します.

    WebSocketと通信する

    HTMLは、WebページがWebサーバーと相互に通信できるようには設計されていません。 HTMLは静的なWebページ用に作成されたもので、現在のほとんどのWebページはサーバーと通信するためにハッキングポーリングベースの方法を使用しています。 WebSocketを使用すると、WebページはTCP接続を介して完全な通信チャネルを作成でき、Webページがサーバーとの間でデータを送受信する必要がある場合の待ち時間とネットワークトラフィックが大幅に削減されます。.

    WebSocketは、MozillaのBrowserQuestゲームで使用されているため、ブラウザ内で実行されているゲームがそのサーバーとの間でイベントをやり取りできます。 WebSocketはあなたのブラウザで動くIRCクライアントを作成するのにも使われてきました。おそらく最も印象的なのは、WebSocketはブラウザで動作するJavaScriptトレントクライアントの作成にも使用されており、Chrome OSユーザーにネイティブのトレントクライアントを提供することです。 JSTorrentはまだ完全に安定しているようには見えませんが、WebSocketで可能なことの良い例です。.

    フラッシュなしで動画や音楽を再生する

    HTML5ビデオが注目を集めているので、FlashをインストールしなくてもH.264(MP4)、WebM、およびOgg Theora形式のビデオを再生できるようになったことを多くの人が知っています。 YouTubeを含む多くのビデオWebサイトは、HTML5ベースのビデオ再生を提供しています。残念ながら、多くのWebサイトではDRMが必要であると主張しています。そのため、YouTubeは広告付きの動画にFlashを使用し、Netflixは動画にSilverlightを使用しています。 HTML5の「ビデオタグ」はFlashベースのビデオプレーヤーのように見えるため、Webサイトで使用されていることに気付かないことがあります。ただし、ビデオ再生はモバイルデバイスで機能し、パフォーマンスは向上します。.

    Webアプリをオフラインで実行する

    ブラウザを使用すると、Webアプリケーションをオフラインで使用できるようになり、データへのアクセスに使用できるローカルデータベースストレージが提供されます。 GoogleのオフラインWebアプリ(Gmail、Docs、Calendarなど)の多くはChromeでしか動作しませんが、AmazonのKindle Cloud ReaderはFirefoxなどの他のブラウザでもオフラインで使用できます。 Kindle Cloud Readerを使用すると、インターネットに接続していなくても、後でブラウザでオフラインで読むことができる電子ブックをダウンロードできます。.

    Webカメラとビデオ会議にアクセスする

    WebページからWebカメラにアクセスできるようになりました - もちろん、あなたの許可を得て。 Webページでこの機能を使用して、プロフィール写真のためにWebカメラから写真を撮ったり、ビデオを録画したりできます。ただし、プラグインを必要とせずに、異なるWebブラウザ間のビデオ会議に新しいWebRTC APIを使用することもできます。将来的には、Googleのハングアウトではプラグインはまったく必要なくなり、Skypeもブラウザで動作するようになります。.

    通知ポップアップを作成する

    ブラウザは、Webページにデスクトップ通知を表示することを可能にします。たとえば、今後の予定の通知を作成したときにGoogleカレンダーでポップアップ通知を表示できます。チャットおよび電子メールWebサイトはポップアップを表示して新着メッセージを知らせることができます。.

    あなたの場所を特定する

    Webページは今あなたの場所にアクセスする許可を求めることができます。専用のGPSチップを搭載したタブレットなどのデバイスを使用している場合、ブラウザはGPSハードウェアを使用して現在地を特定します。 GPSチップを搭載していないデバイスでは、近くのワイヤレスネットワーク名またはISPの位置を使用して現在の位置を概算できます。地理位置情報を使用すると、ローカルコンテンツを表示し、ポータブルコンピュータのGPSチップを使用して正確な位置を特定できるWebサイトに住所を入力する必要がなくなります。.

    Webアプリをデフォルトのアプリケーションにする

    ブラウザでWebアプリケーションをデフォルトのアプリケーションにすることができるようになったので、ブラウザ上でmailto:リンクをクリックしたときにGmailを使用して電子メールを送信できます。.

    ブラウザでネイティブコードを実行する

    やや物議をかもしているが、ChromeにはGoogleのNative Clientが含まれている。 Native Clientでは、WebページでCやC ++などの言語で書かれたネイティブコードを実行できます。コードはセキュリティのためにサンドボックス内で実行され、ほぼネイティブの速度で実行されます。.

    Native Clientでは、Webページでゲームエンジンやローカルビデオエンコーディングなどの高性能コードを実行できます。 Chrome OS上でより高度なアプリケーションを入手するための道かもしれません。 Chromeウェブストアには、絶賛されたBastionの移植版など、Native Clientで書かれたさまざまなゲームが含まれています。.


    ブラウザは急速に新しいWeb機能を得ています。 Internet Explorer 6が業界標準ではなくなったことに感謝します.

    Image Credit:Flickrのクリスチャンハイルマン