前週のフロントエンドの世界からの新鮮な材料のダイジェストNo.309（2018年4月2日-8日）

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

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

---

メディア

• フロントエンドウィークエンドポッドキャスト＃47-フロントエンドコンプレックス、潜水艦、およびAvitoの改革に関するイゴールトルストイ
• Podcast「Web Standards」第115号： 新しいSafariおよびChrome、Ruby Sassのすべて、論理CSSプロパティ、アクセス可能なテーブル、不正なクラスおよびJSのconst。
• React Five Minuteポッドキャスト＃43-React 16.3
• ポッドキャスト「5分間のReact」 ＃20-ジェイク・アーチボルド：In The Loop（JSConf.Asia 2018）
• ポッドキャスト「Devshahta / Night Frontend」： No. 29：CodeFest 2018。2日目
• ポッドキャスト「Pro WEB IT」、 問題1-JavaScriptの定数について
• すべてあなたのHTML＃43： 物理学の手紙
• JSConfアイスランド2018、35ビデオ

ウェブ開発

• RealWorldプロジェクト：フロントエンドフレームワークの比較
• コピーアンドペーストに注意してください：印刷できない文字を含むテキストのフィンガープリント
• BlaBlaCarの一般公開の管理方法
• 美しくインタラクティブな標準AMPページ ：オンラインオンラインガイド
• クリスコイヤーの最新AMPニュースフィード
• メールテンプレートの作成は初めてですか？ 探索を開始する場所はこちら
• CSS / SVG / JS＃75の美しいエフェクトの毎週の選択

• 性能：
  • 画像と動画の遅延読み込み ：Google Developersブログのテクニック、ニュアンス、および考えられる問題
  • 遅延読み込みとコード分割によるサイトのパフォーマンスの改善
  

• ツール：
  • Visual Studio Codeの新しいバージョンのリリースが表示されます。
  • Webpack 4のストーリーと、それを最終的に正しく構成する方法
  • headless-chrome-crawler-Headless Chromeを搭載した分散型クローラー
  • Webpack v4.5.0リリース
  

CSS

• CSSブレンドモードの調整
• SASS：メディア画面の最適化
• グラデーションでテキストの長さを制限する
• Classic Ruby Sassは廃止され、その作業は2019年3月26日に終了します
• グリッドレイアウトのチートシート（pdf）
• CSSの凹面コーナーの実装、2018年の手法
• なぜCSSでこれを行うのですか？ 。 純粋なCSSイメージング技術の意味についてのChris Coyer
• CSSグリッドレイアウトのセル間のインデントプロパティの「grid-」プレフィックスを削除する

Javascript

• JavaScriptでGPUアクセラレーションを備えたハイブリッドニューラルネットワーク
• TypeScriptで不変オブジェクトを作成する
• Mozillaブログ記事： JavaScriptとRust、およびその逆：wasm-bindgenのストーリー

• ES2015 +：
  • クソコンストとくそったれを対比するのは恥ずかしかった
  • ES6 +のconstのその他のケース 。 小さな追加
  • ECMAScript 2016、2017、2018のすべての新機能の例を以下に示します
  • ES6コレクション：Map、Set、WeakMap、WeakSetの使用
  • ES6の実際：数値を操作するための新しい方法
  

• チュートリアル：
  • JavaScript Web Workers：安全な同時実行
  • 完全なJSパターンガイド
  • TensorFlow.jsの概要：Javascriptの機械学習
  • 初心者のJavaScriptジオロケーション追跡の完全ガイド
  • Apple PayのPayment Request APIの概要
  • プレゼンテーションAPI：2番目に接続されたディスプレイにページをキャストします
  

• VueJS：
  • Vue.jsでjQueryを忘れる（パート2）
  • Vue.jsで無限スクロールを実装する
  • Vue.jsのメソッド、計算およびウォッチャー
  • Vue CLI 3-ディープダイブ
  

• 反応：
  • React Reduxのアプローチとテクノロジー：すべてを最適に実行する
  • 新しいReactコンテキストの詳細
  • 初心者のReact開発者向けの10分間のES6コース
  • Preact、Unistore、およびPreact Routerを使用したSSRアプリケーションの作成
  • BitのLive React Component Discoverability Playgroundの概要
  • React Methodsライフサイクル図by Den Abramov
  

• 角度：
  • AngularJSとAngular 2+の詳細な比較
  • 角度テスト：開発者の紹介
  • Angularでオブザーバブルをテストする
  • Angular v6へのパス：3番目の（そして最後の？！）リリース候補はこちら
  

• ライブラリとプラグイン：
  • 「Greedy」の実行、視覚化、JS：TensorFlowライブラリの更新が提示されます
  • webpackでライブラリを最適化する
  • 一般的な視覚化ライブラリであるD3 5.0がリリースされました
  • 既存プロジェクトの足場、パート1：casex-テキストを変換するためのライブラリ
  • i18n JSON翻訳ファイルをサポートする拡張可能なeslintプラグイン。
  

ブラウザ

• 潜在的に危険なキャラクターを絵文字に置き換える公開済みのChrome拡張機能
• パスワードストレージを最適に処理するブラウザ
• Mozillaは、仮想現実ヘッドセット用のFirefox Realityブラウザの特別バージョンを開発しています
• ユーザーは、Chromeがローカルドライブ上のファイルをスキャンすることにinしている
• Googleは、暗号通貨マイニングのためのChrome cコードへの追加の配置を禁止しました

おもしろい

• eスポーツが従来のスポーツよりも有望な理由
• Google開発者はパターンを予測するためにAIを教えました
• 2008年以来初めてRedditが再設計されました
• ささいなことを犠牲にしてインターフェイスを改善する：デザイナー以外のための7つのトリック
• シスコスイッチおよびアクティブSMIの重大な脆弱性が主要インフラストラクチャを脅かす
• Intelは、多数のプロセッサの脆弱性MeltdownおよびSpectreを修正できないことを認めました 。
• サードパーティ製アプリケーションのAPIへのアクセス制限を警告せずにInstagram

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

← 先週のダイジェスト
ダースモールとアレクスコロビンが作成した資料