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

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

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

---

メディア

• ポッドキャスト「Web標準」第146号： デスクトップ上のWebベースのアプリケーション、セキュリティおよびフロントエンド、Test262、BabelおよびWebpack、HolyJSに関する質問。
• フロントエンドウィークエンドポッドキャスト＃78-Anton Chernousov別名golodnyj、プログラマーとポッドキャスティングからプロダクトマネージャーになることについて
• CSSSRポッドキャストニュース 512- 第28号（05.11-11.11）
• React Five Minuteポッドキャスト＃49-bem-react-core
• Devshahtaポッドキャスト： ＃56：NodeConf EU 2018
• ポッドキャスト「ドリンクキャスト」、 ＃29-「ステファン・コルシャコフとアメリカのフロントエンド」
• ReactiveConf 2018、47ビデオ

ウェブ開発

• エルムは人気のない言語について気が変わった
• HTMLキャンバスガイド

• 性能：
  • Netflix Webパフォーマンスケーススタディ 。 Netflix.comのデスクトップバージョンのTime-To-Interactiveスコアを改善する方法に関するAddy Osmaniによる詳細な記事
  • HTML5ビデオを使用したアニメーションGIFのパフォーマンスの改善
  • ウェブパフォーマンス101 。 Ivan Akulovから最新のWebのダウンロードパフォーマンスの詳細な紹介
  

• ツール：
  • Chrome開発者ツールを使用したデバッグスキルの向上（パート2）
  • npm：便利なカットとトリック
  • VSCodeの拡張機能を33個作成した理由とそれらの管理方法
  • Prettier + ESLintとの継続的な統合
  • FX -JSON処理用のCLIツール
  • なしでは生きていけないGitエイリアス
  

• アクセシビリティ：
  • アクセス可能なPDFのメタデータの関連性
  • デジタルアクセシビリティのビジネスケース
  

CSS

• CSSマスクを使用して気分を変えるアニメーションを作成した方法
• レスポンシブ画像を作成する
• チュートリアルでは見つけにくいCSSのヒント
• CSSグリッドを使用してサイトをすばやく設計する方法
• 便利なヒント：calc（）を使用してページのHeroコンポーネントの高さを変更する
• 5年間のPostCSS：連邦の状態 。 Andrey Sitnikが彼のプロジェクトの状況について
• CSSフレームワークまたはCSSグリッド：プロジェクトには何を使用すればよいですか？
• ブラウザが不適切なメディアクエリでスタイルをダウンロードする理由
• 未使用のメディアクエリを削除してCSSを最適化する
• CSSとネットワークパフォーマンス 。 ハリー・ロバーツによる詳細記事
• 自動調整と最小最大値を使用したグリッドタイルレイアウト
• Twitter PWAと古いデスクトップサイトでのCSS分析と比較の概要
• 編集レイアウト、フロート、CSSグリッド 。 floatを使用できない場合の標準的な編集テキストのフォーマットに関する問題に関する記事。 また、レイチェル・アンドリューの迅速な対応で、除外の形のソリューション

Javascript

• オフラインJavaScriptブローカー
• 抽象的なJavaScript構文ツリーを使用する
• [ブックマーク] Node.jsチュートリアルのPDFバージョンと新しいJavaScriptガイド
• GraphQLは独自の独立したプラットフォームを受け取りました
• JavaScriptマスターになるまでの10のこと
• console.log（）の外部 。 興味深いことに、これはデバッガーの使用を促進する別の記事ではありません

• ES2015 +：
  • JavaScriptの矢印関数：それらが必要な理由、それらを処理する方法、それらを使用するタイミング、および使用しないタイミング
  • JavaScript Promiseの実装
  • JSBI-BigIntの公式ECMAScript提案を純粋なJavaScriptで実装します 。これは近い将来言語の一部になる予定です
  

• 反応：
  • Reactの高次コンポーネント
  • Reactでのスムーズスクロールの実装
  • Fetch APIでReact Suspense
  • React Hooksの概要
  • Reactアプリの作成について知らなかった5つのこと
  • React on eCommerceサイトの機能コンポーネントの3つの利点
  • re：ReactコミュニティがWebコンポーネントをバイパスするのはなぜですか？ 回答Den Abramov
  

• 角度：
  • 角度アプリケーションのテーマ
  • Angular️のコードチェックリストを削除
  • AngularがWeb開発をやめた理由
  • Angular 6+依存性インジェクションの完全ガイド-providerInとプロバイダー：[]
  • 角度材料表のレッスンと例
  

• VueJS：
  • VueおよびSVGで放射状チャートを作成する
  • 仮想DOM Vue.jsの修正：必要性、説明、解決策
  

• ライブラリとプラグイン：
  • Loonaの紹介：React and Angular Application Health Management Library
  • Glider.js：非常に高速で、小さく、完全に適応性があり、依存関係のないモバイルデバイスをサポートし、リストをスクロールおよびナビゲートするためのライブラリ
  

ブラウザ

• Cookieダイアログをブロックする機能を備えたAndroid向けの新しいOpera
• Chrome 71は、不正な要素を含むサイト上のすべての広告をブロックします
• クラウドストレージへの保存のFirefoxテストサポート
• Edgeブラウザで新しいRCE脆弱性が検出されました。

おもしろい

• 公式に。 Googleは、ダークモードがバッテリー電力を大幅に節約することを確認しました
• 世界を変えるフォーマット：VHSの歴史
• GitHubは1億のリポジトリのラインを越えました
• Microsoftは、タスクリストを自動的に作成する関数をWordに追加します
• 非接触：NFCとは何か、プログラマはどのようにそれを使用できるか
• 2018年に閉鎖した最も高価なスタートアップ
A.

どうやら、これはZfort Groupの企業ブログの最後の投稿です。 ここに来て、ブログの7年間に投稿を購読して読んでくれてありがとう。 ダイジェストを何らかの形で公開し続けます。 まず、コレクションは企業サイトのブログに公開されます 。 また、 alexzfortアカウントを使用して、ハブでの出版物の継続を試みます。 ダイジェストの内容はさまざまです。重複を避けるため、来週新しい形式を試します。 充実した1週間を！

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