株式会社シンメトリック公式ブログ - 携帯開発から生まれる技術情報| 携帯サイト開発から生まれる技術情報ブログ

入力フォーム内の項目を横並びにしたり、リンクを追加したりすると、携帯でのユーザーインタフェースに思わぬ影響を及ぼしてしまうことがある。具体的に言うと、機種によってはチェックボックスやラジオボタンを十字キーで選択することが難しくなったりするのだ。

今回は携帯の十字キーの操作性にフォーカスしてみる。

iPhoneのホーム画面に以下のようなURLショートカットアイコンを表示できることを知ってましたか？

今回はこのURLショートカットアイコンをホーム画面に追加する方法と、サイト制作者がこのアイコンを指定する方法について紹介したいと思います。 続きを読む »

メニューやおすすめ商品といったバナー画像を携帯の画面に横並び表示させるのは結構難しい。それは機種ごとにブラウザの描画領域の大きさが異なることと、画像の折り返しが発生することによるものだ。携帯ならではのテクニックを披露する。

入力フォームではおなじみのmaxlength属性。携帯ブラウザでも使えるけど、やっぱり機種依存がある。機種依存の影響は大きく、場合によっては画面遷移やDB定義にまで手をつけないといけないことも・・・。

まずは手元にある端末を使って実機調査を敢行した。

前回はTomcatにおけるクラスローダの全体像を書いた。今回はクラスの参照可否性について説明したい。クラスの参照可否性とはクラスローダがクラスを読み込むことができるかどうかの条件で、少々複雑な内容になる。

前回説明したクラスローダの階層と今回説明する参照可否条件まで知っておけば、クラスローダに起因する問題には大部分対応できるハズだ。今回はサンプルコードを元に説明したい。

Helmaシリーズ第３回、今回の内容は、Helmaでデータベースを使う方法についてです。

• データベース連携のための準備
• helma.Databaseオブジェクトを使ったデータベースアクセス

HelmaにはO/Rマッピングが用意されています。O/RマッピングはSQLレスにプログラミングができることが魅力ですが、結論から言うと、私はhelma.Databaseオブジェクトを使った方法で目的を果たしました。テーブルをJOINするなど、既に書くべきSQLがわかっているのにO/Rマッピングの方法がわからず、調べるのに時間がかかりすぎてしまったからです。

という事情で、ここで説明する方法は、O/Rマッピングを使わない別の方法です。O/Rマッピングでの方法は、記事の最後に参考URLを掲載するので、そちらを参照してください。

前回の記事ではJavaクラスローダに関する現象を書いた。普段はあまり意識することの少ないクラスローダだけど、前回のような現象が現実に起きていることを考えると、クラスローダに対する多少の知識はあったほうが絶対に役立つ。

今回はクラスローダの様々な機能・特徴のうち、Webアプリケーションプログラマでも是非知っておきたい情報を2回に分けてまとめてみた。キチンと理解できればTomcatでNoClassDefFoundErrorが起きてもすぐに解決できるようになるはずだ。

携帯サイト作成の苦労のひとつに「画像」があるようです。

携帯電話には画像領域やキャッシュ容量などがあるので大変そうなイメージはつきますが、正直、「容量とサイズを小さくすれば良いのか。画像ソフトがあれば出来そうかな。」という気持ちです。

今回は画像を17枚つかって表現されているものを、「可能な限りレイアウトを崩さず、綺麗な画像で表現」を意識してDoCoMo、au、Softbank携帯でみれるようにしたいと思います。

画像サイズと容量を変えるだけなので簡単かと思ったのですが、携帯独特の動きに案外苦戦しました。

DoCoMo仕様を生かした携帯サイト、Softbank仕様を生かした携帯サイトを作成してきました。

「携帯サイト制作って何が大変なの？」シリーズ第三弾。

最後はauです。

au仕様に合わせて携帯サイトを作成し、それをDoCoMo、Softbank機種でみるとどうなるのか？予想しながら読んでみて下さい。

さて、「携帯サイト制作って何が大変なの？」第二弾です。

こうなればとことん探求！！DoCoMoが日本の標準なわけではありません。Softbank、au、それぞれのキャリアに最適なサイトをつくり、それを別のキャリアでみて比較します。

まずはSoftbank。

外部CSSが使えるので、スタイルシートを追加しXHTMLのソースも作りなおしました。それをDoCoMo、auでみるとどう変わるのか？検証してみました。