demo

2/4ページ

スマートフォンのラジオボタンを使いやすいサイズにするには?

スマートフォンのラジオボタンを使いやすいサイズにするには?

 スマートフォンは画面をタッチして操作をするので、フォームを使ったページではラジオボタンとチェックボックスのサイズは入力のしやすさに大きく関わってきます。 情報を入力しているときにボタンサイズが小さくてタッチしにくいと、イライラしてしまったり入力を諦めてしまったりするので、ECサイトなどでは購入機会の …

入力フォームを数字キーボードに設定するには?

入力フォームを数字キーボードに設定するには?

 フィーチャーフォンでは、フォームでテキストを入力する際の文字入力モードをHTMLの属性(istyle=”4″など)で指定できる。文字入力モードは「ひらがな」「カタカナ」「英字」「数字」のように文字種を指定できるから、入力モード切替が煩わしい携帯では切り替えの手間が省け、ユーザ …

スマホサイトで画像をコピーガードするには?

スマホサイトで画像をコピーガードするには?

 Webページ上の画像は、Webに公開する以上閲覧者に保存されたり複製されるのは仕方のないことです。基本的にPCブラウザと同じ構造のスマートフォンブラウザで複製を完全に防止する対策法はありません。しかし、フィーチャーフォンでは画像の保護や転送をブロックすることが一般的に行われており、スマートフォンでも …

Androidスマートフォンの壁紙サイズの法則が見えてきたぞ

Androidスマートフォンの壁紙サイズの法則が見えてきたぞ

 2010年冬、携帯キャリア各社から続々とAndroidスマートフォンが発売されました。シンメトリックでは新発売スマートフォンのスペックを調査しており、私も実機を使っての調査に携わっています。2010年秋以降は、この調査ワークが忙しくなり、世のスマートフォンブームを実感しています。 調査するスマートフ …

auブラウザ、いまだにUTF-8が使えず!

auブラウザ、いまだにUTF-8が使えず!

 携帯ブラウザでは元々Shift_JISしか対応していなかったけど、FOMAサービスが開始された2001年頃からUTF-8対応の端末が徐々に増えてきた。携帯でも(X)HTMLのキャラクタエンコーディングはそろそろUTF-8でいいんじゃないか? そう思って実験的にコンテンツを表示させて見ると・・・。au …

入力フォームの操作性、機種による違いにご注意!

入力フォームの操作性、機種による違いにご注意!

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

「ホーム画面に追加」したときのアイコンを設定するには?

「ホーム画面に追加」したときのアイコンを設定するには?

 iPhoneのホーム画面に以下のようなURLショートカットアイコンを表示できることを知ってましたか? 今回はこのURLショートカットアイコンをホーム画面に追加する方法と、サイト制作者がこのアイコンを指定する方法について紹介したいと思います。 関連記事: 円記号をiPhoneのブラウザに表示するには? …

画像をピッタリ横並び表示させるテクニック

画像をピッタリ横並び表示させるテクニック

 メニューやおすすめ商品といったバナー画像を携帯の画面に横並び表示させるのは結構難しい。それは機種ごとにブラウザの描画領域の大きさが異なることと、画像の折り返しが発生することによるものだ。携帯ならではのテクニックを披露する。 関連記事: Androidスマートフォンの壁紙サイズの法則が見えてきたぞ 入 …

maxlengthで半角文字数で制限するには?

maxlengthで半角文字数で制限するには?

 入力フォームではおなじみのmaxlength属性。携帯ブラウザでも使えるけど、やっぱり機種依存がある。機種依存の影響は大きく、場合によっては画面遷移やDB定義にまで手をつけないといけないことも・・・。 まずは手元にある端末を使って実機調査を敢行した。 関連記事: 入力フォームを数字キーボードに設定す …

NoClassDefFoundErrorの原因と対応(2)

NoClassDefFoundErrorの原因と対応(2)

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

NoClassDefFoundErrorの原因と対応(1)

NoClassDefFoundErrorの原因と対応(1)

 前回の記事ではJavaクラスローダに関する現象を書いた。普段はあまり意識することの少ないクラスローダだけど、前回のような現象が現実に起きていることを考えると、クラスローダに対する多少の知識はあったほうが絶対に役立つ。 今回はクラスローダの様々な機能・特徴のうち、Webアプリケーションプログラマでも是 …

MissingResourceExceptionの解決法

MissingResourceExceptionの解決法

 JavaベースのWebアプリケーション実行環境Tomcatをターゲットとしたアプリケーションを開発していたときのこと。一部のロジックをmainメソッドから実行できるように変更した。そして、いざ実行してみるとこれまで読み込めていたプロパティファイルが読めなくなってしまった! なぜこんなことになってしま …

EOF判定の注意点

EOF判定の注意点

 C言語を勉強してきた中で私の致命的な思い違いシリーズの第三弾です。 第一弾「C言語では signed と unsigned の違いで挙動がこんなにも変わる!」 第二弾「C言語、暗黙の型変換と符号拡張の落とし穴」 今回は、練習で「標準入力からテキストを読み込んで行数をカウントする」という簡単なプログラ …

暗黙の型変換と符号拡張とは?

暗黙の型変換と符号拡張とは?

 C言語を勉強してきた中で私の致命的な思い違いシリーズの第二弾です。 第一弾「C言語では signed と unsigned の違いで挙動がこんなにも変わる!」 第三弾「C言語でEOFをchar型で比較してまずいのはなぜ?」 今回は、暗黙の型変換と符号拡張についてです。 関連記事:コンパイラの最適化と …

iPhone向けSafari、HTML拡張属性を使いこなす

iPhone向けSafari、HTML拡張属性を使いこなす

 iPhone向けSafariでは、W3C標準のHTMLタグ・属性をサポートしているのはもちろんだが、iPhone固有の拡張属性・拡張CSSプロパティが使用できる。具体的には、テキストの入力方法を制御するものからタッチパネル操作専用のイベントハンドラ、バックライトの制御といった機能まである。 今回はi …

signed と unsigned の違い

signed と unsigned の違い | C言語

 通常の業務とは別にC言語を少しずつ勉強しています。C言語の鬼門と言われるポインタの動きもある程度理解し、構造体、線形リストやハッシュなどを使った簡単なプログラムを書けるようになりました。しかし、C言語としてかなり初歩的なことにも関わらず、今まであんまり意識せずにいたために致命的な思い違いをしたままだ …

CSS3 擬似クラス

CSS3 擬似クラス

 CSS2までの擬似クラスは、閲覧者が単純なアクションを起こした際にスタイルを適応させるための仕組みとして主に使用されていました。CSS3では、非常に多くの擬似クラスが追加されました。これにより、これまでの擬似クラスの用途を大きく超えた可能性が拡がった印象を受けました。 今回は、CSS3において追加さ …

円記号をiPhoneのブラウザに表示するには?

円記号をiPhoneのブラウザに表示するには?

 iPhoneのブラウザ上に「¥」を表示しようとしても、「\」(バックスラッシュ)になってしまう。一体どうすればいいのか? Durianの開発中にこんな問題に直面した。何としてもiPhone対応したいという一心で、試行錯誤した結果は・・・。 関連記事: スマホサイトで画像サイズはいくつにすべきか? ス …

コンパイラの最適化によるデメリット

コンパイラの最適化によるデメリット

 以前C言語で、業務とはまったく関係のないお遊びプログラムを作っている時に、不可解な現象に悩まされました。 とある関数の内部で、呼び出し元の情報を書き換えて、関数を抜け出す時に本来の戻り先とは別の戻り先に制御を移すという、ちょっと変な処理を行うものです。 この時は何か目的があってプログラミングをしてい …

スマホサイトに使える負荷テストツールとは?

スマホサイトに使える負荷テストツールとは?

 パフォーマンスが求められるWebサイトだと、Webサイトの負荷テストを行う場合が多い。シンメトリックでも自社製品ラウンドアバウトやフットプリントの負荷テストをたびたび実施している。もちろん、アクセス数の見込まれるSI案件でも負荷テストは欠かせない。 こうした負荷テストを行うためのツールには無料・有償 …

Page Top