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

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

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

---

メディア

• フロントエンドウィークエンドポッドキャスト＃44-SDCastとRadioJSの作成、およびポッドキャストをゼロから開始する方法に関するKonstantin Burkalev
• ポッドキャスト「Web標準」、問題番号112： 新しいFirefox 59、JSのSEO、SPAなしのWebpack、CSSのHoudini、DOMソート、多すぎるフォント。
• React Five Minute Podcast ＃42-Jake Archibald：In the Loop（JSConf.Asia 2018）
• Devschachtポッドキャスト： ナイトフロントエンド＃ 26- 静的入力の議論
• ポッドキャスト「Frontend Youth（18 + ）」 LechがuWebDesignを訪問
• SPB FrontendのDrinkcastポッドキャスト「Sad」バーンアウトアットワーク
• 「すべてのHTML」＃40： 「murmure.me Webサイトからの逆コンパイルされたアニメーション」

ウェブ開発

• Webpack 4のシンプルな静的サイト
• CloudFlareは、JavaScriptでのWebアプリケーションのクラウドベースの管理のためのワーカーの安定したリリースを発表します
• 5分でブートストラップ4を学ぶ
• 2018年のスタックオーバーフロー調査：AI、倫理、性的指向

• 性能：
  • 4つの役立つ画像最適化のヒント
  • パフォーマンスが重要な理由。 Google Developers BlogのJeremy Wagner Note
  • GTmetrixを使用してカスタム接続速度をテストする方法
  • 10倍のパフォーマンス改善：静的サイト最適化
  • 加速されたモバイルページ：コンバージョン率の増加
  • AMP、アプリケーション、およびWebでのBBCインタラクティブコンテンツの仕組み
  

• ツール：
  • webpack 2-3を使用したJavaScriptコードビルドの高速化
  • Webpackを設定したことがある場合、Parcelはあなたを吹き飛ばします！
  • webpack 4でCtrl + Rを押さずに継続的に開発
  • emma-cli-ノードパッケージを検索およびインストールするための補助端末。
  

• アクセシビリティ：
  • サイトをよりアクセスしやすくする方法
  • 単一ページのアプリは利用できません
  • 詳細なWebアクセシビリティプラン
  • アクセシビリティに関する有用なリソース
  • ラベルが必要です。 ラベル付けが非常に重要である理由に関するフィラメントグループの包括的な記事
  

• アニメーション：
  • CSS / SVG / JS＃73の毎週の美しい効果の選択
  • グリッチ効果スライドショー
  • リンクアニメーションの異常な概念
  

CSS

• フォント（さらに）素晴らしい-画期的な発明
• ステレオタイプのないアニメーション
• React時代のCSS：一貫性のためにカスケードをトレードした方法
• 本番環境でのCSSグリッドアプリケーションのレイアウト
• Microsoft Developer BlogがMicrosoft Edgeの救急車フォントのサポートを発表
• 可変フォントを見つけてテストするためのリソース
• グローバルおよびローカル変数のテーマ
• カスタムプロパティを持つバニラCSSの魔法

Javascript

• JavaScriptサイトのSEOガイド： パート1. Googleから見たインターネット 、 パート2.問題、実験、推奨事項
• サービスワーカーの落とし穴
• 純粋なJavaScriptでドラッグアンドドロップファイルダウンローダーを作成する方法
• Angularで3年後悔なし：フレームワークの機能の概要
• 2018年時点での主要なJavaScriptフロントエンドフレームワークの比較
• JavaScriptと TypeScriptと ReasonML
• SmooshGate：JavaScriptの進行と安定性の継続的な戦い
• JavaScript / node.jsで生産的なコードを記述してアプリケーションを高速化するための17のヒント
• ニューラルネットワークを実際に理解していない場合でも、JavaScriptでニューラルネットワークを作成できます。
• ECMAScript 2015（ES6）の便利なヒントとコツ
• MobX 4：より良く、よりシンプルに、より速く、より少なく

• 理論：
  • JSの仕組み：MutationObserverを使用したDOMの変更の追跡
  • 文字列内のすべての同一の部分文字列をJavaScriptで置き換える方法
  • JSでの型キャスト 。 魔法か簡単なルールか？
  • 最新のJavaScriptのエレガントなパターン：Ice Factory
  

• VueJS：
  • Vue.jsライフサイクルフック
  • Vue.js CLIでできる4つのクールなこと
  • VueでJSXを使用し、気にする必要がある理由
  • ボイラー -VueとSassを使用したJavaScriptフレームワーク
  • vue-promise-btn-組み込みスピナーで非同期アクションを実行するときにボタンをロックするための最小限の強力なプラグイン
  

• 反応：
  • Reactチュートリアル：2018年にReact.jsを学習するための詳細ガイド
  • 再選択-Reduxのセレクターライブラリ
  • React and React Routerを使用したサーバーレンダリング
  • GraphQLがReduxを置き換える方法
  • Reactをしない方法：Reactで人気のあるアンチパターンと発見
  • React Authenticationの詳細
  • React開発者がアプリケーションを調整する必要があるのはなぜですか？
  

• ライブラリとプラグイン：
  • Rough.js-キャンバスでスケッチ効果のあるグラフィックを作成する
  • driver.js-ページと対話するときにユーザーの注意を引くための依存関係のない軽量エンジン
  • filepond-さまざまな種類のファイルをアップロードするための高度なライブラリ
  

ブラウザ

• Firefox 59リリース 、 Marat Tanalinのブログの開発者詳細
• Google Chromeはパスワードをエクスポートします
• Firefoxはポップアップページ要素の処理を開始します
• Yandexは組み込みのAliceを備えたYandex.Browserをリリースしました

おもしろい

• ダーウィンの観点から次の大きなプログラミング言語が登場したとき
• 50歳以上の場合、ITで働くことはどのように感じますか
• Googleは暗号通貨とICO広告のブロックを開始します
• 隠れた鉱夫は、GitHubのさまざまなプロジェクトの分岐を通じて配布します
• ハッキングの練習のための23のサイト
• ユーザーレビューを読むことが役立つ理由
• なぜGoogleで昇進するのが難しいのか、時には辞めやすい
• Googleは、ゲーム開発者向けにGoogle Maps APIを公開しました
• 米国の大企業は、独自のデータセンターを必要とせず、Microsoft、Google、およびAmazonに販売します。
• 音声アシスタント「アリス」は、Windowsでコンピューターを制御することを学びました
A.

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

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