先週のフロントエンドの世界からの新鮮な材料のダイジェストNo. 355（2019年3月4〜10日）

フロントエンドエリアとその周辺の新しいマテリアルへのリンクを含むセレクションをご紹介します。

Web開発 | CSS | Javascript | ブラウザ | おもしろい

---

メディア

• ポッドキャスト「Web Standards」、第164号 ：2019年3月11日：JS集中型の作者、Chromeの組み込みスクローラー、SVGおよびCSSの開発、Preactおよび集中型テクノロジー、古いブラウザーとイテレーター用のJS、モジュールおよびWebpackなしのインポート。
• フロントエンドユース（18歳以上）ポッドキャスト＃86 ：トムデールはダンアブラモフとウルヴァリンのオスカーを獲得しました
• Devschacht Podcast＃72 ：サーバーレンダリング-基本
• Vadim Makeev video blog＃16 ：星評価️️️️️
• FrontSpot Show＃3 ：ES5、新しいReactドック、レビューコード、CSSクイズ、GraphQLを知る必要がありますか

ウェブ開発

• 10年寝た場合の今日のフルスタック開発へのアプローチ方法
• 実世界のWebコンポーネント
• ブラウザーのリソースを節約し、Webを中断しない方法。 Yandexレポート
• Houdini APIのステータスと機能。 ワークレットとイベントループについて少し。
• パスワードレスWebAuthnは公式のWeb標準になりました
• 真の仮想性：Webテクノロジーを使用して現実のものを仮想現実に接続する
• HTMLスロット、HTMLテンプレート、シャドウDOMを使用してコンテンツからテキストを抽出する
• Web分析の状態
• ADD、OCD、バイポーラ、ディスレクシア、および自閉症の世界のHTML、CSS、およびJS
• DevToolsの秘密：起動、ネットワーク、パフォーマンス

• アニメーション：
  • インスピレーションを与えるサイトの選択＃2
  • 変位スクロール
  • CSS LEGOミニフィギュアメーカー
  

CSS

• GoogleはCSSのスパムを無視します
• CSSを使用するための8つのコツ：視差、スティッキーフッターなど
• コンテナユニットを使用して堅牢なレイアウトを作成する
• SASSカラー関数とCSS変数を組み合わせる方法
• マッピング：クラッシュコース
• 可変フォント
• RFS（レスポンシブフォントサイズ）は、ブラウザウィンドウのサイズに基づいて適切なフォントサイズを自動的に計算するタイポグラフィエンジンです。
• CSSグリッドを使用するようにチームを説得する方法

Javascript

• クラスを介したリファクタリング：JavaScriptコードを消去します
• JavaScriptインタビューをハッキングするための理想的なガイド（開発者の観点から）
• V8でのJavaScriptパフォーマンスの落とし穴
• 大規模なJavaScriptアプリケーションのサポート 。 長期プロジェクトから学んだ教訓
• JavaScript SEOはいつ重要ですか？ 。 JS SEOシリーズの第2話
• TypeScriptとPureScript
• JavaScriptの命名規則：方法と方法

• 理論：
  • JSと魔法へのキャストについて。 パート2 2019年に知っておくべきこと
  • JavaScriptのメモ化について
  • JavaScriptの基本：DOMをマスターしてください！ パート1 、 パート2
  • ES6、ES5のJSクラスと継承
  • 約束：完全なガイド 。 なぜ彼らが吸うのかを調べてください：/
  • JavaScriptでapply（）、call（）、bind（）メソッドを使用する方法
  • JavaScriptシンボル：しかし、なぜですか？
  

• 反応：
  • Gatsby.jsの詳細
  • useTypescript-完全なReact HooksおよびTypeScriptガイド
  • 機能コンポーネントはクラスとどう違うのですか？
  • あまりにも肥大化したReactアプリを作成する
  • 反応ウィンドウを使用した大きなリストのレンダリング
  • Reactコンポーネントの単体テスト
  • カスタムReact Hooksをいつ使用するかについての私の直感
  

• VueJS：
  • Vue.jsコードを書くときに生産性を向上させるための10のヒント
  • Vue.js-最初のパッケージを作成してNPMで公開する方法
  • Point of Vue-パート3-Reactとの衝突
  • Shoptalk Show＃350：招待ゲストとしての「Vue.jsサポート」-Evan You
  

• 角度：
  • Angularアプリケーションのパフォーマンスを最大化する方法
  • Angular 8 Beta：Angular 8.0.0-beta.7のIvyの新しい更新スキーム
  • Angularでインターセプターを使用する10の方法
  

• ライブラリとプラグイン：
  • ThanosJS-ファイルの半分を誤って削除して、プロジェクトのファイルサイズを50％に減らします。
  • Handtrack.js：Tensorflow.jsと3行のコードを使用したブラウザーでのハンドトラッキング。
  • iro.js-依存関係ベースのカスタムSVGカラーピッカー
  

ブラウザ

• 新しいAV1コーデック：ブラウザーでのビデオの読み込みを高速化
• 最初のスクリーンショットでは、Chromiumエンジン上の新しいMicrosoft EdgeブラウザーはGoogle Chromeクローンのように見えます
• Mozillaは8年前にFirefoxでエラーを修正し、メモリ消費を削減しました
• 攻撃者によって攻撃されたChromeの不正な脆弱性
• Googleは、Chromeの0日脆弱性に関する憶測を払拭しました
• 新しいEdgeブラウザーは、最初はWindows 10 64ビットのみに対応します
• DevToolsの新機能（Chrome 74）

おもしろい

• AMPページには多くの改善が加えられました。
• 2018年のWebアプリケーションのセキュリティは深刻に悪化しました
• 意見：データが新しいオイルではない理由
• 重大なプログラミングと設計の50のミスにより、人命、時間、費用がかかります
• 2018年に侵害されたサイトの統計を公開
• Microsoftは、SkypeのWebバージョンを更新しました-現在、ChromeとEdgeでのみ動作します
• MicrosoftはGitHubでWindows Calculatorのソースコードを公開しました
• 新しいスポイラーの脆弱性は、すべての世代のIntel Coreプロセッサーに影響します

入力ミスやリンクの破損/重複をおaびします。 あなたが問題に気づいた場合-個人的なメールに書いてください、私たちはすぐにそれらを修正しようとします。

→ 先週のダイジェスト

ダースモールとアレクスコロビンが作成した資料