articles

2015 年 2 月 6 日

EC2 NodeJS HOSTNAME

CATEGORYカテゴリなし   3:26 AM

またまた久しぶりにブログを更新すると、コードハイライトなど忘れているのとMarkdownに慣れてしまっているのとでまどろっこしいです。
とはいえ、evernoteに書くことでも無いので一応。

list(3000)のみだと動くのに、hostnameにipでは動かなかった。
でもPublic DNSをいれると動いたという。

↓これだとダメでした。

var http = require('http');
var app = http.createServer(function(req,res){
  res.end('Hello node.js');
}).listen(3000,"xx.xx.xxx.xx");

↓これでいくという

var http = require('http');
var app = http.createServer(function(req,res){
  res.end('Hello node.js');
}).listen(3000,"ec2-xx-xx-xx-xxxx-xx.ap-xxxxxx-xxxx.compute.amazonaws.com");

疑問が初心者すぎて、調べてもわかりませんでした。 この記事誰も見ませんように。
基礎から知らないと変なところでつまずいて時間が掛かるいい例になったと思います。

2013 年 8 月 11 日

jQuery jquery transit

CATEGORYjQuery   2:17 AM

最近ゴリゴリにダイナミックにアニメーションさせる案件が多く、昔の知識だけだとパフォーマンス的に厳しい状況が出て来ました。

なのでこちらを実戦で利用してみようと思います。
ベンダープレフィックス等も対応しており、cssでキーフレーム書いたりなどするより早いし管理しやすそうです。

http://ricostacruz.com/jquery.transit/

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="jquery.transit.min.js">
		

2013 年 8 月 10 日

WordPress WP_Queryの記事数

CATEGORYWordPress   7:23 AM

いつも適当に使っていましたが、結構色々ありました。

http://wpdocs.sourceforge.jp/関数リファレンス/WP_Query

1ページで、すべての投稿を表示する場合

$loop = new WP_Query( array( 'post_type' => 'schedule' ,'posts_per_page'=> -1 ));

2013 年 7 月 21 日

jQueryプラグイン 星用

CATEGORYjQuery   12:58 AM

星がきらめくようなプラグインです。
別に星じゃなくてもいいんですが、フェードインしてまたフェードアウトするような
オプションをとっていないので適当に調整する必要がありますが。

$("#star img").star();//フェードあり
$("#star img").star2();//明滅のみ

(function($) {
    
	/*初期設定*/
	$.fn.star=function(options){
		this.each(function(){
			var $this=$(this);
			$this.starFadeIn();
		});
		return this;
	};

	$.fn.starFadeIn=function(){
		p_obj=makePoint();
	$(this).css({"left":p_obj.x+"px","top":p_obj.y+"px"}).fadeIn(100).delay(p_obj.d).fadeOut(300,starFadeIn);
	}
	
	function starFadeIn(){
		$(this).starFadeIn();
	}


	$.fn.star2=function(){
		this.each(function(){
			var $this=$(this);
			$this.starShow();
		});
		return this;
	}

	$.fn.starShow=function(){
		// alert("s");
		p_obj=makePoint();
		// alert(p_obj);
		$(this).css({"left":p_obj.x+"px","top":p_obj.y+"px"}).delay(p_obj.d).show().delay(p_obj.d).hide(0,starShow);
		// delete p_obj;
	}

	function starShow(){
		$(this).starShow();
	}
    

    function makePoint(){
    	var x=Math.floor(Math.random()*1000)-200;
		var y=Math.floor(Math.random()*400);
		var d=Math.floor(Math.random()*1000)+300;
		obj={};
		obj.x=x;
		obj.y=y;
		obj.d=d;
		return obj;
    }
    
})(jQuery);


2013 年 6 月 29 日

WordPress jQueryを使う際のconflict処理

CATEGORYWordPress   TAG 12:42 PM

これが結構引っかかるんですが
カプセル化したり、$を置き換えたり、再利用性がなかったり手間をかけるのは嫌なので
一番簡単で、スクリプトを書き換えない方法はないかなーって思ってました。

で、一番簡単なのは、wp-include/js/jquery/jquery.jsの

jQuery.noConflict();

をコメントアウトする方法かなと思いました。

//jQuery.noConflict();

テーマによってはって感じですが、いまさら他のライブラリは使わないかなっていうところです。