Get affordable and hassle-free WordPress hosting plans with Cloudways — start your free trial today. A bunch of new developer tools have landed in the past year and they are biting at the heels of the tools that have dominated front-end development over the last few years, including webpack, Babel, Rollup, Parcel, create-react-app. These new tools aren’t designed to perform the exact same function
こんにちは。現役フロントエンドエンジニアのd3nskです。 今回は有名なjQueryプラグインのslickスライダーについての記事です。 カルーセルスライダー系のプラグインでSwiperと並んでよく使われるslickですが、慣れていないとうまく起動しないことがあります。 今回はslickを実装する際に初心者の方がやりがちなミスと解決方法をまとめてみました。 slickの実装方法を知りたい方はこちらの記事をご覧ください。 まずデベロッパーツールを起動して、原因究明の準備 原因究明のために、ブラウザ「Google Chrome」のデベロッパーツールを使っていきます。 デベロッパーツールを使うと、HTMLやJavaScriptで起きているエラーやその他情報が一目で分かるので、サイトの検証には必須のツールです。F12キーを押してデベロッパーツールを起動し、コンソールを見ながら原因を探っていきましょ
Web Worker (Dedicated Worker) によるマルチスレッド処理 - 30歳からのプログラミング
JavaScript は基本的にシングルスレッドであり、並列処理を行うことはできない。 そのため何か重たい処理があると、それによってメインスレッドが専有されてしまい、後続の処理が遅延してしまう。 その結果、ウェブアプリの速度や操作性に悪影響を与えてしまう可能性がある。 Web Worker を使うとマルチスレッドによる処理が可能になり、重たい処理をメインスレッドではなく他のスレッドに処理させることができる。 この記事では、Web Worker の基本的な使い方を見ていく。 動作確認は以下の環境で行った。 Deno 1.9.0 Google Chrome 90.0.4430.72 ワーカースレッドの作成 Web Worker には専用ワーカー（Dedicated Worker）と共有ワーカー（Shared Worker）がある。 この記事では Shared Worker については扱わず、D
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Comparing the New Generation of Build Tools | CSS-Tricks
【jQuery】slickスライダーが動かないときの原因と解決方法