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

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

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

---

メディア

• フロントエンドウィークエンドポッドキャスト＃79-CodeDojoの設立と、それがどのように仕事の主な場所になったかについてのOleg Polyakov
• Web Standards Podcast、問題番号147： Chrome Dev Summit、Personal Data API、HTTP / 3 for UDP、Webコンポーネント
• React Five Minuteポッドキャスト＃49-bem-react-core
• Devshahtaポッドキャスト： 57：WrikeがDartを使用する方法
• ポッドキャストフロントエンドユース（18 + ） ＃73エディオスマニの3つのクラスト
• CSSSRポッドキャスト： ニュース 512- 第29号（ 12.11-18.11 ）
• Vadim Makeevビデオブログ9.メニュー、グリッド、またはブートストラップ用のメニュー、利便性
• KharkivJS＃9 2018、32ビデオ
• FrontTalks 2018、16ビデオ
• Chrome Dev Summit 2018-すべてのセッション

ウェブ開発

• さようなら、エレクトロン。 こんにちはデスクトップPWA
• HTTP over QUICはHTTP / 3として標準化されます
• JavaScriptの14行のみを使用してWebAssemblyを開始する
• Web.dev by Google-最新のWeb開発手法に関する詳細な構造化情報を含む新しいリソース
• Webコンポーネントの力
• 静的サイトが支配する5つの理由
• Chrome Dev Summit 2018のハイライト
• 仮想DOMが遅い。 メモ化されたDOMに会う

• 性能：
  • GoogleはPageSpeed Insightsを再設計しました
  • GoogleはSquoosh画像最適化アプリケーションをリリースしました
  • ブラウザー、JS、およびその最適化に関するAddy Osmani
  • 測定、最適化、監視 。 生産性にエネルギーを投資する方法についてのAddy Osmani
  • 最近アムステルダムで開催されたperformance.now（）カンファレンスのレポートのレビュー
  • インラインまたはキャッシュ？ 両方のオプションをお願いします！
  • Mapbox Studioのパフォーマンスに関する作業の回顧録 （Reactの大規模アプリケーション-Mapbox GLを使用したWebGLキャンバスでのレンダリングを伴うRedux）
  

• ツール：
  • 配布と征服：ニュースレターを作成およびテストするためのツール
  • iPad Proでのフロントエンド開発（2018）
  

• アクセシビリティ：
  • 支援技術の見出しレベルの重要性
  • 「0」より高い「tabindex」値を使用するのが悪い理由
  • キーボード固有のフォーカススタイル
  

• アニメーション：
  • ページフリップレイアウト
  • お化け屋敷の懐中電灯効果
  • 開発者ページの創造的なコンセプト（デジタルデザイン）
  

CSS

• フレックスボックスの使用例
• CSSの「C」：カスケード
• CSSファイルを容易にするために未使用のCSSを取り除く方法
• currentColorとカスタムプロパティの違い
• ピクセルへの中括弧 。 CSSコードが画面上のピクセルにどのように変わるかについての詳細な記事
• JavaScriptおよびCSSでのスムーズなテキストスケーリング
• ハードコアCSS計算（）
• basecamp.comチームが本番環境でCSSグリッドを使用する方法に関する短いビデオ

Javascript

• GoogleはJavaScriptフレームワークの改善に資金を提供します
• TensorFlow.jsでMortal Kombatをプレイ：トレーニングと補足データを転送します
• 「TypeScript決定版ガイド」 -Typescriptに関する無料のオンラインブック
• JavaScriptエラー処理：完全なガイド
• 約束の鎖は死んでいます。 長時間のライブ非同期/待機
• 独自のインタラクティブJavaScriptサンドボックスの作成
• Facebook APIがforループで始まる理由
• TypeScriptを2年間使用した後、価値はありましたか？

• NodeJS：
  • Node.jsのスリープ、usleep、msleep 。 ストリームを遅くして一時停止する方法
  • フレームワークと外部ライブラリなしでNodeJSを使用する方法
  • Node.jsのオフラインドキュメント（PDF）
  

• 理論：
  • JavaScriptの実行コンテキストと呼び出しスタック
  • 知らなかったJavaScript機能
  • JavaScriptガイド： パート1：最初のプログラム、言語機能、標準 、 パート2：コードスタイルとプログラム構造 、 パート3：変数、データ型、式、オブジェクト
  • 楽しいJavaScript：中括弧なし
  • 実行コンテキストとコールスタック-カットケーキの視覚的な図
  

• 反応：
  • React Hooksの概要
  • React Hooksを使用する理由と、どのようにしてこれに到達したのですか？
  • React.jsで知っておく必要がある概念（基本を学んだ後）
  • Reactでのレンダリングの小道具の概要
  • React Hooksを使用したReact To-Doアプリの作成（クラスコンポーネントなし）
  • 遅延コンポーネントの読み込みにReact.lazyとSuspenseを使用する方法
  • フックにフック：ReactのuseReducer（）の使用方法
  • フックを使用してReactをリアクティブにする
  

• VueJS：
  • 実行時に環境変数Nuxt.jsのインストールを構成する方法、またはすべての人が気に入らず後悔しないことをすべて行う方法
  • Evan YouによるVue.js 3.0のプレビュー
  • 初めてのVue.js PWAプロジェクトを作成する
  • RedueおよびRedux-ObservableをVueで使用する方法（v3.0ジャーナル）
  • HoodieとWorkboxを使用したオフライン優先Vueアプリ
  • Vue.jsトランジションとアニメーションを使用して改善されたUXを設計する
  • Vuexの視覚的説明
  

• 角度：
  • Angularでのイベント処理の最適化
  • Angular-2015-2018年のAngularConnectを使用したすべてのレポート
  • 数分でAngularアプリとAngular CLIを始めましょう
  

• ライブラリとプラグイン：
  • TensorSpace.js-ニューラルネットワークの3D視覚化のためのフレームワーク、ブラウザでのインタラクティブで直感的なモデルの構築、TensorFlow、Keras、TensorFlow.jsからの事前学習済みの深層学習モデルのサポート
  • TNGフック -Reactにヒントを得たuseState（..）フックをスタンドアロン機能に提供します
  • router：React、Angular、Vueフレームワークなしで単一のタスクを解決するためのシンプルなJSルーター
  

ブラウザ

• Firefoxは、ハッキングされたサイトへのアクセスと価格の変更を通知し始めます
• FirefoxナイトリービルドにWaylandサポートが追加されました
• Mozillaは、Firefoxの2つの新機能、Price WiseとEmailタブをテストしています
• Chromeは、本格的なカスタムアプリケーションを作成するためのAPIを開発しています

おもしろい

• CPUの投機的実行メカニズムに対する7つの新しい攻撃
• 反対者間の分裂：資本化の観点で4番目に大きなBitcoin Cash暗号通貨に起こったこと
• 内観：Facebookの食文化について
• Googleは、最上位ドメイン.devをすべての人に公開します
• マイクロソフトは、TencentやIntelよりもきゅうりをよく育てています。 ビル・ゲイツによって設立された会社は、ついにその召しを見つけたようです
• Octoverse統計：2018年のトッププログラミング言語
A.

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

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