フリーランスのウェブクリエーターが日々の気付きや日常の出来事を備忘録的にまとめています

今日いよいよ本格的に携帯で映画チケットが当たる『モバゲット』がオープンしました。
携帯の会員制サイトなので、セッション管理や空メール処理、デコメ送信、携帯識別番号取得・・・等、制作には時間がかかりましたが映画に興味がある人は是非ご覧ください。

http://eyematching-mobile.com

→ホームページ制作・WEBシステム開発

auの場合、いちいちページ更新をしないと最新の状態が表示されない。
これは、一度見たページを携帯電話内に記憶（キャッシュ）しているためです。
こんな時HTMLのMETAタグでキャッシュ時間を制御できます。
書き方は以下の通り↓

＜meta http-equiv=”Cache-Control” content=”no-cache” /＞
これでキャッシュを無効にできます。

携帯でCSSを使用する場合、ドコモだけは外部のCSSを読み込むことができない等の制約が多いため、全キャリア共通の携帯サイトを作成する際はドコモを基準に作る必要があります。
まず、外部参照は使用しません。また内部参照も制限が多いため、基本はインライン指定で行うことになります。

以下、携帯でCSSを使う方法を記述します。

1．1行目にXML宣言
＜?xml version=”1.0″ encoding=”Shift_JIS” ?＞

2．Content Type指定
＜meta http-equiv=”Content-Type” content=”application/xhtml+xml; charset=Shift_JIS” /＞

3．htaccssに追加
AddType application/xhtml+xml .html
これで拡張子「html」でCSSが有効になります

4．PHPの場合ドコモだけ効かなかったので以下の１行を追加
header(”Content-type: application/xhtml+xml;charset=Shift_JIS”);

5．インラインでstyleを指定する

→ホームページ制作・WEBシステム開発

携帯サイトでhttps内のページからhttp内のページにリンクをした場合、ドコモとソフトバンクは正常に表示されるが、auだけが「リクエストされたページは表示できません」という画面が表示され、リンク先ページを表示できませんでした。
リンク先は定数で指定しており、以下のようになっておりました。

＜a href=”＜?= HOMR_URL ?＞”＞トップページ＜/a＞

これだとダメだったのでContent-Typeの指定等をいろいろ変えたりして試してみましたが結局だめだったので、リンク先の指定方法を定数ではなく、通常のURLで指定しなおしたら治りました。

＜a href=”http://hoge.com/”＞トップページ＜/a＞

実は定数HOME_URLは以下のように設定してあり、環境変数を参照していました。
define(”HOME_URL”,   ”http://”  . $_SERVER["HTTP_HOST"]);

define(”HOME_URL”,   ”http://hoge.com”);
このようにすると、リンク指定をHOME_URLでも大丈夫なようになったので、どうやらauでは期待した通りに環境変数が取得できていなかった模様

携帯サイトを作成していて mailto リンクで件名と本文を指定するのに下記のように指定します。
<a href=”mailto:メールアドレス?subject=件名&body=本文”>
このとき、件名と本文はURLエンコードする必要があるのだが、キャリアによって渡す文字コードに違いがあります。
DoCoMo、au は shift_JIS に変換してから URLエンコード、SoftBankはUTF-8にしてからURLエンコードしないと文字化けが起こります。
ですので、アクセスされた端末を判別し、それに合わせた文字コードに変換しURLエンコードするという手順になります。

サンプルコードはこんな感じ
<a href=”mailto:?subject=<?php echo urlencode(mb_convert_encoding(’題名’, ’sjis’));?>&amp;body=< ?php echo urlencode(mb_convert_encoding(’本文’, ’sjis’))?>”>友達に知らせる</a>