jQueryプラグインのCommonJSモジュール化からnpmに公開するまでの方法
npmでは先月よりjQueryコミュニティのサポートを開始しました。そのニュースを受けて前回の投稿『npmで公開されているjQueryプラグインを使う with Browserify & parcelify』では、Webアプリを開発する際に、npmで公開されているjQueryプラグインを使用する方法を紹介しました。いわばWebアプリ開発者向けの記事でした。今回はjQueryプラグインの作者向けの記事となります。実際に開発されているjQueryプラグインをnpmに公開する方法をご紹介します。 npmはじめに: jQueryプラグインの公開は「The jQuery Plugin Registry」から「npm」へjQueryのプラグイン登録ページ『The jQuery Plugin Registry』にアクセスすると、以下の記載があります。 We recommend moving to npm
.prop() | jQuery 1.9 日本語リファレンス | js STUDIO
属性プロパティに値を設定、または設定されている値を取得します。 .prop( name ) 1.6追加 .prop( name, value ) 1.6追加 .prop( map ) 1.6追加 .prop( name, function(index, prop)) 1.6追加 jQuery1.6で追加された.prop()と.attr()の問題 .prop( name ) 1.6追加 戻り値:String 指定した属性の値を取得します。 引数 説明 <input id="check1" type="checkbox" checked="checked" /> //jQuery1.6.1以上の場合 var is_checked = $('#check1').prop('checked'); //trueが返る var attr_checked = $('#check1').attr('che
スクロールイベントの開始 / 終了 / 方向を判定する jQuery プラグインを書いてみた - Cyokodog :: Diary
バージョンアップしました。詳細は以下記事をご覧ください。[Ex Scroll] スクロールイベントの開始／終了、方向を判別できる jQuery プラグイン - Cyokodog 需要なさそうですが、備忘録ということで。 只今、以前作成した exFixed.js という jQuery プラグインの機能拡張を行っており、その中で、 スクロールイベントの開始、終了時にのみ処理を行う その際、スクロールイベントのスクロール方向に応じて処理を変える という実装が必要になりました。 jQuery におけるスクロールイベントの割当は下記のような記述になりますが、このままではイベントの開始,終了,スクロール方向は判別できません。 $( element ).scroll( function( evt ){ //スクロールイベント内処理 }); 以下の実装で判別できないか考えてみました。 スクロール方向の判別
touchslider.com - Domain Name For Sale | Dan.com
VAT overview )Value Added TaxThe Value Added Tax (VAT) is a consumption tax applied in the European Union (EU) to all goods and services. All consumers in the EU are charged VAT on the purchase of goods and services. Businesses in the EU buying from a business in the same country are also charged VAT. Businesses in the EU buying from a business in a different EU country are not charged VAT. Consum
Learn HTML5, CSS3, Javascript - video style tutorials
Learn HTML5, CSS3, Javascript and more... Video style walkthroughs showing cool stuff being created from scratch
jQueryを良くする25のTIPS
jQueryを良くする25のTIPS ネタ元：Improve your jQuery - 25 excellent tips ちょっと多いですが、かなり良いTIPSがまとまっています。 Google AJAX Libraries APIを利用しよう Google AJAX Libraries APIを活用すればすばやくライブラリを読み込むことが出来ます。 <script src="http://www.google.com/jsapi"></script> <script type="text/javascript"> // Load jQuery google.load("jquery", "1.2.6"); google.setOnLoadCallback(function() { // Your code goes here. }); </script> 直接読み込むことも出来ます。
jQueryで、ある要素を指定した要素でラップする方法 | HOME ＞ 2011年の記事 - イイラボ(ek-labo)
jQueryで、ある要素を指定された要素で囲む（wrap）方法として、以下のメソッドがあります。 wrap wrapAll wrapInner いずれのメソッドも引数（wrappingElement or wrappingFunction）を取ることができます。 wrappingElementには、 HTML。例えば、$("#sample").wrap("<div id='new'>"）。閉じタグは必要ないので注意！ selector expression。例えば、$("#sample").wrap("#footer > div"）。.appendTo()のような動作になります。 jQueryオブジェクト。例えば、$("#sample").wrap($("<div></div>"))。 DOM要素。 wrappingFunctionには、 HTML要素かjQueryオブジェクトを返すコール
jQuery 1.9 日本語リファレンス | js STUDIO
このサイトについて jQueryの日本語リファレンスです。 jQueryの本家サイト(英文) の内容を翻訳して作成していますが、誤訳や誤記があると思いますのでその点についてはご了承ください。 もし、誤訳などの間違いを見つけましたら、 @tomof まで教えていただければ幸いです。 News 2013.03.13 ver1.9の内容に更新しました。 2012.12.02 jQueryの似ているAPIまとめ 2012.10.13 サイトをオープンしました。 API APIのカテゴリー分けについては、本家サイトでは1つのAPIが複数のカテゴリーに所属していますが、 このリファレンスでは分かりやすさを重視して1つのカテゴリーに絞っています。 また、一部本家サイトのカテゴリーを削り、別のカテゴリーに所属させているAPIがありますので、 予めご了承ください。 Ajax Ajaxに関する処理 Attri
jQueryのajax通信がIE8で動かない｜シラサヤ備忘館
jQueryのajax通信を実装した際、IE8で正しく動かない現象があったのでその解決方法をメモ。 $.ajax({ type: "POST", cache: false, data: "name=xirasaya&id=1", url: "index.php", success: function(msg){ alert(msg); }, error:function(msg){ alert(msg); } }); オプションのcacheにfalseを指定することでIE6、IE7、IE8で動作することを確認した。 あとオプションの繋ぎには","(カンマ)を利用するが、最後のオプション指定をカンマで終わるとIEでエラーになった。 これは気をつけたい。 あとページ自体がhttpsだと、この時ajaxオプションのurlをhttpからの絶対パスで記述しているとFirefoxではうまく通信しなかっ
jQuery 1.8の更新内容をまとめたよ。 | Ginpen.com
個人的に油断してたんですが、jQuery 1.8がリリースされましたね。 CSSのベンダープレフィックスを自動でほぼ補完してくれるようになったのが目玉機能でしょうか。作業量としては、セレクターエンジンSizzleとアニメーション関係を全面的に書き換えた事が大きそうです。なお諸々強化されているにも関わらず、ファイルサイズは減っています。（ちょっとだけどね。） えらい！ jQuery Blog » jQuery 1.8 Released jQuery Blog » jQuery 1.8 Beta 1: See What’s Coming (and Going!) jQuery Blog » The New Sizzle jQuery Blog » jQuery Core: Version 1.9 and Beyond jQuery Blog » jQuery 1.9 and 2.0 — TL;
jqueryでイベント追加するときに関数名で設定するようにすると重複することはない - position:absolute; | 株式会社スクイズ研究所
$('span').bind('click',function(){alert('click!')}); などと記述することが多いですが、動的なコンテンツなどでDOMの再読み込みなどが多い時に再びイベント登録をしなければならないケースもあると思いますが（liveが使えない場合など）無名関数を使ってしまうと設定された分だけイベントが追加されていくので、同じイベントが登録した回数だけ実行されることになります。 が たとえば <p><span>test</span></p> <script type="text/javascript"> $(function(){ $('span').bind('click',testA); }); function testA(){ $(this).after('--<span>addtext</span>'); } </script>
jQuery を高速に使う CSS セレクタの書き方 - てっく煮ブログ
JavaScriptjQuery は CSS セレクタで要素を選んで処理できるのが魅力的ですね。そんな jQuery ですが、CSS セレクタの書き方次第で速度が大幅に変わってきます。ここでは jQuery の内部処理を疑似コードで示しつつ、jQuery を高速に使うためのポイントを５つに絞って紹介します。何度も同じセレクタを実行しないクラスだけを指定するのは禁止#id を積極的に使う途中までの結果を再利用する子供セレクタ(>)を使うと速くなることがある※ この記事は jQuery 1.2.6 のソースコードを元に記述しています1. 何度も同じセレクタを実行しない改善前 // 例題 1 $("div.foo").addClass("bar"); $("div.foo").css("background", "#ffffff"); $("div.foo").click(function(){
イモムシでjQuery入門 | 第1回デザイナーがイモムシで覚えるjQuery
こんにちは。kamecoです。 androidアプリをhtmlベースで作ったりしています。 それができるのも、jQueryの力でjavascriptをちょっと書けるようになったから。 ということで、jQueryを覚えよう！ 電卓で入門とか色々考えたのですが、 私が覚えた方法で。。 myベストイモムシを作ろう！！！！ とりあえずあなたのイモムシも用意しよう。 ダウンロード とりあえず名前を付けると愛着がわきます。 うちの子は「クロスケ」です。 ↑クロスケ。かわゆす。 練習で書いてた時から書き換えてないので、挙動がおかしいのは見逃してください。。 つまめます。動きます。顔変わります。などなど。 クロスケのjsもブログを書きながら新調してあげようと思います。 イモムシのhtml解説 これから使うhtmlですので構成や呼び出しているものを一応確認しておきます。 cssやh
JQueryのソースコードを読んでJavaScriptを勉強！ - ゆとRubyist日記
最近JavaScriptをさわる機会が多く、もうちょっと勉強しないといけないなと思っています。なので、jQuery(1.7.1)のソースコードを読んでみました。 読んで思ったところをまとめてみたいと思います。勉強したことのまとめです。 jQueryの全体像 (function( window, undefined ){ // Use the correct document accordingly with window argument (sandbox) var document = window.document, navigator = window.navigator, location = window.location; var jQuery = (function() { // (省略) // jQuery の本体のfunctionを作ってreturnする })(); //
スマートフォンサイト用に、フリック・スワイプ対応が簡単に出来るjQueryプラグインいろいろ | Web活メモ帳
最近スマートフォン対応やタブレット対応の案件が増えてきて、スワイプに対応させたいと言われる事が結構多いです。 知ってる人も居るかもしれませんが、スワイプが出来るようになるjQueryプラグインをまとめてみました。 画像ギャラリー専用のものから、ページ全体をスワイプで区切るものまで色々ありますよ。 参考になれば幸いです。 jQuery Touchwipe iPhone、iPad、Android用にスワイプでスライドショーを移動できます。 スワイプした時のイベントが簡単に取得できるので、画像切替意外にも色々使えそう。 PCの場合には、アンカーテキストで画像の切替ができます。 サイズも1kB程度なので、モバイル端末に優しいですね。 PhotoSwipe jQuery Mobile対応の全画面イメージギャラリー。 写真を大きく表示させて、ツールバーで操作するタイプです。 jquery.flicks
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
1216彩票-官网平台
ウェブ制作者に必ず役立つ！iOS, HTML5, CSS, jQuery, WordPress, .htaccessなどのチートシートのまとめ
JavaScript + Ajax 実践サンプル集 - イメージをロード中にアニメーションGIFを表示する