WZR-HP-G300NHはヘアピンNATに対応していません。
よってhostsファイルの内容を書き換えることによって自宅のネットワーク内からHPを閲覧できるように対応しています。

停止して久しいKurumiStyle携帯版(公開する意味があまり無いので現在停止中)ですが、別の用途でテストしたいことがあるのでi-modeシミュレータ2で確認するとこに。

しかしヘアピンNAT未対応の弊害がここでも・・・どうやらルーターを見に行っているようです。

i-modeシミュレータ2はhostsを参照するように設定できるようなので下記の手順で対応しました。
カスタムフィールド<MTTel>に「xx-xxxx-xxxx」もしくは「xxxx-xx-xxxx」といった形式の電話番号が格納されているのですが、携帯コンテンツ向けに電話番号リンクを設定してくれという依頼が来ました。

「だったら設計段階で要求仕様に盛っておいてよ・・・」と思いつつ何とか対応したのでソースを備忘録として残しておこうと思います。


$telno = '<$MTTel encode_php="q"$>';
encode_phpでphpでタグが利用できるようにエンコードして変数$telnoに格納。
qはシングル・クオート、qqはダブルクオート。詳細はマニュアル参照のこと。

$tellnk = str_replace("-","",$telno);
str_replaceは検索文字列に一致したすべての文字列を置換します。詳しくはマニュアル参照のこと。
上のコードでは$telnoの-を削除して変数$tellnkへ格納するように記述しています。

echo '<a href="tel:'. $tellnk .'">'. $telno ."</a>";
上記は電話向けリンクを出力するための記述です。これですでに登録済の電話番号を利用して電話リンクを設定することができましたとさ。爽快爽快・・・。

親カテゴリのみ非表示

MTであるサイトの携帯向けのテンプレートを構築しています。そのサイトは画像を多用しているサイトで、mod_ktaiを使って画像の圧縮などをかけているのですが、親カテゴリで表示するとオーバーフローしてしまう問題に悩まされていました。

サブカテゴリは親カテゴリをさらに細分化したもので件数はたいしたことなく、サブカテゴリ単位なら問題なく画像が表示できていました。

今回実現したかったのは「親カテゴリは表示せずにそれにひも付くサブカテゴリのみ表示させる」ことです。
以前挫折した携帯でのサブカテゴリ対応ですが、別のサイトを構築している過程で解決できたので 自分用の備忘録として残しておこうと思います。

カテゴリは特定の任意の名前のディレクトリをつけて、そこへ保存するようにアーカイブマッピングで指定しているので、そのディレクトリ内のインデックスを参照するには下記のように記述すれば言いようです。



時間をとってKurumiStyleモバイル版に実装して見ようと思います。
ライブドアリーダーで情報を収集していて、「ゼロからはじめる携帯サイト構築」というエントリーを見つけました。今日、まさに携帯サイト構築で苦戦していたので目を通しておこうと思います。

職場の連中は簡単に言ってくれるけど、携帯サイトの構築は本当に難しい・・・。勉強になるし先につながると信じたいけど、近いうちに携帯とPCの垣根はなくなって、今習得している技術もきっと陳腐化していくんだろうと思います。

まぁプラットフォームを気にせずにサイト構築ができるのならそれに越したことはありませんが・・・

悔しいが携帯は妥協・・・

紆余曲折ありましたが、携帯サイトは内容が閲覧できればよいと自分に言い聞かせ、悔しいですがだきょうすることにしました。「mod_ktaiを動かすとphp文がおかしくなる?」現象は現時点では解決できていません。

それよりも、他に進めたい案件があるのでそちらの優先順位を上げたいと思います。

前後の記事タイトルへ遷移

携帯用ブログの記事詳細のテンプレートに前後のエントリーへのリンクを追加しました。

mobile用のブログ記事のアーカイブマッピング設定を「mobile」フォルダ以下に日付ベースで生成するように組んでいるので、「MTEntryPermalink」は使用していません。

少しはユーザビリティがよくなったかしら・・・。


携帯でサブカテゴリ対応

【追記】
根本的な解決ができず、結局カテゴリ表示は見送りました。無念です・・・。
「SeeSaaブログ」あたりのUIを参考にもう少し作りこんでみようと思います。


通常リンクの設定は 「mt:EntryPermalink」タグを使用すると思いますが、アーカイブマッピングの設定で、モバイルフォルダ以下へ記事を生成するように設定しているので、携帯サイトでは「mt:EntryPermalink」を使用できません。

そこで、「ブログ記事概要」テンプレートに下記のような記述で携帯向けに生成したページへ遷移するようにしていました。



しかし、この記述だと、サブカテゴリに設定した記事に遷移することができず、リンク切れになってしまいます。そこでgoogleで調べでたどり着いたのが、「MTHasSubCategories」タグを使う方法です。

mod_ktaiで携帯対応

YUMEMILabsというところで公開されている携帯向けApacheモジュールを設定してみました。
今回の目的は「画像を携帯用に最適化」することです。

結果「画像の最適化」はうまくいったので、インストール手順などを備忘録として残しておこうと思います。

mod_ktaiを設定してみました

携帯サイト構築簡易化Apacheモジュール「mod_ktai」をインストールし、設定してみました。

今まで携帯に表示された画像がオーバーフローしたりしていましたが、そのような不具合などが解消されたので、おおむね順調に動作していると思われます。

しかし、いままで携帯対応で実装していた「MT-I18Nプラグイン」の記述があると文字化けを起こしたり、一部に不具合が発生しているので、そちらの対応を急いだほうがよさそうです。

今回は、端末情報取得モジュールである「mod_ktai_info」と画像変換モジュールである「mod_ktai_image」を設定したのですが、忘れないうちに備忘録として手順を残しておこうと思っています。
1  2  3

管理人

管理人のクリック男爵です。
出向で職場が変わってから備忘録を書く機会が減ってしまいました…。


最近のコメント

カテゴリ アーカイブ