photosynthesis2 http://www.spiral-records.com/psts/ ja Copyright 2012 Sat, 28 Jan 2012 23:08:01 +0900 http://www.sixapart.com/movabletype/ http://blogs.law.harvard.edu/tech/rss jQueryでthisの小要素を指定する方法 <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") など。]]> http://www.spiral-records.com/psts/2012/01/jqierythis.html http://www.spiral-records.com/psts/2012/01/jqierythis.html Javascript/jQuery Sat, 28 Jan 2012 23:08:01 +0900 get_magic_quotes_gpc() if(get_magic_quotes_gpc()){ $hoge = stripslashes()$hoge; } 上記の通りstripslashesでエスケープを一旦解除して、その後今一度エスケープさせる。]]> http://www.spiral-records.com/psts/2012/01/get_magic_quotes_gpc.html http://www.spiral-records.com/psts/2012/01/get_magic_quotes_gpc.html php Sat, 28 Jan 2012 10:23:09 +0900 HTML5　備忘録 その1 section、article、aside

header nav footer address

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

について。]]> http://www.spiral-records.com/psts/2012/01/html5.html http://www.spiral-records.com/psts/2012/01/html5.html HTML/CSS Thu, 26 Jan 2012 15:33:23 +0900 jQueryにおけるattr()とprop()　- selectedIndexの場合 - <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の件は以上で、解決。]]> http://www.spiral-records.com/psts/2012/01/jqueryattrprop.html http://www.spiral-records.com/psts/2012/01/jqueryattrprop.html Javascript/jQuery Wed, 25 Jan 2012 16:54:50 +0900 未来を生きる 年々、未来について思いを巡らすことが増えている。 現実がどうにもならないからとかではなくて、年をとる毎に考えることが面白くなってきているからだ。どんどんぐちゃぐちゃになっていっているけど、面白い。いつか整理がつくはずだと思いつつ、混沌とした濁流を楽しんでいる。 本書のプロローグで触れられている通り、今「企業の時代」から「個の時代」への流れの中で大きな軋轢が起きている時代だ。この混沌をポジティブに受け止めてなんとか少しでもおもしろく生きていきたい。 世間的にはおそらく沢尻エリカのだんなで、いつもニヤついているわけのわからんやつみたいな扱いであろう高城剛。 彼が、様々なジャンルで活躍する人々との雑談（対談）を収録した本書には、ほんのちょっとの気付きがそれぞれの対談相手と高城氏の口からこぼれ出ている。 個人的にはテリー伊藤、整体師の三枝氏との対談に多くの気づきがあり非常に参考になった。 未来を自分で描きたいと思うヒトにはきっと役に立つ小さな気づきがいくつかあると思うので、半身浴の際などにオススメです。
そこに文化の構築とか、カルチャーとかってものはないでしょ？新しい芸術家がコツコツなにかを作り出すような。 クリエイターよりもアレンジャーの時代。ただしこれは過渡期的なもので、その後は全然違うところからあたらしいものがでてくるかも。人間ってそんなに愚かじゃないもんね。 個人的にはインターネットの時代はもう過渡期を過ぎたと思っている。インターネットを超えてそろそろ次の何かが出てくる可能性がある。
]]> http://www.spiral-records.com/psts/2012/01/post_152.html http://www.spiral-records.com/psts/2012/01/post_152.html Book Sun, 15 Jan 2012 19:19:34 +0900 offset() var hantei = $('#hoge').offset() alert(hantei); だと hogeの座標値が正しく表示されない。 var hantei = $('#hoge').offset() alert(hantei.left); ならOK。]]> http://www.spiral-records.com/psts/2012/01/offset.html http://www.spiral-records.com/psts/2012/01/offset.html Javascript/jQuery Thu, 12 Jan 2012 12:35:35 +0900 jQueryはセレクタを「 , 」区切りでまとめてポン。 $('#hoge, #hoge2, #hoge3'). ってこと。 んだけ。 ]]> http://www.spiral-records.com/psts/2012/01/jquery_1.html http://www.spiral-records.com/psts/2012/01/jquery_1.html Javascript/jQuery Tue, 10 Jan 2012 23:26:21 +0900 Googleの過去を知る 2010年1月29日初版のこの「Gooleの正体」では、現在のGoogleは見えてこない。 この業界で2年とは途方もない昔の話になってしまうのは自明のことで、Googleの過去を押さえる（主にどうやって儲けて、どうして無償で様々なサービスだすのかという話）、歴史教科書として本書は機能することになる。 ただ、2010年ながらFacebookといったSNSとGoogleの関連性についての記述がなく、著者の先見の明があまりないように思うのが残念なところだが、それでもgoogle含めたネットやネット広告の歴史教科書としては2、3時間もあれば読めてしまうボリュームなので目を通すのはいいのではと思う。
消費者は受動的に入ってくる広告を軽視するようになる一方で、自分で能動的に発見した広告を重視するようになってきている。 現在の広告消費者モデルでは、広告の機能する段階が減っている。 ロングテールは死に筋復活の魔法ではない。なんでもない地方の小売店が脚光を浴びることはない。あくまで価値があるのに届かなかったものに対して機能する。 Googleは大数の法則により1回検索してもらうことでいくら売り上げがたつかわかっている。だから、検索トラフィックをよそから買ってくる方法が成り立つ。 利用者増、検索回数増、広告クリック率増、そのためのandroid、ChromeOS、行動ターゲティング広告。 ネットの世界では、利用者指向のサービスは必ず評価されるし、業者指向のサービスは必ず失敗する。goto,comとgoogleの明暗は当然の結果。 先進国より発展途上国でandroidとchromeOSは重要。
]]> http://www.spiral-records.com/psts/2012/01/google.html http://www.spiral-records.com/psts/2012/01/google.html Book Mon, 09 Jan 2012 21:23:12 +0900 テキストを回り込みさせないためのCSS記述 <img src="hoge"> <p>このテキストに回り込んでほしくないわけよほんと。だってかっこわるいじゃんまわりこんだら。そうでしょ、ちょっとそこのあなた！</p> cssを以下の通り記述。 p {overflow: hidden; } もしあなたのお客様がIE6が素敵とおっしゃるなら _zoom:1; を加えてくだされば。 では、さようなら。]]> http://www.spiral-records.com/psts/2012/01/css.html http://www.spiral-records.com/psts/2012/01/css.html HTML/CSS Thu, 05 Jan 2012 21:58:21 +0900 A++ ++Aの違い var A = 2; var B = 4; var test1 = A + ++B; var test2 = A + B++; $("document").ready(function(){ $("#t1").text(test1); $("#t2").text(test2); }); 結果はこちらのページ]]> http://www.spiral-records.com/psts/2011/12/a_a.html http://www.spiral-records.com/psts/2011/12/a_a.html Javascript/jQuery Sat, 31 Dec 2011 12:45:52 +0900 RSSなどのfeedを一覧表示する <ul> <?php $pstsAtomTree = simplexml_load_file('http://spiral-records.com/psts/atom.xml'); for($i=0;$i<3;$i++){ print('<li><a href="'.$pstsAtomTree->entry[$i]->link[href].'">'.$pstsAtomTree->entry[$i]->title.'</a></li>'); } ?> </ul> phpにはsimplexml_load_file()という便利な関数がある。 上記例は、これを用いてこのブログのxmlを3件表示するためのコード。 RSSは吐き出されるデータが色々と違う（階層構造など）ので、RSSの中身を見ながらちょいちょいこのコードを修正すればOK。 この例の場合は $pstsAtomTree->entry[$i]->link[href] がリンクURLの部分で、 atom.xmlでは <feed xmlns="http://www.w3.org/2005/Atom"> 〜省略〜 <entry> <title>データの有無や判別</title> <link rel="alternate" type="text/html" href="http://www.spiral-records.com/psts/2011/12/post_151.html"/> <id>tag:www.spiral-records.com,2011:/psts//6.1305</id> <published>2011-12-26T07:13:54Z</published> <updated>2011-12-27T01:38:34Z</updated> <summary>is_null()とisset()は変数の値が長さ0の「""」でもtrueになっ...</summary> <author> <name>hrbys</name> </author> <category term="php" scheme="http://www.sixapart.com/ns/types#category"/> <content type="html" xml:lang="ja" xml:base="http://www.spiral-records.com/psts/"> <〜コンテンツの中身省略〜 </content> </entry> という感じで階層構造になっているので、階層の通りに指定する。 URLはlinkタグのhrefなので、 link[href] となる。 あああ、メタクソ便利。]]> http://www.spiral-records.com/psts/2011/12/rss.html http://www.spiral-records.com/psts/2011/12/rss.html php Fri, 30 Dec 2011 02:46:46 +0900 データの有無や判別 <form method="post" action=""> <input type="text" name="c1" value=""> <p><input type="submit" name="sub2" value="送信する"></p> </form> <p><?php if(empty($_POST[c1])) { echo "はいっとらんがや"; } else { echo"はいってるがな"; } ?> </p> ↑はemptyのテストコードなので、0や空、1でsubmitして見て確かめられる。 strlen()はデータのバイト数を返すので、0バイトなら「無」の判定とか。 strlen()はマルチバイト文字を処理する時のmb_strlen()。 php.iniで「mbstring.func_overload」に値を設定するとstrlen()でもオーバーロードされるようになるみたい。 半角数字はereg()でチェックできるけど
POSIX拡張 正規表現をサポートするereg関数などのPOSIX 正規表現関数は、PHP6.0でコアから消えるらしい。 ereg関数はPHP6.0でコアから消える予定【PHP】 - Programming Magic
なので、 is_numeric() とか。 <?php $number = "01２0"; if(is_numeric($number)){ echo "数字じゃ"; } else { echo "数字じゃあらへんねん"; } ?> is_numercのテストコード↑ ]]> http://www.spiral-records.com/psts/2011/12/post_151.html http://www.spiral-records.com/psts/2011/12/post_151.html php Mon, 26 Dec 2011 16:13:54 +0900 base64_encode()とserialize() 指定した data を base64 でエンコードします。 このエンコードは、メールの本体のように 8 ビットクリーンではないトランスポート層を通じても、 バイナリデータが生き残れるように設計されている。 Base64 でエンコードされたデータは、エンコード前のデータにくらべて 33% 余計に容量が必要。 逆はbase64_decode()関数 serialize()
値の保存可能な表現を生成します。 型や構造を失わずに PHP の値を保存または渡す際に有用です。 シリアル化された文字列を PHP の値に戻すには、 unserialize() を使用。
いずれもphp.netのマニュアルより引用。 <?php $array = array("menu"=>"オノナツメの単行本", "price"=>"1000"); echo "<h2>base64_encodeとserializeでエンコードした場合</h2>"; print_r(unserialize(base64_decode($_POST["ar_enc"]))); echo "<h2>serializeしただけの場合</h2>"; print_r($_POST["ar-s"]); echo "<h2>エンコードしなかった場合</h2>"; print_r($_POST["ar"]); ?> <form method="post" action=""> <input type="hidden" name="ar_enc" value="<?php echo base64_encode(serialize($array)) ?>"> <input type="hidden" name="ar-s" value="<?php echo serialize($array) ?>"> <input type="hidden" name="ar" value="<?php echo $array ?>"> <p><input type="submit" name="sub1" value="送信する"></p> </form> これを試すと違いがわかる。 サンプル実行ページ ]]> http://www.spiral-records.com/psts/2011/12/base64_decodeserialize.html http://www.spiral-records.com/psts/2011/12/base64_decodeserialize.html php Mon, 26 Dec 2011 13:40:04 +0900 foreach文 要素の値を取得
foreach( 配列 as $value ) { // 配列の終わりまで、繰り返し処理。 }

インデックスと要素の値を取得

foreach( 配列 as $key => $value ) { // 配列の終わりまで、繰り返し処理。 }
「continue （スキップ）」・「break （中断）」も利用でき、それを使った例。 text1は飛ばして、text4で中断なので、ポストされた配列のうち、text2とtext3の2つだけ表示される。breakはbreakに指定されたものも実行しないので、指定したものを実行して中断ではない。 <?php foreach($_POST as $data => $val){ if($data == text1) continue; if($data == text4) break; echo $data."=".$val.'<br>'; } ?> <form method="post" action=""> <input type="text" name="text1" /> <input type="text" name="text2" /> <input type="text" name="text3" /> <input type="text" name="text4" /> <input type="text" name="text5" /> <input type="submit" name="sub1" value="送信する" /> </form> 上記コードはこちらでテストできる。→http://www.spiral-records.com/psts-lib/php/111225.php なお、説明文はこちらのほぼパクリ。 初心者向けPHPナビ - PHP - foreach 文 このサイトが一番わかりやすかったので。 ]]> http://www.spiral-records.com/psts/2011/12/foreach.html http://www.spiral-records.com/psts/2011/12/foreach.html php Mon, 26 Dec 2011 10:54:11 +0900 コード表示のためのhtml特殊文字変換ツール コード表示のためのhtml特殊文字変換ツール まあ自分用。 ポイントは htmlspecialchars() を2回繰り返すところと、\が表示されないように stripslashes()・・・\（バックスラッシュ）でクォートされた文字列からクォート部分を取り除いて返す関数。 を使っているところ。 抜粋ソースは以下の通り。 <form action="" method="post"> <textarea cols="70" rows="10" name="codes"></textarea> <input type="submit" id="submitbtn" value="変換する" /> <input type="reset" value="クリア"> </form> <?php $before = stripslashes($_POST["codes"]); $after = htmlspecialchars($before,ENT_QUOTES); ?> <?php if($before) { echo '<div id="afterarea">'; echo '<h2>変換後</h2>'; echo '<pre>'; echo (htmlspecialchars($after,ENT_QUOTES)); echo '</pre>'; echo '</div>'; echo '<div id="beforearea">'; echo '<h2>変換前</h2>'; echo '<pre>'; echo $after; echo '</pre>'; echo '</div>'; } ?> ]]> http://www.spiral-records.com/psts/2011/12/html.html http://www.spiral-records.com/psts/2011/12/html.html php Sun, 25 Dec 2011 01:14:16 +0900