StephanieStimacとAaronGustafsonによるポッドキャストエピソード8のスマッシング:MicrosoftEdgeの新機能

公開: 2022-03-10
簡単な要約↬MicrosoftEdgeの新しいバージョンとそのChromiumベースのレンダリングエンジンを見ていきます。 その変更はWeb開発者にとってどのような意味があり、Microsoft独自のレンダリングエンジンの廃止はWebにどのような影響を与えますか? ドリュー・マクレランは、マイクロソフトのアーロン・グスタフソンとステファニー・スティマックに話を聞いて調べました。

Smashing Podcastのこのエピソードでは、MicrosoftのAaronGustafsonとStephanieStimacに話を聞いて、Microsoft Edgeの新しいバージョンと、それが世界中のWeb開発者にどのように影響しているのかとWebへの影響について詳しく調べています。

メモを表示

  • Web We WantWebサイトとTwitter
  • Twitterのステファニーとアーロン

毎週の更新

  • 「神話の神話の男-月」
    ジョン・フォアマン
  • 「SVGと<lit-element>を使用したArduinoプッシュボタンの再作成」
    ウリシェイク
  • 「Vue.jsのコンポーネント間でデータを渡す方法」
    マット・マリボジョック
  • 「WordPressマルチサイトの完全ガイド」
    ManishDudharejia著
  • 「価値を測定することで設計チームに力を与える方法」
    デイブ・カニンガム

トランスクリプト

左がアーロン・グスタフソン、右がステファニー・スティマックの写真 Drew McLellan:彼女はMicrosoft Edge Developer Experiences Teamのプログラムマネージャー兼ユーザーリサーチャーであり、特にWeb開発者と連絡を取り、日々のワークフローを改善するためのソリューションが必要なWebプラットフォームの問題を特定しています...彼はWeb標準は、再びMicrosoftと協力して、Edge Browser Teamと緊密に連携し、プログレッシブWebアプリでパートナーと連携し、プラットフォーム間の互換性に重点を置いています...一緒になって、 Web We WantTeamの一部です。 、これは、Webプラットフォームの将来の開発を形作るのを助けるために、Web開発者との対話を開くためのクロスワークフローベンダープロジェクトです。

ドリュー:どちらもマイクロソフトの出身であり、どちらも私たち全員のためにWebを改善することに専念していることはわかっていますが、私たちが会いたい最新のWebが、地球の大気圏外の熱気球でホストされていることをご存知でしたか?フェリックス・バウムガルトナーのスタイルで地球に戻る前に。

ドリュー:私のスマッシングフレンズ、ステファニースティマックとアーロングスタフソンを歓迎してください。

ドリュー:こんにちはステファニー、こんにちはアーロン、お元気ですか?

アーロン・グスタフソン:私は粉砕しています。

ステファニー・スティマック:私も粉砕しています。

Drew:今日は、MicrosoftEdgeブラウザーで行われている非常に興味深い開発についてお話ししたいと思います。 私たちのほとんどは、Edgeが伝統的に非常に愛されているInternetExplorerに取って代わったWindows10ブラウザーであることを知っていると思います。 おそらく、最初に注意する必要があるのは、EdgeがWindows10専用ではなくなったことです。

アーロン:正解です。

ステファニー: EdgeはWindows10とMacOSで見つけることができます。 そして、それがWindowsSevenでまだ利用可能かどうかはわかりません。

アーロン:ええ、WindowsSevenとWindowsEightでも利用できるようになったと思います。 そしてもちろん、iOSとAndroid用のモバイルクライアントもあります。

ドリュー:ほとんどすべての最新のプラットフォーム。

ステファニー:うん。

アーロン: Linuxを除いて、うまくいけばすぐに来るでしょう。

Drew: Linuxデスクトップユーザーでもアクションに参加できます。

アーロン:最終的には、それが希望です。

ドリュー:素晴らしい。 私が理解している限り、ここで間違っている場合は訂正してください。ただし、Edgeは技術的にはInternet Explorerのコードベースの続きでした。

アーロン:ええ、Edgeが最初に始まったとき、それは基本的に、私たちが気付いたすべてのものを取り除いたようなものでした。 古いブラウザヘルパーオブジェクトやActiveXのものなどすべて。 それで、それは大いに根こそぎにされました。 チームにとって、レガシーの荷物の多くを実際に取り除き、標準的なものに集中するチャンスのようなものでした。 そして、それは古いTritonエンジンの続きでしたが、一種のリファクタリングされ、EdgeHTMLエンジンになりました。

ドリュー:つまり、コードベース内の大規模な住宅改修のようなものでした。

アーロン:ええ、スタッドに持っていってください。

Drew:ですから、Edgeの最新バージョンで話したい最大の変更点は、これらの種類の古い内臓がさらに多く取り外されて置き換えられたことです。 そして、インストールされた新しいレンダリングエンジンがあります。 今、私は専門用語を使用することを少し意識しています。ブラウザの動作にあまり精通していない人は、完全に満足していない可能性があります。レンダリングエンジンとはどういう意味ですか。 ブラウザの内部を直接操作していなくても、長い間Webにアクセスして作業してきた私たちの中には、その情報を入手した人もいると思います。 しかし、おそらくWeb開発に不慣れな人は、レンダリングエンジンとはどういう意味か理解できないかもしれません。 では、ブラウザ内のレンダリングエンジンとは何ですか? そして、どのビットがレンダリングエンジンではありませんか?

アーロン:そうですね、ブラウザにはさまざまな部分があります。 レンダリングエンジンは、実際に画面にペイントされているものや、インタラクティブなレイヤーのようなものについて話しているときに、私たちが通常考えるものです。 そして、Chromiumの世界では、それがBlinkレンダリングエンジンです。

アーロン:そして、Safariを実行するWebKitレンダリングエンジンがあります。 そしてそれは、初期にKonquererを実行していたKHTMLレンダリングエンジンに基づいていました。

アーロン:私が前に述べたトライデントレンダリングエンジンは、Windows用のInternetExplorerのものでした。 Tantek Celikは、Mac用のIE5に取り組んでいたチームの一部としてTasmanレンダリングエンジンを作成しました。

アーロン:つまり、これらのさまざまなレンダリングエンジンがすべて存在します。 実際、Peter PaulCoxがちょうど話していたFlowという新しいものがあったと思います。 これは、SVGなどに基づくマルチスレッドレンダリングエンジンのようなものです。 そして、セットトップボックス、本当に低電力のデバイス用に設計されたブラウザが間もなく登場します。

アーロン:しかし、そうです、レンダリングエンジンは、すべての情報を取得して画面にペイントします。 そして、基礎となるJavaScriptエンジンもあります。 したがって、Chromiumスタックの種類の場合はv8です。 そして、そのためにもたくさんの異なるものがあります。

Drew:つまり、IEから来てEdgeにあった古いレンダリングエンジンTridentが置き換えられたということです。 私たちは実際に、画面に何かをペイントするビットと、JavaScriptエンジンのような関連するものについて話しています。 それは公平ですか?

アーロン:ええ、新しいEdgeバージョンの場合、基本的に古いEdgeの基盤はありません。 Chromiumプロジェクトは、ChromeやBrave、その他多数のOperaなどを実行するオープンソースプロジェクトです。 そして、そのプロジェクトにはレンダリングエンジンが含まれ、JavaScriptエンジンが含まれ、すべてのUIが含まれます。 また、実際にブラウザを作成するためのビルドプロセスやそのようなものもすべて含まれています。

アーロン:基本的にはChromiumプロジェクトがあり、新しいEdgeの基盤になりました。 そのため、Edgeのように見せて、Microsoftアカウントを使用して、同期の観点から必要な機能を追加するプロセスを実行する必要がありました。

アーロン:つまり、新しいEdgeは、Tridentなどから継承されたEdgeHTMLである古いEdgeと従来の意味での系統を共有していません。 そして、これらのほとんどについては、Mosaicに戻ることができます。

アーロン:しかし、そうです。新しいEdgeはChromiumです。これは、以前のWebKitに基づいており、KHTMLなどに基づいています。 つまり、前の系統とはまったく異なる系統です。

Drew:つまり、それは大きな変化ではありません。Microsoftにとって、独自のコードで作成されたブラウザーはもうありません。 しかし、実際にはオープンソースプロジェクトを採用し、そこから独自のブラウザを作成しています。 これは、Appleが当時WebKitで行ったことと似ていると思います。 なに、それは彼らがKHTMLだったのか…?

アーロン:ええ、それはKonquerorでした…Kで。

Drew:はい、Konquererです。彼らはそのオープンソースプロジェクトを採用し、それがSafariになりました。 それで、MicrosoftはChromiumプロジェクトで同様のことをしていて、それからEdgeを作りましたか?

アーロン:正解です。

ドリュー:私がWeb開発者としてEdgeの前に座っていた場合、私が見ているのはEdgeに固有のものであり、Chromeの前に座っていた場合は見えないでしょう。例?

ステファニー:この最初の安定したリリースの現在の機能の多くは、消費者に焦点を当てています。 だから、出てくるコレクションがあります。これは、Webから個々のコレクションにコンテンツを取り込むための非常にクールな方法であるため、この名前が付けられています。 そして、そのデータを取得してサイドペインに配置し、WordやExcelにエクスポートすることができます。 デザインプロジェクトなどに使っています。 リソースを収集するのはクールです。

ステファニー:そして、エンタープライズのお客様向けの他の機能の1つであり、Windowsでのみ利用できるのはIEモードです。 そのため、古いテクノロジに依存するページがまだ必要なユーザーのために、実際にはEdgeのタブ内にInternetExplorerがレンダリングされます。 とてもかっこいいです。

ステファニー:そして、開発者向けツールに関しては、今のところすべてが同じです。 Chromiumに移植される予定のいくつかのものがあることは知っていますが、作業中のクールな3D DOMビューアがあり、チームは繰り返し取り組んでいます。 また、Chromeにはまだ存在しないツールが他にもいくつかあります。 とてもエキサイティングです。

ドリュー:それはWeb開発者にとって大きな問題ですね。 通常、人々は選択したブラウザで一連の開発者ツールを使用することに慣れていると思うので、率直に言って、最近の多くのWeb開発者にとってはChromeです。 したがって、Edgeにアクセスして、非常によく似た開発ツールのセットを見つけるには、かなりの魅力が必要だと思いますか?

アーロン:ええ、そう思います。 つまり、まったく同じツールセットを使用するようなものです。 すべての開発ツールを含め、Chromiumの上に構築されています。 ステファニーが話していたように、私たちは3DDOMビューアに多くの投資を行ってきました。 私たちは、開発ツールの全体的なアクセシビリティの向上、新しいツールの追加、開発ツールの国際化に取り組むという点で、多くの投資を行ってきました。

アーロン:そしてステファニーが言ったように、私たちが行っている作業の大部分は、基本的にEdgeに固有のUIではないもの、または同期プラットフォームなどに関係するものであり、すべてがChromiumにアップストリームされています。 したがって、私たちが行う修正、アクセシビリティのために行う改善は、Chromeをより良くし、Braveをより良くし、Operaをより良くするでしょう。 彼らはElectronをより良くするつもりです。

アーロン:それで、そのより大きなエコシステムの一部であるのは本当に素晴らしいことです。 そして、私たち自身のブラウザを超えて影響を与えることができるようにすること。 そのため、開発ツールは私たちが多くの投資を行ってきた分野です。 プログレッシブウェブアプリについても、Chromeチームのパートナーと多くの作業を行ってきました。 そして、プログレッシブWebアプリが何をするのか、またはデスクトップ環境でどのように見えるのかを理解しようとしています。これは、モバイルに重点が置かれているためです。

アーロン:そして、開発ツールチームとVS Codeに取り組んでいる人々の間でも、これらのツールをより良く連携させるために多くの作業が行われました。 これにより、基本的に、ページのデバッグ中にVSコード内からブラウザーから開発ツールにアクセスできます。 そして、Edge devツールでスタイルルールをクリックできるように、実際にはスタイルシートのVSコードのその行に移動するなど、すべてが接続されています。 それは驚くべきことです、それは本当にクールなものです。

ドリュー:それは本当にエキサイティングに聞こえます。 VS Codeは、Web開発コミュニティで非常に大きな注目を集めているようです。 実際には、何年にもわたって漂流していた可能性のある多くの人々がMicrosoftToolsに戻ってきたと思います。 確かに、この種のオープンソースと新しいバージョンのEdgeの採用と同様に、Microsoftの別の時代のように感じます。 Web開発の観点からは、すべてが非常にエキサイティングで非常に新鮮に思えます。

Drew:また、その観点からすると、これはWeb開発者にとって非常に便利なようです。なぜなら、主要なブラウザーのいくつか、特にChromeとEdge、そしてBraveとOperaについて言及した場合、すべて同じレンダリングを使用しているからです。エンジン、おそらくそれは多くの異なる場所でテストする必要のない互換性の問題とブラウザの大部分を削減します。 それはすべて同じように機能するはずです、それは公平ですか?

ステファニー:うん。

ドリュー:すごい。

アーロン:それが夢ですよね?

ドリュー:それは常に夢です。 市場での健全な競争の種類を減らすことにはなりませんが、それは少し懸念を引き起こします。 マイクロソフトがブラウザを前進させたのに対し、グーグルはブラウザを前進させました。 Appleは、理想的には、ブラウザ、Opera、および他のすべてのプレーヤーを前進させることを望んでいます。 そして、そのようなものは、誰もがお互いに追いつき、改善しようとしているこの健全な競争の雰囲気を作り出します。 多くの大手プレーヤーがすべて同じレンダリングエンジンを使用している場合、その健全な競争は苦しみますか?

アーロン:これは私が間違いなく持っていることです。長い間Web標準の担当者であり、少し苦労していましたが、私はそうは思いません…私はそれをビジネス上正当化することができます。 Microsoftの観点からは、それは非常に理にかなっています。 また、フロントエンドの開発者の観点からは、さまざまなエンジンに対応する必要がないのは素晴らしいことです。

アーロン:全体として、長い間Webに取り組んできた私たちの人々は、レンダリングに関して確かに多くの収束を見てきました。 Netscape 4.7の時代に言ったほど多くの問題はありません。ご存知のように、ブラウザごとに独自のスタイルシートを作成している企業は、まったく受け入れられませんでした。

アーロン:しかし、今のところ違うのは、元のブラウザ戦争では、これらのプロプライエタリエンジンがすべてあり、新しいプラットフォーム機能と新しいJavaScript機能を出荷しようとするという点で誰もがワンアップマンシップのゲームに参加していたことだと思います。 または、Microsoftの場合はJavaScriptをリバースエンジニアリングして、J Scriptを作成し、それをすべて組み合わせる方法を見つけようとします。

アーロン:しかし、今ではオープンソースプロジェクトで実際に協力し、対話を続けることができます。それでも、正しい言葉ではなく、さまざまなアプローチの影響について真剣に話し合うことができます。 そして、お互いに反対すること。 そして、スペックを本当に良いものにすることに本当に取り組むこと。 また、ChromiumプロジェクトやWebKit、またはその性質の何か、FirefoxスペースのMozillaなどのコンテキスト内で、基盤となるコードに対して競合するアプローチをとることもできます。

アーロン:そうです、一方では別のレンダリングエンジンを失いました。 そして、OperaがChromiumに行くことを決めたとき、私は同じ痛みを感じました。 しかし、マイクロソフトの内部にいて、Chromiumプロジェクトに有意義な方法で実際に参加することに私たちがどれほど熱心に取り組んでいるかを見ると、いくらか勇気づけられます。 そして、Chromiumの下流に来るすべてのものをただ座って受け入れるだけでなく、実際には、プラットフォームに何が入っているのかを調べてそれに参加するようなものです。

アーロン:それで、私はそれによって少し心強くなり、私たちはそのプロジェクトから引き継ぐだけでなく、そのプロジェクトに利害関係を持つすべてのさまざまな人々から受け継がれるものを受け入れるだけだと感じています。 しかし、実際にそこでもコラボレーションすること。

アーロン:相互運用可能な実装の観点から、これが標準化団体にとって何を意味するのかを理解する必要があると思います。 基本的に、何かを実装したくないと判断したブラウザがある場合、それらは何かが標準になるのを完全に阻止することができます。 世界中の開発者全員がそれを望んでいたとしても。

アーロン:そして、それは彼らがそれに同意しないところのようなものではないかもしれません。 機能を構築するための帯域幅がない可能性があります。 誰もがスタッフなどを求めています。

ドリュー:プラットフォームとしてのWebでのコラボレーションは、個々のコードベースに同じものを実装することに同意するすべての人から、基本的に同じコードベースで一緒に作業する一部の主要なプレーヤーに場所を移動しただけだと思います。

ドリュー:つまり、あなたは簡単に意見の相違について言及しましたが、それは明らかに、オープンソースプロジェクトでは懸念事項になる可能性があります。 しかし、たとえばGoogleの開発者が機能を実装したいと考えていて、Microsoftの開発者が実際にその機能を実装したくない場合、それがどのように機能するかを知っていますか。 彼らはGitHubの問題をめぐって争っていますか?

アーロン:つまり、GitHubの問題か、ChromiumのバグトラッカーであるCrbugのいずれかで、このようなことが多く発生します。 私はブラウザエンジニアではないので、内部の詳細をすべて知っているわけではありませんが、必要がなければ基本的にオフにできることがたくさんあると思います。

アーロン:そして、Googleは、ChromiumからChromeに変換するレイヤーまで、Google関連のサービスなどをさらに抽出するために、Chromiumプロジェクト内で何らかのクリーンアップまたはハウスキーピングを行っていることを知っています。

アーロン:それで、クロムを取り、それをエッジに変える同様のプロセスがあります。 そして明らかに、たとえばEdgeUIのデザインをチェックインしたくはありません。 または、Stephanieが言及していたUIユーザーに焦点を当てたものであるCollectionsのものは、Chromiumにストリーミングしていません。 それらは一種のUI部分に存在します。

アーロン:それで、私が理解している限り、機能がChromiumから出てくるので、私たちには、好きかもしれないし、嫌いかもしれない特定のことをオフにする機能があります。 そして、私はブレイブが同じようなことをしていることを知っています。なぜなら、彼らはグーグルが言うのとはかなり異なるプライバシーへのアプローチを持っているからです。 そして、私たちはそれらのどちらかまたはあなたが持っているものとは少し異なるテイクを持っているかもしれません。

アーロン:それで、さまざまな時点で起こるようなことがあると思います。 そのうちのいくつかは、プロジェクトがオープンソースプロジェクトからブラウザに変換される場所のようなものになります。 その一部は、標準化団体または標準化団体内の利害関係者グループなどに含まれます。

ドリュー:それは逆の方法でも機能すると思いますよね? ブラウザには特定の機能を開発するのに十分なエンジニアがいないとおっしゃいましたが、従来、標準化団体内で物事が機能していた方法では、標準の一部として受け入れられる前に、複数の異なる実装が必要です。 実際にテストできる実装がそれほど多くない場合は、明らかにそれを理解する必要があります。

ドリュー:しかし、たとえば、Microsoftが機能を実装したいと考えていて、Googleがその機能を実装するためのリソースがないと判断した場合、優先順位リストで十分な高さではなかったため、とにかく無料で入手できます。オープンソースプロジェクトにアップストリームされるだけだからです。 そして、彼らはそれにアクセスすることができ、エンジニアが特にそれを開発するのにかなりの時間を費やす必要なしに、すべてのユーザーが利益を得ることができます。

Drew:つまり、MozillaがFirefoxでも同じことをして、Chromiumプロジェクトを採用することにした場合、それはWebにとって問題になると思いますか?

ステファニー:つまり、そうだと思います。なぜなら、私たちはこのブラウザーのモノカルチャーに参加していて、正直なところ、Firefoxが大好きだからです。 Firefoxには、Chromiumにはない優れたツールがいくつかあります。 それは、失うのは本当にひどいことだと思います。 そして、オープンウェブのためにまだ戦っている独立したブラウザのようなものがあるのはちょっといいことです。 つまり、私たちはオープンWebのためにも戦っていますが、Firefoxが行っていることは依然として重要だと思います。

アーロン:つまり、Chromiumなのか、WebKitなのか、既存のオープンソースプロジェクトのフォークなのか、標準的なボディがレンダリングエンジンとJavaScriptエンジンを制御しているとしたら、どうなるのだろうか。 そして、すべてのブラウザメーカーは、その開発と継続的な作成に貢献していました。 それは必ずしも悪いことでしょうか、それとも良いことでしょうか? わからない。 その答えが何であるかはわかりませんが、もし…ブラウザが安価でなく、特にレンダリングエンジンを構築するのに取るに足らないものでなければ、それは興味深い見通しです。 おそらく、その分野で多くの新しいレンダリングエンジンと大規模な投資が行われる可能性は比較的低いでしょう。 非常に多くの企業が自社のサービスに重点を置くようになっているからです。

アーロン: Appleと、そのすべてのiCloudとそのエコシステム全体。 そしてMozillaは、Pocketなどの買収で同様のことを行ってきました。 そして確かに、Googleの製品スイートやMicrosoftの製品スイートなどがあります。そしてBraveは、プライバシーと基本的な注意トークンなどに焦点を当てています。 誰もが物事の小さな生態系を持っています。

アーロン:それで、そこにあるものに挑戦するために、新しいレンダリングエンジンと新しいJavaScriptエンジンを構築することに大きな関心があるかどうかはわかりません。 ですから、それは一種の統合が続くのかという問題のようなものです。 そして、より多くの人々が進行中の開発に積極的に興味を持っていて、エンジンがどこに行くのか、そしてWebプラットフォームがどこに行くのかについてのような難しい会話をするのであれば、それは良いことかもしれません、私は知りません。 しかし、それは一種の興味深い思考実験です。

ドリュー:そうですね。 新しいエッジは本当にエキサイティングに聞こえます。 私はベータ版で少し遊んでいて、それを楽しんでいます。 この新しいバージョンが世界に公開されるまでにどのくらい時間がかかると思いますか? つまり、今月リリースされたばかりなので、2020年1月です。

アーロン:うん、1月15日、基本的に一般の聴衆に行きました。 つまり、Canaryの開発バージョンとベータバージョンがあります。 ステファニー、これを展開し始めたのはいつですか。覚えていますか?

ステファニー: 6か月前に言いますが、正直言って、それを捨てるだけです。 カナリアを毎日の運転手として何ヶ月も使っているような気がします。

アーロン:ええ、私たちがそれを一般に公開し始める前に少しの間それを内部で使い始めたので、私たちはちょっと歪んでいると思います。 しかし、ええ、私たちは昨年のビルドでそれを共有し始めたと言いたいと思います。それは5月だったでしょう。カナリア、そしておそらく迂回ルートのときだと思います。ベータ版が出ていたかどうかは覚えていません。 しかし、ええ、完全に安定したバージョンは15日にリリースされました。

Drew:それで、あなたは両方ともThe Web We Wantというプロジェクトに参加しています。これは、多くの異なるブラウザメーカー間の一種のイニシアチブですよね?

ステファニー:ええ、私たちが欲しいウェブです。アーロンは去年の6月かそこらでそれを始めたと思います、そして私たちはそれについて話し始めました。 そうですね、 Web We Wantは基本的にイニシアチブであり、Aaronと私がそれを実行する主要なものでしたが、他のブラウザーベンダーやそれらのチームで働く人々から関心がありました。

ステファニー:基本的には、開発者がWeb上で抱えている問題についてフィードバックを収集する方法にすぎません。 なぜなら、私たちはブラウザを構築する人として、実装したい新しい光沢のあるものに焦点を当てることができるからです。 しかし、開発者は、このイニシアチブを通じて確認したように、ブラウザーにネイティブではないものを構築するのにまだ苦労していることがたくさんあります。 それはおそらく今までに解決されているはずですが、まだ解決されていません。

ステファニー:そういうわけで、イニシアチブはいたるところにあります。それらの問題領域が何であるかを調べて、それがその種の問題である場合は、ブラウザーや標準化団体に戻します。

ドリュー:それで、それはどのような形をとるのですか? それはあなたが直接行うことですか、それともすべてオンラインですか?

ステファニー:つまり、2つの要素があります。 したがって、webwewant.fyiにアクセスして、Webで発生した問題とユースケースをフォームに入力できます。 そして、アーロンと私は、会議や交流会で6〜7回のイベントを主催したと思います。

ステファニー:それで、私たちがパートナーを組んでいる会議では、通常45分から1時間のセッションがあります。 また、ウェブ上で遭遇した問題を提出した人々に、通常は業界の専門家である審査員団にそれらを提示する機会を提供します。

ステファニー:そしてその間に、通常、セッション中に4つか5つの問題が発生します。 そして、それぞれの間に、審査員団が提示されている問題空間について話し合います。 そして、それが興味深い問題空間であるかどうか。 または、ブラウザベンダーがそれに取り組むことが有用であると彼らが考える場合。

ステファニー:そして、そのセッションの終わりに、私たちは裁判官に、行って修正するのに最も差し迫った問題であると彼らが考えるものを選んでもらいます。 また、オーディエンスコンポーネントもあるため、セッションのオーディエンスは、ブラウザベンダーが修正する必要がある最も差し迫った問題について投票することもできます。

ステファニー:そして、そのデータをチームに戻します。 そして現在、さまざまなブラウザチーム間でそれを分散させる方法を模索しているところです。

ドリュー:特にあなたにこだわった、何か目立った、覚えている提案はありますか?

ステファニー:それで、いくつかありましたが、HTMLコントロールが登場し続けていますが、私にとっては目立ち続けています。 そして、それは私にとっては際立っています。なぜなら、私は現在HTMLコントロールを含む講演に取り組んでおり、それらのスタイルを設定したり拡張したりできないことが問題になっているからです。 ですから、フィードバックがさらに繰り返されるのを見るのはちょっとクールです。

ステファニー:本当に興味深いものがいくつかありました。開発ツールのソースビューオーダーまたはソースオーダービューアー用のものがありました。グリッドコンテンツを取得して表示する必要がありました。これは、物事を順不同に移動できるためです。そして、そのようなものを持って、物事がDOMをどのように流れるかを特定します。 ですから、開発ツールに実装するのは本当に素晴らしいことだと思います。

アーロン:ええ、アクセシビリティに関連する提出物がたくさんありましたが、それは本当に素晴らしいものでした。 開発ツールとアクセシビリティに関連するもう1つのものは、実際には、アクセシビリティテストを独自の部分に委ねるのではなく、[監査]タブでした。現在、灯台がアクセシビリティテストを行っているように、ここにあると思います。 Webヒントやアクセシビリティの洞察など。

アーロン:これのアイデアは、アクセシビリティエラーの観点から、実際にぶら下がっている果物のいくつかをキャプチャし始め、たとえばコンソールでそれをバブリングすることです。 したがって、代替テキストが欠落している画像や、非常に小さなフォントが含まれている画像、またはコントラストが不十分な画像がある場合は、実際にはそれらをコンソールにエラーとしてスローする可能性があります。 そして、それは多くの開発者が自分たちのものが適切に動作しているかどうかを確認している場所である傾向があります。 ですから、それは彼らが取り組む必要のあるアクセシビリティの問題を抱えていることを人々にもう少し明白にするでしょう。

アーロン:それをDomビューアまたはCSSインスペクタツールに組み込むための同様の方法をいくつか見ることができます。コントラストが低すぎるというフラグを立てたり、既知のアクセシビリティの問題があるとして要素を強調表示したりできます。 そういうことはかなり面白いでしょう。

ステファニー:ええ、私はそれを便乗したいです。 昨年アムステルダムのViewSourceで実際に発表された本当に興味深いものがありました。 それはあなたのために特定のタイプのアクセシビリティの問題を自動的に修正するブラウザの周りでした。 そして、色とコントラスト、または特定のフォントが読めない場合。 そして、提示された提案とケーススタディは本当に、本当によく考えられていました。 しかし、それはまた、ブラウザが開発者としてあなたのために物事を修正し始めたら、あなたがそれについて心配する必要がないのであなたが悪いコードを書くつもりであるかどうかというこの興味深い質問を提起します。

ステファニー:それで、彼が提案したアイデアやデモのようなものが本当にクールだったので、それは面白かったです。 しかし、それは開発者にとってそれが意味することの一種なので、彼らは怠惰になるだろうか。 だから、私はそれからいくつかのクールなものが出てくるのを見てきました。

ドリュー:それで、イニシアチブにとってはまだかなり初期の段階だと思いますね。 ですから、どのブラウザでも実際に開発の初期段階に到達するまでには何も見られなかったと思います。 そのプロセスがどのようになるか知っていますか、あなたはまだそれを理解しようとしていると言いました、そうですか?

アーロン:ええ、私たちはまだそれを理解しようとしていますが、適切な人が関わっています。 私たちはMozilla、Google、そしてIgaliaからも多くのグリッド作業を行った人々を抱えており、彼らはこの標準的なものすべてがどのように機能するかをよく知っています。 実際、彼らは現在Methanolを実行しており、WebKitの実装を実行していると思います。

アーロン:そうですね、これに取り組み、成功することを熱望している多くの人々が参加しています。 そして、W3Cもそれに注意を払っています。それはクールです。

ステファニー:それで、今のところ、私たちは12のトップを獲得していると思います。昨年の各イベントの勝者を獲得し、特定のカテゴリに分類しました。 つまり、開発ツールに焦点を当てたものもあれば、HTML、Webプラットフォームに焦点を当てたものもあります。 そして、3番目のカテゴリーが何であったかを思い出せません。それは一種の一般的なものでした。

ステファニー:そして、私たちが少なくとも調査し始めているエッジ側では、これらが時間を費やす必要がある問題のあるスペースであることを検証するためのフィードバックを収集するのに役立つように、Twitterの調査をいくつか行っています。そして、うまくいけば、そこから行きます。 ですから、今年中に何らかの進歩が見られるようになることを願っています。 しかし、現時点では少し遅いです。

ドリュー:ウェブは実際には非常に協調的なプラットフォームなので、それは素晴らしいことです。 そして、私はWeb開発者として、日々サイトを構築しているだけで、プロセスにフィードバックする方法や自分の声を聞く方法があることを忘れていると思います。 そして、これはあなたの声を聞くための本当に素晴らしくて簡単な方法のように聞こえると思います。

ドリュー:リスナーの誰かがWeb We Wantセッションに参加したいと思った場合、何か予定はありますか?

ステファニー:カップルがいるので、ここで私のリストを引き出しましょう。 それで、まあ、ナイジェリアのラゴスでのオープンソースフェスティバル。 アーロンと私はそこにいませんが、実際には彼らはそのイベントを独立して運営しています。

ステファニー:そして、3月末にサンフランシスコのSFHTML5に参加します。 それは無料だと思いますが、それについて私を引用しないでください。 確認する必要があります。 したがって、サンフランシスコ地域にいる場合は、そこで実行しています。

ステファニー:そして4月にSmashingConfサンフランシスコ。 そこで実行します。

ステファニー:そしてうまくいけば未定ですが、まだSmashingConfAustinを見ています。

ステファニー:そして私は今カレンダーにあるのはそれだけだと思います。 ただし、ここで少しプラグインします。会議や交流会を開催していて、このコミュニティに焦点を当てたセッションをそこで開催したい場合は、とてもすばらしいので連絡してください。

ドリュー:もちろん、SmashingConfsは私たちがここで考えるのに行くのに最適なものです。

ステファニー:はい、そうです。

ドリュー:それで、私にはそれは本当に、本当にエキサイティングに聞こえます。 And I'm heartened to see all the big browser makers actually coming together and backing that sort of initiative to get out and to talk to web developers, talk to the people who are actually solving these sort of everyday problems, building websites and apps for their clients and for their companies.

Drew: I think it's really important to actually listen to the people who are at the coalface doing the work.

Drew: I normally ask at the sort of end of these episodes, what have you been learning lately? Because we're all about learning stuff here at Smashing, but really with Web We Want , I think you must be learning all these things all the time by speaking to web developers. So I really think we've covered masses there.

Drew: Is there anything else that you wanted to mention about Web We Want or about the new version of Edge that we hadn't talked about?

Aaron: I just think if folks have ideas, even just the germ of an idea, some cow path that you think should be paved for the web, reach out to us, let us know. We're happy to also work with you on kind of refining the submission. So, in a lot of cases we'll get a submission that's kind of a germ of an idea. It's not perfectly articulated or anything like that. And we work with those authors to make sure that we kind of capture what it is that they're looking to put out there. So, don't worry about your grammar or your spelling or anything like that. It's not like we just post it up as soon as you send it, we'll look at it, review it.

Aaron: And in some cases people have suggested things that actually exist, in which case we tell them, hey, you can actually do that and here's a way to do that. So we can, it's a little bit of stack overflow as well. Because he can tell you if there's something that you can do that already with standards.

Aaron: But yeah, I mean, we want any and all ideas on how we can improve the web. Hopefully they're actionable ideas. In some cases we get like, the web is too hard. And it's like, you know, I feel you, but, you know, not something browser vendors can really solve.

Aaron: But yeah, I mean, we want to know what is it that you're doing, where you're running into problems. We have the kind of saying, if you could wave a magic wand and fix something on the web, what would it be?

Aaron: And yeah, so you can can hit us up via the forum. Stephanie mentioned webwewant.fyi. Or we're webwewantfyi on Twitter. Yeah, please reach out.

Stephanie: I will also pile on just to talk something about Edge that also, the team is super hungry and eager to get feedback from all of our users. So if you're in Edge and there's something you don't like or there's something you love, there's a little feedback icon you can click. All of the teams see that feedback and are looking at it. And if you have a problem are very proactive and engaging. And you can always ping MS Edge Dev on Twitter if you have a problem and it hasn't been addressed yet. So trying to be super proactive and really build a browser that not only developers want to use, but the world.

Drew: If you, dear listener, would like to hear more from Aaron or Stephanie, you can follow them on Twitter where he's @AaronGustafson and she's @seaotta. You can find The Web We Want at webwewant.fyi.

Drew: Thank you for joining us today Aaron and Stephanie, do you have any parting words?

Stephanie: Thanks.

Aaron: Adios.