SlideShare a Scribd company logo
1 of 17
Download to read offline
































1 2 31 2 3
この部分だけを見えるようにする
幅を取得して
さらに全体の幅を取得する








✦
✦


とってもシンプルなスライダーのjQueryプラグイン作りました

More Related Content

More from Kasumi Morita

a-blog cms 2017年テーマの紹介
a-blog cms 2017年テーマの紹介a-blog cms 2017年テーマの紹介
a-blog cms 2017年テーマの紹介Kasumi Morita
 
コーディングしながらデザインルールをドキュメント化してみた
コーディングしながらデザインルールをドキュメント化してみたコーディングしながらデザインルールをドキュメント化してみた
コーディングしながらデザインルールをドキュメント化してみたKasumi Morita
 
エンジニアのためのプレゼンテクニック
エンジニアのためのプレゼンテクニックエンジニアのためのプレゼンテクニック
エンジニアのためのプレゼンテクニックKasumi Morita
 
数が増えてもこわくない!Quantity Queries の紹介
数が増えてもこわくない!Quantity Queries の紹介数が増えてもこわくない!Quantity Queries の紹介
数が増えてもこわくない!Quantity Queries の紹介Kasumi Morita
 
1から始めるAMP対応
1から始めるAMP対応1から始めるAMP対応
1から始めるAMP対応Kasumi Morita
 
Sassを使いこなそう
Sassを使いこなそうSassを使いこなそう
Sassを使いこなそうKasumi Morita
 
マークアップを体験するためのツールの使い方
マークアップを体験するためのツールの使い方マークアップを体験するためのツールの使い方
マークアップを体験するためのツールの使い方Kasumi Morita
 
a-blog cms でAMPに対応する
a-blog cms でAMPに対応するa-blog cms でAMPに対応する
a-blog cms でAMPに対応するKasumi Morita
 
マークアップって重要なの?あなたへ伝えたいマークアップの大切さ
マークアップって重要なの?あなたへ伝えたいマークアップの大切さマークアップって重要なの?あなたへ伝えたいマークアップの大切さ
マークアップって重要なの?あなたへ伝えたいマークアップの大切さKasumi Morita
 
マークアップの最適解を
見つけ出す方法
マークアップの最適解を
見つけ出す方法マークアップの最適解を
見つけ出す方法
マークアップの最適解を
見つけ出す方法Kasumi Morita
 
もっと使いやすくなる a-blog cms の更新方法カスタマイズ
もっと使いやすくなる a-blog cms の更新方法カスタマイズもっと使いやすくなる a-blog cms の更新方法カスタマイズ
もっと使いやすくなる a-blog cms の更新方法カスタマイズKasumi Morita
 
a-blog cms ってどんなCMS?
a-blog cms ってどんなCMS?a-blog cms ってどんなCMS?
a-blog cms ってどんなCMS?Kasumi Morita
 
絵本を作って感じたSVGの良いところとつまずいたところ
絵本を作って感じたSVGの良いところとつまずいたところ絵本を作って感じたSVGの良いところとつまずいたところ
絵本を作って感じたSVGの良いところとつまずいたところKasumi Morita
 
a-blog cms の2016年版新テーマについて
a-blog cms の2016年版新テーマについてa-blog cms の2016年版新テーマについて
a-blog cms の2016年版新テーマについてKasumi Morita
 
実装のしかたと運用方法から選ぶ a-blog cms の紹介
実装のしかたと運用方法から選ぶ a-blog cms の紹介実装のしかたと運用方法から選ぶ a-blog cms の紹介
実装のしかたと運用方法から選ぶ a-blog cms の紹介Kasumi Morita
 
ユニットリストのおすすめの使い方
ユニットリストのおすすめの使い方ユニットリストのおすすめの使い方
ユニットリストのおすすめの使い方Kasumi Morita
 
a-blog cms の基本 Ver.Kochi
a-blog cms の基本 Ver.Kochia-blog cms の基本 Ver.Kochi
a-blog cms の基本 Ver.KochiKasumi Morita
 
CSSできる SVGアニメーション
CSSできる SVGアニメーションCSSできる SVGアニメーション
CSSできる SVGアニメーションKasumi Morita
 
a-blog cms の基本 福岡版
a-blog cms の基本 福岡版a-blog cms の基本 福岡版
a-blog cms の基本 福岡版Kasumi Morita
 
a-blog cmsの2015年版の基本テーマを 使ったカスタマイズのポイント
a-blog cmsの2015年版の基本テーマを 使ったカスタマイズのポイントa-blog cmsの2015年版の基本テーマを 使ったカスタマイズのポイント
a-blog cmsの2015年版の基本テーマを 使ったカスタマイズのポイントKasumi Morita
 

More from Kasumi Morita (20)

a-blog cms 2017年テーマの紹介
a-blog cms 2017年テーマの紹介a-blog cms 2017年テーマの紹介
a-blog cms 2017年テーマの紹介
 
コーディングしながらデザインルールをドキュメント化してみた
コーディングしながらデザインルールをドキュメント化してみたコーディングしながらデザインルールをドキュメント化してみた
コーディングしながらデザインルールをドキュメント化してみた
 
エンジニアのためのプレゼンテクニック
エンジニアのためのプレゼンテクニックエンジニアのためのプレゼンテクニック
エンジニアのためのプレゼンテクニック
 
数が増えてもこわくない!Quantity Queries の紹介
数が増えてもこわくない!Quantity Queries の紹介数が増えてもこわくない!Quantity Queries の紹介
数が増えてもこわくない!Quantity Queries の紹介
 
1から始めるAMP対応
1から始めるAMP対応1から始めるAMP対応
1から始めるAMP対応
 
Sassを使いこなそう
Sassを使いこなそうSassを使いこなそう
Sassを使いこなそう
 
マークアップを体験するためのツールの使い方
マークアップを体験するためのツールの使い方マークアップを体験するためのツールの使い方
マークアップを体験するためのツールの使い方
 
a-blog cms でAMPに対応する
a-blog cms でAMPに対応するa-blog cms でAMPに対応する
a-blog cms でAMPに対応する
 
マークアップって重要なの?あなたへ伝えたいマークアップの大切さ
マークアップって重要なの?あなたへ伝えたいマークアップの大切さマークアップって重要なの?あなたへ伝えたいマークアップの大切さ
マークアップって重要なの?あなたへ伝えたいマークアップの大切さ
 
マークアップの最適解を
見つけ出す方法
マークアップの最適解を
見つけ出す方法マークアップの最適解を
見つけ出す方法
マークアップの最適解を
見つけ出す方法
 
もっと使いやすくなる a-blog cms の更新方法カスタマイズ
もっと使いやすくなる a-blog cms の更新方法カスタマイズもっと使いやすくなる a-blog cms の更新方法カスタマイズ
もっと使いやすくなる a-blog cms の更新方法カスタマイズ
 
a-blog cms ってどんなCMS?
a-blog cms ってどんなCMS?a-blog cms ってどんなCMS?
a-blog cms ってどんなCMS?
 
絵本を作って感じたSVGの良いところとつまずいたところ
絵本を作って感じたSVGの良いところとつまずいたところ絵本を作って感じたSVGの良いところとつまずいたところ
絵本を作って感じたSVGの良いところとつまずいたところ
 
a-blog cms の2016年版新テーマについて
a-blog cms の2016年版新テーマについてa-blog cms の2016年版新テーマについて
a-blog cms の2016年版新テーマについて
 
実装のしかたと運用方法から選ぶ a-blog cms の紹介
実装のしかたと運用方法から選ぶ a-blog cms の紹介実装のしかたと運用方法から選ぶ a-blog cms の紹介
実装のしかたと運用方法から選ぶ a-blog cms の紹介
 
ユニットリストのおすすめの使い方
ユニットリストのおすすめの使い方ユニットリストのおすすめの使い方
ユニットリストのおすすめの使い方
 
a-blog cms の基本 Ver.Kochi
a-blog cms の基本 Ver.Kochia-blog cms の基本 Ver.Kochi
a-blog cms の基本 Ver.Kochi
 
CSSできる SVGアニメーション
CSSできる SVGアニメーションCSSできる SVGアニメーション
CSSできる SVGアニメーション
 
a-blog cms の基本 福岡版
a-blog cms の基本 福岡版a-blog cms の基本 福岡版
a-blog cms の基本 福岡版
 
a-blog cmsの2015年版の基本テーマを 使ったカスタマイズのポイント
a-blog cmsの2015年版の基本テーマを 使ったカスタマイズのポイントa-blog cmsの2015年版の基本テーマを 使ったカスタマイズのポイント
a-blog cmsの2015年版の基本テーマを 使ったカスタマイズのポイント
 

とってもシンプルなスライダーのjQueryプラグイン作りました