携帯・スマートフォンサイト作成入門

携帯電話などから閲覧できる「ケータイサイト」を作ってみましょう。携帯端末に搭載されているブラウザに関するいくつかの制約を押さえておけば、あとは簡単に作成できます。まずは、携帯サイト作成の基本をご紹介。

携帯電話で閲覧できる「ケータイサイト」作成方法の第2弾です。携帯端末では画面スクロールやリンクの選択が少々面倒です。携帯電話の「番号キー」を使って、ページ内の移動やリンクの選択を手軽にしてみましょう！

携帯電話で閲覧できる「ケータイサイト」作成方法の第3弾です。携帯端末ならではの「絵文字」を表示・入力する方法をご紹介。絵文字を入力するためのツールや入力方法の紹介と、絵文字の装飾方法も解説しています。

携帯端末向けのウェブサイトを作成した場合、実際の携帯電話でどう見えるのかのチェックが必要です。実機を使うのが確実ですが通信費がかかりますね。実機を使わずに携帯端末での見え方を確認する方法があります。

ホームページをスマホ対応にする方法として、サイト制作前に確認しておきたいポイントや、スマホ用ブラウザの仕様による注意点などを簡単に解説。スマホサイトに特殊な作り方は必要なく、HTML＋CSSはPCサイトとほぼ同じ書き方で作成できます。画面の小さなスマートフォンに適したデザインで、モバイル対応Webサイトを作ってみて下さい。

Androidスマートフォンのエミュレータを使うためには、「Android SDK Tools」のインストールが必要です。そのためには、事前に「JDK」のインストールも必要です。「Android SDK Tools」を使うための準備から、セットアップ完了までの手順を、豊富な画面イメージと共に解説しています。

PC上の仮想環境で、Androidスマートフォンやタブレットの表示確認ができる「Androidエミュレータ」を使ってみましょう。エミュレータ上でブラウザを起動すれば、様々なスマートフォンで自身のウェブサイトがどう見えるのかを簡単に確認できます。Androidエミュレータの設定方法や簡単な使い方をご紹介。

スマートフォンでは、画面に表示されたリンクを指で直接押して操作します。リンクを「大きなボタンの形」にして掲載すれば、押しやすいリンクになるでしょう。CSSを使えば、リンク自体はHTMLのa要素を使って作る「普通のリンク」のままで、「ボタン」の形に見えるように装飾できます。

テキスト入力欄を、PC用ブラウザだけでなく、スマートフォンやタブレット端末でも使いやすくしてみましょう。既存のページを大きく改修することなく、簡単に実現できる方法をご紹介。

PC用サイトにアクセスしてきたスマートフォン利用者を自動的にスマホ用サイトへ誘導できるように、アクセス者の端末(PC/SP)に応じて閲覧先を自動で切り替える機能の作り方をご紹介。閲覧者のユーザエージェント名(ブラウザや機種名)を判別し、「.htaccess」のmod_rewriteを使ってアクセス先を自動振り分けすることで、スマートフォンユーザだけをリダイレクトする方法を解説。