#
# DirectoryIndex: sets the file that Apache will serve if a directory
# is requested.
#
<IfModule dir_module>
DirectoryIndex index.html index.php
</IfModule>
ここに
DirectoryIndex index.html index.php index.htm
と「index.htm」を追記すること。
]]>
原因：float:rightのとき、なぜかはみだしてまで過激に右寄せする。ほんと激しすぎ．．．
対処：
.fb-like-box {
text-align:left;
}
のようにfaceboookのlikeボックスdivに対してテキストの左寄せを指定。
以上。
Facebook、ほんと勘弁．．．だいたいSNSなんてのは．．．
以上．．．
]]>参考にしたのは「[javascript] アンドロイドのバージョン判別方法」
というか、まんま採用させて頂きました．．．
function lowerAndroid(n) {
var bo = false;
var ua = navigator.userAgent.toLowerCase();
var version = ua.substr(ua.indexOf('android')+8, 3);
if(ua.indexOf("android")) if(parseFloat(version) < n) bo = true;
return bo;
}
で、例えば
if(lowerAndroid(2.3)){
処理内容
}
とすれば、2.2以下への別処理を書ける。
以上。
]]>../about/index.html
一番丁寧。
でも以下のように省略する。
../about
あるいは
../about/
../aboutの場合、これにBASIC認証をかけると、safariではすでに入力してあっても再度IDとPASSを求めてくる。
Dreamweaverはもしかしたら設定でいじれるのかもしれないけど
../about/
としていても
../about
に変換しやがるのでちょっとめんどいという話。
<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")
など。
]]>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でエスケープを一旦解除して、その後今一度エスケープさせる。
]]>
<div id="container">
<section id="maincontents">
<h1>昔話</h1>
<p>むかーしむかーし．．．なのだった。</p>
</section>
</div>
は、
<div id="container">
<div id="maincontents">
<section>
<h1>昔話</h1>
<p>むかーしむかーし．．．なのだった。</p>
</section>
</div>
<article>
<article>
<h1>思い出話大全</h1>
<p>思い出話を網羅しちゃうよ。</p>
<section>
<h2>思い出話1</h2>
<p>1000年前のこと．．．．でした。</p>
</section>
<section>
<h2>思い出話2</h2>
<p>500年前のこと．．．．でした。</p>
</section>
</article>
<article>
<h1>コメント</h1>
<p>大変興味深いうんちゃらかんちゃら。</p>
</article>
</article>
<article>
<article>
<h1>思い出話大全</h1>
<p>思い出話を網羅しちゃうよ。</p>
<section>
<h2>思い出話1</h2>
<p>1000年前のこと．．．．でした。</p>
</section>
<section>
<h2>思い出話2</h2>
<p>500年前のこと．．．．でした。</p>
</section>
<aside>
<h3>関連リンク</h3>
<ul>
<li><a href="">著者ウェブサイト</a></li>
<li><a href="">思い出話大全レビューページ</a></li>
</ul>
</aside>
</article>
<article>
<h1>コメント</h1>
<p>大変興味深いうんちゃらかんちゃら。</p>
</article>
</article>
<div id-"header"></div>
としていたところを
<header></header>
とできるという、html5の目玉のひとつじゃあないかしら。
それぞれ字の如くヘッダー・フッター・ナビゲーションという括りで使う。
．．．といった捉え方が多いけど、以下のような使い方もある。
<header>
<h1>本日の訓告</h1>
</header>
<p>なせばなるなさねばならぬなにごともこもごも。</p>
<footer>
<p>カテゴリー：訓告</p>
<p><time datetime="2012-01-25">2012年1月25日</time></p>
</footer>
さて今回は次で最後。
html5ではで実装されたもので、強制的にキャッシュさせてロード時間短縮を狙えるもの。
<html manifest="cache.manifest">
.manifestファイルを作成し、こんな感じの記載。
.manifestの書き方は詳解! HTML 5と関連APIの最新動向 - Webアプリ開発編、HTML5的にmanifestファイルをゴニョったによるとこんな感じか。
CACHE MANIFEST# 「#」で始まる行はコメント
# ファイルの先頭はCACHE MANIFESTで始まる必要がある# マニフェストファイルにはバージョンを記述しておくのが通例
# マニフェストが更新されたかどうかはファイル内容の厳密な比較で行われるため、
# リソースの内容が変化したらバージョン番号を変更する、という運用が一般的
# 例：Version: 200907211108Version: 20120125-01
############################################################
## キャッシュ対象のコンテンツ
CACHE:js/hoge.js
css/hoge.css
images/hoge.png############################################################
## 「NETWORK:」で始まるセクションは「オンラインホワイトリスト」と呼ばれる
# ここに記述したリソースはキャッシュの対象にならず、必ずネットワークアクセスされる
# この例では、「/api」で始まるURLは全てネットワークアクセスを行う
# NETWORK:
# /api# 大雑把にルートの諸々
/index.php
/index.js
/favicon.ico
/archives
/themes
/js# 外部リソース
http://www.google-analytics.com
http://b.hatena.ne.jp
http://farm3.static.flickr.com
さらに、
.htaccessなどで.manifestがContent-Type: text/cache-manifestでヘッダー送出されるようにする
AddType text/cache-manifest .manifest
とのこと。
HTML5的にmanifestファイルをゴニョったの記事がわかりやすく、追記のmanifestファイルとかの続きも読むのをおススメ。
なお、manifestの記述はhtmlタグ、つまり最初に登場するため、以下のような書き方はできない。
<html manifest="cache.manifest">
<base href="http://hogehoge.jp>"baseがあとにくると相対パス前が認識されない、当たり前か。
]]>下記例で、最初は「そないいわんでも」。
クリックして「ほんにまあ」をセレクト。
もう一度セレクトボタンを触らずに、別のボタンか何かで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の件は以上で、解決。
]]>年々、未来について思いを巡らすことが増えている。
現実がどうにもならないからとかではなくて、年をとる毎に考えることが面白くなってきているからだ。どんどんぐちゃぐちゃになっていっているけど、面白い。いつか整理がつくはずだと思いつつ、混沌とした濁流を楽しんでいる。
本書のプロローグで触れられている通り、今「企業の時代」から「個の時代」への流れの中で大きな軋轢が起きている時代だ。この混沌をポジティブに受け止めてなんとか少しでもおもしろく生きていきたい。
世間的にはおそらく沢尻エリカのだんなで、いつもニヤついているわけのわからんやつみたいな扱いであろう高城剛。
彼が、様々なジャンルで活躍する人々との雑談（対談）を収録した本書には、ほんのちょっとの気付きがそれぞれの対談相手と高城氏の口からこぼれ出ている。
個人的にはテリー伊藤、整体師の三枝氏との対談に多くの気づきがあり非常に参考になった。
未来を自分で描きたいと思うヒトにはきっと役に立つ小さな気づきがいくつかあると思うので、半身浴の際などにオススメです。
そこに文化の構築とか、カルチャーとかってものはないでしょ？新しい芸術家がコツコツなにかを作り出すような。クリエイターよりもアレンジャーの時代。ただしこれは過渡期的なもので、その後は全然違うところからあたらしいものがでてくるかも。人間ってそんなに愚かじゃないもんね。
個人的にはインターネットの時代はもう過渡期を過ぎたと思っている。インターネットを超えてそろそろ次の何かが出てくる可能性がある。
で、
var hantei = $('#hoge').offset()
alert(hantei);
だと hogeの座標値が正しく表示されない。
var hantei = $('#hoge').offset()
alert(hantei.left);
ならOK。
]]>
$('#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は重要。
<img src="hoge">
<p>このテキストに回り込んでほしくないわけよほんと。だってかっこわるいじゃんまわりこんだら。そうでしょ、ちょっとそこのあなた！</p>
cssを以下の通り記述。
p {overflow: hidden; }
もしあなたのお客様がIE6が素敵とおっしゃるなら
_zoom:1;
を加えてくだされば。
では、さようなら。
]]>A + ++Bはすでに1加算されたBとAの足し算「A + B」
A + B++は「A + (B+1)」
var A = 2;
var B = 4;
var test1 = A + ++B;
var test2 = A + B++;
$("document").ready(function(){
$("#t1").text(test1);
$("#t2").text(test2);
});
結果はこちらのページ
<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]
となる。
あああ、メタクソ便利。
]]>