フロントエンドの処理が遅いことでリファクタリングが必要になりました。解決方針まずチームで考えた結果、フロント側に描画する前にajax通信を使ってDBから取得したデータを処理するロジックに問題があるのではないか、というものでした。自分的に描画部分に問題があるんじゃないかと思い、ロジックを修正する前に描画部分の処理に着目しました。js、jQuery構文で処理を高速化する書き方があるんじゃないかと考えたからです。input').each(function(){...}...}修正内容は、2点。1点目、for内にlengthを使わないように修正。これについて、forが回るたびにlengthの処理が行われるので、そりゃ遅くなりますよね。実は、phpでも同じ事が言えて、forの中でcount()を使うと処理が遅くなるんですよね。「セレクタをシンプルに!極力、findは使わない!」てな感じで修正。ここでもう一度コードを見直してください。一度ソースコードを見直してみると高速化できる箇所があるかもしれません。自分は前職ゲーム会社で働いていました。「ユーザーが待てるのは2秒、3秒以上待たせたらユーザーは離れていく」と教えられてました。「jQueryも構文によって、処理高速化できるっしょ!」的な感覚で調べてみました。さいごにこの修正でロジック的に速度を速くすることを考える前にコーディングルールで処理速度を考えておくことも大事ってことを再認識しました。WordPressが大好きな方、仕事を通してさらにスキルを磨きたい方を募集しています。募集職種をご覧の上、お気軽にお問い合わせください。あなたとお会いできるのを楽しみにしています。印刷する紙のデザインと異なり、Webデザインは環境によって見た目が変わります。どの環境でも同じレイアウトで見せるには画像として書き出せば確実なのですが、テキストの部分はそうもいきません。...この記事をシェアする:(function($){})(jQuery);JavaScriptの変数のスコープは慣れないとちょっとわかりにくいです。クロージャも無名関数もわかりにくいんじゃないでしょうか。...この記事をシェアする:gulpで複数のファイルコピーを同期的に行うjavascriptのアプリをデプロイするときにgulpとwebpackを使っていますが、実は、gulpって同期したい処理が結構多いです。ご紹介しようと思います。新しいエディタのプラグインです。5.0から標準搭載予定です。かけ算から生まれる可能性へ。