実践！iPhone＆Androidサイト制作ガイド
「WebサイトをiPhoneやAndroidで見やすく表示したい」「スマートフォンをターゲットにしたWebサイトをデザインしたい」――そんなWeb制作者のための入門ガイド。PCサイト制作のノウハウを生かして作るスマートフォン（iPhone/Android）対応サイト制作の基礎知識から実践的なテクニックまで解説します。<cj:inc template="792" element_id="594257" />
2010年11月09日 11時00分更新
-
第10回 2010年11月09日 11時00分
WebPro
jQueryでiPhone風スライドパネルを作ろう
スマートフォン向けのWebサイトでは「動き」を演出することが多い。jQueryを使ってiPhone風のスライドパネルを作ってみよう。
-
第9回 2010年10月18日 10時01分
WebPro
CSS＋jQueryでクロスデバイスサイトを作ろう
PC向けのWebサイト（HTML）はそのまま利用し、CSSとJavaScriptだけでレイアウトやデザインを変更する｢クロスデバイスサイト」の作り方を説明する。
-
第8回 2010年10月06日 13時01分
WebPro
JavaScriptで振り分けてスマホサイト完成！
実例に学ぶスマートフォンサイトの制作方法。HTML5/CSS3で制作したページにiPhone/Androidならではのリンクを設定し、PCサイトと振り分ける処理を作成しよう。
-
第7回 2010年09月21日 10時00分
WebPro
HTML5/CSS3で作るスマートフォンサイトの基本
スマートフォンサイトの制作方法を実際のプロジェクトの流れに沿って解説。Photoshopでデザインカンプを作成して基本のHTML/CSSをコーディングしよう。
-
第6回 2010年09月13日 10時00分
WebPro
実例でわかる！スマートフォンサイトの画面設計
今回からスマートフォンサイトの制作方法を実際のプロジェクトの流れに沿って解説する実践編。実在するサイトを例にワイヤーフレームを作成しよう。
-
第5回 2010年08月27日 10時00分
WebPro
スマートフォンサイトをデザインする7つのポイント
iPhone/Android向けサイトの制作方法を学ぶ連載企画。今回は、スマートフォンサイトをデザインするときに気を付けたいポイントを解説する。
-
第4回 2010年08月18日 17時05分
WebPro
スマートフォン対応サイトを設計するときのノウハウ
スマートフォンサイトの制作では設計段階でも注意すべき点が多くある。iPhone/Android向けサイトの構造設計と画面設計のポイントを解説する。
-
第3回 2010年08月11日 10時00分
WebPro
サイト制作の前に知りたいiPhone/Androidの仕様
スマートフォンはPCに近いとはいえ、モバイルならではの制限がある。iPhone/Android向けのサイト制作を始める前に、それぞれの仕様を確認しよう。
-
第2回 2010年08月04日 10時00分
WebPro
作って学ぶスマートフォン対応サイトの基本
iPhone/Android向けの簡単なWebページを作りながら、スマートフォンサイトの基本と制作環境を学ぼう。シミュレーターのインストール方法も詳しく解説。
-
第1回 2010年07月28日 10時00分
WebPro
スマートフォン対応サイトの作り方、教えます
スマートフォン（iPhone/Android）に対応したWeb制作のテクニックを学ぶ新連載。まずはスマートフォン向けサイト制作に必要な基礎知識を解説する。