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

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

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

---

メディア

• フロントエンドウィークエンドポッドキャスト＃74-開発者がコードをテストする方法と理由について、ミハイルボドナルドク

• ポッドキャストDevshacht / Night Front End： 53：DevOops 2018

• Vadim Makeevビデオブログ

ウェブ開発

• なぜ<wonderful>要素をHTMLに追加しないのですか？

• フロントエンドインタビューで難しい質問を簡単な質問に変える方法

• 静的サイトジェネレーターについて

• フロントエンドアプリケーションの展開は楽しい方法です。

• Web Audio APIを使用して、 MDNに関する詳細な更新情報

• Web Audio APIを使用するための高度なテクニック：サウンド生成、シーケンス、同期、スケジューリング

• 性能：
  
  • Vitaly FriedmanでWebを最適化します：ダウンロード速度、メモリ、CPU
  
  • パフォーマンス予算の開始 、問題のニュアンスと側面に関する詳細なAddy Osmaniの記事
  
  • JavaScriptとNetwork Information APIを使用した適応型コンテンツ配信 。 接続速度に応じて異なるアセットを選択することに関するAddy Osmaniの別の記事
  
  • フロントエンドのダウンロードパフォーマンスを向上させる最良の方法
  
  • 別のPWA + AMPの成功事例：Superbalistがページの読み込み速度を改善し、それによってコンバージョンが26％増加した方法
  
  

• ツール：
  
  • DevToolsの新機能（Chrome 71）
  
  • Favicon Checkerは、明るいテーマと暗いテーマを含むすべての主要なブラウザーでファビコンを比較するためのオンラインツールです。
  
  • termtosvg-端末で起こっていることをSVGとして記録するユーティリティ
  
  • マークダウンページ -MarkdownをHTMLに1行で変換するスクリプト
  
  

• アクセシビリティ：
  
  • アクセシビリティに関するチートシート
  
  • WordPress、アクセシビリティ、グーテンベルク
  
  • WordPressでアクセシビリティチームのリーダーを辞任しました。 そして、ここに理由があります
  
  

CSS

• CSSコンテンツ機能

• CSS Border-Radiusはこれを行うことができますか？

• CSSグリッドプロパティの記憶方法

• インタビュー先はCSSレイアウトを理解していますか？

• 以前の隣接CSSセレクターとそれらをエミュレートする方法

• 知らなかったCSS-in-JSでできる5つのこと

• Firefoxのシェイプパスエディター

Javascript

• Fetch APIを使用してHTTPリクエストを行う方法に関する実用的なES6ガイド

• 初心者向けのJavaScriptのショートカット

• JavaScript Visualizer-コンテキストを視覚化し、変数、クロージャー、プロトタイプ、およびその他の基本的なJSの概念を視覚化して作業の原則をよりよく理解するためのツール

• JavaScriptにこれを深く浸す：優れたコードを書くことが非常に重要である理由

• JavaScriptの13kB以下の13ゲームJs13kGames 2018

• JavaScriptのslice（）、splice（）、split（）メソッドをめぐる混乱に対処しましょう

• 新しいリリース： Ember 3.4 、 ESLint v5.7.0 、 Aurelia-CLI v1.0.0-beta.1、自動トレースを備えた新しいAurelia-CLIコレクター

• VueJS：
  
  • イベントバスを使用してVueコンポーネント間で小道具を共有する
  
  • Vue.jsを使用してアプリケーションを開発している12社
  
  • Vuexを使用した明るいオフラインファーストアプリ
  
  • Tueを使用したVue.jsのアプリケーションでの作業-時間のある人のための広範なガイド、パート1
  
  • Vue CLI 3について知っておくべきこと
  
  

• 反応：
  
  • あなたを破壊しているかもしれないReactの基本の無知
  
  • イベントハンドラーのキャッシュとReactアプリケーションのパフォーマンスの向上
  
  • 2018年にReact開発者になる方法
  
  • React.js：これまでに作成された最も強力なUIライブラリの最高のビュー
  
  • OOPとRxJS：React with Akitaの状態管理
  
  • React UIコンポーネントを操作するための11のサンドボックス
  
  • Webpack 4とBabel 7を組み合わせて素晴らしいReactアプリケーションを作成する方法
  
  • Create React App 2.0ビデオシリーズの新機能
  
  • WordPress開発者になるためにReactを知る必要がありますか？
  
  • react-testing-libraryを使用したReactアプリケーションのテスト
  
  • フルスタックラジオ：99：Tim Neutkens-Next.jsを使用したReactアプリの構築
  
  

• 角度：
  
  • Angular開発者向けの22のヒント。 パート1 、 パート2
  
  • いくつかの角度のヒント
  
  • Angular Consoleの最初の安定リリースの発表-Angular CLIのUI
  
  • Angular 6のネストされたフォーム
  
  • Angular 6リファレンス： スタイリング 、 ルーター
  
  • AngularとChart.js（ng2-chartsを使用）
  
  • Angular CLIとNxを使用したフルスタックアプリケーションの作成
  
  

• ライブラリとプラグイン：
  
  • TensorFlow.jsおよびclmtrackr.js：ブラウザーでのユーザーの視線の方向の追跡
  
  • Deity Falcon-あらゆるタイプのサイトを作成するためのオープンソースのクロスプラットフォームPWAライブラリ
  
  • perfume.js -First（Contentful）Paint、Interactive TimeおよびFirst Input Delayを測定するためのJavaScriptライブラリ。
  
  • mb-例外エラーなしのnull値を持つネストされた属性へのアクセス
  
  • Muze-データに焦点を当てたWeb用の複合視覚化の構築
  
  

ブラウザ

• Firefox更新システムの監査結果の公開

• Mozilla開発者がシマンテック証明書信頼の終了を延期

• Microsoft Edgeにギャップが見つかったため、任意のプログラムを実行できます。

• Google Chromeは、Android 4.3以下を実行しているデバイスで間もなく機能しなくなります

• FirefoxでJSとWebAssembly間の呼び出しが最終的に高速化

おもしろい

• Gutenberg 4.0の最初のリリース候補がリリースされました

• 暗号の進化：数学から物理学へ

• ICANNレギュレーターがドメイン名キーを正常に変更

• 視覚翻訳Google翻訳もニューラルテクノロジーに切り替え、13の新しい言語のサポートを受けました

• Windows PowerShellスターターガイド

• Facebookは最新のハッキングの詳細を明らかにしました。ハッカーは3,000万人のユーザーの電話とメールアドレスを受け取りました

• Google+は、500,000アカウントのデータ漏洩後に閉鎖します

• Yandexは、新しい著作権侵害防止契約について著作権者に同意できませんでした

• Alexaユーザーは、音声アシスタントへの愛を100万回以上認めていますが、拒否されました

• マイクロソフトはLinuxを訴訟から保護するために6万件の特許を公開しました

A.

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

先週のダイジェスト 。

dersmollとalekskorovinが作成した資料。