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

フロントエンドエリアの有用なリソースと興味深い資料へのリンクを含むセレクションをご紹介します。 ところで、先週ダイジェストは5歳になりました。 読んでくれてありがとう。

ウェブ開発

CSS

Javascript

ブラウザ

おもしろい

ウェブ開発

• Brendan IkeとWebAssemblyのテーマを明らかにします
• Web UIコンポーネント
• Podcast Web Standards、Issue No. 64 ：イベント、Edge 15、アクセス可能なTo Doリスト、およびVadim Makishviliとのチャット。
• devSchachtポッドキャストのパイロットリリース 。 著者は感謝し、草の根で、翻訳について話します。
• コードデバッグのヒントとコツ
• Shadow DOM！=仮想DOM
• パフォーマンス予算とは何ですか、なぜそれを使用する必要があるか
• スムーズなスクロールとアクセシビリティ
• 15分でWebpackを探索
• リソースPWAStats.com の発表 。これは、PWAをフルに使用しているサイトの選択を提示します。
• 小売業者向けのAMP：価値はありますか？
• 詳細なHTTP / 2サーバープッシュガイド
• npmとフロントエンド
• ビルディングブロック 。 Foundation UIコンポーネントライブラリ。これは、任意のFoundationプロジェクトに埋め込むことができるHTML、CSS、およびJSスニペットです。
• ユーザーがService Workerとバックグラウンド同期を使用してオンラインに戻ったときにメッセージを送信する
• だから私は常に聞いているGraphQLとは何ですか？
• boilrplate-ブランク（ボイラープレート）のキュレーションカタログで、開始に役立ちます
• 氷山 -React、Babel、Webpack、Sassを含む空白
• グリッドをロードするためのクリエイティブなアニメーション効果
• WebVR実験

CSS

• CSSポリフィルを使用する暗黒面
• PostCSS Hamster Frameworkは、レイアウトするときにあなたの生活を楽にするツールです。 タイポグラフィ。 垂直リズム
• CSSグリッドレイアウトアルゴリズムのステップバイステップガイド
• 最初にモバイル：忘れて得点？！
• 高度な垂直マージン
• Atomic CSSとは何かを定義しましょう。
• Griddyは、CSSグリッドを実際に練習できる視覚的なオンラインツールです。
• Sassでの持続可能なアーキテクチャの構築：パート1
• タッチアクションプロパティの詳細
• CSS組積レイアウトの演習
• CSSを使用したブラウザーのスクロールバーのカスタマイズ
• CSSプリプロセッサから定型化されたコンポーネント（React）まで

Javascript

• SPAミートアップレポートと資料2017年4月8日
• 非同期関数101
• JavaScript：デザインパターン
• Post JavaScript Apocalypse -ConFoo Developer Conferenceでのダグラス・クロックフォードの講演
• コードを強化する9つの方法
• ES6モジュールのサポートがブラウザーに導入されました。バンドルを再考するときですか？
• 理論：
  
  
  • JavaScriptで静的型を使用する理由 （利点と欠点）
  • 実生活でオブザーバブルを使用する
  • 関数型JavaScript：オブジェクトからメソッドを分離する
  • JavaScriptで未定義を処理するための7つのヒント
  
  
• 練習：
  
  
  • Beau Carnes（freeCodeCamp）：私の巨大なJavaScriptの基本コースはYouTubeで利用できます。 そして、それは100％無料です
  • Velocity.jsでサイトをインタラクティブで楽しいものにする（jQueryなし）
  • JavaScriptのテスト駆動開発例の探索
  • ThsJSQuiz-インタラクティブなクイズでJavaScriptレベルをテストする
  
  
• 反応：
  
  
  • バックエンド開発者向けのReactとReduxの概要
  • Reactアプリの作成を使用するN個の理由
  • Modular React + Reduxアプリケーションアーキテクチャ
  • React Five Minute Podcast＃11 -this.stateまたはthis.effectiveValue？
  • CodeSandbox -Reactのオンラインサンドボックス
  • React Conf 2017のすべてのビデオが利用可能になりました
  • 無限のリストと反応
  • Twitter LiteおよびReactの高性能プログレッシブWebアプリケーション 、大規模プロジェクトの実装の詳細
  • React Adventurer Guide（パートI）
  
  
• Vue：
  
  
  • jQueryしか知らない人のためのVue.jsの紹介
  • buefy -BulmaベースのVue.js用の軽量UIコンポーネント
  • vms-Vue.js 2.0 CMS
  • Vueの状態管理
  • Vuexを使用したVue.js 2でのアプリケーション状態の管理-はじめに
  • AngularからVueへの移行、およびReactを選択しなかった理由（+ ES6およびWebpack）
  
  
• 角度：
  
  
  • デザイナーは、Angular、React、またはVueのJavaScriptを学習しますか？
  • Angular v5に何を期待しますか？
  
  
• ライブラリとプラグイン：
  
  
  • tung -javascript htmlレンダリングライブラリ
  • backslide -Remark.jsおよびMarkdownを使用してHTMLプレゼンテーションを作成するためのCLIユーティリティ
  • Awaiting-ブラウザとNode.jsでasync / awaitを使用するためのユーティリティ
  • UPNG.js-高速で高度なPNGデコーダー

ブラウザ

• 新しいFirefox 57インターフェースの追加レイアウト
• Firefox 55では、PCの現在のRAM容量に合わせてカスタマイズできます
• Firefoxはパフォーマンスチューニングセクションを追加する予定です
• MozillaがFirefoxのマイルストーンを削減
• DevToolsの新機能（Chrome 59）
• Chromeはオフスクリーンモードを表示します
• GoogleはOctaneを廃止し、ブラウザの実際のパフォーマンスを反映していないと宣言しました
• Edge Rides：Microsoftは、人気のあるブラウザーのエネルギー効率テストを繰り返します
• Windows 10 Creators Updateの更新後のMicrosoft Edgeの新機能

おもしろい

• 75歳のプログラマーがCOBOLコンピューターシステムのメンテナンス会社を設立
• Google AutoDrawは、ユーザーが描くものを推測するAIおよび機械学習のグラフィックエディターです。
• Googleフォトにはビデオ安定化機能があります
• 「AI開発の段階は現在2歳の子供のレベルです 。 」 Yandex Grigory Bakunovのテクノロジーディストリビューションディレクターの講義の概要。
• サイトの速度は重要ですか、またはGoogle PageSpeed Insightsの「メリット」について
• 悪魔のように賢い：UberはLyftのドライバーを2年間フォローしました
• 人工知能に関する5つの神話

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

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