Mobile Technical

ケータイサイトでFacebookへシェアするリンクをつける唯一の方法

ケータイサイトでFacebookへシェアする

ケータイサイトでもFacebookにシェアしたい! という方がいらっしゃるのかなーってことで、今回はその実装方法について。まぁ、そんな難しいこっちゃないです。
スマートフォンサイトでも使えるんですが、スマートフォンサイトの場合は普通に「Like Button」も使えますし、やっぱりどっちかっていうとケータイサイト向けのテクニックですね。

ケータイサイトにおける水平線実装の3つの方法

hr

ケータイサイトのデザイン上、同一ページ内でコンテンツを区切るためによく使われる水平線(hrタグ)。
単純にhrタグを用いるのが旧来のやり方ではあったのですが、XHTML対応が進んだ今では、それ以外の実装方法もあったりします。
というわけで、代表的というか多分これしかないと思う3つをご紹介。

ケータイサイトにおけるhtaccessを使ったIP制限のまとめ

htaccess

htaccessを使ってユーザーエージェントでキャリア別のディレクトリに振り分ける方法について書きましたが、今回はhtaccessを使ってIP制限をかけて、ケータイからのみアクセスを許可する方法について触れてみたいと思います。
ケータイサイトでのアクセス制限の理由や、IP制限をかける場合にちょっと注意をしておきたいことなどについてまとめてみましたよ。

キャリア別にユーザーエージェントで振り分ける方法

furiwake

最近ちょっと書くことの多いモバイル構築ネタをまたひとつ。
今回はアクセスしてきた端末をキャリアごとに振り分ける方法についてです。
ケータイサイトの場合、大枠としてはdocomo、au、SoftBank Mobileという3キャリアの端末からアクセスされることになります。そもそもキャリアの技術仕様の違いもあり、各キャリアそれぞれ別にサイトの構築を行うのが通例で、その為キャリアごとに振り分ける必要があります。

各キャリア別と3キャリア共通で使えるDOCTYPE宣言をまとめてみた

doctype

最近ちょいちょい、モバイルサイトのコーディングネタを書いてますが、何よりも最初に書いておかなければならんだろ! というDOCTYPE宣言に関してまとめ忘れていたので、いまさらまとめてみたいと思います。
ただ、基本的にモバイルサイトに適したDOCTYPE宣言ってのは、きちんと明示されていないのが現状なんですよね。いつになったら…ってのはあるんですが、取り敢えず、まずは各キャリアが策定しているDOCTYPE宣言からまとめます。

auのEZwebサイトだけで利用可能な特殊URIの独自拡張一覧

ケータイならではのリンクを使った小技テクニックをチラチラ

anchor_technic

ケータイサイトって基本的にケータイからアクセスすることを前提としてきたわけですが、それに伴ってコードもケータイ独自に拡張されたものってのがあったりします。中でも顕著なのが a タグによるものでしょうか。サイトから直接電話を掛けたり、メール編集画面を開いたりといったやつですね。
とは言え、これらもキャリアによって若干の差異があったり、出来たり出来なかったりっていうものもあるので、ちょっとその辺をつらっとまとめてみました。

3キャリア共通のモバイルサイトコーディングにおけるポイント

3careea_cording_icatch

MT4i3.0.8X1の公開後、テンプレートセット作ったりしてますが、中には自分でコーディングしたい!って人もいると思われます。
まぁ特にうちで要望があるわけでもないですし、既に情報としてはいろいろなところで出ているんですが、一応3キャリア(i-mode/EZweb/Yahoo!ケータイ)共通のコーディングのポイントを纏めておこうかなと。
別にMT4i3.0.8X1だけじゃなく、普通にどんなモバイルサイトのコーディングでも使えます。

モバイルサイト運用の上で確認すべき3つのこと

a0006_001221

モバイルサイトの運用は結構面倒くさいです。「開発も面倒だよね」という声も聞こえてきそうですが、個人的には運用の方が面倒だと思っています。その理由としては、まめな情報収集をしなきゃならんのです。というわけで、以下にチェックしておくべき3つのことを書き出しておきます。ある意味、自分用。

ケータイサイトで画像の回り込みを実装するTips

mawarikomi

所謂ケータイサイトのコーディングというのは、WEBのそれと違ってキャリアによる違いや端末の違いで、コーディング方法が変わると言うことがよくあります。
その為、ほとんどのキャリア公式サイトというのは、キャリアごとにサイトを構築するんですが、勝手サイトでそれをやるのは、予算的にあまりいい方法だとは言えません。
そこで、出来るだけひとつのテンプレートで3キャリアすべてに対応出来るコーディングをする必要が出てきます。