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

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

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

---

メディア

• Web Standards Podcast、Iss No. 150： EdgeはChrome、Web用Flutter、アクセシビリティになりました。

• フロントエンドウィークエンドポッドキャスト＃82-オスロに移動してGoogle開発者のエキスパートになる方法に関するマキシムサルニコフ

• Devshacht-ポッドキャスト： 60：抽象化の価格

• ポッドキャストフロントエンドユース（18 + ） ＃74中国語スリーピース

• Vadim Makeevビデオブログ： 12.象をダウンロードせずにYouTubeから20本のビデオを挿入する方法

• ポッドキャストJavaScriptストーリー： 088：Nicholas Zakas

ウェブ開発

• WordPress 5.0（Reactのc Gutenberg）をリリースし、新しいプラットフォームの基礎を築きました

• プログレッシブWebアプリケーション：例とPWAの使用

• バックグラウンドフェッチの概要

• HTML Canvas APIガイド

• 1999年が今のように、サイトを保護する

• 最初にオフラインにする （ビデオシリーズ）

• GatsbyJSを使用して静的サイトを作成する理由

• Srcsetの代わりにSVGを使用したレスポンシブ画像

• Three.jsによるインタラクティブな反発効果

• ツール：
  
  • すべてのCSS開発者が知っておくべき16のDevToolsのヒントとコツ
  
  • screenshoteer：スクリーンショットを撮り、コマンドラインからモバイルデバイスをエミュレートします
  
  • フロントエンドCI監視ツール
  
  

• アクセシビリティ：
  
  • アクセス可能なインターフェースの開発
  
  • DOMの「D」
  
  • インラインスプライトで使用可能なSVGアイコン
  
  • グーテンベルクの可用性状況から何を学ぶことができますか？
  
  • 障害はバイナリ値ではなくスペクトルです
  
  • Web Content Accessibility Guide 2.1-アップデートを読んでいない人向け
  
  • アクセシビリティの概要 -アクセシビリティの研究に特化した、Microsoftの開発者による一連の短いビデオ
  
  

ブラウザ

• Microsoftは、EdgeがChromiumエンジンに切り替えることを公式に確認しました

• さまざまなブラウザが私たちから始まります

• Chrome Webブラウザリリース71

• Mozilla CEOがMicrosoftのChromiumへの切り替えを批判

• Qualcommは、Mozillaと一緒に、ARM上のWindowsプラットフォーム用のFirefoxブラウザで作業しています

CSS

• stylelintによる痛みのないCSSリンティング

• CSSとJavaScriptのギャップを埋める：CSSモジュール、PostCSS、およびCSSの未来

• CSSベン図

• CSS変数を使用してラジオボタンを作成する

• CSSプログラミング

• 色の変数にはどのような名前を付けますか？

• CodePenを使用したCSSテキストのクリエイティブシャドウの選択

Javascript

• Imba：DOMを高速で使用するためのJavaScript互換言語

• あまり知られていないJavaScript機能

• 今年のJavaScript：2018年のレビューと2019年のnpmの予測

• データサイエンスの専門家はJavaScriptを学ぶ必要がありますか？

• 不安定なWebアプリケーション

• リリース：
  
  • Microsoftは、TypeScript / JavaScriptおよびC ++用のIntelliCodeを実装しました
  
  • Googleは、Dartフレームワークの最初の安定バージョンであるFlutter 1.0を発表しました
  
  • Babel 7.2.0リリース：プライベートインスタンスメソッド
  
  • Typescript 3.2の新機能
  
  • React-redux 6.0.0リリース
  
  

• 理論：
  
  • JavaScriptの関数構成について
  
  • JavaScriptエラー処理ガイド
  
  • なぜObservableから退会する必要があるのですか？
  
  • あなたはJSを知らないかもしれません：JavaScriptの聖書のアイデア
  
  • トランスフォームストリーム、ロングライブES9非同期ジェネレーターへの別れ
  
  

• ノード：
  
  • Node.jsアプリケーションを悪意のある依存関係から保護する方法
  
  • TypeScriptを使用してExpressでノードAPIを作成する方法
  
  

• VueJS：
  
  • VueJS：の引数 、 に対する引数 。 JavaScript.NinjaチャンネルのIlya Klimovの新しいビデオ
  
  • 「実際のVueアプリケーションをテストしています」 -クラスノダールデビッドデイズのNikita Sobolevによる、簡単かつ迅速なテスト方法に関するレポート
  
  • eslint-plugin-vue -Vue.jsの公式ESLintプラグイン
  
  • 2019年のVue開発：知っておくべきこと
  
  • CLIなしで、単一ファイルコンポーネントを使用してVue.jsでアプリケーションを作成する方法。
  
  

• 反応：
  
  • React Springを使用したアニメーションReactアプリケーションの作成
  
  • Reactアプリの作成について知らなかった10のこと
  
  • React-Reduxアプリのヒントとコツ
  
  • Reactはクラスと関数をどのように区別しますか？
  
  • Context APIを使用してReactのコンポーネントをリンクする
  
  • React Podcast -31：フックはライアンフローレンスとミックスイン
  
  

• 角度：
  
  • 角度アプリケーションの最適化
  
  • WindowsでAngularを使い始める方法
  
  • Angular Ivyによるメタプログラミング、高レベルのコンポーネントおよび不純物
  
  • Angular Console：それは何であり、なぜあなたにとって価値があるのですか？
  
  • Angularを使用したプログレッシブWebアプリケーション：パート2-遅延ダウンロード
  
  

• ライブラリとプラグイン：
  
  • sharp -Node.jsでの高性能画像処理
  
  • 2019年のユーザー認証用の6つのJavaScriptライブラリ
  
  • JavaScriptのForgJs軽量オブジェクトバリデーター
  
  • Knex.jsおよびFaker.jsを使用して何千人ものユーザーでデータベースを埋める方法
  
  

おもしろい

• 8歳の少年が2018年に最高の有料YouTubeになった経緯

• HackerOneは、ハッキングスキルを実践するための「サンドボックス」を導入しました

• Googleの中国のジレンマ：トンボ検索エンジンの開発履歴と「無料インターネットへの脅威」に対する抗議

• 公式：Googleは2019年3月にAlloメッセンジャーを終了し、Messages、Duo、Hangouts for Businessの開発に注力します

• Googleはシークレットモードでも引き渡しをパーソナライズ-DuckDuckGoリサーチ

• 2019年のUXステータス

A.

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

先週のダイジェスト 。

dersmollとalekskorovinが作成した資料。