2012年1月アーカイブ

例えばあるdiv#hogeをhoverした際に、その#hoge内のh2とpのテキスト色を同時に変えたいみたいな時に、jQieryでthisの小要素を指定できるとhoverのfunctionがひとつで済んで便利。

<div id="hoge">
    <h2>一緒だよ</h2>
    <p>一緒に変化するよ</p>
</div>

色々方法があるけど、

$("hoge",this)

が一番シンプルで使いやすいと思う。

上記コードで使うと

$("#hoge").hover(function() {
		$("h2",this).stop().animate({ color: "#444444" }, 'slow');
		$("p",this).stop().animate({ color: "#444444" }, 'slow');
	},function() {
		$("h2",this).stop().animate({ color: "#222222" }, 'slow');
		$("p",this).stop().animate({ color: "#666666" }, 'slow');
	});

その他、

$(this).children("hoge")
$(this).find("hoge")

など。

SQLコマンドをエスケープするのに昨今ではmagic_quotes_gpcでが不十分なため、

MySQL：mysql_real_escape_string
PostageSQL：pg_escape_string
SQLite：sqlite_escape_string

を使ったりする。

そのため、magic_quotes_gpcを一旦解除する必要があり、その際にmagic_quotes_gpcのONOffを調べるのに使用する。

if(get_magic_quotes_gpc()){
   $hoge = stripslashes()$hoge;
}

上記の通りstripslashesでエスケープを一旦解除して、その後今一度エスケープさせる。

html5でのマークアップで重要なのはセマンティクスの概念。
section、articleの使い方が重要になってくるのでは。
rssフィードを書くのに近い気がする。
様々なデバイスで最適な形で使用できるように、sectionなどを用いた階層構造をいかに使いやすい構造にするか、というところ。

section、article、aside

header nav footer address

manifestファイル（キャッシュマニフェスト）

セレクトボタンで一度セレクトされたものを解除（selected）の状態に戻したい！な時の話。

下記例で、最初は「そないいわんでも」。
クリックして「ほんにまあ」をセレクト。
もう一度セレクトボタンを触らずに、別のボタンか何かでselectedの「そないいわんでも」に変更したい、みたいなことです。

<select>
<option selected="selected">そないいわんでも</option>
<option>ほんにまあ</option>
</select>

selectedIndexがセレクトされているoptionを数値で持っていて、、このselectIndexを

0（0からカウントされている値なので）

にすれば戻る。

で、普通にぽわんと考えると

$('select') .attr('selectedIndex', 0);

とattr()でselectedIndexの値を「0」にしようとした。

でもjQueryはattr()色々と難しいようで動かない。

http://ginpen.com/2011/05/20/jquery-1-6-1/この記事が詳しい。

で、上記記事を参照し、selectedIndexはprop()でないとダメらしく

$('select') .prop('selectedIndex', 0);

で動く。
jQueryのバージョンで挙動が色々あるらしく、動かなかったらもう色々試すしかないね。。。

サンプルはこちら：jQueryにおけるattr()とprop()　- selectedIndexの場合 -　サンプルページ

とりあえずselectedIndexの件は以上で、解決。

楽しく、少しでもやりたいことをやって生きたい。
その願望をかなえるためにフリーランスで生きている。
本当は別にサラリーマンでもいいし肩書きやらなんやらはなんでもいいんだけど、なかなか自分にできることや方法って限られていて、残ったのがこのフリーランスでデザイン・ウェブの仕事を引き受ける、というヤツだった。
できることの中でなんとか生きている。

年々、未来について思いを巡らすことが増えている。
現実がどうにもならないからとかではなくて、年をとる毎に考えることが面白くなってきているからだ。どんどんぐちゃぐちゃになっていっているけど、面白い。いつか整理がつくはずだと思いつつ、混沌とした濁流を楽しんでいる。

本書のプロローグで触れられている通り、今「企業の時代」から「個の時代」への流れの中で大きな軋轢が起きている時代だ。この混沌をポジティブに受け止めてなんとか少しでもおもしろく生きていきたい。

世間的にはおそらく沢尻エリカのだんなで、いつもニヤついているわけのわからんやつみたいな扱いであろう高城剛。
彼が、様々なジャンルで活躍する人々との雑談（対談）を収録した本書には、ほんのちょっとの気付きがそれぞれの対談相手と高城氏の口からこぼれ出ている。
個人的にはテリー伊藤、整体師の三枝氏との対談に多くの気づきがあり非常に参考になった。

未来を自分で描きたいと思うヒトにはきっと役に立つ小さな気づきがいくつかあると思うので、半身浴の際などにオススメです。

そこに文化の構築とか、カルチャーとかってものはないでしょ？新しい芸術家がコツコツなにかを作り出すような。

クリエイターよりもアレンジャーの時代。ただしこれは過渡期的なもので、その後は全然違うところからあたらしいものがでてくるかも。人間ってそんなに愚かじゃないもんね。

個人的にはインターネットの時代はもう過渡期を過ぎたと思っている。インターネットを超えてそろそろ次の何かが出てくる可能性がある。

座標を調べるoffset()の件。
まず、要素は可視状態であることが条件。

で、

var hantei = $('#hoge').offset()
alert(hantei);


だと hogeの座標値が正しく表示されない。


var hantei = $('#hoge').offset()
alert(hantei.left);


ならOK。

複数のセレクタ（#hoge1 #hoge2 #hoge3）で同じ処理の時のセレクタをまとめる書き方。

$('#hoge, #hoge2, #hoge3').

ってこと。

んだけ。

2010年1月29日初版のこの「Gooleの正体」では、現在のGoogleは見えてこない。
この業界で2年とは途方もない昔の話になってしまうのは自明のことで、Googleの過去を押さえる（主にどうやって儲けて、どうして無償で様々なサービスだすのかという話）、歴史教科書として本書は機能することになる。
ただ、2010年ながらFacebookといったSNSとGoogleの関連性についての記述がなく、著者の先見の明があまりないように思うのが残念なところだが、それでもgoogle含めたネットやネット広告の歴史教科書としては2、3時間もあれば読めてしまうボリュームなので目を通すのはいいのではと思う。

消費者は受動的に入ってくる広告を軽視するようになる一方で、自分で能動的に発見した広告を重視するようになってきている。

現在の広告消費者モデルでは、広告の機能する段階が減っている。

ロングテールは死に筋復活の魔法ではない。なんでもない地方の小売店が脚光を浴びることはない。あくまで価値があるのに届かなかったものに対して機能する。

Googleは大数の法則により1回検索してもらうことでいくら売り上げがたつかわかっている。だから、検索トラフィックをよそから買ってくる方法が成り立つ。

利用者増、検索回数増、広告クリック率増、そのためのandroid、ChromeOS、行動ターゲティング広告。

ネットの世界では、利用者指向のサービスは必ず評価されるし、業者指向のサービスは必ず失敗する。goto,comとgoogleの明暗は当然の結果。

先進国より発展途上国でandroidとchromeOSは重要。

突発的に忘れ、5秒で思い出したので念のため備忘録。
テキストを回り込みさせないために、なんか昔回り込みさせたくないボックスの高さを100%にするために云々みたいなことしていたような気がするけど、この記述のみでok。

<img src="hoge">
<p>このテキストに回り込んでほしくないわけよほんと。だってかっこわるいじゃんまわりこんだら。そうでしょ、ちょっとそこのあなた！</p>


cssを以下の通り記述。
p {overflow: hidden; }

もしあなたのお客様がIE6が素敵とおっしゃるなら
_zoom:1;
を加えてくだされば。

では、さようなら。