Yandexブラウザー

今日、新しいYandexブラウザが導入されました。最初のブラウザは、既製のコンポーネントから組み立てるだけでなく、外観を事実上ゼロから設計し、可能な限りの詳細をすべて作成しました。 これで、その理由と方法を説明できます。







数十人のチームがブラウザーに取り組み、各ソリューションの長所と短所を慎重に比較検討しました。 既存のテクノロジーのどれを、なぜYandexのブラウザーに含めるべきかを理解する必要がありました。 そして、主なタスクは、このようなプログラムの競争の激しい市場でYandexを真に新しい製品にするソリューションを見つけて実装することでした。

ブラウザデバイス

私たちにとって最初の1つは、エンジンの選択でした。 実際、トライデント、プレスト、Gecko、およびWebKitの4つの話題があります。 最初はInternet Explorerを実行します。 サードパーティの開発者が使用できますが、最初に変更できるのはマイクロソフトだけです。次に、この場合、ブラウザーはWindowsとのみ互換性があります。 2つ目は、Opera Softwareの独自開発です。 これが、このオプションを放棄した主な理由です。



実際、GeckoとWebKitの2つのオープンソースエンジンの間で真剣な選択が行われ、すぐにブラウザーインターフェイスとその拡張機能が機能するエンジンとコードバンドルから選択しました。 独自のシェルを作成することを考えましたが、その結果、市場にあるものと互換性のない拡張システムを手に入れることができました。 その結果、彼らはこれに追加のリソースを費やす価値はないと判断しました。 選択肢は、GeckoとFirefox、WebKitとChromiumのオプションに絞り込まれています。







速度の観点からは、それらは互いに劣っていないため、決定を下す際に他の要因が議論になりました。 バンドルGeckoとFirefoxの主な利点は、デザインを簡単にカスタマイズできることでした。 当初から、これは私たちの優先的なニーズの1つでした。Yandexチームによって作成される新しいインターフェイスを備えたプログラムを作成したかったのです。 ただし、このオプションを選択すると、パフォーマンスの問題が発生します。 Firefoxシェルでは、Chromiumとは異なり、ブラウザー自体がメモリ管理に関与しており、リークがほぼ完全に存在しないにもかかわらず、その断片化は依然として発生します。 さらに、Firefoxのコードは最も正確ではないため、多くの重要な変更を行うことは困難です。



WebKitとChromiumにはこれらの欠点はありませんでした。 Chromiumでは、各タブは個別のプロセスであり、オペレーティングシステムはメモリの解放を監視します。 通常、OSはブラウザ自体よりも効率的にこのタスクに対処します。 きれいできれいなChromiumコードを使用すると、それに基づいて新しいものを簡単に作成できます。 私たちにとって重要なマイナス点にもかかわらず、このオプションを選択することが決定されました-このシェルのインターフェースを変更することは非常に困難です。 そして、ブラウザを一から作成し、その中のユーザーとのやり取りを再設計したかったのです。 タブの形状を変更する場合でも、コードを非常に深く理解し、何度も書き直す必要がありました。

インターフェースを操作する

最近のブラウザのインターフェースは非常にミニマルで、何も残っていないようです。 しかし、Yandexウィンドウを見ると、現在必要のないインターフェイス要素は表示されないことにしました。 そのように見えた-むしろ、消えた-矢印「前方」。 これは、先に進むべき場所がすでにある場合にのみ見ることができます。



ちなみに、この矢印のような些細なことでも、私たちは長い間考えていました。 50の異なるオプションが描かれました。







最終的に、この要素の形式は、尊重される必要がある確立された規範になったと判断しました。 そして、American Institute of Designによって作成された矢印から始まり、最終バージョンが描かれました。 彼はかつて、今では理想と考えられているナビゲーションアイコンのセットを開発しました。 バージョンを再描画し、ビジョンに合わせて形状とプロポーションを変更し、ピクセルグリッドに刻み込み、私たちに合った矢印を取得しました。



Yandexの開発中に、Webブラウザーインターフェイスの歴史も調査しました。 以前は、それらは互いに簡単に区別できましたが、今では、人気のあるブラウザーのロゴを閉じると、すべてのYandex従業員でさえそれらを認識できなくなります。 インターフェイスの標準が形成されました。上部にはタブがあり、その下にはアドレスバーがあり、その左側にはコントロールボタンがあります。 革命を起こさないことにしました。 Yandexを使用すると、人は習慣を根本的に変えるべきではありません。 それらをより簡単に形成する必要があります。



しかし、新しいものを導入するには、古いものがどのように機能するかを理解する必要がありました。 私たちは多くの研究に依存しましたが、独自の実験も行いました。 たとえば、Yandexインターフェースで作業した人は、同僚の何人かがブラウザーをどのように使用しているかを見ました。 さらに、これらが開発者ではないことが基本でした。 そのため、インターネットで作業する際に、普通の人が習慣を持っていることを「生きる」ことができました。







調査によると、1人が最大7つの恒久的なサイトを訪問します。 そして、通常、新しいタブを開いて、今切り替えたいブックマークのブックマークを表示します。 私たちの革新の1つはスコアボードで、アドレスバーをクリックすると表示されます。 したがって、Yandexは新しいページに移動するために新しいタブを開く必要はありません。 スクリーンショットを放棄して、サイトの表示を変更しました。 私たちの意見では、彼らは必要なページを見つけるのに人を助けません。 スコアボードには、ランチャーウィジェット（「ブリック」）が表示されます。



Habrahabr、VKontakte、Lenta.ru、Facebookなどの人気のあるサイト、およびその他の150のサイトについては、手動で作成しました。 他のページの表現は、それ自体で形成されます。 ブラウザがサイトのファビコンを決定し、その中のメインの色がブロック自体を描画します。 また、ソーシャルネットワークとメールボックスからのすべての通知は、スコアボードですぐに見ることができます。



ちなみに、ブラウザのロゴは、彼自身と同様、Yandex内に描かれています。 この場合、外国のデザイナーを含む外部デザイナーを引き付けましたが、彼らが描いたものはすべて私たちに合っていませんでした。 最終的に承認されたロゴのスケッチは、プロジェクトマネージャーのDmitry Timkoによってノートにペンで描かれただけです。 そして、デザイナーのミハイル・ネジダノフとともに完成しました。



Yandexのロゴは、他のブラウザーと同様に丸いです。 私たちはそれを変えようと考えましたが、そのようなプログラムのロゴが地球の形を打ち破った伝統に敬意を表することにしました。 さらに、丸い形状は、デスクトップ上のブラウザアイコンをすばやく特定するのに役立ちます。

ブラウザ充填

インターフェースの作業中に、私たちはその要素がサイトを見ている人に干渉してはならないという考えから始めました。 ブラウザのコンテンツを操作するとき、私たちにとって重要な前提の1つは、ユーザーがインターネットで会ったドキュメントをすべて正しく表示することです。 特定のファイルを表示またはリッスンするために必要な追加のアクションの数を最小限に抑えようとしました。 この問題を解決するには、さまざまな技術オプションから選択する必要がありました。 その結果、私たちは問題を最もよく解決するものであると信じて、それらのいくつかのライセンスを受け取りました。 たとえば、アドビと合意し、すぐにブラウザにFlashを埋め込みました。 PDFファイルを表示するには、Adobe自身が取り組んでいるpdf.jsを使用することもできますが、FoxItのビューアを使用しました。 私たちの問題をより良く解決しているように見えますが、それでもアドビの開発を監視し続けています。



また、たとえば、Yandexはオペレーティングシステムのシステム機能を通じてMP3ファイルを再生します。 しかし、インターネット上のすべてのページが同じように安全であるとは限らないため、すべてのページをすぐにユーザーに開く必要はないと考えました。 ブラウザは、独自のセーフブラウジングテクノロジーを使用しています。 これにより、危険であることがわかっているデータベースとURLを照合することができます。 毎日2,000万以上のページをチェックしており、データベースはYandexサービスのユーザーに最も関連しています。 また、カスペルスキーのシステムを使用して、ユーザーがコンピューターに直接ダウンロードするウイルスファイルをチェックします。 これは、ウイルス対策ソフトウェアの必要性を排除するものではありませんが、有害である可能性があることがわかっているファイルのダウンロードを防止するのに役立ちます。



ブラウザはOpera Softwareソリューションも使用します。 特に、Opera Turboテクノロジーを使用して、接続速度が遅い場合でもページをすばやくロードできるようにします。 ターボモードは、製品の次のバージョンで表示されます。

クラウド技術

Webの夜明けには、ブラウザは、ユーザーがアドレスバーに入力したか、ファイルを開くボタンをクリックして開かれたアドレスを持つページを表示するという1つのタスクを持つ通常のプログラムでした。 今では、これが最初のWebブラウザーの場合に当てはまるとは信じられません。



今ではすべてが大きく変化しているため、普通の人は最近のブラウザのアドレスバーに実際のアドレスを入力することはほとんどありません。 また、彼の仕事は、人々が広大なインターネットをナビゲートし、適切なインターネットを迅速かつ効率的に見つける機会を提供し、セキュリティを確保しながら、できるだけ目立たないようにする必要性でした。



ページを表示するとき、検索クエリを入力するとき、スペリ​​ングと翻訳を見つけるとき、ウイルスを見つけてチェックするとき、世界の企業が持っている多くの知識を使用できます。 すべてのブラウザメーカーが独自のクラウドテクノロジを持っているわけではなく、それらを提供できる人と協力する必要があります。



幸いなことに、私たちにはあらゆる種類のクラウドサービスがあります。 同時に、Yandexは常にRunetに可能な限り近く、ローカルに留まっていることを理解することが重要です。



検索を行っているため、数億のサイトと数十億のページに関する知識があります。 これにより、検索バーから直接即座に回答することができます。 たとえば、天気予報、コルクのスコア、カリーニングラードの電話コード、スティーブジョブズの生年月日などは、アドレスバーに入力しているときにすでに表示されています。 ご覧のとおり、これはすべてYandex Searchの検索ヒントにもあります。 彼らの技術はまた、レイアウトを変更するのを忘れてアドレスバーにソフトサインを打ち込んだ場合、文字mでサイトのアドレスを示すことができます。



Yandexの翻訳者は、ページ全体だけでなく、個々の単語や文章を翻訳するだけで強調表示することができ、インターネット統計で完全に機能します。 つまり、Yandexインデックスにある膨大な数の並列ドキュメントです。 また、セーフブラウジングのチェックに使用されるマスクは、Yandexに知られ、ユーザーに関連する約数千万の危険なページに基づいて構築されています。



さらに、Yandexには非常に高品質のブラウザ向けジオロケーションがあります。 マップのおかげで、ユーザーは検索バーから直接多くのジオデータを利用できます。 たとえば、その地域のキューポイント。



ブラウザの検索と開発は、現在インターネット業界で最も興味深い分野の1つになりつつあります。 競争の激しい環境では、ユーザーが常に勝つため、これは私たちにとっても人々にとっても重要です。 そのため、たとえば、リクエストの入力中にアドレスバーから既にYandexのブラウザで検索エンジンを選択できます。 また、CookieをインポートできるYandexに移行すると、可能な限り便利になります。以前のプログラムのウィンドウにあったタブも開きます。



今日、午後5時からbrowser.yandex.ruで新しいブラウザをダウンロードして試すことができます。



UPD：この2番目から、Yandexの新しいブラウザーをダウンロードできます。 心を決めてください 。