(2003d)iPhone及びAndroid携帯での表示についてiPhoneは大多数の携帯電話よりは少し画面の幅が広く、PCよりはだいぶ狭いので、携帯対応レンダラーなどで携帯用のテーマを使うと痩せた感じになり、かといってフルブラウザだからといってそのまま表示させるとボードゲームで使うこども銀行のお札のようなミニチュアになってしまい、いちいち指で拡大していかないといけないので面倒である。Android(携帯)は解像度に幅があるが、一般的な携帯電話よりは広い、PCよりは狭いという特徴はiPhoneと一致している。大きな特長として指でタッチすることでマウスのクリックと同じことができるというものがある。カーソルを合わせてリンクを選択する形の携帯ブラウザはリンクの文字が小さくてもあまり問題がないが、指でタッチするということになると、それなりに大きく、リンクとリンクの縦の間隔が空いている方が利用者は使いやすい。XOOPSのiPhone用のテーマはその辺を充分考慮したものになっているので是非導入したい。Legacy用のiPhoneテーマを導入する以下のページからiPhone用のテーマをダウンロードできる。Legacy専用ということになる。"iPhoneとアンドロイド携帯に最適化する"テーマファイルとプリロードを所定の場所にアップロードするだけで使えるので特に難しい部分はないが、基調となる色を変更したいといったテーマのカスタマイズ方法については、以下のページを参照のこと。XOOPS専門-株式会社RYUSAndroid携帯でも同じテーマを使用するなにもしないとAndroid携帯ではテーマが適用されないのでryusSetIphoneTheme.class.phpに少し手を加える。elseif(strpos($_SERVER['HTTP_USER_AGENT'],"Android")){$is_ipod=true;↑を追加する。↓こんな感じになればOK。Mobi」を足してもいいと思う。個人の好みもあると思うが、初期状態では他のスマートフォン対応サイトに比べても、本文にあたる部分の文字の大きさがかなり小さいように思う。iPhoneテーマのstyle.cssを開いて微調整を行う。手を入れるのは、まず以下の二つ。black;}この二つのfont-sizeの部分を12pxから14px以上に変更する。大きめのフォントで安定感を持たせたいのなら16px以上。うちは16pxでやっている。line-height:1.7;}と付け加えてみる。この部分は表示されるモジュールの挙動で変わってくる。pの「p」の部分を該当タグに書き換え、付け加えていく。一つ、必須といえる調整がある。black;}と書かれている。liタグで括ったところは全部上記のデザインになってしまうということになるが、このデザインはあくまでもスマートフォン上でリンクを指でタップするのに最適、ようするに目次として機能しているリスト用の表示ということで、行間がたっぷりと取られている。授業中におしゃべりをしない先生が来るまで黒板を消しておくけじめをつけるたとえば、上のような感じのものに適用されると変である。目次になるようなliにはclassを付け、それに適用するように変更した方がよい。black;}と書き換える。シミュレータで表示を確認する実機を持っていない場合はシミュレータで表示を確認できる。インストールされている必要あり。最新(2011年2月4日現在)のバージョン(iBBDemo2)ではiPadのシミュレーションも可能になっている。インストールしておくこと。すると、ダウンロードしたiBBDemo2のファイルをダブルクリックすることで直接インストールすることができる。iPadのシミュレータ画面が表示される。これをiPhoneのものに変更したい場合は「Ctrlキー」と「2」を押すこと。この場合の2はテンキーの2ではなく、日本語キーボードでいうとひらがなの「ふ」のところにある2なので注意。画面の縦横を変更したい場合は「Ctrlキー」と矢印キーの右(→)をクリックすることで行う。ちなみにウインドウ切り替えなどは機能しない。上記の状態からCtrlキーと「2」を同時押しでiPhoneのシミュレート画面(横)になる更にCtrlキーと「→」を同時押しで縦画面になる。横画面に戻すときは再度Ctrlキーと→キー。終了させるときは、横画面にしてから□ボタンをクリックiBBDemo2の再現度について文字の大きさ、全体のバランスといった点については問題なく、ほぼiPhoneの実機で見るのと変わりないが、CSSの解釈が一部違っている(たとえば、iBBDemo2ではposition:fixedが使えるが、実機では無視される)。可能であれば最終確認を実機で行った方がよい。SDKこのソフトは一言でいって面倒。インストールは参考サイトを見ながら時間に余裕があるときに。Worldする]iPadではどうする?iPadの横解像度は1024ピクセルあり、これは15インチ液晶モニタの一般的な横解像度と同じで、PC向けのサイトをそのまま表示しても特に問題ない。ユーザもそう考えてサイトを閲覧するはずで、iPhone用のテーマで表示される方がストレスになるだろう。したがってiPad向けに特別なにかするというのは考えなくていいように思う。