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

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

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

---

メディア

• フロントエンドウィークエンドポッドキャスト＃42-Webのフロントエンドコミュニティの開発の秘密と20代のキャリアについてのAndrey Romanov
• ポッドキャスト「Web Standards」第110号： デザイナー向けのニュース、CSS変数、​​非常に危険なCSS、コンテナ式、Webpackが146％高速である理由、Dart 2.0を再起動
• ポッドキャストフロントエンドユース（18+） ＃40 Paradigm Bacchanalia
• Devschachtポッドキャスト： Night Frontend＃24-存在しなかったJavaScript
• React Five Minuteポッドキャスト＃39-TypeScript 20/80
• ポッドキャスト「Five Minute React」 ＃40-YouTrackの背景にあるYandex Tracker
• React Five Minuteポッドキャスト＃41-Dan Abramov：Beyond React 16
• すべてのHTML＃38： 飛行機、曲線、四元数
• 新しいdev || betプロジェクト“ Python vs. JS-タイムマシンでビットコインを購入すると、いくら稼ぐことができますか？」
• 2月PiterJS No. 22の結果
• JSConf.Asia 2018の39本のビデオ

ウェブ開発

• モバイルページの高速化により、GoogleのランキングとAMPテストの設定方法が改善されます
• クリスコイヤーのメモにあるAMPニュース
• frontend-case- studies-現実世界での企業のフロントエンド開発に関する技術レポートと記事を集めたリスト
• 5か月でグラフィックデザイナーからフロントエンド開発者になった方法
• ノルウェーにアクセスできないウェブサイトを持つことは違法です。これは私たち全員にとって朗報です。
• O API-REST APIの代替

• 性能：
  • Googleは、サイトの速度を他のリソースと比較するツールを開始しました
  • Googleの新しいウェブパフォーマンスレビュー記事
  • Chrome DevToolsによるページパフォーマンスの改善
  • React Performance Optimization-12のツールとヒント
  • あなたは間違いなくあなたのサイトの読み込みを最適化したいでしょう。 そして、ここでそれを行う方法です
  • Intersection Observerでパフォーマンスを向上させるための遅延読み込み画像
  

• ツール：
  •CSSOストーリー： 開始 、 継続 、終了、 調査結果
  • ESLintとGulpを使用してプロジェクトにJavaScriptリンティングを追加する方法
  • Chrome 65-DevToolsの新機能
  • DevToolsの新機能（Chrome 66）
  

• 壮大なウェブ：
  • 点線のすごい効果：簡単な言葉の魔法について
  • CSS / SVG / JS＃72の美しいエフェクトの毎週の選択
  • 赤い開発者：Web上の幻想パート1
  

CSS

• 30秒のCSS
• ユーザーインターフェイスを設計するときにCSSグリッドを使用する
• ソフトウェアテストの自動化におけるCSSセレクターとそのアプリケーション
• Google：GoogleBotはカスタムCSSプロパティをクロールできません
• 現実世界で可変フォントを使用する方法
• レスポンシブコンポーネント：コンテナの式の問題を解決する
• サードパーティのCSSは安全ではありません
• CSSはデータを盗みます
• あまり馴染みのないCSS機能と高度なヒント （実際ではありません）
• 将来に備えたCSSグリッドの証明
• Sassを使用してBEMという名前のスコープを制御する

• CSS変数：
  • 5分でCSS変数を学ぶ
  • 時間変数 。 この記事では、カスタムCSSプロパティ（これらはCSS変数でもあります）を使用してデモを作成する方法を説明し、その過程でCSSのコンテキストで思考をアップグレードしました。
  • カスタムCSSおよびCSS Calcプロパティを使用したレスポンシブな垂直リズム
  • CSS変数を使用して応答性を非常に簡単にする方法
  

Javascript

• 乱数はランダムではありません 。 JSで乱数ジェネレーターを作成してMath.random（）を予測する方法
• 完全なJavaScript SEOガイド
• TypeScript-超能力を備えたJavaScript
• デバッグのためにconsole.log（）の使用を停止してください。破損しています...

• 理論：
  • JS：Asynchrony and Performanceを知らない 。 第3章：約束
  • サービスワーカー。 Webプッシュとその場所
  • JSの仕組み：サービスワーカー
  • JavaScriptの仕組み：Webプッシュ通知の仕組み
  

• VueJS：
  • Vue.jsの作成者がHabrと出会う
  •MEVNアプリケーションの作成： パート1/2 、 パート2/2
  • Webpack 4とVueJsの開始-クイックスタートガイド
  • カスタムVueルーターを作成しましょう
  • Vue.jsでサーバーレスCMSを作成する
  • vuedsは、Vue.jsでスタイルガイドを作成するためのオープンソースツールです
  • Vue.jsで手頃な価格のオートコンプリートコンポーネントを作成する方法
  

• 反応：
  • SVG + Reactでゲームを開発しています。 パート1
  • ReactとElasticSearchを使用してAirbnbクローンを作成する
  • react-morph-インターフェースにモーフィング効果を追加するだけです
  • Reduxの再設計
  • Async React + Apolloの初見
  • 9コンポーネントを整理するためのReactツール
  • Reactでのプロジェクトの構成とコンポーネントの命名
  • 8条件付きRenactレンダリングテクニック
  • JSConfアイスランド2018でのDen Abramovによるレポート、「 第16バージョンのリリース後のReactの概要」
  

• 角度：
  •Angular / NGRXのリアクティブアプリケーション： パート1。 、 パート2。ストア。 、 パート3。効果。
  • AngularJS：最新リリース
  • Angular InstantSearch-Angularの検索インターフェイスを操作するためのアルゴリアの新しいライブラリ
  • Angular Coming：アップグレードの準備
  • NGRX Actions 3.0の概要
  

• ライブラリとプラグイン：
  • termtools -JSを使用したターミナルのカスタマイズ
  • Delighters.JS-ページをスクロールするときにCSSアニメーションを追加する
  • flatbush -JavaScriptの2Dポイントと長方形の高速静的空間インデックス
  • プロンプト-CLIの対話型フォーム
  

ブラウザ

• Mozillaは、Firefoxのアドオンカタログのベータサポートを終了します
• Firefox 60は、Cookieを個別に管理する機能を変更する場合があります
• 2014年以降、Flashを使用するChromeユーザーの割合は80％から8％に低下しました
• あなたのプライベートブラウザモードは私たちが望むほどプライベートではありません

おもしろい

• GitHubとのシームレスな作業のためのSlack追加統合
• マイクロソフトは、一部のプレミアムフォントを請求する予定です
• Googleは、ユーザーインターフェースFlutterを開発するためのクロスプラットフォームフレームワークを導入しました
• Googleは、世界のアトラクションGoogle-Landmarksの最大のデータベースへのアクセスをオープンしました
• Intel、Microsoft、およびその他は、SpectreおよびMeltdownの修正に問題があった理由を当局に説明しました。
• 1.35 Tb / s DDoS攻撃がGitHubにヒットし、Memcachedに感謝する必要がある
• Facebookに衝撃を与えた2年間
• AdBlockの一般的なJSライブラリにキャッシュ機能を追加
• GoogleはSlackに代わる独自の選択肢をリリースしました
• Reddit AMAのBill Gates：暗号通貨の危険性、Illo MaskのHyperloopに対する不信、および大統領の野望（なし）
• Java EEはJakarta EEに名前が変更されました
A.

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

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