前週のフロントエンドの世界からの新鮮な材料のダイジェストNo. 314（2018年5月7日〜13日）

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

メディア | Web開発 | CSS | Javascript | ブラウザ | おもしろい

---

メディア

• フロントエンドウィークエンドポッドキャスト＃52-セルゲイベレズノイ、ヤンデックス、ShRIで約13年、雲の高騰による問題
• Web Standardsポッドキャスト、問題番号120： Firefox 60、Google I / O、独裁的なコードスタイル、PrepackによるJS最適化、CSSの右から左へ、リリースのスポンサーとしての大規模な着陸
• CSSSR Podcast News 512-Issue No. 5（07.05-13.05）
• Frontend Youth（18+）ポッドキャスト＃48アルミニウムの暗号キュウリを配置しています
• Devschachtポッドキャスト： ナイトフロントエンド＃33：確実な信頼性
• ポッドキャスト「Drinkcast」、 ＃ 27-「 チームリーダー」
• 「ALL YOUR HTML」＃48： 「シェーダーとスクロールに関するtaotajima.jpサイトのアニメーション」
• KharkivCSS＃3 2018からの14ビデオ
• KharkivFrontend Meetup＃_3からの4つのビデオ ：CSSグリッドレイアウト、関数型プログラミング、XSS、テスト
• Google I / O 2018でのChromeとWeb 、25本のビデオ

ウェブ開発

• ビルド2018：マイクロソフトは、PWAアプリケーションの多くの新機能を発表しました
• 左から右へ。 dir = rtlとは何か、アラビア語を飼いならす方法
• 開発者が2018年にSEOについて知っておくべきこと
• 単純な三角法を使用してローダーのアニメーションを改善するにはどうすればよいですか
• Bootstrapフォームコンポーネントへの深い没入

• 性能：
  • Vitaliy FridmanでWebを最適化します-圧縮、写真、フォント、機能HTTP / 2およびリソースヒント
  • First Input Delay：サイトの対話性の第一印象を測定するためのGoogleの新しいパフォーマンスメトリック
  • Lighthouseを使用してページ読み込みのパフォーマンスを改善する
  • ユーザータイミングAPI-UXパフォーマンスの測定
  

• ツール：
  • フロントエンドの懲罰的ツール
  • Webpack 4：セットアップの実用的なヒント
  • フロントエンドツーリング調査2018調査結果
  • Lighthouse 3.0のお知らせ
  • Sublime Text 3.1の8つのクールな新機能
  • 「npm audit」：危険な依存関係を検出して修正する
  

• 壮大なウェブ：
  • CSS / SVG / JS＃78の美しいエフェクトの毎週の選択
  • brusher-インタラクティブな背景を作成するための軽量ライブラリ
  • インタラクティブなフルスクリーンSVGマスク
  • WebGL画像歪みスライダー
  

CSS

• CSSカスケードの回避が問題になるのはなぜですか？
• CSSStyleDeclarationオブジェクトとその由来
• CSS Typed OMサポートがChromeに登場しました。 これにより開発者の生活はどのように楽になりますか
• Webデザインを変更する新しいCSSプロパティ
• box-decoration-breakを使用してテキスト行を作成する
• ボタンの標準スタイルをオーバーライドする
• ボタンのスタイリング、正しい方法
• Eqio-シンプルで軽量な要素/コンテナ表現の代替
• 無料のBulma CSS Fluencyコース
• CSS Grid Ninjaになる方法
• 「CSS-in-JSの何が問題になっていますか？」 Bred Frostのメモ、およびMicah Godboltの回答「css-in-jsの問題」

Javascript

• 便利な配列Javascriptのトリック
• 金曜日JS：ランダムミキシング
• BigInt-JavaScriptの長い演算
• ExcelはJavaScriptをサポートします。 研究者はすでにこの方法でCoinHiveマイナーを開始しています。
• Googleは、モバイルフレンドリーテストとリッチ結果テストにJavaScriptサポートを追加しました
• JavaScriptをオフにして1日間ウェブを使用した方法
• 完全なGraphQLコース-初心者から専門家まで
• Den AbramovによるPrepackの簡単な紹介（パート1）
• 簡単なJavaScriptの説明シンボル、イテレーター、ジェネレーター、非同期/待機、非同期イテレーター

• VueJS：
  • Reactで3年後にVueを操作する
  • VueとAfrica's Talkingで食品注文アプリを構築する
  • VueJSクローンHackerNewsのエンドツーエンドテスト
  • コンポーネントの欲求 ：Guns N 'Roses向けの最初のVueアプリを作成する
  • 見逃せないVueConf.USとの5つの落雷
  

• 反応：
  • Reactコンポーネントのライフサイクルを理解する
  • ITインタビューでの追加の質問
  • React State Museum
  • Reactでの開発を高速化する5つのツール
  • React Router v4を使用した条件付きルーティング
  • PuppeteerとJestを使用したエンドツーエンドのテストReactアプリケーション
  

• 角度：
  • 角度-すでに停止！
  • Bazel、Angular 6の実験的かつ非公式の機能
  • Angular Elements-Angular 6を使用したWebコンポーネントの実用的な紹介
  

• ライブラリとプラグイン：
  • Guess.js -Google I / O 2018で発表されたライブラリとツールのコレクション。データと統計に基づいてWebサイト最適化手法を使用できます
  • ScrollHint-ブロック要素が水平にスクロールする場合にヘルプを追加するためのJavaScriptライブラリ
  • TensorFlow.jsを使用して、ブラウザーで人間のポーズをリアルタイムで検出する
  • ultradom-宣言型Webインターフェイスを作成するための最小表示レイヤー。
  

ブラウザ

• Firefox 60リリース 、 およびMarat Tanalinのレビューにおけるリリースの技術的なニュアンスの概要
• Firefoxでのサンドボックス分離の改善
• Chrome 66アップデート：何百万ものブラウザゲームが危険にさらされています
• Opera 53 Webブラウザーが利用可能
• 悪意のあるChrome拡張機能が100,000人を超えるユーザーに感染している
• Microsoft Edge DevToolsプロトコルの概要

おもしろい

• Google I / O 2018で表示されたもの
• Build 2018の40の発表。パート1.ハードウェアと開発ツール
• Microsoft Build 2018の結果：Appleはもはや競合他社ではありません
• Googleフォトでは、古い写真を色付けしてドキュメントをPDFに変換する方法を間もなく学習します
• Windows 10 April 2018 Update：新機能
• GitHubは2017年にロックに関するレポートを公開しました
• マイクロソフトは人工知能を導入
• 目に見えないガジェットの時代が来ています
• プライバシーがない場合-心配しないでください！
• Googleは.appゾーンでドメインの登録を開始しました
• Google + Microsoft：2人の古くからの競争相手が一緒に世界を変えようとする方法
A.

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

先週のダイジェスト 。
dersmollとalekskorovinが作成した資料。