Hatena::ブログ(Diary)

生涯一マークアップエンジニアだっ!!

2011-01-19

HTML5のロゴが発表されたので、他の言語のロゴを集めてみた。

HTML5のロゴが発表されましたね!

なぜか集中線つきで、「デデーン!」っていう感じ全開の。

で、この機会に他の言語(フレームワーク?)のロゴも集めてみました。

探してみたら意外と見つからなかったり、「これはロゴか・・・・?」というものも

あったので、もし間違ってたら指摘もらえると嬉しいです。



HTML5

f:id:wonohe:20110119122259p:image


デデーン!


JAVA

f:id:wonohe:20110119122260j:image


よく見ます。

こちらはマスコットのDUKE


f:id:wonohe:20110119122261j:image



PHP

f:id:wonohe:20110119122262p:image


シンプル。


.NET

f:id:wonohe:20110119122263p:image


なんかSilverlightとかぶりますね。

ちなみにSilverlightはこちら。


f:id:wonohe:20070412191441j:image



perl

f:id:wonohe:20110119122265j:image


なんかロゴっぽいのが見つからなかったので、

オライリー本の表紙になってるラクダ。



python

f:id:wonohe:20110119122271p:image


かっけぇっすね。



ruby

f:id:wonohe:20110119122266p:image


個人的には一番好きです。



haskell

f:id:wonohe:20110119122267p:image


なにかの暗号みたい。



mySQL

f:id:wonohe:20110119122268g:image


イルカ



postgres

f:id:wonohe:20110119122269p:image


象。



Hadoop

f:id:wonohe:20110119122270p:image


こちらも象。



subversion

f:id:wonohe:20110119122272p:image


どっちかというとこれよりは、


f:id:wonohe:20110119122273j:image


こっちのがイメージあります。



Git

f:id:wonohe:20110119122275p:image


最近普及しだしてますね。


おまけ

f:id:wonohe:20110119122276j:image



もし間違ってたりしたら教えてください!直します!

また、こんなロゴもあるよーとかあれば教えてください。


今日のお疲れ!BGM♪

愛のテーマ/毛皮のマリーズ

2010-12-02

2010-10-12

ブラウザバックした時にロールオーバーしたままになってしまう問題を解消したjs

タイトル長いですが、そのまんまです。

jqueryでロールオーバーを実装すると、ブラウザバックで戻ったときにロールオーバーされたままに

なっていたので、それを解消するスクリプトを作りました。


/* ロールオーバーイメージ表示
 ---------------------------------------------------------------- */
var imgChange = function(){
	var img_out; //mouseout時のsrc属性を格納
	var img_in; //mouseover時のsrc属性を格納
	var objChangeImg = $('.change');
	var hoverDom = {	//マウスオーバーされているDOM要素
		"tarDom":"",
		"img_out":""
	};

	objChangeImg.hover(function(){
		//mouseover時の処理
		img_out = $(this).attr('src');
		img_in = img_out.replace('_off.gif','_on.gif');
		$(this).attr('src',img_in);
		hoverDom = {
			"tarDom":$(this),
			"img_out":img_out
		};
	},
	function(){
		//mouseout時の処理
		$(this).attr('src',img_out);
	});

	//ページ移動時にロールオーバーを戻す
	$(window).unload(function(){
		hoverDom["tarDom"].attr("src",hoverDom["img_out"]);
	});
}

ロールオーバー処理は普通にimgタグのsrcを置換しているだけです。

ページ移動するのをwindow.unloadイベントで補足して、ページ移動時に

imgタグを元に戻しています。

全部のimgタグを戻すのは大変なので、ロールオーバーするたびに

対象となるimgタグをhoverDomオブジェクトに入れてます。


2010/10/13追記

オブジェクトのキーにダブルクォートが抜けてたので足しました。


今日のお疲れ!BGM♪

バンドワゴン/毛皮のマリーズ

2010-09-30

cookieをオブジェクトにぶちこむjavascript

を作ってみました。

var getCookie = function(){
	var strCookie;			//cookie文字列
	var objCookie = {};		//cookieをkey・valueごとに格納用
	var aryTmp;				//汎用配列
	var aryTmp2;			//汎用配列
	var aryTmp3;			//汎用配列
	var tmpKey;				//key一時格納用
	var tmpVal;				//value一時格納用

	strCookie = unescape(document.cookie);
	aryTmp = strCookie.split("; ");
	for(var i=0;i<aryTmp.length;i++){
		//valueが単一の場合
		if(aryTmp[i].indexOf("&") === -1){
			aryTmp2 = aryTmp[i].split("=");
			tmpKey = aryTmp2[0];
			tmpVal = aryTmp2[1];
		}else{
		//valueが複数の場合
			tmpVal = {};
			aryTmp2 = aryTmp[i].split("&");
			for(j=0;j<aryTmp2.length;j++){
				aryTmp3 = aryTmp2[j].split("=");
				//イコールが2つある場合は先頭をkeyとみなす
				if(aryTmp3.length === 3){
					tmpKey = aryTmp3[0];
					tmpVal[aryTmp3[1]] = aryTmp3[2];
				}else if(aryTmp3.length === 2){
					tmpVal[aryTmp3[0]] = aryTmp3[1];
				}
			}
		}
		objCookie[tmpKey] = tmpVal;
	}

	return objCookie;

使い方はこんな感じ。



var test = getCookie();
test["key"];  //keyに対して値が一つしかない場合はこれでOK
test["key"]["val1"]  //keyに対して値が複数ある場合はこんな感じ


です。



今日のお疲れ!BGM♪

人間不信/毛皮のマリーズ