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

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

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

---

メディア

• フロントエンドウィークエンドポッドキャスト＃23-Webスタジオとフロントエンド開発ガイドを開くことについてのVyacheslav Slinko
• ポッドキャスト「Web Standards」、Issue 90： 静かなブラウザー、Githubの数字、写真の読み込み、（必要でない）本、CSS戦争、Slackの再設計、特別な問題。
• ポッドキャスト「devschacht」： Night Frontend＃7-REST vs GraphQL
• ポッドキャストフロントエンドユース（18歳以上）： ＃22詐欺師にとってポジティブなボディ
• ポッドキャスト「Drinkcast」、 第12号：「アンドレイ・シトニクによる銀河へのヒッチハイクガイド」
• 「すべてのHTML」＃18： 「intersectionObserverとSVGマスクアニメーション」
• Front-Trends 2017の25本のビデオ
• NEJS CONF 2017からの9ビデオ

ウェブ開発

• 進行性の劣化 。 進歩的改善の原則を理解する方法は？
• HTML-CSSレイアウトのエラーと問題のある問題 。 パート2：マークアップ
• HTML5 Boilerplate 6.0リリース
• CodePenを使用すると、フロントエンド開発プロセスを改善できます。
• Web Audio APIを使用した画像のフィルタリング 。 オーディオおよびビデオコンテンツの配列を使用した実験

• AMP / PWA：
  • GoogleはAMP形式のよりシンプルな名前を思いついた
  • 新しいAMP開始テンプレートを使用したampページでのクイックスタート作業
  • プログレッシブWebアプリケーション（PWA）についての6つの神話
  

• ツール：
  • WordPress開発者は、ビルドプロセスのためにBrowserifyをWebpackに変更しました。
  • Treoはサイト監査用の新しいツールであり、Lighthouse in the cloud、API、GithubとSlackの統合、および多数の設定を備えています。
  • DevToolsの新機能（Chrome 63）
  

• アクセシビリティ：
  • 使いやすさとアクセシビリティ。 Jacob NielsenのWCAG 2.1および10のユーザビリティヒューリスティックの新機能
  • Webアクセシビリティを改善するための実用ガイド
  

• アニメーション：
  • CSS / SVG / JS＃57の美しいエフェクトの毎週の選択
  • よりスマートなアニメーションコードの記述 ：GSAPおよびGSDevTools
  • 流体歪みスライダー（WebGL + PixiJSおよびGSAP）
  

CSS

• Slack.com更新 ：パフォーマンスと可用性のために最適化されたCSSグリッドの再設計
• FOIT vs FOUT、ザック・レザーマンのオンライン比較
• Sassで警告とエラーを効果的に使用する方法
• Bootstrap 4：Reboot.cssからの新しいリセットの概要
• Sassで美しいコードを書く方法
• 適用できるCSS効果
• CSSで最も厄介な5つのこと 。 CSSはクールですね。
• メールの@supportsトラップ

• 実験
  • Ana TudorのCSS変数を使用したパステルの触手
  • 純粋なCSSで4を接続する
  • スライダーHTMLとCSSのみを作成することはできます
  • CSSでの画像のギャラリーの作成（フォールバックあり）
  

Javascript

• 理論：
  • JavaScript開発でTypeScriptを活用する
  • 厳格なJavaScript：なぜ誰がそれを必要とするか
  • 非同期プログラミングについて
  • JavaScriptは、フォローアップするまで改善しました 。 最近の機能の小さな回顧と概要
  

• 練習：
  • 課題：変数なしでJavaScriptプログラムを書く
  • WordPressでのSPAのService Workerの実装
  • 条件付きブレークポイントを使用したコードデバッグの改善
  • jQueryを使用する（使用しない）方法
  

• ES2015 +：
  • JavaScript ES8および非同期/待機への移行
  • ES6の一般的に使用される機能の紹介。 パート1
  • 非同期スタックトレース：awaitが勝つ理由.then（）
  • 「Exploring ES2016 and ES2017」博士のオンラインブック アクセル・ラウシュマイヤー
  • 初心者向けES6：約束
  • JavaScript Promiseを使用したメモリリーク
  • JavaScriptの最新バージョンには、2つの新しい機能しかありません。 そして、ここに彼らがどのように働くかです
  • ES6矢印関数を使用してJavaScriptコードを読みやすくする方法
  • JSの仕組み：イベントループと非同期プログラミングSunrise + async / awaitでコードを改善する5つの方法
  

• VueJS：
  • Vue 2.5リリース
  • AngularJSからVueJSに移行した理由と方法
  • VueJSでのWeb開発はとても面白い
  • Vue.jsガイド：jQueryからVue.jsへ
  • Vueのオフラインの最初の石積みグリッド
  

• 反応：
  • React、組み込みの機能とパフォーマンス
  • Webpack、Babel、Reactをゼロからセットアップする
  • 知っておくべきReactテンプレート
  • Ring UI-JetBrainsからのReactのWeb UIコンポーネント
  • Reduxの基本
  • React-Sight - Reactの視覚化ツールで、ファイバー、ルーター（v4）、およびReduxをサポート
  

• 角度：
  • すべてのAngular CLIコマンドとその目的
  • Angularの使用開始
  • Angular v5の新しいupdateOnオプションでパフォーマンスを改善する
  

• ライブラリとプラグイン：
  • 中国で作成された興味深いJavaScriptライブラリ
  • Taucharts One-高性能タイムライングラフィックス
  • ProseMirror 1.0 -WYSIWYGエディターを作成するためのエンジン
  • smooth-scrollbar-カスタマイズ可能、拡張可能、およびパフォーマンスのスクロールバー
  

おもしろい

• GitLabはシリーズCに2,000万ドルの投資を受け、Matt Mullenwegは取締役会に参加しました
• Yandexがアリスを作成した方法
• マイクロソフトは、Windows 10 Mobileの遅い死を認識しました
• VKontakteは11歳です。 ソーシャルネットワークの変化を思い出してください
• Facebookがあなたを盗聴して、後で広告を掲載します。 惑星の最大のソーシャルネットワークに関する神話と伝説
• テセウス船グーテンベルク
• マイクロソフトは、Minecraftを使用してプログラミングを子供とティーンエイジャーに教えます
• Googleのチーフクラウドスペシャリスト：「自動車にはコンテキストの理解が必要です」
• Satya Nadellaが新しいMicrosoftを作成した方法
• Facebookでのインターンシップに関するインタビュー：内部プロセス、トレーニングのヒント
A.

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

← 先週のダイジェスト
ダースモールとアレクスコロビンが作成した資料