【5分で】スライダープラグイン「slick」の実装・・・
この「なつかしの曲」ブログサイトをより移植性を高めるにはAPIやプラグインを活用してなるべく自製のスクリプトは少なくすることを心掛けています。そのためにもここで自製したスクリプトをjQueryプラグイン化することに注力しています。しかし、中々すんなりとは行きません。理由は、すでに作成済みのスクリプトからのプラグイン化はそのスクリプト内で使用しているグローバル変数やhtml要素に密接に関係しているため、プラグインの独立性を確保することが困難です。一から設計して作成するのが一番良いのですが、あるものを無理やりプラグイン化しようといていますので、四苦八苦しています。
出典:
この「なつかしの曲」ブログサイトをより移植性を高めるにはAPIやプラグインを活用してなるべく自製のスクリプトは少なくすることを心掛けています。そのためにもここで自製したスクリプトをjQueryプラグイン化することに注力しています。しかし、中々すんなりとは行きません。理由は、すでに作成済みのスクリプトからのプラグイン化はそのスクリプト内で使用しているグローバル変数やhtml要素に密接に関係しているため、プラグインの独立性を確保することが困難です。一から設計して作成するのが一番良いのですが、あるものを無理やりプラグイン化しようといていますので、四苦八苦しています。
出典:
![プレーヤへ移動します。](https://common.tecoyan.net/images/top.png)
![現在のタグリストへ移動します。](https://common.tecoyan.net/images/down.png)
【5分で】スライダープラグイン「slick」の実装方法【解説】(4分35秒)
![このボタンをクリックするとスキップします。](https://common.tecoyan.net/images/next.png)
![このボタンをクリックするとバックします。](https://common.tecoyan.net/images/back.png)
![]() | 0 (4M36S....) Click・PLay |
![]() | 1 (13M54S...) Click・PLay |
![]() | 2 (30M31S...) Click・PLay |
![]() | 3 (2M58S....) Click・PLay |
![]() | 4 (18M36S...) Click・PLay |
![]() | 5 (19M54S...) Click・PLay |
![]() | 6 (5M42S....) Click・PLay |
![]() | 7 (22M7S....) Click・PLay |
![]() | 8 (3M41S....) Click・PLay |
![]() | 9 (2M1S.....) Click・PLay |
![]() | 10 (17S......) Click・PLay |
![]() | 11 (37S......) Click・PLay |
![]() | 12 (52M47S...) Click・PLay |
![]() | 13 (3M20S....) Click・PLay |
![]() | 14 (3M37S....) Click・PLay |
![]() | 15 (6M14S....) Click・PLay |
![]() | 16 (10M3S....) Click・PLay |
![]() | 17 (4M32S....) Click・PLay |
![]() | 18 (4M46S....) Click・PLay |
![]() | 19 (27S......) Click・PLay |
![]() | 20 (16M48S...) Click・PLay |
![]() | 21 (3M2S.....) Click・PLay |
![]() | 22 (23M54S...) Click・PLay |
![]() | 23 (26M4S....) Click・PLay |
![]() | 24 (4M57S....) Click・PLay |
![]() | 25 (32M18S...) Click・PLay |
![]() | 26 (8M50S....) Click・PLay |
![]() | 27 (8M6S.....) Click・PLay |
![]() | 28 (8M57S....) Click・PLay |
![]() | 29 (7M58S....) Click・PLay |
![]() | 30 (8M9S.....) Click・PLay |
![]() | 31 (9M55S....) Click・PLay |
![]() | 32 (7M24S....) Click・PLay |
![]() | 33 (2M51S....) Click・PLay |
![]() | 34 (6M25S....) Click・PLay |
![]() | 35 (9M20S....) Click・PLay |
![]() | 36 (22M48S...) Click・PLay |
![]() | 37 (1M50S....) Click・PLay |
![]() | 38 (5M39S....) Click・PLay |
![]() | 39 (3M26S....) Click・PLay |
![]() | 40 (11M1S....) Click・PLay |
![]() | 41 (16M59S...) Click・PLay |
![]() | 42 (25S......) Click・PLay |
![]() | 43 (2M12S....) Click・PLay |
![]() | 44 (34M41S...) Click・PLay |
![]() | 45 (11M54S...) Click・PLay |
![]() | 46 (12M28S...) Click・PLay |
![]() | 47 (8M21S....) Click・PLay |
![]() | 48 (6M33S....) Click・PLay |
![]() | 49 (11M10S...) Click・PLay |
![]() | 50 (13M51S...) Click・PLay |
![]() | 51 (4M1S.....) Click・PLay |
![]() | 52 (4M37S....) Click・PLay |
![]() | 53 (15M59S...) Click・PLay |
![]() | 54 (15M55S...) Click・PLay |
![]() | 55 (15M45S...) Click・PLay |
![]() | 56 (11M39S...) Click・PLay |
![]() | 57 (2M27S....) Click・PLay |
![]() | 58 (18S......) Click・PLay |
![]() | 59 (3M51S....) Click・PLay |
![]() | 60 (2M44S....) Click・PLay |
![]() | 61 (5M28S....) Click・PLay |
![]() | 62 (9M55S....) Click・PLay |
![]() | 63 (5M38S....) Click・PLay |
![]() | 64 (9M33S....) Click・PLay |
![]() | 65 (2M54S....) Click・PLay |
![]() | 66 (2M46S....) Click・PLay |
![]() | 67 (8M7S.....) Click・PLay |
![]() | 68 (2M39S....) Click・PLay |
![]() | 69 (2M16S....) Click・PLay |
![]() | 70 (16M5S....) Click・PLay |
![]() | 71 (7M16S....) Click・PLay |
![]() | 72 (3M38S....) Click・PLay |
![]() | 73 (10S......) Click・PLay |
![]() | 74 (11M4S....) Click・PLay |
![]() | 75 (10M52S...) Click・PLay |
![]() | 76 (4M4S.....) Click・PLay |
![]() | 77 (20M1S....) Click・PLay |
![]() | 78 (11M21S...) Click・PLay |
![]() | 79 (5M45S....) Click・PLay |
![]() | 80 (8M55S....) Click・PLay |
![]() | 81 (3M20S....) Click・PLay |
![]() | 82 (7M26S....) Click・PLay |
![]() | 83 (7M28S....) Click・PLay |
![]() | 84 (12M6S....) Click・PLay |
![]() | 85 (30M26S...) Click・PLay |
![]() | 86 (50M41S...) Click・PLay |
![]() | 87 (4M47S....) Click・PLay |
![]() | 88 (32M22S...) Click・PLay |
![]() | 89 (3M35S....) Click・PLay |
![]() | 90 (1M.......) Click・PLay |
![]() | 91 (2M56S....) Click・PLay |
![]() | 92 (1M5S.....) Click・PLay |
![]() | 93 (5M26S....) Click・PLay |
![]() | 94 (6M54S....) Click・PLay |
![]() | 95 (14M42S...) Click・PLay |
![]() | 96 (8M30S....) Click・PLay |
![]() | 97 (3M19S....) Click・PLay |