Java Script / JQuery

Swiperの解説記事をver.11対応にアップデートしました&設置代行はじめました。

目次
記事内の外部リンクにはアフィリエイトリンクが含まれる場合があります。

1. 全記事をver.11に対応させました


長らく手つかずとなっていましたが、Swiperの解説記事すべてをver.11(2023年末時点最新版)の内容に対応させました。

基礎編
基礎編で一通りは作れます。
各種ナビゲーションカスタマイズ編
デザインにこだわりたくなったらこちらも参考に。
複数行カスタマイズ編・おまけで再作成について
実際ここまで必要になることはあまりないと思いますが、多段表示をSwiperの機能を超えてカスタマイズしたい時に。

2. 過去解説バージョンとの大きな違い


過去の解説(ver.4.3.3対応)と大きく変わっているのは次の5点です。

  • Swiper本体のクラス名が 'swiper-container' → 'swiper'に変更されている
  • Swiperを定義する型が var → const に統一されている
  • アニメーション効果に 'cards'、'creative'が追加
  • 多段表示時のパラメータの書き方が大幅変更
  • 連動型Swiperをcontrollerで繋がなくても良くなった
体感的にも、動作が早く軽くなっているように感じます。

3. 設置代行はじめました


このブログで最もコメントやご質問をいただくのがSwiper関連なんですが、個別に手取り足取り設置完了までつきっきりで教えるというのは時間がなさすぎて不可能です。

なので、どうしても設置できない方向けに、Swiperの設置代行をはじめました。 ココナラで承ります。

4. ついでにHNとアイコン変えました


これはただのついでなんですが、ハンドルネームとアイコンを変えました。
設置代行を承った場合、お仕事になりますので、ジェネレーターで作ったアイコンよりオリジナルの方が良いかなと思ったので…。



名前:ぱんこ


名前:あまみつ

よろしくお願いします。

あまみつ

おなごだよ
SE・プログラマーやってたよ
今は事務員のはずだけど開発もさせられるよ
Back to top button