CSSの変更だけでPCサイトをiPhoneに対応させる方法

2008/7/15 火曜日 Posted in iPhone, 記事紹介・リンク | No Comments »

旬のiPhoneネタをご紹介します。 CSSを変更するだけで、既存のPCサイトを「iPhone」「iPod touch」に対応させる方法が、スライドで公開されています。 7/4にアップルストア銀座で行われたイベントで使われたスライド資料のようです。 →　SwapSkills公式サイト　7月4日　アップルストア銀座無料イベント！開催テーマ『誰でも出来るiPhoneのウェブサイト』 [swapskills-allweb.blogspot.com] おそらくこの資料のベースとなったスライドで、内容はやや異なっていますが、スライド内で紹介されているタグを抜き出して解説していますので、こちらのページの方がわかりやすいかもしれません。 →　Kawa.netブログ　 PCサイトをCSSだけでiPhone (iPod touch)に対応させる方法 [kawa.at.webry.info]   iPhoneからのアクセスかどうかを判定するには、ユーザエージェントから判断するのではなく、linkタグのmedia属性でCSSを切り替えるのが良いようです。 他にも画面幅を調整する方法や、指タッチでも使いやすくするコツなどが紹介されています。 言葉での解説ありきの資料のため、ややわかりづらいところがありますが、iPhone対応サイトを作ろうと考えている方には役に立つと思います。 どこかに発表時の音声やムービーは公開されていないのでしょうか？ ご存じの方がいましたら教えてください。   関連： ソフトバンクのiPhone3Gを買ってきました ソフトバンクのiPhone発表に関する記事をまとめてみました 【速報】iPhoneはソフトバンクから発売されることになったようです Read more..

第33回PHP勉強会で使用したスライド資料「モバイル版Googleマップのちょっと進んだ使い方」

2008/5/26 月曜日 Posted in PHP | 1 Comment »

先日の「第33回PHP勉強会」に参加させていただいたのですが、その際の発表で使用したスライド資料を公開いたします。 | View | Upload your own なお、資料内で紹介しているサンプルはこちらからご覧になれます。 1. ラインの切替 2. 円の描画 3. アニメーションGIF化(1)　※サーバ都合上結果GIFのみ公開 4. アニメーションGIF化(2)　※サーバ都合上結果GIFのみ公開 5. 操作(住所指定方式)　※ケータイからのみ 6. 操作(パラメータ変更) それぞれプログラムもあるのですが、出張の移動中に書いたのでソースがあまりキレイではないのと、ライブラリとして使えるように、現在リファクタリング中です。 近日中に公開する予定ですので、もう少々お待ちください。 なお、勉強会参加者のtwkさんが、早速ウィザードの日本語訳のページを作ってしまったそうです。 →　こちらです GoogleStaticMapsAPIに慣れていない方にはとても便利だと思います。 ぜひ合わせてご利用されると良いのではないでしょうか。   関連： 携帯サイト初心者の方に向けたセミナー資料「ケータイサイトのはなし（入門編）」 ケータイで取得した位置情報をGoogleMap形式に変換するサンプル FOMAオープンiエリアの位置情報取得機能を試してみました Read more..