入力フォーム内の項目を横並びにしたり、リンクを追加したりすると、携帯でのユーザーインタフェースに思わぬ影響を及ぼしてしまうことがある。具体的に言うと、機種によってはチェックボックスやラジオボタンを十字キーで選択することが難しくなったりするのだ。
今回は携帯の十字キーの操作性にフォーカスしてみる。
続きを読む »入力フォーム内の項目を横並びにしたり、リンクを追加したりすると、携帯でのユーザーインタフェースに思わぬ影響を及ぼしてしまうことがある。具体的に言うと、機種によってはチェックボックスやラジオボタンを十字キーで選択することが難しくなったりするのだ。
今回は携帯の十字キーの操作性にフォーカスしてみる。
続きを読む »iPhoneのホーム画面に以下のようなURLショートカットアイコンを表示できることを知ってましたか?

今回はこのURLショートカットアイコンをホーム画面に追加する方法と、サイト制作者がこのアイコンを指定する方法について紹介したいと思います。 続きを読む »
メニューやおすすめ商品といったバナー画像を携帯の画面に横並び表示させるのは結構難しい。それは機種ごとにブラウザの描画領域の大きさが異なることと、画像の折り返しが発生することによるものだ。携帯ならではのテクニックを披露する。
続きを読む »入力フォームではおなじみのmaxlength属性。携帯ブラウザでも使えるけど、やっぱり機種依存がある。機種依存の影響は大きく、場合によっては画面遷移やDB定義にまで手をつけないといけないことも・・・。
まずは手元にある端末を使って実機調査を敢行した。
続きを読む »携帯サイト作成の苦労のひとつに「画像」があるようです。
携帯電話には画像領域やキャッシュ容量などがあるので大変そうなイメージはつきますが、正直、「容量とサイズを小さくすれば良いのか。画像ソフトがあれば出来そうかな。」という気持ちです。
今回は画像を17枚つかって表現されているものを、「可能な限りレイアウトを崩さず、綺麗な画像で表現」を意識してDoCoMo、au、Softbank携帯でみれるようにしたいと思います。
画像サイズと容量を変えるだけなので簡単かと思ったのですが、携帯独特の動きに案外苦戦しました。
続きを読む »DoCoMo仕様を生かした携帯サイト、Softbank仕様を生かした携帯サイトを作成してきました。
「携帯サイト制作って何が大変なの?」シリーズ第三弾。
最後はauです。
au仕様に合わせて携帯サイトを作成し、それをDoCoMo、Softbank機種でみるとどうなるのか?予想しながら読んでみて下さい。
続きを読む »さて、「携帯サイト制作って何が大変なの?」第二弾です。
こうなればとことん探求!!DoCoMoが日本の標準なわけではありません。Softbank、au、それぞれのキャリアに最適なサイトをつくり、それを別のキャリアでみて比較します。
まずはSoftbank。
外部CSSが使えるので、スタイルシートを追加しXHTMLのソースも作りなおしました。それをDoCoMo、auでみるとどう変わるのか?検証してみました。
続きを読む »はじめまして。1月にシンメトリックに入社をしたYOUです。プログラムもHTMLもCSSも何もわからない私が入社をしてまず学んだことは「携帯サイト制作」でした。
「携帯サイトはキャリアによってつくり方違うから。」
(わたし) ・・・一体どういうこと?
DoCoMoの仕様に沿って携帯サイトを作成しそれをau、Softbank携帯で見る。DoCoMo機種と比べて見え方に異なる部分があれば、それをau、Softbank携帯でも綺麗に見えるようにそれぞれ直す。
どんな過程があり、どんな苦労があるのか。そのことについて書きたいと思います。
続きを読む »前回「Visitors」というアクセスログ解析ソフトをご紹介したのですが、またまた凄いアクセス解析ソフトを見つけました。その名も「WebLog Expert」です。
このソフトはWindows上で動作するソフトウェアで、無料版と有料版があります。無料版でも十分に綺麗なグラフと解析結果が出力されるのですが、デフォルトでは携帯ブラウザからのアクセスを解析することができません。
この記事では、「WebLog Expert」の使い方から携帯アクセス解析方法までをご紹介したいと思います。
続きを読む »SSLに対応した携帯サイトを開発していて気になるのはSSLの警告画面表示。SSLページに入ったり、SSLページから抜けたりするときに警告ダイアログが表示されてしまうからだ。でも機種やページによっては警告ダイアログが出ないこともあり、表示条件がよく分からない。とりあえず会社にある端末を使って調べてみることにした。
続きを読む »