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

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

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

---

メディア

• フロントエンドウィークエンドポッドキャスト＃81-HolyJSプログラム委員会が内部からどのように機能するかについてのEkaterina Pavlenko
• ポッドキャスト「Web Standards」第149号： ローリングスコープ、アクセシビリティ、シェイプとフォント、プログレッシブグラフィック、Reactについて、危険なオープンソース
• Devshacht-ポッドキャスト： 59：クールなレポートを作成する方法
• ポッドキャストCSSSR、 ニュース 512- 第31号（11月26日-12月2日）
• Vadim Makeevのビデオブログ： 11. Webコンポーネント上のシャワーのスタイルの分離のプロトタイプ
• 2018年ミンスクのWSD 、放送録画
• performance.now（）、会議からの16のビデオ。16人の世界クラスの講演者がWeb生産性の最も重要な側面を取り上げました （ +各レポートのメモ ）
• フロントエンドNE：会議2018

ウェブ開発

• 記憶される有用なアクセシビリティルール
• バックグラウンドフェッチAPI：すぐに使用できます！
• tabindex属性を使用する方法とタイミング

• AMP / PWA：
  • Googleは詳細なAMPインデックス作成に関するFAQを公開しました
  • さようなら、エレクトロン。 こんにちはデスクトップPWA
  • 「プログレッシブWebアプリ。 モバイルWebの未来 '' ：Google、Microsoft、Awwwardsのサポートによりリリースされた無料のPDFブック
  • プログレッシブWebアプリケーションの広範なガイド
  • プログレッシブWebアプリとネイティブアプリ
  • VueアプリをPWAに変えましょう！
  

• 性能：
  • WebPは間もなくWebを引き継ぐ予定ですが、そう長くはかからないでしょう
  • JavaScriptを使用してWebフォントをロードする必要がありますか？
  • クライアントヒントを使用してユーザーに適応します
  • Webパフォーマンスのハッキング 。 Heapcon 2018でのMax Firtmanの講演で、極端なパフォーマンステクニックについて説明します
  • 自動コードインライン化の落とし穴の回避（WPのコンテキストで）
  

• ツール：
  • DevToolsの新機能（Chrome 72）
  • Console.Rulit（）
  

CSS

• CraSSh：CSSの計算で最新のブラウザーをすべて破壊する
• カスタムCSSプロパティの概要
• 正しいCSSベビーベッドベビーベッド
• css - grid - layout - generator.pw -CSSグリッドを使用して迅速かつ明確に実験を行い、出力コードを取得できるツール
• CSSシェイプの概要
• 2018年のCSSリセット（ヌルスタイル）の概要
• CSSアニメーションをオンまたはオフにするオプション
• 使用するだけ：フォーカススタイル、気
• CSS Animation 101 -Donovan Hutchinsonの人気コースが無料の本として利用可能に
• CSS環境変数について
• NESに触発されたNES.css CSSフレームワーク
• リンクホバーのクリエイティブな視覚化効果
• CSS可変フォントの使用開始
• グリッドレイアウトを使用したCSSギャラリーの作成（ぼかし効果とインタラクティブなメディア表現を使用）
• 未来のためのインターフェースの作成：カスタムフォーム

Javascript

• JavaScriptエラー処理ガイド
• JavaScript 2018の状態： フロント 、 データがすべてです。 イリヤ・クリモフは人気投票の結果を分析します
• MicrosoftはTypeScript 3.2をリリースしました
• フロントエンドのJavaScriptコードを部外者から隠す
• クソコンストとくそったれを対比するのは恥ずかしかった
• 主要なサイトの支払いページに不正なJavaScriptが含まれています
• 侵害されたnpmパッケージ：イベントストリーム
• ジェネレーターを備えた無限スクロール
• あまり知られていないJavaScript機能
• JavaScriptの関数型プログラミングの概念

• NodeJS：
  • 2018年の最も人気のあるNode.jsフレームワーク
  • Nodejs C ++ / JS Edge State：Crossing the Rubicon
  • 2019年に使用する10ノードフレームワーク
  • Node.jsでのメモリ効率の良いアプリケーションの作成
  • ncc：Node.jsプロジェクトを単一のJSファイルにコンパイルするためのNode.js CLIツールおよびAPI
  

• VueJS：
  • Vue鳥瞰図
  • 2019年のVue.jsおよびNuxt.jsのお気に入りのパッケージ
  • Vue CLI 3を使用してVue.jsでの開発をスピードアップします
  

• 反応：
  • 継続するためのReact.js
  • useEffect vs useLayoutEffect vs useMutationEffect
  • React 16.xロードマップ
  • React 16.6の遅延読み込み（および事前読み込み）コンポーネント
  • Reactでのアプリケーションを改善する8つの提案
  • 2019年のReact状態管理ステータス
  • React Podcast No. 30：クリスティーナ・ホランドとクラウドで開発する
  

• 角度：
  • Angularのルーティングの完全ガイド
  • StackBlitz内でAngular Ivyを起動する私の冒険：はい、可能です
  • AngularとNodeを使用した簡単なCRUDアプリケーションの作成
  

• ライブラリとプラグイン：
  • 2019年のHTTPリクエスト用のJavaScriptライブラリの比較
  • progress-estimator-プログレスバーとプロミスが実行される期間の推定値を表示します
  • 変位可能：マウスの位置に対する要素の生産的な変位を処理するための小さなライブラリ
  

ブラウザ

• 非常に低速で制限されたインターネット用にFirefox / Chromeを構成する
• Chrome開発者はFTPサポートの廃止を検討しています
• Opera 57は、Netflixから「スマート」なニュースと推奨事項を受け取りました
• Firefox 64には組み込みのタスクマネージャーがあります
• Firefox Reality 1.1 VRデバイス用のブラウザがリリースされました
• Webオーディオ、自動再生ポリシーおよびゲーム

おもしろい

• 世界の写真 。 モノのインターネット。 今日のあなたのodnushkaを自動化する方法
• 暗号通貨が下落している理由-The New York Timesの5つの理由
• SEO 101：検索エンジン最適化の事実、ヒント、神話
• アナリストの仕事におけるデータの視覚化：ダイアグラムのタイプと選択するダイアグラム
• テスト項目を提供しないのはなぜですか。 そして、なぜそれらを作らないのですか
• OpenSSLプロジェクトはApacheライセンスに切り替え、リリース番号スキームを変更します
• Instagramは視覚障害のあるユーザーの写真を説明します
• タイムライン：Googleが閉鎖したプロジェクトとその理由

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

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