サイト制作 Archive

第11回　PCサイトとこんなに違う！携帯サイトのフォーム設計ポイントとは | Web担当者Forumより引用
現実の店舗や窓口では、目の前にいるお客が困っていればすぐにわかるし、同じトラブルが重なれば問題が起きないように施策をとる。しかし、ウェブサイトを作っているときにはお客は目の前にいないし、公開後にお客の対応をするのはウェブサーバーやスクリプトという機械だ。そのため、現実の商売では当然のように行っている接客ができない、いや忘れてしまってはいないだろうか？

携帯サイトのフォーム設計の方法。その他、プルダウンメニューやアクセスキーなどについて。

3キャリア対応絵文字変換ライブラリ「MobilePictogramConverter」が大変素晴らしいです。この「MobilePictogramConverter」はPHPで作られており、現在はバージョン 1.2.0まで開発が進んでおります。作者はPHPはやれば出来る子のphperさんです。

特徴は
・DoCoMo, au, SoftBankの絵文字を相互変換可能
・端末からサーバーへ送信された絵文字の変換が可能（掲示板など）
・SJIS/UTF-8に対応
・PCでの絵文字表示が可能（画像）
・絵文字画像は全て透過GIFでアニメーションに対応
・DoCoMo隠し絵文字一部対応
・バイナリコード, Web入力コード, imgタグからの変換が可能
・絵文字の削除が可能
・文字列に含まれる絵文字の数を検出
・UserAgentからキャリアを判別し、キャリアに合った絵文字に自動変換が可能 

ライセンスはMITライセンスとのこと。
詳細とダウンロードはこちら

素晴らしい点は、バイナリコードでの指定が可能な点で直感的で分かり易いです。i絵文字からのコピペも簡単です。その場合オプション指定を$option = MPC_FROM_OPTION_RAW;とすればOKなので非常に簡単です。

MovableTypeでモバイル版を構築している方は、ヘッダーテンプレートに
＜?php
require_once "MobilePictogramConverter.php";
?＞
とライブラリを読み込んでおいて、例えばインデックステンプレートで
＜?php
echo "絵文字だよ→".$mpc->autoConvert()."<br />\r\n";
?＞
と絵文字を出力させます。 

MovableTypeで構築しているPCサイトをモバイルに対応させたい場合どれが一番簡単なのでしょうか？

１．「MT4i」を使用する
「MT4i」はMovableType用携帯電話向け変換プログラム（CGIスクリプト）です。高性能で無料。素晴らしいです。
入手はこちら

２．ケータイキットfor Movable Typeを使う
プラグイン方式。楽です。しかし有料。52,500円(税込)。
入手はこちら

３．MT-Mobileを使う。
ファンコミがプラグインを提供していたはずだか・・・・・・・。終了でしょうか？

このようなスクリプトだったりプラグインを使えば簡単にモバイルサイトに生まれ変わります。しかし、上記で紹介したプログラムは自分には使いにくい点が何点かあります。それが、MT4iもケータイキットも使用しません。という先のエントリーで書いた理由になります。

Continue reading

ＰＣサイトは持っているが、モバイルサイトは持っていない。と、いう方のために各種サービスがあるのでご紹介します。

１．超変換サイト（ASP）
詳細はこちら

ページの分割もあったりして高機能。だが、見た目は美しくない。こんな感じ。

２．Feed2Mobile
Feed2Mobile
MovableTypeが出力するRSSフィードをモバイル用に変換する。簡単。だけどこんな感じでしょぼい。



３．PC2M Website Transcoder for Mobile Clients
PCサイト->携帯変換スクリプト
パソコン向けホームページのHTMLや画像などを、iモードなどの携帯電話端末向けに変換する、フリーのPHPスクリプト（原文まま）

これは良さそうです。試してみたいです。

４．mod_chxj
mod_chxj
国内の主要携帯(3キャリア)向けコンテンツ変換ミドルウェア。Apache2.0 用のモジュール。未試用。

５．Google Mobile Proxy 
Google
一番簡単。Google のモバイルゲートウェイを使用。見え方はこんな感じ。これも美しくない。ただ単に無理やりモバイルでも見えるようにしてみました。という程度。

これらは確かに便利ではあるが、１番の問題点は、CGIを使ったその場変換や外部ASPだったりするので自分のモバイルサイトではないという点でしょう。当然ながら、Googleモバイルなどにインデックスされません。これではモバイルサイトを持っているとはいえません。それではどうすれば良いのでしょう。そうです。PCサイトあるなら、そのデータを使ってモバイルサイトも一緒に作ってしまえば良いのではないでしょうか。

当モバイルログ.netはMovable Typeを使って構築しています。このデータを使ってモバイルサイトを構築しようと考えています。現在、テストでこんな感じ↓になっています。その構築メモなんかもエントリーしていきます。理由あってMT4iもケータイキットも使用しません。その理由は別エントリーで。

　

モバイルサイト制作するなら必須かと思います。携帯の動向や上司説得のための資料になります。ディレクターにには向きませんが、マーケティング担当は必要でしょう。この本だけは7140円と安いですが、さらに詳細な個人利用動向調査報告書2008（6冊セット）は10万円。購入はImpressからどうぞ。普通は以下の本で十分です。

やはり同じくモバイルサイト中心の制作を行っている知り合いの知り合いの話。

その会社ではモバイルSEOコンサルに月30万円を支払っているそうだ。
うーん、そんなものなのかな？

現在のモバイルSEOコンサル内容は？と聞くと、月1回のライバル調査レポートと、モバイルSEO対象サイトのチューニングだそう。

Continue reading

モバイルサイトを作るとき、便利ソフトを集めてみました。

iモードHTMLシミュレータII
Docomoサイトチェック確認用として使える。実際の操作感や絵文字等の確認。またページ全体をスクロールキャプチャーしてくれるのも資料作成時には便利。

Openwave SDK
auサイトチェック用。しかし使ったことは１回しかない。

Web Contents Viewer
ソフトバンクサイトチェック用。こちらもあまり使わない。

秀丸エディタ用マクロ「半閣下」
全角だらけの文章を一気に置換。

Firefox
Yahoo!モバイル検索に便利
※使い方は別エントリーで。

絵文字入力ソフト「i絵文字」
iモード対応絵文字の入力が楽になります。

2次元コードメーカー (QRコード作成ソフト)
KDDI製。動作サクサクで使いやすい。URLを携帯に転送する時に良く使う。

QR Code Editor
こちらも便利。 リアルタイムでQRコードが変化するのが見えるのでエラー率が予測しやすい。