iPhoneとiPod touchで、知的生産性をアップさせてくれるアプリを紹介するシリーズも4回目となりました。第1回「辞書アプリ」、第2回「メモアプリ」、第3回「経費管理アプリ」に続き今回は「読書アプリ」をご紹介します。 iPhone/iPod touchを買ったら真っ先にインストールしたいアプリの1つが読書アプリです。かさばる本を持ち歩かなくても、iPhone/iPod touchさえあれば何冊でも何十冊でも本を持ち運べるのですから、読書がとっても身近になります。 iPhone/iPod touchで読書を楽しむためのアプリは、テキストリーダーや電子ブックリーダーと呼ばれ、書籍データやテキストデータをダウンロードし、アプリ内に保存してから読みます（書籍や雑誌ごとに単体で販売されているアプリもありますが、今回は扱いません）。 日本語の場合は電子ブック書店と連動しているアプリ

iPhone/iPod touch の viewport の概念の補足 Safari on iPhone/iPod touch に導入された meta 要素の viewport 属性ですが、使ったことがない人にはなかなか理解しづらいようなので、ちょっと補足しておきます。こんな突っ込みもあったので。 iPhone / iPod touch対応Webサイト - 𥝱話 リキッドにしとけばいいだけの話とちゃうの？ いや、違うんですよ。 前回、viewport は仮想的なウインドウということを説明しましたが、この仮想ウインドウは、閲覧しているユーザによって大きさを変更できない、サイズ固定のウインドウなわけです。 そして、Safari on iPhone/iPod touch は、基本的にこの仮想ウインドウの（横幅）全体が、横幅 320px（縦持ち時）のディスプレイに納まるように、縮小（もしくは拡大

ウェブサイトを iPhone/iPod touch 対応にする最も簡単な方法 viewport を設定して iPhone/iPod touch に対応しよう ぼちぼち iPod touch が届き始めましたね。 Safari on iPhone/iPod touch のために用意された meta 要素の viewport 属性1を使って、あなたのサイトをなんちゃって iPhone/iPod touch 対応にする方法を説明してみたいと思います。 方法は簡単です。 <meta name="viewport" content="width=1024" /> head 要素に上記のようなタグを入れるだけです。ただ、ここで width に指定する横幅を自分のサイトに合わせて最適化する必要があります。 ちなみに、上記の width=1024 となっている viewport の設定は Apple のホ

iPod touch/iPhone の viewport 属性の区切りはセミコロンではなくカンマ viewport 属性の区切りはセミコロンじゃなくてカンマじゃない？ 日本でも iPod touch/iPhone 用のウェブサービス・インターフェイスが続々出てきましたが、実際に使われている meta 属性の viewport プロパティの区切りが2種類存在することに気が付きました。カンマ（コンマ）を使っているところと、セミコロンを使っているところです。 カンマ区切りの viewport <meta name="viewport" content="width=320, user-scalable=no /"> セミコロン区切りの viewport <meta name="viewport" content="width=320; user-scalable=no; /"> Apple の開

先週の金曜日にSwapSkillsの『誰でも出来るiPhoneのウェブサイト』というイベントに行ってきたので覚え書き。 iPod touch持ってないし、まったく予備知識なしで行ったので知らないことだらけでした。 iPhoneの基本 Portraitモード（縦画面）→幅320px Landscapeモード（横画面）→幅480px Viewport機能 Portraitモード時に自動的に縮小表示する機能。 この機能のデフォルト幅は980px。それを320px幅に収めようとするので、約1/3の大きさで表示される。 Pinch in/Pinch Out機能 指とマウスは違う。指で操作できるように作るのがポイント フロートを解除する 1カラム、リキッド構成 iPhoneに対応している例 Facebook iPhone向けには、タブ化、リキッドレイアウト化、フォント･行間を大きめにしてある。 開発