お気に入りになったアプリがあれば幸いです。

詳しくは以下

美人天気

かわいい系からキレイ系、ギャル系や清純系など、色々な美人が天気をお知らせしてくれます。
スライドで次の日の天気が見れるUIも使いやすいです。

指定した時間にプッシュ通知で天気情報を受け取ることができるので、毎日目覚ましの時間と一緒にプッシュされるように設定しています。

そら案内

週間天気と3時間毎の細かい天気がみれるアプリ。
GPS連動で現在地の天気予報を自動取得してくれます。
一度データを受信しておけばオフラインでも見れるので、iPod touchの方にもいいですね。

非常に実用的にできており、機能に無駄が無い印象です。

ただ、コメントのエリアが小さすぎてスクロールするには厳しい。
もうちょっとデザインを見やすくしてくれたら必須アイテムになりそうです。

ウェザーニュース タッチ

現在メインで利用しているアプリ。
気象予報士による解説コメント、そしてピンポイント天気を全国各地から検索することができます。
ピンポイント天気は、１時間ごと、３時間ごとの天気に加えて、１週間のそれぞれの予報や、ライブカメラを含めた現在の状況をみることができます。

また、お天気キャスターによる動画番組で、全国各地の天気予報をわかりやすく解説しています。
チャンネルの増加に期待ですね！

KEWPWeather

キュービーがかわいく天気を教えてくれます。
今日と明日の天気しか知る事はできないんですが、このかわいさのためだけに入れといても良いぐらいです。

アンブレラ

今日、傘が必要なのかがすぐにわかるシンプルなツール。
アイデアが面白いですね。

気象天気図

天気図やアメダスなど、他では見られない詳細な情報が掲載されているのが魅力です。
以下の情報を閲覧する事ができるようになっています。
・速報天気図
・実況天気図（アジア）
・２４時間予想天気図
・４８時間予想天気図
・台風経路図
・高層解析図

アプリの説明で「気象庁ホームページの変更などにより突然閲覧できなくなることがあります。」とあったので
恐らく気象庁のHPからスクレイピングしてデータを表示しているようです。

isakura

お花見スポットの開花情報と一緒に天気を見ることが出来るようになります。
花見スポットは全部で1000エリア登録されており、お気に入り登録やメモを残すことができるようになっています。
天気も本日と週間予報が見れるようになっています。
春になったらかなり使えそうです。
情報も非常に見やすく整理されています。

ピンポイント天気

登録した地点の天気を表示してくれるアプリ。
ドラッグ&ドロップで天気アイコンのサイズや位置を自由に変更する事ができるようになっています。
傘が必要かどうかのアドバイスもあり。

・3時間ごとの天気
・今日の天気
・明日の天気
・1週間の天気

気象データは気象庁からオンラインで直接受信しているようです。

ハチカレンダー2 Lite

iPhone上のカレンダーと同期できるアプリ。
1週間の予定が一覧で見れるのが便利です。

天気情報は今日、明日、明後日のみ表示されるようです。

天気+

5日分の天気をフルスクリーンで表示してくれます。
天気によって背景が変化するようになっています。

海外製のため温度表記が華氏になっています。

下駄日和

「あ～した、天気にな～れ」と下駄を飛ばして明日の天気を占うアプリ。
レトロ感覚溢れる美しいモノクロ写真で天気予報を伝えてくれます。

0時00分～16時59分の間は当日の天気を、17時00分～23時59分の間は翌日の天気を表示します。

発想が素敵です。

ローカルウェザー Lite

Google Map上に天気のアイコンを表示するアプリ。
拡大率によっては、天気が出て欲しい位置に出てこないです。

ShareWeather

今の地点の天気を投稿してシェアするアプリ。
こういうアプリは面白いんですが、使用する人数が少ないと難しいですよね。

日本では2人ぐらいしか投稿していませんでした。

降雨ネットワーク

こちらもシェアアプリ。
一時間以内の他の人のレポートを地図上に表示できます。

これもほとんど投稿が無い状態ですね。リアルタイムなシェアは難しいのかもしれません。

テンキくん

「ひとくち予報 in Feed」の情報を基に設定した地域の週間天気予報を表示するアプリ。
週間予報が8日間分表示されるのですが、文字間がつまっていて見づらい印象です。

iPhoneを横向きにするとカバーフローで見れるのですが
特段必要ないような気がします。

服LIVE

気温変化の激しい日や何を着ればいいかわからない日に
周りの人の着ている服を参考に出来るアプリ。

なんですが、、周りの人を探しても１件もヒットしない。
さらに、位置情報を送信する際に必ずエラーが発生する（iPhone4で3G、Wi-Fiどちらも）

まったく使えないアプリでした。

総評

やはりおすすめNo1はウェザーニュースですね。
操作性が非常に良いので使ってて楽しいです。

そら案内も情報としては非常にまとまってて良いのですが、いかんせん使いづらい。もう一歩という感じです。
美人天気も男性だったら面白いのでは無いでしょうか。

有料アプリは試していないので、もしおすすめがあったら教えてください。

ワイヤーフレームの作成時やデザインイメージを確認する際に使えるようになっています。

全てのファイルはPhotoshopで編集可能になっているのでカスタマイズやデザインのはめ込みに使えますね。

10サイト紹介されていますが、いくつかざっとご紹介。

iPhone GUI PSD 3.0

Mobile – iPhone

Yahooの中の方が作成したようです。

iPhone Wire Frame

iPhone Scale Comparision

iPadとの比較に。

全て無料でダウンロードすることができるので、気に入ったPSDはダウンロードしておいてはいかがでしょうか。

サイトにはこれら以外にも、さまざまな種類のiPhone用PSDが紹介されています。

よろしかったら、一緒にどうぞ。

「10+ useful code snippets to develop iPhone friendly websites」というエントリーよりiPhone/iPod touch用サイトを作成する際の10のTipsのご紹介。

サーバーサイドでの振り分け処理や、画面の向きの取得方法などなど、いつか使うかもしれないのでメモ的にエントリーです。

詳しくは以下

JavaScriptでリダイレクト

iPhone/iPod touchの場合に専用のページにリダイレクトさせます。サーバーサイドのスクリプトを使用できない場合に。

if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) {
    if (document.cookie.indexOf("iphone_redirect=false") == -1) {
        window.location = "http://m.espn.go.com/wireless/?iphone&i=COMR";
    }
}

PHPでリダイレクト

リダイレクトさせるのは上記と同じですが、こちらはPHPを使用しています。

if(strstr($_SERVER['HTTP_USER_AGENT'],'iPhone') || strstr($_SERVER['HTTP_USER_AGENT'],'iPod')) {
    header('Location: http://yoursite.com/iphone');
    exit();
}

viewportで画面サイズを指定する

head 要素にタグを入れるだけで、横幅を最適化する事ができます。
viewportについての説明は@ITに詳しく載っています。

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">

独自アイコンの指定

以下のコードをヘッドに入れる事で、ブックマークされた際にホーム画面にアイコンを表示させる事ができます。
サイズは 57x 57pxでpng形式で保存する必要があります。

<rel="apple-touch-icon" href="images/template/engage.png"/>

自動でフォントサイズが調整されるのを防ぐ

画面の向きを変えた際に勝手にフォントサイズが調整されます。結構小さくなりすぎる場合などがあるため、変更されないようCSSで指定します。

html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {
    -webkit-text-size-adjust:none;
}

iPhoneの向きを取得

iPhoneの画面の向きを取得します。
このサンプルでは、画面の向きによってCSSを切り替えます。

window.onload = function initialLoad() {
    updateOrientation();
}

function updateOrientation(){
    var contentType = "show_";
    switch(window.orientation){
        case 0:
	contentType += "normal";
	break;

	case -90:
	contentType += "right";
	break;

	case 90:
	contentType += "left";
	break;

	case 180:
	contentType += "flipped";
	break;
    }
    document.getElementById("page_wrapper").setAttribute("class", contentType);
}

iPhone/iPod touchにだけ適用するCSS

メディアタイプを指定する事でiPhone/iPod touchにだけCSSを適用させる事ができます。

@media screen and (max-device-width: 480px){
    /* All iPhone only CSS goes here */
}

画像をiPhone用に最適化する

iPhone/iPod touchの画面は最大で480pxまで表示する事が可能です。480pxより大きい画像の場合、それ以上大きくならないようにします。

@media screen and (max-device-width: 480px){
    img{
        max-width:100%;
        height:auto;
    }
}

デフォルトでツールバーを隠す

少しでも画面を大きく使えるよう、初期状態でツールバーを非表示にします。

window.addEventListener('load', function() {
    setTimeout(scrollTo, 0, 0, 1);
}, false);

特殊なリンクの指定方法

電話やSMSを起動させる事ができます。

<a href="tel:12345678900">Call me</a>
<a href="sms:12345678900">Send me a text</a>

hoverを適用させる

マウスオーバーという概念が無いので、JavaScriptで指の位置を取得します。

var myLinks = document.getElementsByTagName('a');
for(var i = 0; i < myLinks.length; i++){
   myLinks[i].addEventListener('touchstart', function(){this.className = "hover";}, false);
   myLinks[i].addEventListener('touchend', function(){this.className = "";}, false);
}

上記のコードを追加する事で、CSSのhover属性が使用できます。

a:hover, a.hover {
    /* whatever your hover effect is */
}

ざざっとご紹介します。

Barista

公式サイト

Firetask

公式サイト

Nota

公式サイト

Sudoku

公式サイト

Finger

公式サイト

iPhone・iPod touch用アプリ専用のサイト作りはひと味ちがったデザインで見てるだけでも面白いですね。
サイトには他にも紹介されているので、興味のある方はぜひ。

Videora iPhone 3GS ConverterはWindows/Mac OS X で使用できる動画変換ソフトです。

ビデオ・ファイルから、Youtubeの動画、DVDからも簡単に変換できるようです。

avi、divx、xvid、flv、x264、vob、mpegのファイルを
iPhone用のビデオ形式(MPEG-4、H.264)に変換してくれます。

細かくパラメータも設定できるようですので、iPhone/iPod Touchで動画を見たい方は使ってみてください。