## ライブラリ紹介今回紹介するライブラリは下記の2つです。・Swiper.js ・Splide.js ## Swiper 公式サイト：[https://swiperjs.com/](https://swiperjs.com/) ### 導入(**CDN**) 下記のCDNをHTMLのの内に入れる ### デモ(デフォルト) 簡単にスライダー機能が追加できました。 See the Pen [Untitled](https://codepen.io/ya-mimi/pen/YzebYeB) by miya ([@ya-mimi](https://codepen.io/ya-mimi)) on [CodePen](https://codepen.io). ### デモ(自動再生) 自動でスライド機能が再生されます。 See the Pen [自動再生](https://codepen.io/ya-mimi/pen/qBxGxzO) by miya ([@ya-mimi](https://codepen.io/ya-mimi)) on [CodePen](https://codepen.io). ## Splide 公式サイト：[https://splidejs.com/](https://splidejs.com/) ### 導入(**CDN**) 下記のCDNをHTMLのの内に入れる ### デモ(デフォルト) 簡単にスライダー機能が追加できました。 See the Pen [Untitled](https://codepen.io/ya-mimi/pen/oNERqXL) by miya ([@ya-mimi](https://codepen.io/ya-mimi)) on [CodePen](https://codepen.io). ### デモ(画像とテキストを一緒に表示) 1ページに2枚画像とテキストを表示しています。 (0.5xで表示するとわかりやすいです。) See the Pen [Untitled](https://codepen.io/ya-mimi/pen/mdXYxPM) by miya ([@ya-mimi](https://codepen.io/ya-mimi)) on [CodePen](https://codepen.io). ### サムネイルスライダーサムネイルをクリックするとメインの画像が切り替わるスライダーです。 See the Pen [Untitled](https://codepen.io/ya-mimi/pen/VwQOXbb) by miya ([@ya-mimi](https://codepen.io/ya-mimi)) on [CodePen](https://codepen.io). ## まとめライブラリを使用して、簡単にスライダー機能の追加できました。いろんなオプションを活用してみてください。 ### おまけ今回使用したフリー画像：[https://o-dan.net/ja/](https://o-dan.net/ja/) ****＼弊社では一緒に働いてくれる仲間を募集しております／**** エントリーはこちらから▼ [![](https://api.athenal.jp/uploads/wordress/2022/04/08130243/%E6%B1%82%E4%BA%BA.jpg)](https://bit.ly/3wIXohc)

【Lottie】Bodymovinの書き出しができない時の解決方法

【動画編集】お洒落は3分で作れる🔥アレンジ無限の優秀エフェクト

【簡単】JavaScriptライブラリで、スライダー機能を作ってみた

CSSだけで画像が流れるループアニメーションを作る

【Youtubeショート】投稿方法まとめてみました✔️

【プレミアプロ編】初心者でも簡単に出来る動画編集のワザ VOL.2

【プレミアプロ編】初心者でも簡単に出来る動画編集のワザ

【Lottie】Bodymovinの書き出しができない時の解決方法

【動画編集】お洒落は3分で作れる🔥アレンジ無限の優秀エフェクト

【簡単】JavaScriptライブラリで、スライダー機能を作ってみた

CSSだけで画像が流れるループアニメーションを作る

【Youtubeショート】投稿方法まとめてみました✔️

【プレミアプロ編】初心者でも簡単に出来る動画編集のワザ VOL.2

【プレミアプロ編】初心者でも簡単に出来る動画編集のワザ