既存のサイトを携帯用に変換するpc2m

2008.09.07 05:32:52 , Posted
2013.05.04 17:18:41 , Update by Gyokuei

さて、記事が多いサイトで、UTF-8（またはEUC-JP）で、イラストや写真がいっぱいあって、とても作り直してなどいられない、というサイトを携帯対応させたいとします。（私のサイトのことですね。）
多少デザインが見づらいとかは目をつぶってもらえるかもしれませんが、文字コードや画像形式の問題、そもそも表示されない。いったいどうしたら？

私のサイトは、全体を MovableType（blogシステム）を使って構築しています。
タイトル、本文などはデザインとは別にデータベースに保存されていますから、そのデータベースから新たにページを組み直し、Shift_JISで出力することができれば、携帯サイトを作ることができます。

そのために使えるフリーcgiスクリプトが配布されています。
MT4i
が、私はこのスクリプトは使いませんでした。私のサイトはいろんな話題が混在しているので、これだとものすごいカスタマイズを加えないと、ユーザビリティ的にどうかと思ったので。

代わりに使ったのが、こちらです。
pc2m

これはフリーのPHPスクリプトです。PC用サイトを携帯用に変換してくれるものです。
文字コードを変換し、
携帯で使えないタグを除去し、
画像形式・サイズの変換もしてくれる、すばらしいスクリプトです。

設置urlにPCサイトのURLをつけてアクセスすれば変換できる......ようするに、自分のサイトだけではなくあらゆるサイトも変換表示できる、汎用のサービスとしても使えます。
設置手順などは作者のサイトにあります。

ただ、私のサイトは、「既存のサイトを携帯対応させる」で触れたように、
●縦2つに分割・上にメニュー
●headタグ内にJavaScriptを埋め込んでいる
サイトなので、PCサイトを変換してそのまま携帯で見てもあまりうれしくありません。

そこで、MovableTypeのテンプレートを追加し、携帯用に簡易表示したページを出力して、それを「pc2m」で変換して見ることにしました。
簡易出力したページをGoogleモバイルサイトマップに登録しています。（つまり、UTF-8でも携帯サイトとして登録できないということはないみたい）

　　↑
こんなかんじ

素晴らしいスクリプトですねpc2m。

なお、携帯ページ（変換後）のアドレスをPCで見ようとしてもアクセス拒否される設定にしてあります。
変換後のページはqrコードからご覧ください。

残る課題は絵文字対応。デフォルトでは変換してくれませんが、pc2mで絵文字対応してらっしゃる方もいるので、気が向いたらやります。今はメモのみ......