HolyJS 2017モスクワプログラムの概要：WebAssemblyからYarnまで

HolyJSカンファレンス（12月10〜11日にモスクワで開催予定）の前にはほとんど残っていません。現在、プログラムに最後の仕上げが導入されています。つまり、このプログラムをHabrに適切に提示できます。 どんなレポートが待っていますか？ 一言で言えば、「多様」です。 HolyJSは、「フロントエンドフレームワークに関する会議」のフレームワークに限定されることはありませんが、JSワールド全体を網羅しようとしました。 今回は、Node.jsとGraphQLからブラウザベースの「Heroes of Might and Magic」、そしてWebAssemblyを使用した量子コンピューターに対する勝利まで、その広がりは非常に顕著です。 その結果、プログラムを見ると目が大きく開いているため、このハブでは複数のテーマブロックに分割することさえできず、すべてのレポートを順番に説明する必要がありました。



しかし、私たちは何かを別に強調しました：基調講演。 会議は3つの部屋で開催されますが、毎日は全員に共通のスピーチで始まり、最後にJavaScriptの黙示録の4人の騎手からこれらの4つのトピックで説明を始めるのが理にかなっています。

基調講演

ダグラス・クロックフォード-ポストJavaScriptアポカリプス



春に伝説のダグラス・クロックフォードがサンクトペテルブルクで「数字」というテーマで HolyJSについて話したとき、彼は新しいプログラミング言語が登場するべきだとさりげなく言及しました。 そして今回、「ジャワスクリプト後の黙示録」に関するスピーチで会議を開くと、彼はこのトピックをより詳細に明らかにするでしょう。 遅かれ早かれJavaScriptを置き換える言語は何でしょうか？ そして、彼はまだではありませんが、私たちは今何をしますか？



基調講演に加えて、ダグラスは会議の2日目に「通常の」レポートを作成します。これについては以下で読むことができます。



Vitaliy Fridman-レスポンシブWebデザインの新しい冒険



彼らは何年もの間レスポンシブWebデザインについて話してきましたが、時間の経過とともに質問は少なくなりますが、それ以上になります。 ブラウザはHTTP / 2、Service Worker、Responsive Images、Flexbox、SVG、Font Loading APIのサポートを開始しました。これをすべて使用する方が良いでしょうか。 そして、あなたがそれを使い始めたなら、レガシーブラウザで何をしますか？



このような質問は、有名なSmashing Magazine Webサイトの共同設立者であるVitaly Friedmanにぴったりです。 第一に、このサイトは数年前からこのようなトピックを扱ってきました。第二に、サイト自体もそのような問題を解決する必要があります。 一般的に、明らかに専門知識の不足はありません。 また、Vitalyは、ダグラスと同様に、2日目の会議で別のレポートを発表します。



Azat Mardan-Nodeがわからない



ご存知のように、誰かがJavaScriptを使用している場合、これはJavaScriptを知っているという意味ではありません。 これは「You Do n't Know JS」という本の人気によっても証明されています（すでにすべてを知っていると思っている人にもJSを本当に教えると約束されています）。 Azat Mardanは、状況はNode.jsと同様であると宣言しています。彼に対処する多くの開発者は、彼の能力をよく知りません。 そして、基調講演「あなたはノードを知りません」は、5つの明白でない機能を示すことによってこれを修正するために呼び出されます。



リー・ベロウ-/ Reg（exp）{2} lained /：正規表現の分かりやすさ



リアはすでにサンクトペテルブルクの春の多くの観客のパフォーマンスに感銘を受けました。 「正規表現」は千回噛まれたように見えるかもしれませんが、同時に完全には理解されていません（したがって、恐ろしい）。 しかし、リアは、実例ですべてを説明し実証する方法を知っているので、怖くも退屈でもありません。 また、「規則」について十分に知っていて、もう一度聞く必要がないと思われる場合は、いくつかの明白でない場合に心の中で正しい表現を本当に迅速に選択できるかどうかを確認する良い機会があります。

---

初日レポート

Nikolay Matvienko-内部のNode.jsアプリケーションの診断



Azat Mardanの基調講演で確認できるNode.jsの「非自明な機能」は、もちろん素晴らしいです。 しかし、Node.jsアプリケーションに問題があり、新しいものを台無しにする必要はないが、既存のものをすばやく修正する必要がある場合はどうでしょうか。 ニコライのレポートでは、さまざまなレベルでのデバッグとアプリケーショントレースを使用して、運用アプリケーションの診断機能について学習します。 Node.jsアプリケーション内のパフォーマンスの問題とメモリリークを追跡する方法。



Denis Radin-ピクセルシェーダーでうまく処理し、最初のコードを記述します



Webでの作業を「原始的なフォーム中傷」と見なす人は、このレポートがいかに異なる可能性があるかを示すことができます（もちろん、そのような人がJS会議に登場する場合でも）。 「シェーダー」という言葉はゲーマーによく知られていますが、UIコンポーネントでの使用は不当にバイパスされており、デニスは修正する予定です。 このレポートでは、Webアプリケーションの開発でGLSL（CのようなOpenGLシェーディング言語）を使用した経験をレビューします。



エゴール・マルケビッチ-（-盗む-）インターネットからデータを取得する



このレポートは、データの検索におけるインターネットの深さのツアーです。 Egorは、サイトからデータを削除する最も簡単な方法と、一見しただけで最も複雑で非常に明白な方法について説明します。 このレポートは、有用なアプリケーションを作成したいが、後までこのタスクを常に延期した人にとって興味深いものになります。 そして、すべてはインターネットからデータを抽出するのが素晴らしいからです！



Minko Gechev-より高速なAngularアプリケーション



一方では、Webアプリケーションをできるだけ早く開いて実行することの重要性をすべて理解しています。 一方、多くのリソースを一度にロードする必要があることが多いかさばる単一ページアプリケーションを作成し、メインスレッドで非常に多くの計算を行うため、「ブレーキ」は驚くことではありません。 60 FPSレンダリングとAngularアプリケーションの高速ロードを実現するにはどうすればよいですか？ ミンコは両方について話そうとしています。



Andrey Melikhov-モバイルアプリケーションを作成するために必要なフロントエンドユーザーの数



モバイル開発者にとって、React Nativeの言及は、通常、「プロトタイプに対しては反応しますが、本格的な実稼働アプリケーションはそれを行いません。そこでネイティブが必要です。」 しかし、ネイティブアプローチとReact Nativeの個々の画面をクロスするとどうなりますか？ また、作業の一部をフロントエンドに任せた場合はどうなりますか？ Yandex.Moneyはこれを実行しようとしました。AndreiMelikhovは、この経験がどのように終わり、どのような問題に遭遇し、何を達成したかを説明します。



Alexey Zolotykh-建築研究：プロジェクトの建築を台無しにしない方法



魅力的なウェブインターフェースとナポレオンの計画で2〜3年の巨大なプロジェクトを開始しました。 彼らはフレームワークを選択し、コレクターをセットアップし、GitHubからダウンロードするか、スケルトンを生成し、将来のアプリケーションの基礎にしました。 あなたはすでにプロトタイプを持っているかもしれません。 そして、ここで、初期段階での間違いが最も苦痛であるため、さらに先へ進む方法に関する疑問が生じます。 fireを割るのはとても簡単です。



レポート中に、Alexeyは、シンプルで理解しやすいテンプレートプロジェクトを取り上げ、フロントエンドで10年以上の作業で蓄積したすべての知識を使用して、さらにアーキテクチャを構築しようとします。



Vitaliy Slobodin-ヘッドレスブラウザー：何、どのように、なぜ



レポートのタイトルを見ると、多くの人が「なぜそれを聴かなければならないか、私はすでにヘッドレスブラウザが何であるかを知っている」と考えるかもしれません。 実際、そのようなブラウザは開発者の生活に長い間入っています-彼らの助けを借りて、彼らはコードテストを行い、レイアウトの品質と一貫性をチェックします。 しかし問題は、開発者が自分のツールがどのように機能し、どのように機能するかについてほとんど知らないことです。 そのため、名前からの「どのように」という質問も重要です。多くの人が自分で答えを見つけることができます。



Vladimir Dashukevich-WebAssemblyを使用して量子コンピューターを打ち負かす方法



現在、TLSで保護されたページにパスワードとクレジットカード番号を静かに入力しています。 これは主に、1970年代に提案されたシンプルで信頼性の高いRSAプロトコルによるものです。 しかし、このプロトコルは理論的には新しいタイプのコンピューター、つまり量子コンピューターによってハッキングされる可能性があります。



ウラジミールは、量子コンピューターとは何か、それがインターネット全体を破壊する方法、最新のブラウザーがそのような問題を防止しようとする方法、ユーザーデータを保護する方法を説明します。 量子コンピューターでは現時点ではハッキングできないSIDHなどの暗号化アルゴリズムと、WASMを使用するブラウザーでのそれらの使用について説明します。



Alexey Bogachuk-セキュリティ：アプリケーションの脆弱性



XSSの脅威は依然として関連していますか？ クロスサイトスクリプティング（XSS）が攻撃の一形態として登場してから約20年が経過しました。 それ以来、私たちは豊富な経験と知識を得て、サイトを保護することがより難しくなり、エラーから私たちを保護するために多くのフレームワークが設計されました。 しかし、最新のデータはまったく異なる状況を示しています。2017年の第1四半期には、XSS攻撃に関するレポートの数と発見された脆弱性の数が数回増加しました。



Alexeyは、アプリケーションが危険な理由、フレームワークが保存しない理由、脆弱性を見つける方法、およびこれに使用するツールについて説明します。



ミハイル・バシュロフ-糸、npm v5またはpnpm-誰がクールですか？



「どういうわけか、2人の開発者が10年間1つの刑務所に入った。 ある日出てきた。 さて、彼らは路上でさらに1時間話をしましたが、パッケージマネージャーの方が優れており、分散しています。」 ジョークはジョークですが、このトピックの終わりのない議論の余地があるため、それほど緊急ではありません。 そして、ミハイルは、単純なホリバーの代わりに、速度、CLI、locfiles、決定論などの特定の指標で比較します。



アレクサンダー・コロタエフ-ブラウザでのヒーローズ・オブ・マイト・アンド・マジックのゲーム：長く、難しく、耐えられないほど面白い



「夢のゲーム」の開発によるプログラマーの開発の歴史 このレポートは、彼のクラフトのファンの世界への窓を開き、ブラウザでの大規模ゲームの開発への正しい道を示します。 生産性と正しい道を見つけ、JSの世界で差し迫った問題と信じられないほどの発見を解決する戦争の個人的な経験。



このレポートでは、JSゲーム開発者の便利なケース、つまり効率的なデータストレージ、CanvasでのUIの描画、バイナリファイルの解析を開始する方法について説明しています。



Mathias Buus Madsen-HyperDB-スケーラブルなキーバリューストア



MatiasはJavaScriptで新しいP2P HyperDBデータベースを開発していますが、HolyJSでそれについて詳しく説明します。 プロジェクトの作成者が話しているので、会話が詳細で、深く、「内部での仕組み」と「これで何ができるか」という異なる角度から会話するのは驚くことではありません。 これとは別に、「ディスカッションゾーン」はここで役立ちます。各HolyJSスピーカーはレポートの後に移動します。レポートの後に質問がある場合は、スピーカーからすべての詳細を直接取得できます。

---

2日目のレポート

ダグラス・クロックフォード-RQによる非同期性の管理



そして再び、ダグラス・クロックフォード。 今回は、「未来の言語」についての一般的な議論ではなく、今日の具体的な課題に対する具体的な回答を交えて。 RQは、サーバーアプリケーションで非同期を処理するために設計された、Crockfordの小さなJSライブラリです。 Crockford自身によると、「ミニマリズムの助けを借りて、さらにミニマリズムの助けを借りて使用を促進するように設計されています」。



Alexey Okhrimenko-致命的な欠陥Node.js



そして再び、ノード。 「致命的な欠陥」という語句は、開発者の語彙に長い間含まれていました。通常、「この技術は私たちによって作られたものではないので、同じことをしましょう」という意味です。 しかし、Alexeyは、Nodeにはこれらの言葉で誰もが考えている致命的な欠陥ではなく、別の欠陥があると考えています。 そして、レポートはどちらかを伝えるだけでなく、この欠点を修正しようとします。



Alexey Taktarov-州の世界のアニメーション



クリーンなインターフェイスを構築し、「やり直し」を数行で記述する方法を既に学びました。 しかし、アニメーションはどうですか？ 多くの場合、これらはバイパスされ、常に（状態）↦DOMアプローチに適合するとは限りません。 React Motionのような優れたソリューションがありますが、複雑なアニメーションを作成したり、物理エンジンを使用してCanvasで作業する必要がある場合はどうでしょうか。



Alexeyは、Reactアプリケーションでアニメーションを操作する方法を説明し、いくつかのアプローチ（D3、React-Motion、「ダーティコンポーネント」）を比較し、多くのインタラクティブデモでこれを説明します。 また、Reduxアプリケーションでアニメーションを「起動」する方法についても説明します。 このレポートは、Reactアプリケーションでアニメーションを定義するクリーンで宣言的な方法に到達することを目的とする研究の一部です。



Slobodan Stojanovic-サーバーレスアプリケーションのテスト



「サーバーレス」という言葉は今では非常に頻繁に聞こえます。 しかし、このトピックに関する多くのテキストとレポートは表面的な問題を分析していますが（「それが何であるのか」、「利点は何か」、「この用語が愚かに呼ばれているのにサーバーはまだ存在する」）、落とし穴はしばしば落とし穴のままです。 実際の使用では、最初は聞かない質問がすぐに発生します。たとえば、サーバーレスアプローチはテストにどのように影響しますか。 従来のNode.jsアプリケーションのテストとの主な違いは何ですか？ Slobodanは、これらの質問と他の質問の両方に答えるつもりです。



Martin Splitt-より良く、より速く、より強く：Webプラットフォームをさらに活用する



サンクトペテルブルクのHolyJSでは、Martinは1つのピクセルから始めてレンダリングパフォーマンスを「下から」解析しました。 「多くの人が届かない場所に行く」という情熱は彼にとって典型的なものです。モスクワでは、彼は過小評価されているか、世間の注目を集めるにはあまりにも新しいと思われる機能を扱います。 それらは、Web Workers（UIストリームをブロックせずに並行作業を行うため）、Streams API（利用可能になったデータを、転送の終了を待たずに処理するため）およびWebAssemblyになります。



Pavel Chertorogov-GraphQL：サーバーとクライアント間の有益な契約を締結します



GraphQLはREST APIを置き換えます。 GraphQLモデル-スピーカー、2年以上で開発された構造、種類、関係の原則。 Pavelは、型付きスキームと静的コード分析からすべてのジュースを絞り出す方法を説明し、「神のリファクタリング」に触れます。 バックエンドには多くの情報があります。



Vitaliy Friedman-Big Bangの再設計：Smashing Magazineの2017年のリニューアル、ケーススタディ



「スーパーデザインサイトをゼロから作成して構築する」というアイデアは、多くの場合非常に成功しているようです。 しかし、実際には、非常に非常に失敗することがよくあります（事業の複雑さとリスクは常に過小評価されていますが、過大評価されています）。 Smashing MagazineのWebサイトはこれをよく知っていますが、とにかくそれを行うことにしました。 そして今、Vitaliyはそれについてすべてを伝える準備ができています。どのような決定が下され、間違いが埋められ、教訓が学ばれ、汚いハックが使われました。 とりわけ、HTTP / 2、サービスワーカー、およびサーバーレスアーキテクチャについて説明します。これにより、プロダクションで流行語が実際にどのように機能するかについて詳しく知ることができます。



Emil Bay-ハッシュ関数の実際のアプリケーション



ハッシュ関数は非常に多くの開発者が使用しているものですが（自分で知らない場合でも）、作成する開発者はほとんどいません。 それらを「エイリアンの問題」として扱うのは簡単で、即座に頭に浮かぶ以外に、アプリケーションの可能性について考えさえしません。 このレポートは、JavaScriptを使用し、猛烈な数学を使用しないで、特定の状況を考慮して考えさせます。



Mikhail Udalov-Windows間通信、またはブラウザーで本格的なRPCを構築する方法



Michaelは、Webアプリケーション間のクライアント側通信を構築するためのさまざまなアプローチを検討します。 彼は、ブラウザーで本格的なRPCを構築するために直面​​しなければならない問題（およびその解決策）について議論します。 レポートは、JS開発者を練習するために設計されています。



Gerard Sans-スケジューラとRxJS 5での曲げ時間



オブザーバブルは、さまざまな理由で人気を博しています。 しかし、Gerardによると、言うべきことは、それが価値があるよりも少ない：スケジューラーについてです。 彼は正義を取り戻すつもりであり、基本的なAPIから始まり、あまり知られていない機能で終わるスケジューラを詳細に検討します。





アントン・ロボフ-TypeScript、またはなぜそれがそんなに複雑なのか



わずか数年で、TypeScriptは次の「クラス付きJavaScript」から複雑なJavaScriptコードを入力するための強力なツールに変わりました。 開発者の観点から、すべてがより明白で便利になりました。 しかし、すべてが私たちが望むほど明白ではありません。



Antonは、TypeScriptでタイピングが提供する落とし穴、なぜ複雑なのか、IDEや他の開発ツールからの言語サポートに直接影響を与える方法を見つけるのに役立ちます（非常に予期しない方法で）。

---

これで、ほぼすべての情報が利用可能になり、会議に参加するかどうかを決定できます。 そして、答えがあなたにとって肯定的であるならば、チケットのために会議ウェブサイトに連絡してください。 そして、あなたが「あなたがモスクワにいたら行くだろう」という答えなら、サイトにはあなたのためのオプションもあります：オンライン放送チケット。 12月10日から11日まで、会議とモニターでお待ちしています！