タスクマザー

「MT5で各種デバイス対応考～その５jQueryMobileでスマートファン対応」の続編です。

jQuery Mobileを利用して、MT5.1でスマートフォン対応してみます。

１．テンプレートの構成について

ブログ構築とCMS(HP)構築でのテンプレートデザインは多少違ってきますが、今回はCMS構築に近い構成とします。
ただし、ブログ構成としても充分利用できます。

■インデックステンプレート
　・SPメインページ　：　トップページとして表示します。

今回、テンプレート編集中に起こったエラーについてのログ記録。

リニューアルするために私がよくやるアーカイブテンプレート編集の手法。
運用中のテンプレートに影響がないように、新デザインテンプレートを作成して、

テンプレートの設定＞アーカイブマッピング

種類：カテゴリのチェックボックスにチェックを入れない。
公開設定：「公開しない」

として、「確認」ボタンでプレビュー表示して、大枠のデザイン、カスタマイズ内容のチェックを行う。

が、この確認ボタンを押してプレビュー表示しようとしたが、以下のエラーメッセージ。

Cannot preview without a template map!

と表示されプレビュー画面に遷移しない。

これは、困った！といろいろ検索するも情報なし。
Google.com in Englishに切り替えて、ようやく見つかりました。

アメリカ版(英語版)MovableType.orgの「Movable Type 5.02 Release Notes」

MT5.02バージョンでかなりのプログラムバグの修正があったようで、このバージョンでエラーは回避されているようだ。
テンプレート関連でも12件。

Themes and Templatesの項目

・Template preview shows error when the template doesn't have a prior archive mapping.103518

MT5.0からMT5.1へのアップグレードを行い、MT5.1の新機能の簡単なレビューの報告。

まずはMT5.1へのアップグレード！

さて、手順。

１．MySQLのバックアップ

PhpMyAdminでMySQLをバックアップする。
レンタルサーバのコントロールには、MySQLを設定するところには、概ねPhpMyAdminツールを利用できる。

前回「MT5で各種デバイス対応考～その４スマートフォン」に続いて、スマートフォン対応Webサイトが手軽に制作できるjQueryMobileについての考察。

まずはMT構築サイトをjQuery Mobileを利用してスマートフォン対応してみました。
テスト用ですので、動きがおかしいところはご愛嬌(^^;

「MovableTypeでCMS構築しよう」

PCの方は、そのままMTのデフォルトテンプレートで表示されます。

スマートフォンでアクセスすると、

「このサイト「MovableTypeでCMS構築しよう」にはスマートフォン用のサイトがあります。 表示しますか？」

というメッセージウィンドウが表示され、スマートフォン表示か通常のWeb表示か選択できます。

MovableTypeのスマートフォン対応については、携帯サイトに対応している各種サービスに付随して、スマートフォンにも対応しているものがほとんどである。

「MT5で各種デバイス対応考～その１携帯端末」で紹介した「Movable Type 5 携帯Pack」をはじめ携帯サイトだけでなく、スマートフォンにも対応している。

基本、MTの場合、スマートフォン用の各種テンプレートを用意することで、比較的携帯端末よりは導入が意外に簡単かもしれない。(携帯よりも機種がまだ少ないこと、PC用を少し軽くする簡易表示などへの対応でもOKなど)
しかし、携帯サイトより少し表示幅を大きくしただけの対応だけではなく、やはりスマートフォン独特のナビゲーション、ボタン・アイコンなどに対応したテンプレートであることが望ましい。

MT5に簡単導入できる各種サービスを紹介する。
(今回は有料ではなく、低価格、無料で導入できる方法を中心に)

１．スマートフォン対応のテンプレート

MT5に限らずだが、携帯サイト制作にはPCでのブラウザ対応以上に、メーカー、機種対応のプレビューは欠かせないもの。

MT5には、テンプレートの「確認」ボタンでビューア機能がついているが、おおざっぱな確認しかできない。

そこで、いろいろなサービスが提供されている。

まずは簡単に導入できるフリーの3サービスを紹介。
次にビューアの長所、短所の考察。

■便利な携帯ビューアサービス

MovableType5でのPC・携帯サイトの案件があり、今回は、携帯サイト制作で「モバイルサイトmaker for Movable Type」を導入したので、その使用感、レビューなどを報告。

携帯サイトの目的は、PCサイトと同様、店舗来客型のサイトであったので

・店舗の情報の提供
・お問い合わせ・予約などのメールフォームの設置
・営業時間、新着情報などの更新情報の提示
・PCサイトの情報(MT投稿内容)をできるだけ共有する。
・物販(ショッピングカート)やクーポン発行などは行わない。

以上から、費用的にもいちばん安価な「モバイルサイトmaker for Movable Type」の導入を行った。

機能や導入方法などは、本家のサイトを参考していただくとするが、今回構築したポイントを簡単にまとめてみる。

導入ポイント

何回かにわけて、PC上のブラウザ閲覧だけでない各種デバイス、携帯電話、スマートフォン、iPadなど、MT5と携帯(モバイル)対応について考える。

大きく分けて４つの方法がある。

１．MT5ライセンスとパックになった携帯Pack（有料)
２．外部ソフト、ASPサービスを導入（有料)
３．携帯電話向け変換プログラム「MT4i」(無料)
４．携帯用テンプレートを自分で作成、カスタマイズ

携帯電話で展開する重要度や予算などに応じて、選択することになる。

１．MT5ライセンスとパックになった携帯Pack（有料)

「Can't call method "execute" on an undefined value
at *****/extlib/Data/ObjectDriver/Driver/DBI.pm line 127.」

が出ますーとのこと。

いちばんの対策は、最新バージョンにアップすることです！
けど、バージョンアップもWordPressのように簡単にいかないのが、MTの弱点。

なので対処療法でひとまずエラー回避を行うしかないのだ。
検索すれば、同じ問題に遭遇した人が見つかるし、解決方法も見つかる。
この情報が多いところが、MTの良いところ。

で、本題。

今回は、検索でエラー回避情報を見つけるよりも、エラーの周辺を固めていくことで原因が判明。
そのことを理解したうえで、エラー回避の対処法を講じた。

さて、このエラーが起こるのは、

１．トップページ(メインページ)の更新(変更・追加)を行うと発生する。
→「インデックスのみ」再構築を行ったときにでる。
　
２．けど、問題なくトップページは更新されている。

ということで、「メインページ」テンプレート以外のインデックステンプレートが原因だろうと推定。

結論から書くと、コミュニティブログは、単体での運用は問題ないが、通常のクラシックブログやウェブサイトも含む)との組み合わせ、連動性はあまり柔軟に行えない。

もちろん、そのための対処方法はあるもののCMS構築として利用するには注意が必要だ。

今回のコミュニティブログの作成は、CMS構築として採用した。

構成としては、ウェブサイトの配下に、通常ブログ(1)とコミュニティブログ(1)の構成で制作した。

※各ブログ、ＡＢＣと名前で以下説明。

ウェブサイト(Ａ)
　∟通常ブログ(Ｂ)・・・サイト管理者用の投稿記事
　∟コミュニティブログ(Ｃ)・・・一般ユーザの投稿記事

・ウェブサイトＡでは、このサイトの説明やサイトマップなどをウェブページで作成。
・ドメインは、サブドメインなどは使用せずに、２つのブログはウェブサイトでのドメイン配下での構成。
・トップページには、
　　Ｂ、Ｃのブログの最新情報を表示。
　　コミュニティブログに設けた投票によるランキング上位3記事を表示。
　　一般ユーザが投稿できるための投稿方法や会員登録やログインなどのナビゲーションの設置。

このような運用で、大枠のデザインはグローバルテンプレートを使って統一。

当初、ウェブサイトＡ＝トップページに一般ユーザが利用できるコミュニティブログ(Ｃ)の会員登録、ログインボタンを設置した。
↓
ここで問題発生！