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 年 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 年 7 月 10 日

HTML5 テンプレート

CATEGORYHTML5  10:10 PM
この記事は一度書いたと思うけど見当たらないので再度
今は良いサイトがあったのでそこで作りました。http://mizzz.jp/tg/
<!DOCTYPE html>
<html lang="ja">

	
	
	
	
	
	
	
	

<body>
</body>
</html>

2013 年 6 月 29 日

WordPress jQueryを使う際のconflict処理

CATEGORYWordPress  TAG 12:42 PM
これが結構引っかかるんですがカプセル化したり、$を置き換えたり、再利用性がなかったり手間をかけるのは嫌なので一番簡単で、スクリプトを書き換えない方法はないかなーって思ってました。で、一番簡単なのは、wp-include/js/jquery/jquery.jsの
jQuery.noConflict();
をコメントアウトする方法かなと思いました。
//jQuery.noConflict();
テーマによってはって感じですが、いまさら他のライブラリは使わないかなっていうところです。