2010年4月
Mac標準のアドレス帳をCSVで書き出す方法
MobileMeとかiPhoneとのSyncを考えるとできるだけMac標準のアプリを使っておきたい気がしますがMac標準のアドレス帳はvcard形式でしか書き出せず、アドレス帳のリストをCSVで書き出したりできません。
これを解決するのにサンダーバードを使います。
サンダーバードを起動したらアドレス帳をクリック
するとアドレス帳にはMacOSXのアドレスブックというグループが作られていて、デフォルトのアドレス帳に登録したアドレスが表示されます。（これは同期していてアドレス帳に追加したり削除したりすればサンダーバードのアドレス帳も変更されるようです）
［ツール］→［書き出す］をクリック
カンマ区切りを選択して保存
完成
iPad用モックアップアプリ「iMockups」
モバイルもののジレンマは小さいことはいいことだけど、画面は大きい方がいいということ。
画面が大きくなっただけで俄然使い勝手がよくなるiPhoneアプリはたくさんありそう。
iPhone iPadで「position: fixed」を実現するiScroll
3日に書いたiPad readyの記事で紹介したNikeのサイトがヘッダーを固定していたのでてっきりiPadはiPhoneで使えなかったCSSの「position: fixed」が使えるのかなと思ったらやっぱりiPadでも「position: fixed」は使えなくて、代わりに「iScroll」というJavaScriptライブラリで実現していたと知ってびっくり。
これを使えばiPhoneでも「position: fixed」に相当するデザインを実現できそうです。デモはこちら
ただしこれを使うと、逆に通常のブラウザではスクロールできなくなるので注意が必要です。上のデモもPCでは機能しません。
使い方は簡単で、JS読み込んでスクロールさせるdivにIDつけて、その親divにもIDつけてあとCSS指定するだけ。詳しくはデモのソースを見れば分かります。2つのdivの間に違う要素が入るとダメみたいなので注意。
そもそもなぜiPhoneとiPadはposition: fixedをサポートしていないのかについては、Safariの公式資料のPreparing Your Web Content for iPadに記載がありました。
どうも、もともとPCのブラウザはWindowとViewportをほぼ同じものとしてレンダリングしているけど、iPhone・iPadではあくまでViewportに対して「position: fixed」していて、Viewport自体はWindowの中にレンダリングされているので、Windowに対して要素はfixされないという感じらしいです。なのでこれはバグでもなんでもなく仕様だとのこと。（しかし明らかにPCのブラウザとレンダリングの整合性が取れないので代替策を提供してほしいけど）
これでウェブサイトで、アプリっぽくヘッダーとかフッターをツールバー風に固定して見せられるのでかなり重宝すると思います。
[updated] Scrolling div for mobile webkit turns 3 | Cubiq.org.
iPad ready.
iPad向けのサイト作りたいなーと思っている人、見るといいですよ、iPad ready.
iPadでの表示に最適化されたサイトが紹介されています。
特にナイキのサイトがいい感じ。あ、もちろんiPadかiPadシミュレータで見ないと意味ないので注意。
