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

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

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

---

メディア

• Angular Five Minute Podcast ＃8-Retrospection、AngularKiev、RxJs lettable operator、Ng 5.2 / 6.0
• フロントエンドウィークエンドポッドキャスト＃37-コーディングを学ぶ方法と場所に関するZahar Day
• ポッドキャスト「Web Standards」 第105号：新しいブラウザ、Bootstrap 4、WebStormおよびCSS、初心者向けのBEM、不要なタイトル属性、コンテナからの表現、LitersのWeb標準、世界。
• ポッドキャストフロントエンドユース（18歳以上）： ＃35 Web Standards at Maximum
• ポッドキャスト「devschacht」： Night Front End ＃ 19- 約束とタイムアウト、immutable.js
• 「すべてのHTML」＃33： 「PIXI.jsとクリップの斜めの背景をアニメーション化：rect」
• MinskJS Meetup＃3からの3つのビデオ （2018年1月25日）

ウェブ開発

• Webコンポーネントアプリケーションを作成して学んだこと
• JavaScriptの基本を習得しました。 しかし、次は何ですか？
• ウェブ業界の精神疾患
• パート2：サイトからクレジットカード番号を収集しないようにする方法
• SVGとSMILを使用したインタラクティブな電子メール
• 勾配地形アニメーション

• AMP / PWA：
  • PWAはiOS 11.3に搭載されています。クパチーノ、問題があります
  • AMPは評価を改善しますか？ AMPテストを整理する方法
  • AMPの成功した使用の新しい例
  • Amazon API GatewayとAWS Lambdaを使用してAMPページのフォームを処理する
  

• 道具
  • Parcel v1.5.0リリース：ソースマップ、WebAssembly、Rustなど
  • Webpack 4ベータリリース-今すぐお試しください！
  • webpack 2017：一年で起こったことの概要
  • 複数のルート、webpackでのバンドルと遅延読み込み
  • Webpack 4ガイド：0 Confからプロダクションモードまで知っておく必要があるすべて
  • karmatic -Karma、Webpack、Jasmine用のシンプルな自動（ヘッドレス）ブラウザーテスト。
  

• アクセシビリティ：
  • 実行中の電子メールの可用性
  • WCAG 2.1の理解-モバイルデバイスの基準と条件の概要
  • アクセシビリティの改善の事例研究
  • 根本的に利用可能なインターネットアプリケーション -btconfMUC2018でのMarcy Suttonレポート
  

CSS

• CSSエンティティの命名規則と時間の節約
• 楽しいフロントエンド：JSなしでページを監視
• CSS Box Alignment（すべてを揃えるためのプロパティ）：シンプルなチートシート
• CSSクリップパスを使用してインタラクティブな効果を作成する
• CSS Gridishプレゼンテーション：チームが今日CSSグリッドを使用するのを支援するオープンソースツール
• Utility-First CSSを守るために
• CSSグリッドの7分での説明（図とコード付き）
• CSS Scroll Snap：それは何ですか？ これが必要ですか？
• CSS3アニメーション発散波効果

Javascript

• コンストラクト（a == 1 && a == 2 && a == 3）をJavaScriptでtrueにできますか？
• 2018年のJavaScript-学ぶべきこと
• 1000以上のプロジェクトからのトップ10 JavaScriptエラー（およびそれらを回避する方法）
• インタラクティブなサンプルを含むスタイル付きコンポーネントの簡単な紹介
• WATの背後にある理由：奇妙なJavaScript型システムの説明

• ES2015 +：
  • ECMAScriptの正規表現が改善されています！
  • 受け入れられなかったECMAScript 2017の興味深いオファー
  • ES2015バニラテンプレートテンプレートとバニラリテラル
  • コードをより簡潔に、短く、読みやすくするためのES6のヒントとコツ
  • 非同期/待機機能に関する5つのヒントと考え
  • ECMAScript 2018：最終機能セット 。 ECMAScript 2018に期待すること：Object Rest / Spread Properties、Promise.prototype.finally（）、Asynchronous Iteration、Template Literal Revision、RegExp機能：名前付きキャプチャグループ、Unicodeプロパティエスケープ、lookbehindアサーション、-s（dotAll）フラグ
  

• VueJS：
  • プログラムによるVue.jsコンポーネントインスタンスの作成
  • 最初からNuxt認証
  • Nuxt.jsを使用したVueサーバー上のレンダリングされたアプリケーションでのルーティングとルート保護
  • Vue.jsで開発するためのES2015の4つの主な機能
  

• 反応：
  • React.jsの頻繁な問題
  • スタイルのヒント。 読み取り可能なReactコードの書き方
  • Reactを既存のサイトに貼り付ける方法
  • AngularアプリケーションをReactアプリケーションに変換する方法-一度に1つのコンポーネント
  • 独自のReactボイラープレートを作成する方法
  • React Easy Stateの概要
  

• 角度：
  • 反応型（Angular 5（2+）。 パート2
  •Angular 4の初心者向けガイド： サービス 、 ルーティング 、 コンポーネント
  • Angular用Apolloクライアント-GraphQLを使用
  

• ライブラリとプラグイン：
  • d3-discovery -d3.jsのすべてのプラグインを1か所で
  • greenlet-非同期関数をネイティブスレッドに移動する
  • Toast UI Editor-オープンソースのMarkdown WYSIWYGエディター
  • jsnes -JavaScript NESエミュレーター
  

ブラウザ

• WebAssemblyはさらに高速：Firefoxの新しいストリーミングおよびマルチレベルコンパイラ
• Firefox 58リリース 、 Marat Tanalinの技術詳細
• Firefox 58には、AndroidバージョンのプログレッシブWebアプリのパフォーマンス向上とサポートが追加されました
• Chrome 64 Webブラウザーのリリース
• Googleはブラウザに3D拡張現実オブジェクトを追加するための実験的な機能を提供しています
• Google Chromeブラウザーは、ビデオが自動的に含まれるサイトでサウンドを永久にオフにすることを学習しました
• Adblock Plus：Google Chromeの組み込み広告ブロッカーは、広告の16％のみをブロックします
• 技術詳細Safariテクノロジープレビュー48

おもしろい

• 2018年のGoogleのSEO：忘れられていた新しい
• ブロックチェーンが教育ドキュメントの保存方法をどのように変えるか
• GitHubは、複数のIssueおよびPullリクエストテンプレートのサポートを発表します
• アドビは、AIをサポートするPhotoshopの新しいバージョンをリリースしました
• 2018年の主な技術動向
• Microsoftは、Windows 10が収集する情報をユーザーに表示します。
• Googleのベテラン開発者は、競合他社をエミュレートした会社を非難し、辞任を発表します
• ありがとう、Twitch：ビデオゲームをプレイして数十万ドルを稼ぐ方法
• 詐欺師は、暗号通貨マイニングのコードを使用してYouTubeに広告を掲載できました
• Facebookは、写真内のオブジェクトを認識するためのDetectronプラットフォームコードを公開しました
• Facebookが新しい時間単位-「クリック」を発明

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

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