スマホ

スマホでPDFがダウンロードできない原因

スマホでPDFがダウンロードできない原因

 開発中のサイトで、スマートフォンではpdfのダウンロードができないことがありました。最終的にダウンロードできるようになりましたが、条件が複雑怪奇だったので、今回はこの話題にしたいと思います。 関連記事: iPhone向けSafari、HTML拡張属性を使いこなす スマホサイトで画像をコピーガードする …

スマホ向けページャデザイン 3選

スマホ向けページャデザイン 3選

 商品一覧や検索結果のように、一覧を表示するページでは、ページを切り替えるためのページャー(ページナビゲーション)がよく使用されます。スマートフォンサイトでも、ページャーを使用することが多いのですが、PCサイトで使われるページャーといくつかの違いがあります。 関連記事: 画像をピッタリ横並び表示させる …

iPhone でHTTPプロキシを使用する際の制限

iPhone でHTTPプロキシを使用する際の制限

 iOS8のsafariでは、フォワードプロキシを使用した場合に制限があります。iOS7までにはなかった制限なので、注意が必要です。 関連記事: HTTPリダイレクト4種類の違いとは? スマホサイトで画像をコピーガードするには? スマホでPDFがダウンロードできない原因 HTTPリダイレクト4種類の違 …

スマホサイトで画像サイズはいくつにすべきか?

スマホサイトで画像サイズはいくつにすべきか?

 スマートフォン端末が急増してきて、スマートフォンサイト制作をお考えの方も多いことでしょう。そこで素朴な疑問として出てくるのが画像サイズを何を基準に作成するべきか?ってことです。各スマートフォンが持つブラウザ横幅と解像度が必ずしも一致しないので、一体何を基準に作ればよいかわからなくなります。今回はこの …

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

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

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

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

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

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

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

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

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

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

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

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

Page Top