2013年01月19日

郵便番号で住所検索するjquery pluginを作りました。

ajaxzip2って昔お世話になったjsのライブラリがあったと思うのですが、それをちょっとカスタマイズしてjquery.pluginにしました。お手軽に使える感じになっているので、是非使ってみてください。詳細は下記のサイトを見てください。

demo: http://yamitake.github.com/jquery.ajaxzip.js/
ソース: https://github.com/yamitake/jquery.ajaxzip.js


http://yamitake.github.com/jquery.ajaxzip.js/
posted by ヤミタケ at 20:48| Comment(0) | TrackBack(0) | jquery | このブログの読者になる | 更新情報をチェックする

2012年08月01日

┃ω・)ジー あなたのページのタブに気付いてもらえるjquery.plugin作りました!!

要素に対してテキストをちらりと表示するjquery pluginを作りました。
tabをたくさん開いている事が多いと思いますが、ブラウザのtabのtitleを弄って気になるアプリです。

試しに下記のページを開いて、10秒ほどタブを眺めてみてくください。
Jquery.glance.js by yamitake http://yamitake.github.com/jquery.glance.js/

表示の要素やタイマー等を調整できるプラグインです。
是非あなたのサイトで使ってください!

posted by ヤミタケ at 23:48| Comment(0) | TrackBack(0) | jquery | このブログの読者になる | 更新情報をチェックする

2011年06月14日

今日の右上を再現するjQuery Pluginを作成しました。

ニコニコ動画にある、「今日の右上」って毎回アクセスすると見て、なんか電車に乗ってるときのブクブクアワー的な位置づけですよね。

migiue.PNG

きっとニコ動ファンは絶対に多いと思うので、配置したい人がいると思ったらwordpressのpluginで実現してる人が一人いました。
そこで、僕もこの機能をjqueryのpluginで実現してみました。

動作のサンプルは下記で確認できます。
※ちなみにヤプルのページを回収中で、色々デザインが崩れていますが気にしないでください。
http://nyapr.net/product/jquery-migiue-js.html

ソースコードはgithubで公開しています。
https://github.com/yamitake/jquery.migiue.js
jqueryのpluginサイトにも登録してあるので情報見れます。
http://plugins.jquery.com/project/migiue

その人の記事を見たら、どうやら公式かわかりませんが、twitterで今日の右上を呟くユーザがて、その人のrssを利用しているようです。
ニコニコ動画(右上)@nicovideojp
http://twitter.com/#!/nicovideojp


ココにまとまってるので取ればいいんですけど、rssも提供してないし、jsだけだとぐっちゃぐちゃになりそうと思ったのでやめました。
http://www.nicovideo.jp/migiue

色々オプションで設定できるようにしましたが、最新の情報を取ってくるには、
だれかがrssを提供するか、@nicovideojpの人が最新の呟きをしてもらうのを願うのみです。

基本的にrssを表示するだけなので、背景などを好きなスタイルにしてアドレスを帰れば名言botなどでも
なにか気になる存在として使えるかも知れません。
デフォルトでコメントをクリックするとニコ動にリンクしてあるので、貢献できることを願ってます。

一応ソースコードを下記に示します。※最新版はgithubから入手してください。
(function($) {
$.fn.migiue = function(options){
/**
* default Options
*/
var defaults ={
url : 'http://twitter.com/statuses/user_timeline/8045662.rss' , //rss feed url
random : true ,//ランダムに表示するか
linked : true ,//リンクさせるかどうか
link : 'http://www.nicovideo.jp/migiue?f=y' , //リンクさせた時の遷移
num_entries : 20 ,//エントリーをいくつまで読み込むか
show_user : false
};

//必要条件のチェック
if(!window['google']){
$(this).html('jquery.migiue.jsを使用するには、Google AJAX API(http://www.google.com/jsapi)が必要です。');
return;
}

if (!window['google']['feeds']){
google.load("feeds", "1");
}

return this.each(function(){
var opts = $.extend(defaults , options);

var feed = new google.feeds.Feed(opts.url);
feed.setNumEntries(opts.num_entries);

var self = this;
feed.load(function(result) {
if (!result.error) {
var index = opts.random ? parseInt(Math.random()*result.feed.entries.length) : 0;
var text = result.feed.entries[index].title;
if(!opts.show_user){
text = text.substring(text.indexOf(':') + 1 , text.length);
}
if(opts.linked){
text = '' + text + '';
}

$(self).html(text);
}else{
$(self).html(result.error.code + ":" + result.error.message);
}
});
});
};
})(jQuery);
posted by ヤミタケ at 21:10| Comment(0) | TrackBack(0) | jquery | このブログの読者になる | 更新情報をチェックする
×

この広告は1年以上新しい記事の投稿がないブログに表示されております。