携帯・モバイルの技術情報はもちろんその他色々な技を発信する株式会社ゆめみの社員によるブログです。

こんにちは、kouです。

最近、mixiアプリモバイルの開発をいくつか進めていますが、mixiアプリモバイルは携帯端末とソーシャルアプリケーションプロバイダ（弊社のようなmixiアプリを開発しようとしているところ）の間にmixiサーバが入るため、開発効率が思ったほどあがらず困っていました。

mixiアプリモバイルではサーバ間通信が前提のため、開発環境のみで動作確認ができないことが開発効率を下げる原因の一つになっていました。mixiアプリプラットフォームにも開発で簡単に使えるsandboxのようなところがないため、ソーシャルグラフに実データを使わざるを得ず、テストデータの用意が面倒ですし、弊社の携帯サイト開発で使っている自社製携帯端末エミュレーターもひと工夫しないと使えないということで、通常の携帯サイト開発に比べていくつか乗り越えないといけない壁があります。

そこでApache incubatorで開発が進められているOpenSocialコンテナ「Shindig」とShindigに対応したSNS「partuza」を組み合わせたmixiアプリプラットフォームシミュレータを用意することにしました。mixiアプリはOpenSocial準拠ですが、独自機能が拡張されていますので、partuzaもそれにあわせて拡張して使ってます。その結果、弊社では下記のような開発環境を用意しています。

弊社ではモバイル開発がメインなのでpartuzaも携帯対応しています。

これで開発効率が上がればモバゲー、GREEなどの各OpenSocialプラットフォームエミュレーターも作っていきたいです。

タグ:mixiアプリ |

お久しぶりです。Shoe'sです。

モバイル向けのXHTMLで3キャリアで同じ表現をしようとした場合には、必然的に一番表現能力の劣るドコモに合わせる必要があります。モバイルユーザビリティ・デザインにも載せているコーディング例の他にも、ハマってしまうポイントや汎用的に表現したいもの。という観点から今回は『au（EZweb）端末で、div要素間の無駄な隙間（スペース）を生まない』方法を紹介します。

モバイルに於ける細かい制約等はここでは控えますが、「div要素で隙間が生まれる」ということは、3キャリア共通では「margin属性やpadding属性に対応していない」ということが前提になります。というところで、まずは問題点から。

au（EZweb）端末に於ける、div要素の問題点

ごく普通にdiv要素を記述すると、au（EZweb）端末では要素の上下に余分なスペースが開いてしまいます。

モバイルサイトでより凝ったレイアウトを実現しようとした場合に、悩んだことがある方は多いと思います。

div要素を入れ子で記述してみる

解決策として、真っ先に思い浮かぶ手法だと思いますが、以下の様にdiv要素-Bのスペースによって、外側（div要素-Bの下）に数ピクセルの予期しないdiv要素-Aの背景色が表示されてしまいます。

この方法で落ち着いてるモバイルサイトはよく見掛けます。
ただし、このままではdiv要素を繋ぐ画像を表示させたい場合に、しっくりこないのです。
　　
div要素-Aの下辺（左）に置いても、div要素-Bの上辺（右）に置いても、
表示させている側の背景色が数ピクセル、余計なスペースとなって立ちはだかります。

目から鱗のコーディングで解決する

このような問題は、細かな説明は省きますが（といっても説明のしようがありませんが）、
『全て入れ子にし、閉じタグを最後にまとめる』というコーディングにより解決できるのです！

是非、活用してみてください。

■3キャリアでdiv要素間の無駄な隙間（スペース）を生まないソース

<div style="background-color:char">div要素-A<br />
	<div style="background-color:char">div要素-B<br />
		<div style="background-color:char">div要素-C<br />
		</div>
	</div>
</div>

こんにちは、kouです。

日頃、mod_ktaiをご利用いただきありがとうございます！

mod_ktaiの利用法に関してご質問をいただくことがあるのですが、全てのご質問にお答えできておらず大変申し訳なく思っています。今後はmod_ktaiに関していただいたご質問についてここにまとめていければと思ってますので、ご参考になれば幸いです。

Q. Apacheを起動しようとしたところ下記のようなエラーが発生します。

Cannot load /etc/httpd/modules/mod_ktai_image.so into server: 

/etc/httpd/modules/mod_ktai_image.so: 

undefined symbol: _ZN7libktai4info8constant29X_KTAI_INFO_EXT_SCREEN_HEIGHTE

A. モジュールの読み込み順に原因があります。

mod_ktaiシリーズはmod_ktai_infoが存在することを前提とした各モジュールの作りになっています。とくにmod_ktai_imageはmod_ktai_infoへの依存度が高いためmod_ktai_imageがApacheに読み込まれる前にmod_ktai_infoが読み込まれていないと上記のようなエラーが発生してしまいます。必ず

1. mod_ktai_info
2. mod_ktai_image

の順に読み込まれるようにLoadModuleの定義をしてください。

Includeを利用して外部ファイルから定義を読み込んでいる場合

Include conf.d/ktai_info.conf
Include conf.d/ktai_image.conf

httpd.confにLoadModuleを直接記述している場合

LoadModule ktai_info_module modules/mod_ktai_info.so
LoadModule ktai_image_module modules/mod_ktai_image.so

タグ:mod_ktai |