前週のフロントエンドの世界からの新鮮な材料のダイジェストNo.347（2019年1月7日から13日）

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

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

---

メディア

• ポッドキャスト「Web標準」、 問題番号156：Spotifyのポッドキャスト、サンクトペテルブルクのGraphQL、Githubの変更、ブラウザーサポート、CSS-vs-JS。
• Frontend Weekend Podcast ＃86-アレクサンダー・コロタエフ、JavaScriptゲームを作成して海外で演奏する方法と理由について
• CSSSRポッドキャストニュース 512- 第33号
• Devshahta Podcast： ＃65：フロントテンダーが大学で学ぶべき理由
• 「Devshahtyポッドキャスト」： ＃64：Node.jsのECMAScriptモジュール-新しいプラン
• ポッドキャスト「Frontend Youth（18 + ）」 ＃79 Monoparasitoriums and Polymers
• すべてのHTML＃s2e4： クロールストリップ

ウェブ開発

• 新しい年、新しいGitHub：無制限の無料プライベートリポジトリ
• GraphQLの何が問題で 、どのように対処するか
• GraphQLの概念の視覚化
• Chrome DevTools：2018年以降のDevToolsで最も人気のある5つのヒント

• 性能：
  • Vitaliy Friedmanによるフロントエンド2019パフォーマンスチェックリスト[PDF、Apple Pages、MS Word]
  • ウェブパフォーマンス倫理
  

• アクセシビリティ：
  • SVGを利用可能にする
  • 在庫状況
  

• アニメーション：
  • アニメーションワークレットの使用
  • メッシュラインアニメーション
  

CSS

• カスタムCSSプロパティの落とし穴
• CSSは吸わない
• CSSの新しい地平線：HoudiniとPaint API
• トレンチサステクニック
• Webコンポーネントのスタイリング
• ブラウザでのCSS特異性の仕組み
• CSSサブグリッドが必要な理由
• CSSマルチカラムレイアウトを使用するタイミングと方法
• CSS Masonry Layoutアプローチの組み合わせ
• CSS抑制の概要

Javascript

• JavaScript：2019年に学ぶべき主要なテーマとフレームワーク
• 2018 JavaScript Rising Stars調査結果
• JavaScript 2019のコンピューターサイエンス：リンクリスト
• 保護されたJavaScript。 すべきでないことをしないコードの書き方
• JavaScriptを使用する際に必要なヒントとコツ（質問と回答）
• 2019年のクールなJavaScript開発者のための9つのトリック
• JavaScriptの「this」キーワードを削除すると、より優れた言語になります。 Bだから
• 私はループが嫌いです

• 練習：
  • 金曜日JS：三目並べをする馬
  • 独自のカスタムマウスUIクラスをバニラJavaScriptで記述する方法
  • 競争力のあるJavaScriptプログラミングを開始する方法
  • 色空間をJavaScriptに変換する
  • JavaScript PDFビューアを作成する方法
  

• ES2015 +：
  • すべてのJavaScript開発者が知っておくべき新しいES2018機能
  • 実世界の例を使って非同期/待機をマスターする方法
  • async / awaitで非同期JSコードを改善する
  

• ノード：
  • いいえ、Node.jsのREST APIでExpressは必要ありません
  • Matterhornのお知らせ-Node.js APIサーバーボイラープレート
  • Node.jsを使用したWebサーバー開発の初心者向けガイド
  • NodeJSと標準ライブラリを使用してFacebook Messengerで10分で個人用ボットを作成する
  

• 反応：
  • Reactテンプレートをゼロから作成するためのガイド
  • WindowsでWeb開発をゼロからCreate-React-Appに始める方法
  • ReactでのWebアクセシビリティの開始
  • 詳細なReactボイラープレートガイド-ゼロからヒーローまで
  • Reactリファレンス
  • React Hooksを使用して〜100行のコードでフォームを検証するための非同期ライブラリを作成した方法
  • ReactでInstagramにヒントを得たスナップ画像Swiperの作成
  • React Kawaii-かわいいReact SVGコンポーネント
  

• VueJS：
  • 2019年のVue.js、TypeScript、TSX
  • 8 2019年のVue.js UIコンポーネント
  • Vueマスターからの10のVue学習のヒント
  • Vueの30日 。 30個の小さなパーツで構成されるVueの紹介。 Fullstack Vueが作成
  

• 角度：
  • Service Workerのカスタムロジックを使用して、Angular NGSWをポンピングします
  • Angularを学びたいですか？
  • Ng-BootstrapをサポートするAngular Material Starter
  • Angular 7で新しくて面白いものをすべて備えたアプリを構築する
  • Angular 8に向けて：Angular 7.2をリリース
  • Angular 7のアニメーション
  

• ライブラリとプラグイン：
  • WebアニメーションAnime.jsを作成するためのライブラリがバージョンv3.0.0に更新されました。 CSS、SVGプロパティ、DOM属性、およびJavaScriptオブジェクトで動作します。
  • karin：ブラウザとnode.jsの約束に基づいたエレガントなHTTPクライアント
  • WebGLアシスタント
  

ブラウザ

• 組み込みのChrome広告ブロッカーは、この夏すべての国で機能します
• Mozillaは新しいモバイルブラウザFenixを開発しています
• Flexbox Inspector開発

おもしろい

• 2018年のITセキュリティの分野で起こったこと-リーク、攻撃、マイニング、ミームハッキング
• NVIDIA CEOがムーアの法則は死んだと言っている
• 拡張現実のタイポグラフィ：さまざまな視野角でフォントを読みやすくします
• プログラマーが2018年に見逃してはならないこと-専門家の意見
• Pythonが1月のTIOBEランキングで2018年の言語を命名
A.

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

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