前週のフロントエンドの世界からの新鮮な材料のダイジェストNo. 337（2018年10月29日-11月4日）

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

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

---

メディア

• ポッドキャスト「Web Standards」、問題番号145： Safariのダークモード、ChromeのWebAssembly、CSSの新機能、CSSプロパティのソート、フォールバックのある可変フォント、デザイナーが失敗する理由、フック、または新しい方法での反応。
• フロントエンドウィークエンドポッドキャスト＃77-ブラウザーで3Dの使用を開始する理由に関するアレクサンダーアモソフ
• ポッドキャスト「Frontend Youth（18+）」 ＃71直腸フックを介してElon Maskで作業するには
• Devshahta Podcast： ＃55：チームリーダーになる
• CSSSR Podcast News 512-Issue No. 27（ 29.10-04.11 ）
• Vadim Makeevのビデオブログ番号8。 ディーラー、マニュアルSVG、エキサイティングなアンダースコアは誰ですか
• LoftblogによるDevShow＃86： PostCSS、JavaScriptのジャンク、キャッシュ

ウェブ開発

• 5つの簡単なステップで独自の機能不全のSPAを作成する
• DOMへのタグ 。 HTMLタグがどのようにレンガに変換され、画面に表示されるものを形成するかについて
• 開発チームで標準を使用することの重要性
• iPad Proから本格的なWeb開発を行う方法

• 性能：
  • Carousell Webサイトのモバイルバージョンを3倍高速化する方法
  • ファーストクラスオブジェクトとしてのパフォーマンス-セクション1：連続測定と計測
  • 2019年はPage Speedとマークされた年です。 準備はいいですか
  • 3種類のパフォーマンステスト
  

• ツール：
  • Prettier、ESLint、Husky、Lint-Staged、およびEditorConfig：Tidyコードを記述するためのツール
  • DevToolsが私の人生を楽にしてくれた5つの方法
  • Webpackに代わるFuseBoxの紹介
  • Storybook 4.0のリリース、 React、React Native、Vue、Angular、Emberの開発およびテスト用の対話型UIコンポーネント
  

• アクセシビリティ：
  • サイトのランプ -DevFest MoscowのIvan Bakaidovによるレポート
  • 欲しいウェブアクセシビリティの紹介
  • デジタルアクセシビリティの5つの神話を破壊する
  

CSS

• 5分でCSSグリッドを学ぶ
• Webフォントフォールバックを使用した可変フォントの実装
• TPACのCSSワーキンググループ：CSSの新機能
• HEXおよびRGBからHSLへの切り替えについて
• モジュラーアーキテクチャ（OOCSS、BEM、SMACSS）を使用してCSSを整理する方法
• 本当にひどいCSSを書く方法
• グリッドエリアでのシンプルな命名
• グリッド内のプレビュー画像のアニメーション

Javascript

• JavaScriptのほくろの穴
• 高階関数を使用したNodeJSのリファクタリング
• ブラウザでJavaScriptが無効になっている場合、Googleはアカウントへのログインを禁止します
• GraphQL-悪い点と良い点
• JavaScriptの不気味な世界でのオリエンテーション
• JavaScriptの世界における自動テストツールの個人的なレビュー
• 最新のJavaScriptリファレンス

• 理論：
  • JavaScriptの高階関数
  • JavaScriptの一部の配列でマップ関数が機能しない理由とその処理
  • JavaScriptでのArray.map（）の4つの使用法
  • 非同期JavaScriptの進化：コールバックからPromiseおよびAsync / Awaitへ
  • JavaScriptデザインパターン
  • Javascriptでオブジェクトをコピーする
  

• VueJS：
  • Vuexの説明-Vueの状態コンテナー
  • Vue.jsと機械学習による音声制御されたWeb視覚化
  • Vueを使用してWordPressプラグインを作成する
  • 会社をVueに切り替えるための議論
  • GoとVueを使用したSPAの作成
  • Vue APIを呼び出すスマートな方法
  • フルスタックラジオ99.5：セバスチャンショパン-Nuxt.jsを使用したユニバーサルVue.jsアプリの構築
  

• 反応：
  • JestとEnzymeを使用してテストする方法と方法。 完全なReactコンポーネントのテスト手順
  • Reactアプリケーション開発へのSOLID原則の適用
  • React Hooksの理解 、Den Abramovによる記事
  • Reactフック：魔法ではなく、配列だけ
  • React Hooksについて知っておくべきこと
  • React Hooksコレクション
  • さまざまなReact Managementテクニック
  • React RouterとReact Componentsの愛と憎しみの関係
  • React App 2.0の作成：新機能
  • React 16.6の遅延読み込みコンポーネント
  • React開発者向けの簡潔なRedux（ヒント：複雑ではありません）
  

• 角度：
  • フルスタックアプリケーションを構築するためのAngular 6の学習
  • Angular 7.0の新機能とアップグレード方法
  • AngularでのGreenSockの使用パターン
  • AngularとLighthouseでシンプルなPWAを作成するためのレッスン-Hacker News clone
  

• ライブラリとプラグイン：
  • PWAインストールプロンプト
  • plotly.jsの概要-オープンソースのグラフィックライブラリ
  • simple-keyboard -ES6、React、Vue、AngularまたはjQueryのプロジェクトと互換性のあるJavascript用の仮想キーボード
  • ervy ：端末のグラフィックス
  

ブラウザ

• Firefox 63 、Marat Tanalinのテクニカルレビュー
• Firefox 65はWebP画像形式をサポートします
• 利用可能なコンパクトモバイルブラウザFirefox Lite 1.0.0
• FacebookおよびGoogleの新しい機械学習システム。 白黒写真を着色するためのコード
• Chrome 70でWebAssemblyスレッドを試用可能
• 敗北後の教訓：Firefoxから古いデバッガーを削除する

おもしろい

• 有名大学のIT学生向けの新鮮なコースの選択
• GoogleはreCAPTCHA v3を起動します。 これは、不正なトラフィックを自動的に認識します
• Facebookは、障害のある人がビデオを見やすくするAIを開発しています
• かどうか：ブルームバーグの中国のスパイチップ調査のレビュー
• ビットコインは10歳です。次に何を期待しますか
• 「未来のクラウド専門職」：IoTアーキテクトとAIプログラマーは何をするのか
• ABBYYの創設者David Yang-従業員の行動、AIの危険性、ロールモデルを分析するためのYvaサービスについて
• 技術開発のタイムライン：ヒューマノイドロボット
• 誰もがそれを必要とする：アップルの新しいデバイスに対する開発者とデザイナーの反応
A.

最後にいくつかの発表があります。フロントエンドダイジェストの次号は、Zfort Groupの企業ブログの最後になります。 1週間以内に、すべての記事はalexzfortアカウントから、 および 会社の公式Webサイトのブログから公開されます。 とりわけ、メーリングリストを購読する可能性があります。この種のコンテンツの使いやすさを改善するために、拡張バージョン、新しいフォーマット、パーソナライズ、およびその他の特典が計画に含まれています。

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