nigoblogスマートフォン用の表示で見るnigoblog技術系会社のCEOブログ~私的編~この広告は、90日以上更新していないブログに表示しています。技術jQueryプラグインの作成方法について書いていきます。jQueryのプラグインを一言でいうと「jQueryクラスのメソッド」ということで、jQueryを一つのクラスと考えそのメソッドを作るということが「jQueryプラグインを作成する」ということです。javascriptのオブジェクト指向がわかるjavascriptのメソッド作成方法がわかるjQueryを一つのクラスとして捉える上記3つのポイントを抑えるだけで、jQueryのプラグインは簡単に作ることができます。1番目のポイントから書いていきます。javascriptのオブジェクト指向がわかるjavascriptのオブジェクト指向は少し特殊です。{~}などのように書きます。function(){~}と書きます。「クラスは関数」と認識するとかなり楽に入ってきます。chiwawa);console.log(dog1.age);console.log(dog1.type);とすると5歳のチワワが出来上がります。}}などのようにメソッドを作成します。function(){}という風に作成します。100;}のように書きます。これでdogクラスにwalkというメソッドを追加することが出来ました。関数』で作成できる!」jQueryを一つのクラスとして捉えるというわけでここまで来たら簡単ですね。jQueryはクラス、そしてプラグインはメソッドを作るということ。それを踏まえると次のようになります。}})(jQuery)とすることでグローバル変数に影響を与えないメソッドが出来上がります。fadeOut()の再発明的なメソッドを作成しました。fadeOut()ではslowやnormalでしか指定できないが、今回作成したものでは秒数を細かに指定することが出来ます。fadeOut()どちらも使えます。Outでは終了後、自動的にhide()されるのに対し、こちらはhide()されません。相対位置で指定した場合でも崩れないというメリットがあります!!というようなプラグインを作成しました。オプションの指定なんかは上記のプラグイン例を見てください。見るjavascriptでオブジェクト指向を実装する本。Kindle版この商品を含むブログを見るjavascriptを深く知りたければこちら。※今回の記事は一部(かなり)ネタが混じっているので真剣に捉え過...2013-01-24【連載】最終回HTML5でCanvasアプリを作る入門編~アニメーションについて~この連載で最終回となります。今回は線形計画法をプログラミングで解いてみました。その時の...2013-01-17【連載】第三回HTML5でCanvasアプリを作る入門編~様々なマウスイベントについて~第三回となる今回は、クリック以外のマウスイベントについて書...2013-01-05MacにmongoDBをインストールする。山南敬介にみる”組織力”について~歴史から学ぶシリーズ~2017年は「WEBブランディング広告」元年になる。plusGoogleはてなブログをはじめよう!nigohirokiさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。