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

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

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

---

メディア

• devschachtポッドキャスト： 第11号 -Yandex Interface School

• すべてのHTML＃30： 線とシェーダーを使用した3Dメッシュ

• PiterJS、19回目の会議のレポートの記録：Sergey Chikuyonok- Virtual DOMは本当に必要ですか？ 、Dmitry Patsura- React Nativeの開発について 、Sergey Novikov- Polymerにできること

ウェブ開発

• レイアウトパス：ゼロからシニアまで

• 素晴らしいチェックリストチェックリスト： Web開発チェックリストなどの厳選されたリスト

• フロントエンドで起こっている狂気について常に情報を入手する方法-3段階の指示

• SEOの専門家はPWAを2018年の成功の鍵と呼んでいます

• AirbnbがAMPをデジタル戦略の中心に置く方法

• Webペイメントの紹介：Payment Request APIによるオンラインペイメントの促進

• Web Animations APIを使用したアニメーションの繰り返し

• 私はあなたのサイトからクレジットカード番号とパスワードを収集します。 そして、これはそれが起こる方法です

• SVGを使用した画像のトリミングとスケーリング 。 CSS object-fitを置き換えるSVG

• 性能：
  
  • 「フロントエンドパフォーマンスチェックリスト2018」は、現時点でクライアントのパフォーマンスについて知る必要があるすべてです。 PDFバージョンのVitaliy Fridmanによる包括的なチェックリスト/ガイド
  
  • さまざまな国のサイトのユーザーエクスペリエンスとページ読み込み速度に対する3G / 4G接続の影響
  
  • プリロードするのは理にかなっていますか？
  
  • Akamai開発者が取り組んでいるブーメランライブラリの詳細なパフォーマンス監査
  
  • 画像プレースホルダー：正しく実行するか、まったく実行しないでください。 お願いします
  
  

• 道具
  
  • 最新のサーバーレススターターキットに対応-Postlightの最新のサーバーレススターターキット（Webpack、Babel、ESLint、およびPrettier）
  
  • 刺激 -すでに持っているHTML用の最新のJavaScriptフレームワーク
  
  • 定型文とは何ですか、なぜ使用するのですか？ コードスタイルガイドを見てみましょう
  
  • 2018年にWordPressに期待すること
  
  

• アクセシビリティ：
  
  • アクセシビリティの次のレベル：freeCodeCampガイドを障害者にとってより便利にした5つの方法
  
  • 可用性のための自動テストの作成
  
  • Webアクセシビリティの開始
  
  • 2017年のウェブサイトのアクセシビリティに関する訴訟の結果：ビジネスにとって困難な年
  
  

CSS

• CSS Grid + Flexboxで実際の問題を解決する

• 完璧なCSSドキュメントのための8つのベストプラクティス

• レスポンシブタイポグラフィ：ルート

• 幽霊攻撃と重要なCSS 。 フィラメントグループから潜在的なツールの問題を解決する

• DevToolsプロトコル機能を使用した未使用のCSSの監視

• レイチェルアンドリューによるMDNに関する新しいFlexboxチュートリアル

• ACSSを使用してチームでCSSをより適切に作成する方法-Atomic CSS Dynamic Library

• カウンターとストーン -セレクターの珍しい使用によるCSSゲーム、Roman Komarovによる実験

Javascript

• JavaScript：12の質問と回答

• JavaScript 2018：知っておくべきことといくつかのスキップすること

• JavaScriptと クロール予算：準備を整える最初のプレーヤー 。 JavaScript SEOの最新情報

• しかし、実際には、JavaScriptテストとは何ですか？

• JavaScript理論に関する10の質問-ES6クイズ

• JavaScriptはすでに勝ちました 。 コメントでの幅広い議論を伴う、言語の現在の流行を見てください。

• ステートマシンの夜明け 。 フロントエンド開発のコンテキストでのステートマシンの知識

• 理論：
  
  • カイルシンプソンによる「JSを知らない：非同期性とパフォーマンス」 。 最初の章は、Makson Vislogurovによって翻訳されています。
  
  • 堅牢なクライアントJavaScript開発者ガイド
  
  • JavaScript Object Explorer-特定の状況でどのメソッドが最適かを理解するのに役立つリソース
  
  • JavaScript配列-合計値、最小値、最大値、平均値を見つける
  
  • ジェネレーターについて
  
  

• 反応：
  
  • 2018年に知っておくべきReact用の11のライブラリ（コンポーネントのセット）
  
  • 最終フォーム：チェッカーフラッグへの道
  
  • Reactの読みやすいコードの書き方-10コードスタイルのヒント
  
  • PWAを反応させます。 サーバー側レンダリング、組み込みSEO、および最大のUX速度を達成するための技術を備えたPWAのスタートアップテンプレート
  
  • React-Redux-Sass-Starter-簡単なReactアプリケーションを開始するために必要なものすべて
  
  • Gatsby.js：Reactで静的サイトジェネレーターを構成して使用する方法
  
  • ES6 Reactクラスでのメモリ使用量のわかりやすい説明
  
  • React.FragmentとセマンティックHTML 。 コンポーネントの無意味で厄介な<div />に別れを告げましょう！ React 16は<Fragment />をもたらします
  
  • react-performance-コンポーネントレンダリングパフォーマンスのデバッグと書き込みのヘルパー
  
  

• VueJS：
  
  • 2017年のVue.jsの概要
  
  • VuePressの紹介：VueとGraphQLを使用したWordPress開発
  
  • vue-starter-同形プログレッシブWebアプリケーションのスターターテンプレート
  
  

• 角度：
  
  • Angular JS＆ASP.NET：これはWeb開発の未来でしょうか？
  
  • 角度対 反応：CLI
  
  

• ライブラリとプラグイン：
  
  • ブートストラップのネイティブJS
  
  • javascript-obfuscatorは、TypeScriptで記述されたJavaScriptコードの最高のオープンソース難読化ツールです。 制御フローの平坦化、デッドコードインジェクション、文字列の暗号化、自己防衛、デバッグ保護など、多くの難読化技術をサポートしています。
  
  • Hyperapp 1.0の紹介 - フロントエンドアプリケーションを作成するための1KB JavaScriptライブラリ
  
  • immer-現在の値を変更して、次の不変の状態を作成します
  
  • Uppy-高度なファイルダウンローダー
  
  

ブラウザ

• Chipocalypse：GoogleはAndroidおよびChromeのSpectre脆弱性をカバーするアップデートを準備し、MozillaはFirefoxに対応するパッチを準備しています

• Firefoxアップデート57.0.4およびChrome 63.0.3239.132

• マイニングスクリプトからの保護を備えたOpera 50を導入

• UC Browserは世界市場の16％を占め、一部のアジア諸国を支配しています

• Chromeが新しいInternet Explorer 6に変わります

おもしろい

•新年のギフトパート1：メルトダウン 、 パート2：スペクター

• 幻の災害：プロセッサのセキュリティエラーを脅かすもの

• カイザーは塗装されるほど怖い。

• Appleは、すべてのmacOSおよびiOSデバイスがプロセッサの脆弱性に対して脆弱であることを認めました

• Googleは、パッチMeltdownおよびSpectreをブロックするためのパッチのパフォーマンスへのわずかな影響を考慮します

• 1月のTIOBEプログラミング言語の評価：Cは2017言語を宣言しました

• 2017年の結果：仮想現実と拡張現実

• 株主の結果：2017年の世界最大のIT企業の価値の変化

• 2017年に世界が失ったサービス-有線バージョン

• オンラインビデオ圧縮を改善するために、AppleはGoogleとMicrosoftに参加します

A.

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

先週のダイジェスト 。

dersmollとalekskorovinが作成した資料。