[携帯サイト]アーカイブ

タイトル一覧

title_110203.png

スマートフォン対応の需要がどんどん広がっていますね。

以前に書いた以下のスマートフォン系二つの記事が人気がある事からも、今年はますます対応を迫られるでしょう。

Webサイトをスマートフォン対応してと言われた時に見ておきたいサイトまとめ はてなブックマーク - Webサイトをスマートフォン対応してと言われた時に見ておきたいサイトまとめ
タブレットPCが多すぎて分からないので一覧化してみた、電子書籍リーダーもあるよ はてなブックマーク - タブレットPCが多すぎて分からないので一覧化してみた、電子書籍リーダーもあるよ

実際のスマートフォン向けサイトの制作の話は置いておいて、出来上がった後にPC版から宣伝する必要があります。

その際に役に立つのがQRコードです。

今回はjQueryプラグインを利用して、小スペースでQRコードを表示する方法をご紹介します。

サンプル⇒
上のアイコンにマウスを乗せてみて下さい。

  

このブログに携帯版GoogleAdsenseGoogleAnalyticsを導入しました。

どちらも少々苦労しましたので覚書として残しておこうと思います。

MOVABLETYPEの携帯版はMT4iで作成しています。

導入時の記事:【携帯サイト】MT4i導入からXHTML化と静的URL生成までの流れまとめ

Mt4iでは拡張子がCGIになりますのでcgi/perl版で設置しました。

Perlなんて触ったことも無い私でも何とかなりました。

  

title091202.jpg

無事MT4.261への移行も遅まきながら完了したところで、携帯サイトも作成してみました。

このブログの携帯サイトへは、以下よりアクセス頂けます。

携帯版のQRコードhttp://blog.caraldo.net/m/

携帯サイトの構築には有名なMTプラグインのMT4iを使用しています。

MT4iの特徴を引用すると↓

そこで作成したのが MT4i です。MT4i は、(MovableType の MT::Object を利用して)MovableType のデータベースからデータを読み込み、文字コードを Shift_JIS に変換、携帯電話向けにレイアウトして出力し、携帯電話に対応させる為のスクリプトです。言語は Perl です。
MT4i - t2o2-Wiki

便利過ぎるプラグインです。実際他の携帯変換系のプラグインも試してみたのですが、文字化けが発生したりでMT4iが一番使いがってが良いなと感じました。

MT4iプラグインのインストールから、携帯XHTML化静的HTML生成という一連のカスタマイズの流れを書き留めておきます。

  

いつも携帯サイトの有益な情報を紹介してくれるke-tai.orgさんで、携帯サイトのデザインの参考になるサイトが紹介されていました。

紹介記事は以下です。
ke-tai.org > Blog Archive > ケータイサイトのデザインをジャンル別にまとめて紹介している「モバイルデザインアーカイブ」

PCサイトのまとめは結構あるのですが、携帯サイトのまとめって意外と無いんですよね。
こういったまとめサイトはとても助かります。

記事の紹介だけではあんまりなので、携帯サイトのデザインをまとめているサイトをご紹介していきます。

  

caraldo_K

Webディレクター的な事やってます!iPhone楽しい!マラソン・ロードバイクで肉体改造計画中!でも一番好きなのは漫画です㌰㌰⋋( 'Θ')⋌㌰㌰

poooooon

俗に言うWeb屋の人。馬車馬のように働きお休みがありません。いつか目の前に天使ちゃんが舞い降りてきてくれるのではないかと妄想を膨らませる毎日。

Our tweets
Loading..
Facebook caraldo.net公式ページ

POWERED BY MT4