MacBSの日常生活的日記

iPhoneはフルブラウザなので、パソコン向けのWebサイトも問題なく
閲覧することができます。
でも、やっぱり拡大縮小などなしに、気楽に見られるほうが良いですよね。

ということで、うちのブログをiPhoneに対応した表示にしてみることに
しました。
CSSだけでの対応も考えましたが、表示される分量もコントロール
したかったので、PHPとCSSの双方で対応しています。

まず、定番ですが、iPhoneでの縮小拡大を無効にします。
まぁ、拡大できて悪いわけではないんですけれどね。

<meta name=”viewport” content=”width=480,maximum-scale=0.6667 user-scalable=no ” />

そして、iPhone用のhtmlを別途用意します。
これはMovableTypeの機能で簡単に作れますね。

通常のトップページは「index.html」ですが、モバイル用は「mobile.html」です。
このままだと、ご覧いただく方が切り分けないといけませんから、
そこでPHPの登場です。

以下の内容で「index.php」を作ります。

<?php

function load_skin($URL)
{
    global $html_all;

    $fp = fopen($URL, “r”);
    $html = fread($fp, filesize($URL));
    fclose($fp);

    $html_all = $html;
}

$ua = $_SERVER[‘HTTP_USER_AGENT’];

if (preg_match(“/iPhone/”,$ua)) {
    //iPhone用の処理
    load_skin(“./mobile.html”);
}
// ケータイ
else if ( preg_match(“/DoCoMo/”,$ua) ||
    preg_match(“/^UP\.Browser/”, $ua) ||
    preg_match(“/^KDDI-/”, $ua) ||
    preg_match(“/J-PHONE/”, $ua) ||
    preg_match(“/Vodafone/”, $ua) ||
    preg_match(“/SoftBank/”, $ua) ) {
    //ケータイ用の処理
    load_skin(“./mobile.html”);
}
else {
    //それ以外
    load_skin(“./index.html”);
}

echo $html_all;
exit();
?>

ついでといっては失礼ですが、ケータイにも簡易対応しておきました。
iPhoneと同じページですから、文字が大きすぎるかもしれません。
また、細かい判定はやってませんから、誤認識もあるかも。
このあたりはまた徐々に詰めていきたいと思います。

また、ケータイやiPhoneでの動作確認は実機だけでなく、FireFoxの
プラグイン「FireMobileSimulator」で出来て、便利です。

あとはこれまでindex.htmlがデフォルトだったので、デフォルトで
index.phpに飛んでくるように変更します。
それには「.htaccess」に以下の行を追加(変更)するだけです。

DirectoryIndex index.php index.html

これでphpのほうが優先されるようになります。
ですので、拙ブログへのアクセスは、以下のURLでお願いいたします。
http;//saramac.main.jp/blog/

もちろん、明示的にindex.htmlを指定すれば、PC側のページ固定で
閲覧できます。

まだまだページデザインは貧弱なものですが、そのあたりはぼちぼち
体裁を整えていこうかと。
そのためにはデザインも、もうちょっと勉強しなくちゃなぁ。
「iPhone Web Style」という本があるようなので、今度見てみようと思います。

うちのブログは「ロリポップ！レンタルサーバー」を使っているわけですが、
もうずいぶん長く使ってる関係もあって、ディスク容量が、かなり心許なく
なってきていました。

初期状態の200MBでは全く足りず、すでに500MBに増量してあったのですが、
それでも448MBまで使っちゃってる状態です。

そんな中、レンタルサーバから、うれしいお知らせが。
なんと、6/29から標準のディスク容量が1GBに大幅増量されるそうです。

オプションで容量強化してあれば、なんと2GBになります。
これなら、しばらくは足りなくなることはなさそうですね。

まぁ、処理速度の問題などは残るような気もしますが、URLが変わるのも
面倒ですし、お値段の安さもありますから、まだまだ使い続けていきたいと
思います。

ブログなどのWebサイトの価値を計算してくれる「Stimator」というのが
あったので、早速、試してみました。

USドルで、218,516ドルだそうで。2000万円ですか！

いやぁ、それだけの価値はないと思いますが、確かに人件費を考えたら、
そんな感じかもしれませんね。
好きで書いているだけなので、お金には換えられませんけれど。

ほんとの意味で、読んでくださる方にとって、価値のあるブログにしていきたいと
改めて思った次第であります。

紗羅が「SAMURAI WEAPON」という面白いブログパーツを見つけてきたので、
紹介してみます。

音が鳴りますので、続きに貼りますね。
興味がある方は、続きをどうぞ。

Read the rest of this entry »

あんまりネタがないので、うちのブログにいらっしゃる方のWebブラウザを
分析してみました。
以前も2007年にやってるんですが、それからどう変わったのかも見たいなぁと
思っていたんですよね。

1位 Safari 52.4%
2位 Firefox 25.8%
3位 IE 9.2%
4位 Chrome 4.2%
5位 Sleipnir 2.3%
6位 Safari Mobile 1.9%

Macネタが少ないながらも、Macユーザーさんに多数、おいでいただいているというのも
あって、相変わらずSafariが強いです。

とはいえ、前回から比べると、FireFoxの増加が目立ちます。
IEはかなり激減していまして、それがChromeやSleipnirに流れている感じですね。

Safari MobileはiPhoneでのアクセスで、これは以前では考えられなかったことです。
うちもiPhoneに合わせたサイト表示をしたほうが良いのかもなぁ。

ちなみに、前回(2007年8月)のシェアは、以下のような感じでした。

1位 Safari 56.9%
2位 Firefox 23.2%
3位 IE 15.3%
4位 Opera 1.9%
5位 Netscape 1.3%

私はMacでは相変わらずSafari、WindowsはIEをやめてGoogle Chromeを使っています。
今後もWebブラウザはどんどん革新されていきそうですし、シェアも変化していくのかも
しれません。

ブログを購読者数とブックマーク数で分析してくれる「TopHatenar」というのが
あったので、早速試してみました。

うちのようなブログでも購読してくださっている方が結構いらっしゃるのですね。
ありがたいことです。

ブックマークのほうは、やっぱりノウハウ的なものが人気のようです。
あまり有益な情報がないので、こちらのほうを少し強化すべきかも。
PHPネタなんかが結構あるので、そのあたりでも書いてみようかなぁ。

ブログを運営されていらっしゃる方は、お試しになってみると、ご自身のブログを
客観的に見られるかもしれません。