【解決済み】Slick.jsを利用してスライダー表示をしている接客アクションで障害が発生しています

Incident Report for KARTE

Resolved

障害が解消したのでご報告します。

■ 発生期間
2025/02/25 11:05頃〜2025/02/27 13:12頃

■ 対象プロジェクト
- //cdn.jsdelivr.net/npm/slick-carousel@1.9.0/slick/slick.min.jsをスクリプト内で利用しているテンプレートから作成された接客アクションを公開しているプロジェクト

【Slick.jsを使っていることがわかっているテンプレート例】
- KARTEレコメンド(商品軸)
- KARTEレコメンド(ランキング)
- staff_start_埋め込み_sp
- staff_start_埋め込み_pc
- 求人おすすめ_slider

【Slick.jsを使っているシナリオストアのシナリオ例】
- カートの保持期間が過ぎてしまったユーザーにカート落ち商品を通知
https://support.karte.io/post/43RqZEqyLpvRtAdByvZag9
- ページ内に直近閲覧履歴を表示しサイトの利便性を向上
https://support.karte.io/post/1UvZdsIOiaXKMwsnvfrMVu


■ 発生した現象
- スライダー表示をしているアクションが発生しない


■ 原因
- 当該テンプレートでSlick.jsという外部ライブラリの非推奨バージョンが利用されていたため。

■ 実施した対応
- アクション編集画面の[カスタマイズ > Script]内の一部の記述を弊社にて置き換えました。
これにより通常通り接客が動作するようになります。
※2025/2/27に公開されたものについては、修正対象外となっています。以下修正対応をお願いします。

修正前:
'//cdn.jsdelivr.net/npm/slick-carousel@1.9.0/slick/slick.min.js'
修正後:
'//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js'

この度はご迷惑をおかけし、大変申し訳ございませんでした。
Posted Feb 28, 2025 - 12:20 JST

Monitoring

本障害の解決に向けた対応を実施しました。

■ 対象プロジェクト
- //cdn.jsdelivr.net/npm/slick-carousel@1.9.0/slick/slick.min.jsをスクリプト内で利用しているテンプレートから作成された接客アクションを公開しているプロジェクト

【Slick.jsを使っていることがわかっているテンプレート例】
- KARTEレコメンド(商品軸)
- KARTEレコメンド(ランキング)
- staff_start_埋め込み_sp
- staff_start_埋め込み_pc
- 求人おすすめ_slider

【Slick.jsを使っているシナリオストアのシナリオ例】
- カートの保持期間が過ぎてしまったユーザーにカート落ち商品を通知
https://support.karte.io/post/43RqZEqyLpvRtAdByvZag9
- ページ内に直近閲覧履歴を表示しサイトの利便性を向上
https://support.karte.io/post/1UvZdsIOiaXKMwsnvfrMVu


■ 発生した現象
- スライダー表示をしているアクションが発生しない

■ 原因
当該テンプレートでSlick.jsという外部ライブラリの非推奨バージョンが利用されていたため。

■ 実施した対応
アクション編集画面の[カスタマイズ > Script]内の一部の記述を弊社にて置き換えました。
これにより通常通り接客が動作するようになります。
※2025/2/27に公開されたものについては、修正対象外となっています。以下修正対応をお願いします。

修正前:
'//cdn.jsdelivr.net/npm/slick-carousel@1.9.0/slick/slick.min.js'
修正後:
'//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js'


現在、障害の解決を確認するために監視を続けています。
明日まで監視を行い続報を掲載します。
Posted Feb 27, 2025 - 13:17 JST

Update

対象のスクリプトを利用している例を記載いたします。

【Slick.jsを使っていることがわかっているテンプレート例】
- KARTEレコメンド(商品軸)
- KARTEレコメンド(ランキング)
- staff_start_埋め込み_sp
- staff_start_埋め込み_pc
- 求人おすすめ_slider

【Slick.jsを使っているシナリオストアのシナリオ例】
- カートの保持期間が過ぎてしまったユーザーにカート落ち商品を通知
https://support.karte.io/post/43RqZEqyLpvRtAdByvZag9
- ページ内に直近閲覧履歴を表示しサイトの利便性を向上
https://support.karte.io/post/1UvZdsIOiaXKMwsnvfrMVu
Posted Feb 26, 2025 - 21:58 JST

Investigating

Slick.jsを利用してスライダー表示をしている接客アクションで障害が発生しています
想定される主な影響は次の通りです。

■ 対象プロジェクト
- //cdn.jsdelivr.net/npm/slick-carousel@1.9.0/slick/slick.min.jsをスクリプト内で利用しているテンプレートから作成された接客アクションを公開しているプロジェクト

■ 発生している現象
- スライダー表示をしているアクションが意図通りの挙動を取らない

■ 原因
当該テンプレートでSlick.jsという外部ライブラリの非推奨バージョンが利用されていたため。
なお、本事象を解消させるために、影響を受けている接客に対する一斉対応を実施予定ですが
以下方法にて、お客様側でも個別対応が可能です。必要に応じてご参照ください。

アクション編集画面の[カスタマイズ > Script]から、次の箇所を修正する
修正前:
‘//cdn.jsdelivr.net/npm/slick-carousel@1.9.0/slick/slick.min.js’
修正後:
‘//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js’

現在、開発チームが本障害の解決に向けた対応を実施しています。
情報の更新があり次第、続報を掲載します。
Posted Feb 26, 2025 - 21:04 JST
This incident affected: 接客の配信.