iPad(iPhone)でのtwitterのUI変更方法

TwitterをiPadやiPhoneからアクセスすると、UI（ユーザーインターフェース）がモバイル版になります。
モバイル版UIはシンプルな画面で見やすいのですが、登録されているメールアドレスを変更したいときや、非公開アカウントの場合に、フォローリクエストを承認しようとしても出来ません。
そんな時に、UIをパソコン版に変更する方法があるようです。

https://mobile.twitter.com/settings/change_ui

にアクセスすると、パソコン版のUIに変更されます。
モバイル版に戻したいときは、

https://mobile.twitter.com/

にアクセスすればOKです。
なお、Twitterサイトの仕様変更で使えなくなる可能性はあります。

PHPのmb_send_mail関数

PHPのmb_send_mail関数を使う場合、日本語が化けることがあります。
PHPスクリプトを書くエンコードに起因するのですが、対処方法は、

■文字コードEUC-JPで書いたスクリプトであれば、
mb_language("Japanese");
mb_internal_encoding("EUC-JP");
■SHIFT-JISで書いたスクリプトであれば、
mb_language("Japanese");
mb_internal_encoding ("SJIS");
■UFT-8で書いたスクリプトであれば、
mb_language("Japanese");
mb_internal_encoding("UTF-8");

をmb_send_mail関数を使う前に書いておけば良いようです。

let it snow

Googleで「let it snow」と検索すると雪が降ります。
しばらくすると窓ガラスの様に曇ってきます。
マウスでドラッグすると、曇を拭き取れます。
検索ボタンが、「Defrost」になって、クリックすると霜が取れます。

クライアント様からも、この時期になると、ホームページに雪を降らせて欲しいという依頼がちらほらと。
この数日、本当に寒い日が続いています。
本物の雪でも降り出しそうです。

spanのwidth指定について

SpanタグにWidthの指定を指定してはいけません。
SpanはInline要素ですから、Widthを設定するのはおかしいと言えます。
といってもDisplay設定でBlock要素にすればOKと言えますが、その場合は、SpanでなくDivを使えば良いわけですから、特殊な事例といえます。

とは、分かっていても、SpanにWidthをかけてIEで表示すると、指定の幅だけ空いてくれるわけです。
もちろん、これは、IEのバグといえるわけで、他のブラウザでは当然、隙間は空きません。

なるべく、ハックを使わず、共通のCSSで表現できるように考えるようにしていますが、IEとその他のブラウザとのCSS解釈の違いで、よくはまってしまいます。

pearコマンドが動かない時の復旧方法

久々にWebアプリの開発を古いサーバ行う事に。しかし、pearコマンドが動きません。

# pear upgrade-all
HTTP error, got response: HTTP/1.1 410 Gone
Didn't receive 200 OK from remote server. (HTTP/1.1 410 Gone)

いろいろ調べて復旧した記録を留めておきます。

PEAR - PHP Extension and Application Repository
の指示通りに、

pear upgrade --force http://pear.php.net/get/Archive_Tar　http://pear.php.net/get/XML_Parser　http://pear.php.net/get/Console_Getopt-1.2.2
pear upgrade --force http://pear.php.net/get/PEAR-1.3.3 (1.3.3より古いバージョンを使用している場合)
pear upgrade --force http://pear.php.net/get/PEAR-1.4.3.tar
pear upgrade PEAR

で最新版にアップグレードできるとのことでしたが、

File http://pear.php.net:80/Archive_Tar-1.3.1.tgz not valid ...

のエラーが出て、うまく行きません。
ですので、まずは、これを強制的にアップグレードしました。

# pear upgrade --force http://pear.php.net/get/Archive_Tar-1.3.1

その後、

pear upgrade --force http://pear.php.net/get/Archive_Tar http://pear.php.net/get/XML_Parser
pear upgrade --force http://pear.php.net/get/PEAR-1.4.3.tar
pear upgrade PEAR
pear upgrade-all

で、最新版へ復旧が完了しました。
なお、追加のパッケージを入れるときは、依存関係でエラーになる事があるので、

pear install --alldeps インストールパッケージ名

でインストールすると、関連ファイルも自動的にインストールされます。

iOS5へのアップグレード

私は、MacBookPro17を使って制作活動を行っています。
OSはまだSnowLeopardを使っています。
Lionにあげたいのですが、LionにするとRosettaが動かなくなる為、古いアプリがいろいろ動作しなくなってしまいます。
Lionに向けて移行作業中なのですが、まだ当分はかかりそうです。

Lionが使えないと言うことは、必然的にiCloudも使えません。
ですから、iPhoneもiOS4のまま使っていました。
ここで、ちょっとした勘違いをしていたのでした。
iOS5では、iCloudしか使えないと思っていたのです。

iCloudの前身であるMobile.meを使って、iPhoneとMacやWindowsを同期しています。
iPhoneをiOS5にしてしまうと、Mobile.meが使えなくなり同期できなくなると思っていたのです。

最近、iPadを入手する事が出来ました。
そのiPadはiOS5にアップグレードされていたものでした。
しかし、あっさりとMobile.meに繋がり、データも問題無く同期されたのでした。
iOS5でも問題無くMobile.meを利用できることが分かったので、早速iPhoneもiOS5へアップグレード。
もちろん、問題無く使えています。

Mobile.meとiCloudはサーバー側が違います。しかし、Mobil.meは来年の半ばで使えなくなってしまいます。それまでに、iCloudに移行しなくてはいけません。
必然的に、MacもそれまでにLionへ移行しなくてはいけません。

それまでに、古いアプリを使わなくても良い状況へ移行して、どうしても必要な時を考えてバックアップ用のマシンの環境整備を急がなくてはなりません。

Mobile.meを使っている方で、iOS5へのアップグレードを迷っている方は、参考にしてみて下さい。もちろん、iCloudの機能は使えませんが。

winmail.datの開き方

普段、Macで制作活動を行っています。
しかし、クライアント様の多くはWindows。
MacとWindowsの垣根が低くなってきたのは確かですが、今でもいろいろトラブルが起こります。

先日、クライアント様からのメールで、winmail.datの添付ファイルがありました。
このwinmail.datはMicrosoft Outlookの仕様だそうで、以下の事が起こります。

1. Outlook Express で受信すると添付ファイルがなくなる。(一覧にクリップマークすら表示されない)
2. 添付ファイルをつけていないのに、WINMAIL.DAT というファイルがつく。
3. 添付ファイルが WINMAIL.DAT というファイルに置き換わってしまい開けない。

これらはOutlookが、Transport Neutral Encapsulation Format (以下、TNEF)というフォーマットによりメールを送信することで発生するらしいです。

TNEF は以下のような場合に使用されます。

• Outlook のリッチテキスト形式でメールを作成した場合
• あて先や Cc などに指定した受信者のアドレスのプロパティで [インターネット メール形式] が [Outlook リッチ テキスト形式で送信] になっている場合
• メールに特殊なプロパティが設定されていた場合

なぜか、Outlookでは、デフォルトがリッチテキストになっていて、それがTNEFフォーマットになるということ。もちろん、画像の添付ファイルもwinmail.datに入ります。

解決方法としては、

• 送信相手に、上記の設定を解除してもらう
• Gmailか、Yahoo!メールに転送する

上の方法は、クライアント様の設定をこちらの都合で変更して頂くのはムリですから、下の方法で対処する事になるのです。

で、今までは、添付ファイルが添付されているときに、winmail.datとして送られてきていたので、Gmailに転送して取り出していましたが、今回は、Gmailに転送してもwinmail.datのまま。

そこで、Macでwinmail.datを開くことが出来るアプリがあり、それを利用してみました。

TNEF's Enoughというアプリでこちらからダウンロード出来ます。

開いてみた結果、メールの本文がそのままwinmail.datにも入っていました。

要するに、文字だけのメールでもTNEFフォーマットで送られる際には、そのテキストがwinmail.datという形で添付されて届くということの様です。

おかげで半日時間を費やしてしまいました。

SEO対策

クライアント様のSEO対策を行うとき、様々な手法がありますが、私は、あまりトリッキーな仕掛けをするのは、好きではありません。

被リンクが大切であるという時代も、そろそろ終焉を迎えようとしている気がします。

数多くあるSEO専門業者でも、いまだに被リンクが大切だとアピールするところもありますね。

今日、何気なく、当社のホームページの検索順位を調べてみました。「ホームページ制作会社」というビックキーワードで25位と、非常に高位置につけていました。

私も、被リンクにこだわった事もありました。HTMLやCSSでトリッキーな仕掛けを試してみたことありました。しかし、これらの効果は一時的で、長期的な効果は見込めないです。

他にも当社のクライアント様では、比較的高位置につけています。トリッキーな仕掛けをせず、なるべく自然に、しかも見やすいホームページが功を奏しているのかもしれませんね。

日々変化するSEO対策ですが、各種SNSも含めて、今後のホームページ作りは、もっと複雑になってくるような気がします。

SEO対策は、検索ロボットの方を意識してしまう傾向がありますが、「人に優しいホームページ」づくりを意識しなければいけないと思います。

辻 - しんにょうの点の数は？

クライアント様からの修正指示で、

「辻」のしんにょうの点の数が2つのものを使って欲しい

との要望がありました。
私が使っているMacBookProのSnowLeopard上でのSafariでは、点が2つで表示されています。
で、検証用のWindowsXPのIE6では、点が1つでした。
これはいったいどうゆう事か、早速調べてみると、なんでも当用漢字を決めたお方のせいということらしいです。詳しくはここ

で、前からヒラギノ書体に「N」の付いている書体と、付いていない書体があったのですが、これは、N付き書体は新書体で、現在の標準である点2つの「辻」が表示され、Nが付かない書体は、点1つの「辻」が表示されるというものでした。詳しくはここ

JIS X 0213というのが現在の規格ですが、この規格は2000年に制定され、2004年に改訂されている。その改訂時にいくつかの文字が変更されていると言うことです。詳しくはここ

WindowsXPがまだまだ利用されている事を考えると、この様なケースはまだまだ発生しうる可能性があると言うことでしょうか。

dtをfloatした時にIEで右にずれる場合

dtをfloatした時にIEでddの1つ目の項目が右にずれてしまいました。
IEのバグだそうです(>_<)
いろいろ解決方法があるようですが、IEハックは好きではないし、あまり複雑な事もしたくないので、なるべく簡単に対処出来る方法で対応してみました。

dt {
    float: left;
    margin-right: -85px;
    display: block;
}
dd {
    margin-left: 85px;
    padding-left: 0;
}

要するに、ddで右へずらした分と同じ分だけ、dtの右マージンにマイナス値を入れる事でうまく行きました。

dtの左にマージンを入れたい場合は、その分も含めてマイナス値を入れるとうまく行きます。

dt {
    float: left;
    margin-right: -180px;
    margin-left: 30px;
    display: block;
}
dd {
    margin-left: 150px;
    padding-left: 0;
}