ke-tai.org ケータイサイト開発に関わる記事・情報を紹介

ウノウラボさんのブログ内に、「Ext_JS + PHP」を使ったサーバサイドで動くケータイシミュレータ「mobile-simulator-1.0」が公開されています。

→　ウノウラボ　Ext JSをUIに使って携帯サイトのシミュレータを作ってみた [unoh.net]

この種のエミュレータでは、「ssb - server side browser」 [coderepos.org] が有名ですが、ruby環境に慣れてない人はセットアップが大変だったりするので、今回のようにPHPで出来ていた方が、いろんなサーバで動かすことができますし、個人的には嬉しかったりします。

ブログの説明を見るとセットアップ作業が大変なように感じますが、実際にやってみたところ意外とあっさりと動きました。

詳しくは、mobile-simulator自体にわかりやすいReadMeファイルが付いていますので、そちらを見るのが良いと思うのですが、下記のように表にまとめてみました。

* インストールする権限がない場合は、関連するパッケージをダウンロードし、適切な場所に設置することで動作させることも可能です。

動作中の画面

ヘッダ情報が見れたり、書き換えられたりするのは便利です。
こういったエミュレータの選択肢が増えるのは嬉しいですね。

関連：

• 3キャリア対応のケータイエミュレータ、「P1 Emulator」に30日ライセンスが登場
• 3キャリア対応のケータイエミュレータ、P1エミュレータ正式版が発売されました。さて気になるお値段は？
• 端末IDを設定でき、ケータイサイトの開発に便利なFirefoxアドオン「Modify Headers」

あのモバゲータウンがPCからも閲覧可能になるようです。

→　株式会社ディー・エヌ・エー　プレスリリース　「モバゲータウン」の一部機能をパソコン等に開放 [dena.ne.jp]

→　CNET Japan　モバゲータウン、PCに進出 - iPhoneにも対応 [cnet.com]

→　ケータイWatch　モバゲータウン、SNS機能をパソコンで利用可能にするβテスト [cnet.com]

現在はクローズドβ版ということで、ランダムに選出された一部ユーザのみしか入れないようです。

→　モバゲータウン　PC向けページ　（クローズドβ版） [mbga.jp]

どうやら今月11日に発売される、iPhone対策の一環のようです。

今回の件で期待できるは、モバゲータウンのHTMLソースが見れるようになるということです。
モバゲータウンは、実は結構デザインに凝っていまして、随所に細かいテクニックがちりばめられています。

現在のPC向けサイトのログインページのソースを見ると、「<div style="xxx">」の形式で書かれており、どうやらケータイと共通のソースを使っているようです。

ですので、今後ケータイサイトデザインの良いお手本になりそうな感じです。

関連：

• モバゲーのフレームワーク「MobaSiF」の発表スライド資料が公開されています
• モバゲーのフレームワークがオープンソースとして公開されました
• ブックレビュー： 勝手サイト - 先駆者が明かすケータイビジネスの新機軸

なんと本ブログ読者の方から、初のネタ提供がありました。
本名のようですので名前は伏せさせていただきますが、本当にありがとうございました。

※ケータイ関係で面白いネタがありましたら、こちらから教えていただけると助かります。（可能な限りお返事させていただきます）

ドコモの公式サイト内に、ドコモ絵文字から他社キャリアへの絵文字変換表が公開されているとのことです。

→　NTT docomo　絵文字変換機能　絵文字変換対応表 [nttdocomo.co.jp]

ドコモの絵文字をベースに、「au」「ソフトバンク」「ディズニー・モバイル」「イー・モバイル」の4つへの変換表が記載されています。

変換表はHTML形式だけではなく、PDFでも公開されていますので、ダウンロードしたり印刷したりすることもできるようです。

絵文字の変換ライブラリ等を作成する際には、絵文字の数が少ないドコモを基準とすることが多いでしょうから、この変換表は利用しやすいかもしれませんね。

関連：

• .NETを使って携帯サイトで絵文字を自動変換する方法
• Asial blogで絵文字データベースと相互変換マッピングデータベースのJSONファイルが公開されています
• 絵文字についての情報がまとめられたプレゼン資料「ケータイ絵文字のはなし」

本日はネットをふらついていて、たまたま見つけたサイトをご紹介します。

モバイルSEO対策のためのポータルサイト「モバイルSEOリッチ」というサイトが先日オープンしたようです。

→　モバイルSEO対策ポータルサイト　モバイルSEOリッチ [mobile-seo.corich.net]

基本的には、複数のモバイルＳＥＯの業者を比較したり、見積もりの一括依頼ができたりするサイトのようです。

ただし、「ケータイサイト診断機能」、「上位サイト調査」、「相談室」、などのコンテンツが用意されており、SEO業者に特に興味の無い方でも、有用なサイトだと思います。

「ケータイサイト診断機能」は、PC向けサイトではよくあるのですが、モバイル向けは珍しいのではないでしょうか。

また「上位サイト調査機能」は、DoCoMo・au・SoftBankそれぞれの検索結果を、サイトイメージ付きで表示することができ便利です。

相談室は、SEOに関する質問とその回答が載っています。
現在はまだ数が少なく、基本的な情報ばかりですが、今後の内容の充実に期待ですね。

関連：

• japan.inter.net.comでモバイルSEOに関するコラムが連載されています
• 携帯サイトのアクセス分析ソフトをまとめた「モバイルアクセス解析ツール10選」
• 携帯サイトの検索エンジン対策についてまとめられた「0円でできるモバイルSEO」

今回は各キャリア・各フォーマット毎に、転送制限画像の作り方をまとめてみました。

ケータイでは、待ち受け画像などで使うために、ダウンロードした画像を再配布させないための、保存制限や転送制限を行うことができます。
転送制限をかけた画像は、メールへの添付や、SDカードへの保存が行えなくなります。
保存制限をかけた場合は、保存すらできません。

Windows用のフリーウェアなどには、転送制限を行わせないための情報を埋め込むソフトがあったりするのですが、CMSの管理画面からのアップロードや、メール添付による画像アップロードなど、サーバ上で動的に画像を生成しなければならないケースも多いと思いますので、PHPを使ったサンプル（とは言ってもコマンドを叩いているだけですが）でまとめてみることにします。

まず、概要を表にまとめると次の通りです。

*1　：　ドコモ、auのjpg, gifを転送禁止にする方法

画像のヘッダ部分にコメントを入れます。
ドコモであれば「copy="NO"'」、auであれば「kddi_copyright=on」を入れてあげればOKです。
両対応にする場合は、カンマで続けて書けば大丈夫ですが、auは先頭に文字列がある必要がありますので、こちらを先に書き、「kddi_copyright=on,copy="NO"」のようにします。

PHPから処理する場合は次の通りです。
※ImageMagickのコマンド「mogrify」がインストールされている必要があります。

$cmd = "mogrify -comment 'kddi_copyright=on,copy=\"NO\"' test.jpg";
$res = system($cmd);

*2　：　auのPNG画像を転送禁止にする方法

auのPNGを転送禁止にするには、画像のCopyrightキーワードの部分に「kddi_copyright=on」を埋め込んでやればＯＫとのことです。

ImageMagickを使った方法が良くわからなかったため、次のソフトを使いました。
（※方法をご存じの方教えてください）

こちらの記事の下段の方に「imgcmt」というソフトが公開されています。
→　MODULE.JP　imgcmt version 1.0.0 [module.jp]

次のようにコマンドを実行することで、うまくいきました。
PHPのsystem関数でも同様で行けると思います。

imgcmtpng Copyright kddi_copyright=on < test.png > test.png

*3　：　auで画像を保存禁止にする方法

こちらは簡単です。imgタグにcopyright=yesという属性を付けてやればOKです。

<img src="test.png" copyright="yes" />

*4　：　ソフトバンクで画像の転送を禁止する方法

.htaccessに次のように記載します。
（Apacheの「mod_headers」モジュールがインストールされている必要があります）

<FilesMatch "\.(jpg|gif|png)$">
  Header append x-jphone-copyright no-transfer
  Header append x-jphone-copyright no-peripheral
</FilesMatch>

もうあまりアクセスは無いとは思いますが、J-Phone時代のC型端末の場合は、上記設定では対応できません。
C型端末に対応する場合は、画像の拡張子を変更することで転送を防ぐことができます。（「jpg　→　jpz」、「png　→　pnz」）

*5　：　ソフトバンクで画像の保存を禁止する方法

同じく.htaccessに次のように記載します。

<FilesMatch "\.(jpg|gif|png)$">
  Header set x-jphone-copyright no-store
  Header append x-jphone-copyright no-transfer
  Header append x-jphone-copyright no-peripheral
</FilesMatch>

※公式サイトのPDF資料に、一部の端末ではno-storeが利用できないとありましたので、念のため3つを併記しました。

今回はImageMagickのコマンドを、system関数から叩くという方法を取っています。
他にも「MagickWand For PHP」を使った方法もあり、その例はウノウラボさんのブログに情報がありましたので、こちらを参照すると良いと思います。

→　ウノウラボ　携帯キャリアで画像を転送させない方法 [unoh.net]

上記ブログにもありますが、せっかく対策を行ってもケータイ以外からアクセスされては意味がありません。
IPアドレスによる制限をかけ、PCやWillcom、イーモバイルなどからのアクセスも遮断しましょう。

なお、これらの情報はまだ勉強中の段階のため、誤り等がありましたら、突っ込みをお願いいたします。

関連：

• 2008年9月下旬にドコモのIPアドレスが追加になるようです
• ケータイキャリアやクローラのIPアドレス情報を共有するためのWikiを作ってみました
• ケータイからのみアクセスを許可する.htaccess