前週のフロントエンドの世界からの新鮮な材料のダイジェストNo. 281（2017年9月18〜24日）

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

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

---

メディア

• Podcast「Web Standards」、 Issue No. 87-なぜEdgeなのか、Safariの新機能、Chrome 62ベータ版、CoffeeScript 2を必要とする、DevToolsのアイデア。

• フロントエンドウィークエンドポッドキャスト＃20-会議でのネットワーキングが海外への移動にどのように役立つかに関するPavel Lovtsevich

• Angular Five Minute Podcast ＃4：Meetups（Ekb、Msk）、Angular 5 beta7、Angular CLI 1.4、Schematics、Forms

• React Five Minuteポッドキャスト＃36：JetBrainsのリングUI 。 ライブラリ開発主任ユージン・ダンスキーへのインタビュー

• ポッドキャスト「Frontend Youth（18+）」 ＃19：ユーザーの助けを借りてウェブサイト上のビットコインを最小化する

• Devschachtポッドキャスト： Night Frontend＃4-FrontTalks 2017

• Devschachtポッドキャスト： Night Frontend＃5-原子爆弾からパソコンまで

• Drinkcast Podcast、 問題＃9：「コードをクリアする必要があるプログラマーの数」

• 「すべてのHTML」＃：15 「Barba.js（PJAX）によるスムーズなページ遷移」

• Microsoft Edge Web Summit 2017、14ビデオ

ウェブ開発

• なぜBEMが必要なのですか 。 BEMをフォローしていますか。Yandex以外での需要はいくらですか。

• モバイルデバイスの入力マスクを作成する方法

• WordPressは、グーテンベルクブロックのJSフレームワークを選択するための不可知論的なアプローチを検討しています

• 2017年にWebで使用するメタタグ

• メガHTML5チートシート

• ウェブ用センサー！ GoogleブログのIntel開発者が一般的なセンサーAPI機能に関する考えを共有

• ルバゴールドバーグサブマシンガン 。 ポストモダニズムWeb開発の紹介。 CSS-Day Amsterdam 2017を訪問したことからヒントを得たメモ

• ニュース：
  
  • Facebookは、React、Jest、Flow、およびImmutable.jsの再ライセンスを発表します
  
  • W3CコンソーシアムがWeb用のDRMツールを標準として承認
  
  • CoffeeScript 2リリース ：最新の構文JS、非同期、モジュール、JSXなどのサポート
  
  • Vue開発者とのQ＆Aイベント後のVue.js 3およびその他のニュース速報
  
  

• 道具
  
  • Chrome DevToolsを使用してJavaScriptをデバッグする方法を学ぶ
  
  • デザイナーとクライアント/開発者間のコミュニケーションのためのシンプルで高速かつ便利なツール
  
  • HTMLメールテンプレートの開発に役立つコードジェネレーター
  
  • Webpackアセンブリのサイズを半分にした方法
  
  

• 性能：
  
  • パフォーマンスメトリック。 測定方法、注意すべき値、ダウンロード速度を上げる方法
  
  • 「JSフレームワークをサーバー側でレンダリングするとパフォーマンスが向上すると言われました。 しかし、そうですか？」
  
  • NerdWallet開発者は、サイトでフォントを最適化する方法について詳しく説明しました
  
  • ハッカーニュースプログレッシブWebアプリ 。 さまざまなJSフレームワークでPWAを実装する方法を示すことを目的としたHNPWAプロジェクトの進捗状況について、Addy Osmani氏
  
  

• アニメーション：
  
  • CSS / SVG / JS＃54の美しいエフェクトの毎週の選択
  
  • 有機SVGシェイプのモーフィングのアイデア
  
  • Web Animations Apiの使用開始
  
  
  
  

CSS

• カスタムプロパティ。 カスタムプロパティが必要な理由とその機能

• CSSの特異性を明示的に制御しますか？

• ザック・レザーマンによるFOUTとFOITの歴史的考察

• 新しいフォントテクノロジー（変動性とパラメトリック性）が将来どのようにWebを改善するか

• SafariがカスタムCSSプロパティを使用する方法

• アクセシビリティを考慮したCSSの作成

• StylelintでCSSリンティングを次のレベルに引き上げる

• 興味深い第4レベルのCSSセレクター

• Webの真実：CSSは実際のプログラミングではない

• iPhone X用のWebサイト開発。 ほぼ公式のWebkitブログガイド

• CSS位置のイベント：sticky 。 スティッキー変更イベントがスタイルをJSに接続して、最もネイティブな方法でスティッキー要素を作成する方法

Javascript

• 角度対 React vs. Vue：比較2017

• JSの仕組み：メモリ管理、4種類のメモリリーク、およびそれらとの戦い

• 最新のJavaScriptチートシート

• JavaScript C ++：JavaScriptプロジェクトでC ++を使用する最新の方法

• ES2015 +：
  
  • ECMAScript 6. Unicodeをサポートする正規表現
  
  • 最終的にPromise.prototype.finally（）が利用可能になりました
  
  • JavaScript ES6 Worth Learningの上位5つの機能
  
  • 例のトップ10 ES6機能
  
  • Javascriptデコレータ
  
  

• VueJS：
  
  • Ewan YuがVueのJSフレームワークをWordPressに適していると考える理由
  
  • hashnode.comでのAMAセッション（質問と回答）、Vue.jsチームがユーザーの質問に答えた
  
  • Vue 2.5での今後のTypeScriptの変更
  
  • Vue.jsでフィルターを作成する方法と例
  
  • Vue 2およびVuexでバスケットを作成する方法
  
  • VueJSでの6つのランダムなJS問題とその解決策
  
  • Vue.jsの高度なアニメーション
  
  

• 反応：
  
  • 純粋なCSSを使用した描画が、Reactコンポーネントの理解にどのように役立ったか
  
  • Reduxの問題：React、MobX、およびRealmは私たちを救うことができますか？
  
  • Reactコンポーネントテストガイド
  
  • Reactライセンスの更新-これはReact開発者にとって何を意味しますか？
  
  • Reduxかどうか：Reactアプリケーションの状態管理の技術
  
  

• 角度：
  
  • Angular v2 +でのルートパラメータの処理
  
  • 過去、現在、未来のAngular CLI
  
  • 角度とリデュース
  
  • Angular 5のリリースは少し遅れています
  
  

• ライブラリとプラグイン：
  
  • vuetify -Vue.js 2のマテリアルデザインを使用したコンポーネントフレームワーク
  
  • ngraph.path-グラフでパスを見つける
  
  • nanoevents-シンプルなイベントライブラリ
  
  • bosket -React、Angular、VueJS、RiotJSフレームワークのツリー構造を表示するコンポーネントのコレクション
  
  • winamp2-js -HTML5およびJSでのWindamp 2.9の実装
  
  

ブラウザ

• Chromeは.devおよび.fooドメインのHTTPSを強制します

• Chrome 62の今後のオーディオ/ビデオの更新

• Chrome 62 Beta：ネットワーク品質、可変OpenTypeフォント、DOM要素からのメディアキャプチャを予測するためのAPI

• Safariテクノロジープレビュー40の技術的詳細 ：WebAssembly、CSSストローク、リソース/パフォーマンス/ユーザータイミング2、新しい実験的機能のサポート

• ユーザーのブラウザを介して暗号通貨を直接マイニングできます。 これはすでにPirate Bayとハッカーによって行われています

• Googleは最も安全でないWebブラウザを特定しました

• ブラウザーを介した暗号通貨のマイニング。 これでいくら稼げますか？

おもしろい

• GooglebotはHTTP / 2をクロールしません

• Appleの資本は、新しいiPhoneの発表後10日間で約500億ドル減少しました。

• ハッカーは最も人気のある「クリーナー」であるCCleanerをハッキングし、それを使用してマルウェアを拡散しました

• Appleがユーザーをだまして「差別的なセキュリティ」にした方法

• Stack Overflowは給与計算の新しいバージョンをリリースしました

• GitHubはGitHubデスクトップからのベータリリースを発表します

• GoogleはHTCのモバイルビジネスの一部を11億ドルで取得します

• 絵文字の作成者スコットファルマン：「これは世界で最も「オタク」なものです！」

• iOS 11はわずか2日ですべてのインターネットユーザーの6％以上に到達しました

• Dan Abramov：Facebookで2年近く働いた後、私は何を学びましたか？

A.

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

先週のダイジェスト 。

dersmollとalekskorovinが作成した資料。