さてと。
文字化けなども解消された素晴らしいXHTMLなソースですが、ちょっとformで日本語を次のページに渡そうとしたら・・・
またきました。
au・・・
またもや文字化けです(´・ｪ・｀)
例えばですが、
トップページに名前を入力するフォームがあるとしましょう。文字コードはutf-8です。
<form action="next.php" method="GET">
<input name="name" type="text" value="">
<input type=submit value="送信">
</form>
これで、next.phpに入力した名前が渡されまして、
とりあえずそれを表示されてみるとnext.phpにはこんな感じ。文字コードはutf-8です。
<?php
print(htmlspecialchars(mb_convert_encoding($_GET["name"],’UTF-8′,’UTF-8,SJIS,EUC-JP’)));
?>
こうしないと文字化けしちゃうですよ。
auのフォームはSJISで送られてくるらしいです。
詳しくは、リクルートメディアコミュニケーションズさんのたたみラボの記事がとっても参考になります。サンクス！
あぁ、、、、畳、いいっすね?。
畳の上で作業したいです。。。
い草の香りに包まれてね。
第一回 そろそろ携帯サイトも真面目(XHTML＆CSS)に作ってみましょうか。
第二回 auでUTF-8で作成したページの絵文字が文字化け
第三回 3キャリア対応 絵文字変換スクリプトで文字化け解決
第四回 ケータイサイトXHTML&CSSでBLINKとかって。
第五回 auでutf-8のページからformで日本語を渡すと文字化けorz
第六回 メール受信設定をしっかりと案内してますか？
第七回 auのソフトキーラベルについて
第八回 エラーが発生しました。レスポンスが不正です。WJ46386E
たまにはプライベートネタを。このごろよく聞かれるので。
休日の気分転換はもっぱらフットサルなのですが、フットサルってシューズがとっても重要でして、様々なシューズを履いては履き替えを繰り返していましたが、これに勝る者無しって感じで、Desporte|デスポルチ リオをご紹介。
シューズに悩んでいる方。
どんな足のタイプでもすぐにフィットしてきます。
そして軽い。軽すぎる。
今や屋外も屋内もデスポルチです。
履き潰してもまたデスポルチを買うと思います。
また新しいシューズに手を出して、足に合わなかったら・・・と思うともうコイツ一本でいいかなぁ?って思っちゃうほど良いです。
特にわたくし、甲高幅広で足に合うシューズってほとんど無いのですが・・・こいつはバッチリ。
普通の足形の方は少しだけちいさめサイズを選ぶと良いかもです。
是非。
さて、無事に文字化けなどがクリアできましたので、早速ソースを書いていきましょう。
カリカリカリっと・・・・あれ？そういえば、マーキー（marquee）とかどうするんだろ？
と。
>>携帯ホームページを作ろう！ -ちょっと詳しいモバイルサイトの作り方-
モバゲーのような携帯サイトを作るための12のTips
こちらを参考に、
<div style=”display:-wap-marquee;”>
この画面はﾓﾊﾞｹﾞｰﾀｳﾝに似せて作ったﾃｽﾄ画面です。
</div>
なるほど。問題なくマーキーしてます。
そういえば、ブリンク(BLINK)はどうなんだろう？
どうやらauでは点滅しますが、docomoだと点滅しません。
どちらにしても、しっかり書かないとということで・・・
>>村式開墾日記
DoCoMoのCSSとXHTMLまとめ
こちらを参考に、
<span style=”text-decoration:blink;”>
なるほど。ばっちりです。
村式開墾日記さんはとっても解りやすくまとまっていました。
感謝！！！
第一回 そろそろ携帯サイトも真面目(XHTML＆CSS)に作ってみましょうか。
第二回 auでUTF-8で作成したページの絵文字が文字化け
第三回 3キャリア対応 絵文字変換スクリプトで文字化け解決
第四回 ケータイサイトXHTML&CSSでBLINKとかって。
第五回 auでutf-8のページからformで日本語を渡すと文字化けorz
第六回 メール受信設定をしっかりと案内してますか？
第七回 auのソフトキーラベルについて
第八回 エラーが発生しました。レスポンスが不正です。WJ46386E
さて、なんとかUTF-8で各キャリア文字化けを回避しましたが、auの絵文字が文字化けしている状況・・・・
これがなんとかならないか・・・と、ネットサーフィン。死語ですが。
SHIFT_JISなら問題ないのでしょうが、ちょっと今更なのでなんとかUTF-8で。
そんななか、3キャリア対応 絵文字変換スクリプト MobilePictogramConverterが願いを叶えてくれそうでした。
早速挑戦です。
もっともシンプルなコードで書くと・・・
<?php
require_once ‘MobilePictogramConverter.php’;
$str = pack(‘H*’, ‘F89F’); // DoCoMo 絵文字 (太陽のマーク)
$mpc =& MobilePictogramConverter::factory($str, MPC_FROM_FOMA, MPC_FROM_CHARSET_UTF8);
echo $mpc->autoConvert();
?>
そして、docomoとauで確認したら！！
バッチリです！！キター！
でも、これだと、絵文字一個ずつechoしなくてはいけないのかな？
それはキツイ。
とおもったら、コメント欄に同じくお悩みの方が。
結果、ヒアドキュメントでやれるみたいです。
<?php
require_once ‘./mpc/MobilePictogramConverter.php’;
$body =<<<body1
i絵文字で絵文字を挿入
body1;
$mpc =& MobilePictogramConverter::factory($body, MPC_FROM_FOMA, MPC_FROM_CHARSET_UTF8);
echo $mpc->autoConvert();
?>
おおお?！
バッチリですよ！
素晴らしいプログラムに感謝！！
第一回 そろそろ携帯サイトも真面目(XHTML＆CSS)に作ってみましょうか。
第二回 auでUTF-8で作成したページの絵文字が文字化け
第三回 3キャリア対応 絵文字変換スクリプトで文字化け解決
第四回 ケータイサイトXHTML&CSSでBLINKとかって。
第五回 auでutf-8のページからformで日本語を渡すと文字化けorz
第六回 メール受信設定をしっかりと案内してますか？
第七回 auのソフトキーラベルについて
第八回 エラーが発生しました。レスポンスが不正です。WJ46386E
先日からの続き。
UTF-8で作成したページがauで文字化けしてしまう・・・orz
色々と試行錯誤していたら・・・
.htaccessから AddType application/xhtml+xml .html
を削除したら大ジョブでした(・∀・)!
じゃぁdocomoはどうするの？
docomoでXHTML＆CSSが出来ないのは意味がないので・・・
という矢先、phpファイルでxhtmlを使用しなくてはいけないことに気が付きました。
ぶっちゃけ、モバイルアドセンスなんですが・・・（ ´∀｀ ）
.htaccessに以下の行を追加します。
AddType text/xhtml+xml .php
で、やっぱりauがダメダメだったのですが、docomoでは必須であるxhtmlソースの１行目↓を外すと大丈夫でした。
header(‘Content-Type: application/xhtml+xml; charset=UTF-8′);
どうにも面倒になってきたので・・・
xhtmlヘッダ部分をキャリア毎に記述をインクルードさせることにしました。
例えばこんな感じです。。。
>index.php
< ?php
$ua = $_SERVER["HTTP_USER_AGENT"];
if(ereg("DoCoMo",$ua)){
include("/docomo.txt");
}
elseif(ereg("UP.Browser",$ua)){
include("/au.txt");
}
?>
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja">
<head>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" />
<title>タイトル</title>
</head>
<body>
内容
</body>
</html>
>docomo.txt
<?php
header(‘Content-Type: application/xhtml+xml; charset=UTF-8′);
echo ‘<?xml version="1.0" encoding="UTF-8"?>’."n"
?>
<!DOCTYPE html PUBLIC "-//i-mode group (ja)//DTD XHTML i-XHTML(Locale/Ver.=ja/2.0) 1.0//EN" "i-xhtml_4ja_10.dtd">
>au.txt
<?php
echo ‘<?xml version="1.0" encoding="UTF-8"?>’."n"
?>
<!DOCTYPE html PUBLIC "-//i-mode group (ja)//DTD XHTML i-XHTML(Locale/Ver.=ja/2.0) 1.0//EN" "i-xhtml_4ja_10.dtd">
やった！先生、うまくイッタヨ！
と、つかの間・・・・
これだと、auで絵文字が化けるんですよ・・・orz
i絵文字からUnicodeで入れてもダメづら。。。
さぁ、どうしたものか。
他にもっと良い方法があったら教えてください・・・(´・ｪ・｀)
以下、随時追記してきますー。
第一回 そろそろ携帯サイトも真面目(XHTML＆CSS)に作ってみましょうか。
第二回 auでUTF-8で作成したページの絵文字が文字化け
第三回 3キャリア対応 絵文字変換スクリプトで文字化け解決
第四回 ケータイサイトXHTML&CSSでBLINKとかって。
第五回 auでutf-8のページからformで日本語を渡すと文字化けorz
第六回 メール受信設定をしっかりと案内してますか？
第七回 auのソフトキーラベルについて
第八回 エラーが発生しました。レスポンスが不正です。WJ46386E
現在の携帯サイト、3G限定で制作するとしても、DOCOMOとau、SoftBankでXHTMLとCSSの解釈が違うので、それぞれにファイルを用意したりと、かなり工数が膨らんでしまってキツイ感じです。
そんなこんなで、ソースグチャグチャでもとりあえず、「各キャリアでほぼ同じような表示してくれればいいやー」って作っている方も多いと思います。私ももちろんそうでした。
でも、そろそろ真面目(XHTML＆CSS)に作っていく頃かなぁと。漠然と思ってみました。
PCサイトも有識者が、志の高いクリエイターがW3Cに準拠したステキなソースを書き上げていって、それにしっかりと解釈をしてくれる素晴らしいブラウザーが登場して今がある。・・・という時代の流れがありました。
携帯サイトもそうなっていかないとねってことで、色々と情報を集めてみます。
以下のサイトあたりが面白いです。もっといっぱいあるのですがとりあえず・・・。
携帯ホームページを作ろう！ -ちょっと詳しいモバイルサイトの作り方-
HTMLタグボードの管理人が書くモバイルサイト構築支援ブログ。
miniturbo.org
twitterMobileの方ですよ。
アシアルブログ
15Pub
ウノウラボ
ウノウ株式会社のデモ版サービスやTIPSなどの情報
で、とりあえず3Gは、
XHTML Basicで文字コードはUTF-8でいいんすね。
DOCOMOはしっかりDOCTYPE宣言してMIMEタイプの設定が必要なんすね。
じゃぁ、.htaccessに AddType application/xhtml+xml .html を。
早速試してみると・・・
DOCOMOでXHTML＆CSSでいけてるー！
やったーと思ってauで見たら文字化け・・・orz
あれれ？UTF-8大丈夫なんじゃぁ？？
手持ちの端末はW53T。UTF-8に対応していないなんて情報は見あたらないし、下位機種で対応が出来ているので恐らく大丈夫なハズ・・・(´・ｪ・｀)
色々と試行錯誤していたら・・・
.htaccessから AddType application/xhtml+xml .html
を削除したら大ジョブでした(・∀・)!
じゃぁDOCOMOはどうするの？
以下、随時追記してきますー。
第一回 そろそろ携帯サイトも真面目(XHTML＆CSS)に作ってみましょうか。
第二回 auでUTF-8で作成したページの絵文字が文字化け
第三回 3キャリア対応 絵文字変換スクリプトで文字化け解決
第四回 ケータイサイトXHTML&CSSでBLINKとかって。
第五回 auでutf-8のページからformで日本語を渡すと文字化けorz
第六回 メール受信設定をしっかりと案内してますか？
第七回 auのソフトキーラベルについて
第八回 エラーが発生しました。レスポンスが不正です。WJ46386E
中村 繁夫
フォレスト出版
売り上げランキング: 260
テレビをつけていたらカンブリア宮殿でなんだか聞いたときある名前が。
あぁ、今たまたま読んでいる本を書いている人だ。
レアメタル専門商社、アドバンストマテリアルジャパン 中村繁夫氏
本を読んでいる時、作者がどんな人なのかはあんまり考えないんです。
でも知らない人だと勝手に容姿を想像しているようで・・・
今テレビに映っている中村繁夫氏は想像と違いました＾＾；
で、まぁこの本、読み途中ですが・・・
人によっては当たり前の事が書いてある。他で読んだような成功体験な話だよ。なんて言う人もいるかもしれませんが、個人的にはなかなか面白いです。
アドバンストマテリアルジャパンの会社の仕組みなんて面白いものがあって真似したいななんて思います。
先日、私が所属するフットサルチームのウェブサイトに、韓国のサッカー用品ブランドKIKA(キカ)日本正規代理店『KIKA Japan』からリンク依頼のメールが届きました。
個人的には韓国とは縁が深いということもあり早速リンクをさせていただきました。
粗品を頂戴できるいうことなので、何らかのフットサルイベントで利用させて頂ければと遠慮無く頂戴する旨を伝えたのですが・・・・
なんと、猛烈な速さで粗品をお送りいただきました。
しかもとても素晴らしい品物でした。対応も素晴らしい。
写真を掲載したいぐらいですが、逆にご迷惑になるかもしれないので伏せておきます。。。
最近ではブログ界で一躍有名になったブロガー名刺の前川企画印刷さんの時と同様に、リンク張ってください＝SEO対策だけじゃなくって、それにプラスしてリアルな展開をして、収益や経費を外視してでも、知名度をあげたりしていくマーケティングは良いなぁと思います。
http://www.kikajapan.jp/
