先週のフロントエンドの世界からの新鮮な材料のダイジェストNo. 354（2019年2月25日-3月3日）

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

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

---

メディア

• ポッドキャスト「Web Standards」 第163号：CSSの数学、速度とオーバーヘッド、新しいビデオコーデックAV1、JavaScript、SEO、ロボットは私たちに取って代わるものではありません。
• Devshahtaポッドキャスト： ＃71：TypeScriptが私たちの考え方を変える方法（部2）
• CSSSR Podcast News 512-Issue 40（ 02/25-03/03 ）
• mitapで！ ＃1：レポートの記録 。 HTML Academyが主催するオンライン形式の最初の会議の資料
• Vadim Makeevのビデオブログ： 「15。 答えとともに生きる "
• トーナメント：「2018年のベストJS機能」（パート4-最終版）

ウェブ開発

• コード品質 。 Frontend ConfによるIvan Botanovのレポートのデコード。読みやすさ、ネーミング、宣言性、コードスタイル、およびジューンとリードの関係について話します。
• テストレイアウト？ かんたん
• ポートフォリオ処理、パート1：アニメーション、マイクロインタラクション、SVG
• 静的サイトジェネレータ：初心者向けガイド

• 性能：
  • Google：モバイルのダウンロード速度は常に優先されるべきです
  • 高速ページ読み込みの錯覚：サイトおよびアプリケーションでスケルトン画面を作成するためのルール
  • パフォーマンスのビット 。 Roman Komarovによるサイトの最適化の詳細についての新しい記事-プリロードリンク、フォント、プログレッシブナビゲーションなど
  • レスポンシブ画像を提供する
  

• アクセシビリティ：
  • ボタンがボタンではないのはいつですか？
  • 可用性は「React issue」ではありません
  • Web Accessibility Guide - Webアクセシビリティに関するヒント、コツ、ガイドラインの厳選されたコレクション。
  • 日付選択コンポーネントの可用性プラクティス
  • 1,000,000サイトのホームページアクセシビリティ分析
  • 人工知能を使用して画像に代替テキストを作成する
  

• アニメーション：
  • SVGフィルタリング効果。 パート7.アドバンス
  • SVGフィルターエフェクト：先へ進む
  • テキストトレイル効果
  

CSS

• @supportsの仕組み
• レスポンシブデザインとCSSカスタムプロパティ：変数とブレークポイントの定義
• メンタルCSSモデル 。 Javascript開発者にCSS哲学を説明しようとする新しいPPK記事
• CSSワーキンググループは、acos（）、asin（）、atan（）、hypot（）、sqrt（）など、多くの数学関数を追加することに同意しました
• CSSフラグメンテーションによるボックスの破壊 。 新しいCSS仕様に関するレイチェルアンドリューの最新記事
• CSSを使用したFacebook Messengerグラデーション効果の再作成
• CSSセレクター+チートシートの原則の詳細な概要
• GIFのあまり知られていないCSSプロパティ
• Firefoxのシェイプパスエディターに関する8つの小さなビデオ
• カスタムCSSプロパティはSassループに勝ちますか？
• ご覧ください、メディアクエリはありません！ CSSグリッドを使用したレスポンシブレイアウト

Javascript

• Wolfensteiny 3D-251バイトのJavaScriptのリバースエンジニアリング
• GoogleがJavaScript用のSEOビデオシリーズを開始
• FunES＃9：なぞなぞ 。 JavaScriptのトリック
• リリース： Apollo Client 2.5 、 Ember 3.8 、 GSAP 2.1
• Webpackと高度なWebテクノロジーを使用してシンプルでモダンなJavaScriptアプリケーションを作成する方法
• 多態性JSONデータのパフォーマンスの問題を理解する

• 理論：
  • JavaScriptで条件構造を作成するための5つのヒント
  • 12知っておくべきJavaScriptの概念
  • 完全なJavaScriptサイクルガイド
  • JavaScriptで最も長いキーワードシーケンスは何ですか？
  • 完全なコールバックガイド
  

• 反応：
  • スタイル付きシステムによる効率的なコンポーネント作成
  • Next.jsに切り替えて、ホームページを7.5倍高速に処理しました。
  • React.memo（）によるReact機能コンポーネントのパフォーマンスの改善
  • Reactコンポーネントのゴールデンルールがより良いコードの記述に役立つ方法
  • JestとEnzymeを使用したReactアプリケーションのテストの作成
  • 1分で説明をやり直す
  • スタイル付きコンポーネントを使用する8つの理由
  

• VueJS：
  • Vueを使用した開発の生産性の向上-パート2
  • Vue.jsアプリケーションパフォーマンスの最適化、パート1：パフォーマンスの最適化と遅延読み込みの概要
  • Vue.jsのスライドインとアウト。 Vueの利点の1つに関する詳細な記事-他のJSとの簡単なプログレッシブ統合
  • Vue.jsでカスタムディレクティブを作成する
  • Vue.jsの抽象コンポーネントの別の例
  

• 角度：
  • Angularの世界のMVC
  • Angular Loadable（ngx-loadable〜2.2kB）の発表
  • AngularのクライアントとNode.jsのバックエンドの間でファイルとデータを転送する方法
  

• ライブラリとプラグイン：
  • FrenchKiss.jsは、ブラウザーとNodeJSの両方で動作する超高速で軽量の国際化ライブラリです。
  • terser -ES6 +用のJavaScriptパーサーおよびマングラー/コンプレッサーツールキット。
  • cnbuilder-さらに別のクラス名文字列ビルダー
  • ゼロサーバー：ゼロ構成Webフレームワーク
  • npmf：npmパッケージに関する情報を端末に直接すばやくプルします
  

ブラウザ

• データを盗むためにChromeの0Day脆弱性が使用されます
• Firefox 67では、about：compatページが表示され、十分なメモリがない場合にタブがアンロードされます
• Googleは、新しいオープンページキャッシュ機能でChromeを高速化します
• Firefoxでは、ピクチャーインピクチャーモードと再設計されたアドオンマネージャーが表示されます。
• Chromeは不要になりました

おもしろい

• Googleは、すべてのユーザーに対して.devゾーンでドメイン登録を開始しました
• 偽の声を教えるニューラルネットワーク
• 「センセーショナルな中国の社会的評価システムは、実際には新しいテクノロジーとはほど遠い」
• 2018年の人工知能業界で最も重要なイベント
• 「Hello、World！」のコードでプログラミング言語を認識していますか？-エキゾチックな言語でのテスト
• MozillaはCommon Voice音声データをリリースしました
• Linus Torvaldsは、ARMアーキテクチャ上のサーバーがx86を置き換えるとは考えていません。 「64ビットモデルの販売-白痴」
• 新しいプログラミング言語は、現実とのつながりを静かに殺します
A.

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

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