スマホアプリ開発者向け IDCFクラウド活用セミナー 2012年6月14日(木)18:30~ @IDCフロンティア ~『短期間でのスマホ向けweb開発について』~ セミナー資料Read less
何だか周りにiPhoneを持ってる人が増えてきたなぁと思う今日この頃です。 それにつれてiPhone用のサイトをコーディングする案件も増えて来ましたので、コーディングするときのポイントをまとめました。 iPhoneの特徴 まずは、iPhoneの特徴を見てみましょう。 一つの端末で複数の解像度を持つ iPhoneの特徴の一つとして、縦持ち・横持ちのときで横幅の解像度が変わります。 例えば、縦持ちのときは320pxで、横持ちのときは480pxとなります。 ※縦持ちのとき ※横持ちのとき そのため、320pxに最適化したコーディングをすると、横持ちのときに160px分の余白が空いてしまうため、320pxにも480pxにも対応出来るコーディングをする必要があります。 ※そのためには、デザインをしっかりと考えたものにしなければいけませんが…。 HTMLやCSSの実装状況はパソコンと同様 iPhone
基本のHTMLを作成する 最低限の制作環境が整ったところで、さっそく簡単なスマートフォン向けWebページを作成してみましょう。エディターを起動して、次のようなHTMLを用意します。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>スマートフォンサイトテスト</title> </head> <body> </body> </html> 今回はHTML5で記述していますが、基本的にはHTML4やXHTMLなど、PC向けのHTML/XHTMLがほぼ利用できます(iモードなど携帯サイト用のHTMLは正しく表示できません)。続いて、基本的なマークアップを施していきます。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>
スマートフォンサイトを本格的に作るようになってきたので、いろいろ基本的なことから調べてみました。 自分はコーディングがメインなので、HTML/CSS/JSが主になっています。 制作する前に仕様の確認 スマートフォンの仕様が載っています。一通り目を通すと、製作してる時に「これができない!」などの問題が回避できるかもしれません。 ASCII.jp:サイト制作の前に知りたいiPhone/Androidの仕様|実践!iPhone&Androidサイト制作ガイド ASCII.jp:サイト制作の前に知りたいiPhone/Androidの仕様|実践!iPhone&Androidサイト制作ガイド スマートフォンサイトの制作 – 基礎編 – – ぺーぺーエンジニアのおぼえがき スマートフォンサイトの制作 – 基礎編 – – ぺーぺーエンジニアのおぼえがき iPhone iPad向けサイトを制作するためのいろ
iPhone/iPad独自タグや、便利なタグなどまとめました。それぞれの注意点とか発見した不具合とか掘り下げると色々とありますが、ひとまず以下まとめて列挙してみました。 ■metaタグ:基本のviewport <meta name="viewport" content="width=320, initial-scale=1.0, user-scalable=yes, maximum-scale=2.0, minimum-scale=1.0, ">widthとheight:最初に読み込まれる表示サイズ。widthを指定しないと横幅980px。 initial-scale:最初に読み込まれた際の拡大率 user-scalable:ユーザーが拡大できるか否かを、yesかnoで設定 maximum-scale:ユーザーが操作可能な拡大率の上限 minimum-scale:ユーザーが操作可能な拡大率
サイトのマルチデバイス化(.htaccessで振り分け) 2011 年 5 月 16 日 – 11:04 AM category Webサイト開発・運営 tags Comments: 0 Trackbacks: 0 だいぶ前から言われてきました。iモードが始まりケータイサイトが伸びていた時代。 現在はスマートフォンの勢力がそれを乗り換えようとしています。しかしそれだけではありません。テレビでのブラウジングやゲーム機によるブラウジングなどWebを閲覧する機器が増えてきています。 少なくとも直近ではPC+ケータイ+スマートフォンの3デバイスに最適化した画面を提供する必要があるでしょう。しかも出来るだけ効率よく、最小限の労力でそれぞれのデバイスに向けたコンテンツ提供が必要とされます。 で、その中でも「デバイスの振り分け」がひとつの関所としてやってきます。 PHPで振り分けたり、.hta
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く