9月25日と26日-フロントエンドライブの営業日

最近は誰でも会議に参加できます。ただし、登録する必要があります。フロントエンドライブの全スケジュールについて、気に入った点をご覧ください。



レポートはフロントエンドのトピックについて一般的であり、会議の残りの部分では、スピーカーはニュアンス、詳細、実践、およびディスカッションを使用して、各トピックについてより深く話します。我々はすでにしている話をした皆のために、これらの2日間になりますレポートのいくつかについて、そして今日はオープンスピーチの残りの部分を紹介します。

フロントエンドの新機能と、何を改善できるか。

毎年、過去1年間に出現した新しいトレンドと、それらがフロントエンド全体にどのように影響したかについて話します。非常に便利なツールになったものもあれば、過去のものもあります。昨年、Vitaly Fridmanはフロントエンドの世界のトレンドについて話しました。今年、Philip Nekhaevは、彼のレポート「技術レーダー：私たちが見ているトレンド」でレビューを行います。フィリップはTinkoffのフロントエンドの責任者であり、特に会議では、Tinkoffによると、長い間事実上の標準となっている来年のテクノロジー、市場で拒否されている企業、Tinkoffが放棄したテクノロジーについて説明します。



新しいシステムと古いシステムの両方で、少なくとも良好なパフォーマンス、つまり、クリック、ping、および要求への応答の速さを期待しています。システムが遅滞なく応答する場合、私たちにとって、それは私たちの現実の人々と話すようなものです。そして私たちの時代には、これをコンピューターに期待することがますます増えています。もちろん、私たちの認識は、私たちが待っている間に何をしているかによって異なります。誰もがページが読み込まれるのを受動的に待つことを嫌い、私たちがアクティブになると、時間が早く経過します。Aerolabのエヴァ・フェレイラは、健康的で簡単に実装する方法で、フロントエンドのパフォーマンスを改善するためのショートカットを知っています。彼のスピーチで「45から85まで、パフォーマンスの旅」、Evaは、Webサービスのパフォーマンスを改善し、これがサイトの負荷にどのように影響したかを測定するために使用できるいくつかの手法を紹介します。エヴァは英語で話します。



何かを測定できれば、それを改善することができます。もちろん、企業ごとに、最も重要で最良の指標は、Webページのパフォーマンスを測定するさまざまな方法です。すべての人に共通する一般的な指標はありません。いずれの場合も、選択は個別になります。ただし、どの測定でも、最初に、通常最も一般的なメトリックをカバーするコアセットから選択します。マーティンスプリット「コアWebバイタル-それらは何であり、なぜそれらが重要なのか？」という優れた講演を行います。インターフェイスパフォーマンスの基本的な指標を監視できるGoogleのツールについて。レポートは英語になります。



また、パフォーマンスの測定中に、Webサービスを大幅に改善および変更できるため、サイトの訪問者は画像のレンダリングが遅いことを忘れるだけでなく、Webフォームを介したコミュニケーションにも満足できます。はい、これらの悪名高いfeb-formsは、すでに提示したように、Vitaly Fridmanによって提示されます。「Webフォームを正しくする：チェックボックスからドロップダウンまで"。Vitalyは、訪問者が長いリストで消火剤や自分の国を見つけるなどの障害を克服するのを待たずに、Webフォームを再び信頼できる方法を共有します（検索なし！）。また、Webプロジェクトの即時実装とユーザーエクスペリエンスの向上のための実用的なヒントを提供します。

チーム内のすべてが素晴らしいですか？

Webサービスへの訪問者だけでなく、Webサービスを作成、改善、変更する開発チームも満足する必要があります。開発者、マネージャー、セキュリティ担当者、ネットワーク担当者、会計士、宅配便業者など、多くの人があらゆるプロジェクトに取り組んでいます。それらはすべて相互に依存しているだけでなく、たとえば、タスクごとの時間の計算におけるエラーもクライアントに影響を与える可能性があります。 Scrumは、アクションを相互に同期させるのに役立ちます。AlexandraBaptizmanskayaは、彼女の講演「What Scrum？コードを書きたいだけです！ "。アレクサンドラは、成功するチームを構築した豊富な経験に基づいて、通常の開発者がスクラムからどのように利益を得ることができるか、そしてなぜチームとチームプロセスがまったく必要なのかについての彼女の観察を共有します。



すべてのチームにはジュニアメンバーがいます。彼が目的を持っている場合、彼は自分の道を見つけるでしょうが、時には若い人を指導することは年配の人にとって有用です。ダニール・ピリペンコそれはとてもクール6月パダワンを取得し、成功した彼を訓練するための任意の中間開発者のために有用である理由、SymbioWay ITスペシャリスト・リクルートメント・センターの創設者兼ディレクターは、あなたを教えてくれます。ダニエルは、彼のレポート「ジュニアへの道」で、ジュニアのステージが重要である理由、チームに役立つジュニアスペシャリストを育てる方法、ジュニアとチームの両方の一般的な利益のために彼と対話する方法について説明します。そしてプロジェクトのために。



対話が簡単で効果的であると同時に、すべての開発者のライフスタイル（および作業）の詳細を考慮に入れるためには、複数のメッセンジャーではなく、多くの必要な機能を備えた1つ、つまりフロントエンドを使用することが理想的です。企業ポータルとチャットの機能はかなり不足していますが。しかし、Georgiy Bugakov（彼は7歳の時からプログラミングを続けています！）は、SlackとNode.jsを使用して従業員向けの本格的なSuperAppを作成する方法を考えています。そしてこれは40以上の開発チームによって使用される実際のプロジェクトです。Georgiyは、「SlackとNode.jsに基づいて企業のスーパーアプリを作成する」という講演で、Slackのボットが実際に何ができるか、そして外部ツールで何を補うことができるかを示します。



しかし、開発、テスト、運用の各プロセスをデバッグして結び付けるのに役立つメッセンジャーはありません。DevOpsは、コード自体とテストの両方、およびアーキテクチャの原則など、多くのことを理解することを含む、そのような接続リンクになります。さらに、システムのリスクと考えられる脆弱性を考慮に入れて、プロセスを自動化できるようにする必要があります。リリース前後のサポートの提供は言うまでもありません。彼の話「では教育プログラムGitLabの例のフロントエンドのためのCI / CD上の」Timofey Tiunovはなりますが、フロントエンドに「DevOpsチーム」、そしてどのようなフロントエンドがDevOpsチームエンジニアやシステム管理者の視点からであることができるか例を挙げて説明します。

幸せなチーム-幸せなユーザー？

チームの全員がすでに調和して作業しているとき、彼らはお互いを理解し、リリースの期限が乱れることはありません。ビジネス自体、特にWebサービスのユーザーのニーズについて覚えておくときが来ました。優れたデザインは、訪問者が最初にサイトで目にするものです。また、ステファニーウォルター氏の講演「（応答性のあるブレークポイントを超えた）適応コンポーネントの設計」では、ピクセル数ではなく、画面の「使用状況」について考える方がよい理由に注意を向けます。ステファニーは、有効成分が画面から消えることがあり、それも素晴らしいデザインである可能性があることを示します。これは、聴衆が愛し、快適に使用できるものです。英語で報告してください。



そして、素晴らしいデザインも楽しく美しいように、キャスリーン・マクマホン講演では、「アクセシビリティフレーバーのReactコンポーネントにより、デザインシステムが美味しくなります。 »デザインのアクセシビリティとデザインシステム自体に関する彼の経験と専門知識を共有します。英語で。キャスリーンは、この目的のためにReactで使用できる方法と内容、さまざまなUIコンポーネントを組み合わせる方法、ベストプラクティスのインタラクティブな例を示し、製品を焼くためにできることとすべきでないことのルールの概要を説明します。ShopifyのHuiJing



Chenは、応答性をさらに一歩進めています。 HJと一緒に、DevToolsを使用して最新のCSSレイアウトを理解する際のDevToolsを介したCSSの応答性を見ていきます。"。シンガポールからのライブで、HJはDevToolsを単なるデバッグツール以上のものに使用する方法をデモンストレーションします。また、DevToolsを使用して、作成するレイアウトを実際にページに表示されているものに合わせる方法を説明します。これは、割り当てたCSS値をブラウザがどのように解釈するかをよりよく理解するのに役立ちます。たとえば、Flexboxを使用したサイズ変更や、グリッド内のトラックのサイズ変更のためのさまざまなオプション。その結果、このような手法により、設計をさまざまなモニターサイズにうまく適合させることができます。もちろん、レポートは英語になります。



そして、異なる言語のテーマを継続します。英語で情報を勉強しているときに、ロシア語で見たいという事実にどのくらいの頻度で出くわしましたか。しかし、サイトをロシア語に切り替えたので、この情報（すべての言語で同じ）が見つからないだけでなく、一般に、サイトが突然「少し」異なる可能性がありますか？おそらく、そのようなサイトのローカリゼーションは、私たちが望むように少し間違っていました。フロントエンド側でこのようなローカリゼーションの問題に対処する方法、特にプロジェクトが大規模でチームが大規模な場合、DmitryAndriyanovはレポート「大規模プロジェクトでのローカリゼーションの恐れと嫌悪」で説明します。Dmitryは、Yandex.Directでローカリゼーションがどのように編成されたかを示します。これは、数万のテキストフラグメントと40人以上のチームで構成されるプロジェクトです。

開発者はウィザードになることができますか？

もちろん、開発者自身がいなくても、なんとフロントエンドの会議（そしてもちろんどんなプロジェクトでも）です！チーム、デザイン、作業プロセスが開始され、スプリントが次々と続く場合、残っているのはコードを書くことだけのように思われます。しかし、相互接続に問題があるのはチームの人々だけではありません。アプリケーション内では、さまざまな言語を使用でき、コンポーネントは相互に接続する必要がありますが、同時に、各障害は、最前線を発展させて前進させる深刻なタスクに発展する可能性があります。



さまざまな状態が多くのコンポーネントに分散されており、相互に接続する必要があるため、アプリケーション内の複雑さが増す可能性があります。アレクサンダーシュシュノフは彼の講演「Vueアプリケーションの心臓部»Vueフレームワークに付属するVuex状態マネージャーを紹介するだけではありません。アレクサンダーは彼と一緒に働くことのニュアンスのいくつかについて話し、彼の内部構造を説明します。ステートマネージャーは、最新のWebアプリケーションの中心です。そうは言っても、Vuexは非常に単純です-その使用の複雑な例を見つけるのは簡単ではありません。しかし、Alexanderは、VuexがEPAM Systemsでどのように使用されているか、チームが直面した問題、およびパフォーマンスがそれとどのような関係があるかを示します。 Veuxを使用しているかどうかは関係ありません。この情報は、すべての人に役立ちます。



しかし、別の課題-JavaScriptのない生活はありますか？サイトは他のツールとインタラクティブにできますか？もちろん、JavaScriptは、Windows、macOS、Linux、およびモバイルプラットフォーム、つまりあらゆる場所で機能します。 PCでは、Node.js、Angular、およびReact Nativeプラットフォームにより、JavaScriptがブラウザーの制限から外れました。それにもかかわらず、ドミトリー・シャラビンはあなたに彼の意見を聞くように勧めます。 Dmitryは、Lea Verouのリーダーシップの下でマサチューセッツ工科大学（MIT）で開発されているMavoのおかげで、HTMLの未来はすでに到来していると信じています。彼のレポートでは「マボの秘密。 JavaScriptを使用せずに日常のWeb開発者のタスクを解決する「Dmitryはその利点を明確に示し、インタラクティブなWebアプリケーションの開発などのテクノロジーがHTMLとCSSを作成するだけで必要かどうかという質問に答えます。



JCを使用しないプログラミングは、Raiffeisenbankのフロントエンド開発者であるIlyaChertorylskyによってサポートされます。イリヤは、講演「WebAssembly SPAフレームワーク」で、JavaScriptを使用せずに使い慣れた言語でターンキーWebサイトを作成できる本格的なフレームワークを使用するという観点から、GO、RUST、C＃、PHPなどのフロントエンド開発のトレンドについて考察します。フロントエンドはほとんどすべてのプログラミング言語で作成でき、Ilyaが実際に実装する方法を説明します。Vadim Patsevは



、フロントエンド開発に重要なタスクがないことについての神話を暴くというトピックを継続しますYandexから、レポートに表示されます。「私はどこにいて、ステートマシンはどこにありますか？「Web開発には、プログラマーにとって複雑で興味深いタスクがあります。フロントエンドは、フォームをリベットするだけでなく、深刻な問題や障害の解決、大きなアイデアの実装です。Vadimは、有限状態マシンやマルコフチェーンなどを恐れることなく試すことができると信じています。何か変わったものを聴きに来てください！



話し合い、アドバイスを求めたり、仕事の話を共有したりしたい場合は、FrontendConf TalksTelegramチャンネルに登録してください。そして、会議のイベントチップについて、電報、フェイスブック、ツイッター、VKontakteで書きます。