Kosei Kitahara's Blog

ついに来ましたね。iTunes から iPod Touch / iPhone アプリケーションの配置ができるようになりました。いろんなところで要望は上がっていましたけど、それを形にできるのが apple さん！カメラ付き iPod Touch お待ちしてます (笑 俄然整理もしやすくなりましたし、 iPod Touch / iPhone からはめんどくさかった、アプリの移動や削除が楽すぎます。他にも genius mix で再生リストを自動生成（下の図みたいなのが出来上がりますよ）してくれたり、アカウントが一緒であれば音楽を共有できたりできるようになりました。jobs 氏も復活したようですし、今後も期待せざるを得ない！ 大事なことなので、もう一回言っておきますね。 カメラ付き iPod Touch お待ちしてます (笑

App Store 1 周年ですね。Happy Birthday ! この 1 年で 15,000 以上のアプリがリリースされ、10 億以上がダウンロードされたようですね。そこで、私がこの 1 年間で App Store でダウンロードしたアプリ 223個 のうち、お気に入りのアプリをご紹介したいと思います。(2009-07-11 時点) Title Price Category Notes RSS Flash g ¥600 News Google Reader と同期する RSS Reader。たまにフリーズするけど、同期速度が速く、Twitter、Delicious と連携する。Google Reader の斜め読み用に利用。 Byline ¥600 News Google Reader と同期する RSS Reader。同様のアプリの中では動作が一番安定している。同期速度はちょっと遅い。Google Reader で購読しているブログのうち、デザインブログやフォトログ等を読むために利用。 Read Later ¥230 Buisiness Delicious と連携し、ブクマしたサイトをそのまま持ち歩ける。RSS Flash g から Delicious にブクマし、それを Read Later で持ち歩くという導線。 ZumoDrive 無料 Utility PC 間とのファイル同期。PDF 等のドキュメント (主にチートシート系) を参照するために利用。 Evernote 無料 Buisiness PC間とのノートの同期。Mind-Map や Restructured-Text (仕様書系) 等を持ち歩くために利用。 Milpon 無料 Buisiness Remember the milk と同期する ToDo アプリ。タグ検索もできる。 FastFinga ¥115 Buisiness 手書きノート。さらっと書いて、メール送信して、あとで整理という導線。写真の上にメモすることもできる。 産経新聞 無料 News 産経新聞の紙面をそのまま閲覧。いわずと知れた神アプリ。私はRSSで読むほうが多いので、入れてるだけで使わない。 GNRead...

The Django Book (日本語) サイトをiPhone/iPod Touchに対応させてみました。iPhone対応サイトを作る方法はいくつか（ iUi 、 Universal iPhone UI Kit 、 jQuery Touch 等が有名）ありますが、今回はCSSのみを用いて実装することにしました。既存サイトをiPhone/iPod Touchに対応させるには一番近道だと思います。大きな変更点は3点です。 画面のリサイズを無効化する 以下のようなコードをheadタグ内のmetaタグとして追加します。 <meta content="width=device-width; maximum-scale=0.6667; user-scalable=0;" id="viewport" name="viewport" /> iPhone/iPod Touch用のCSSを追加する 以下のようなコードをheadタグ内のlinkタグとして追加します。どうやらIEはいつもどおり対応していないようなので、IE以外に読み込ませるよう ですね。iPhone/iPod Touchの画面サイズが480pxで、画面サイズが480pxより小さい場合にはこのCSSを読み込まれます。PC用のCSSを読み込むlinkタグよりも後ろに追加する必要があります。 <link href="/css/iPhone.css" media="only screen and (max-device-width: 480px)" rel="stylesheet" type="text/css" /> タッチアイコンを追加する サイズが60px×60pxのpng画像を用意し、その画像をタッチ用のアイコンとして指定します。favicon同様、以下のようなコードをheadタグ内のlinkタグとして追加します。 <link href="/apple-touch-icon.png" rel="apple-touch-icon" /> CSSを書く時に注意するポイントがいくつかあり...