iPadで楽しめるWebサイト 14選

iPad、使ってますか……？

iPadが国内で発売されてから4ヶ月が経ちました。サイズが半端、思ったより重い、iPhoneで用が済む……などなど使いあぐねている人をチラホラ見かけます。
せっかく買ったiPad、使わないのはもったいないということで、iPadで見やすいWebサイトを集めてみました。iPhoneの画面サイズに最適化されたサイトだったり、逆にPCじゃないと見にくかったりといったものを外して、iPadだと特に見やすかったり、iPadならではの利点があるサイトに絞っています。

※以下iPadでアクセスしてみてください

ニュース

Google News

http://news.google.com

特にiPad向けに最適化されているというわけではなさそうですが、ゴチャゴチャしてないのがいいですね。ランドスケープで見るのがオススメ。

asahi.com動画ニュース

http://video.asahi.com

朝日新聞の動画ニュースサイト。動画が高解像度になり、全画面時の見栄えが良くなりました。ただ、ナレーションもテロップもないので淡々としています。

動画

YouTube

http://www.youtube.com

特に説明は要らないでしょう。iOSには標準でYouTubeアプリが用意されていますが、Webアプリも当然使用可能です。ただ、iPadはモバイル版になってしまうのが残念なところ。デスクトップ版を見に行くとFlash未対応と言われるし、URLの最後に「&html5=True」を付けてもhtml5版になってくれませんでした（以前はなってくれてたような）。

Dailymotion

http://www.dailymotion.com

こちらも動画共有サイトの代表格。ちゃんとiPadで動画見れます。

Vimeo

http://vimeo.com

iPad云々と関係ないですけど、VimeoってYoutubeよりアップする動画のサイズや長さの制限が緩いので、長い動画を上げたいときなんかに重宝しています。こちらもiPadで見れるようになりました。

iTunes Movie Trailers

http://trailers.apple.com

新作映画の予告編が集まっています。あんまり関係ないですけど、日本のiTunesStoreも映画とかドラマの配信をやって欲しいですよね。ちなみに僕は爆発だとか銃撃だとかがある作品が好きです。

ディズニー動画

http://video.disney.co.jp/

ディズニー関連のアニメーション作品や、映画の予告編を配信しています。予告編だけでなく本編も配信していたりするので、ディズニー好きの人には見応えがあるかもしれません。個人的にはTron: Legacyが気になります。
iPadからだと全ての動画を見れるわけではないようです。今後の拡充に期待しましょう。

地図、位置情報

yubichiz

http://latlonglab.yahoo.co.jp/map/

html5で構築された地図Webアプリ。指でなぞった線の周りを検索したり、距離を出したりと標準のGoogle mapsアプリに無い機能が素敵です。

Mapion touch DX

http://labs.mapion.co.jp/touchdx/

4本指までのマルチタッチに対応した地図アプリです。回線速度がじゅうぶんあれば、ブラウザ上ってことを忘れるくらいサクサク動きます。

Google Latitude

http://www.google.com/latitude

GMailのコンタクトに入った人と現在位置を共有できるGoogle Latitudeは、AndroidだとMapアプリの標準機能なんですけどiPhone/iPadのMapアプリには実装されていないため、Webアプリとして利用することになります。

電子書籍

iPadZine

http://www.ipad-zine.com

iPadで読めるコンテンツを投稿できるサイトです。本来はPC向けサイトだと思われますが、置いてあるpdfなんかはiPadのSafariからそのまま読めます。epubはダメでした。残念。

その他

Cloud Canvas

http://www.cloud-canvas.com
html5のCanvasを使って絵を描けるサイトのiPhone/iPad版。描いた絵はGoogle Docsに保存できます。以前はiPadでちゃんと使えてたんですけど、スクリーンショットとるために訪れたら何故か http://www.cloud-canvas.com/i.php にアクセスするとgoogleにリダイレクトされるようになっちゃいました。一時的な問題ならいいのですが……。

deviantART muro

http://muro.deviantart.com/

deviantARTのお絵かきWebアプリ。お絵かきとか軽いこと書いちゃいましたけど、かなり本格的です。描いた絵はその場でpngファイルにエクスポートできます。絵が描けないのでうまく魅力を伝えられないんですけど、ほんとよくできてます。

Gmail

https://mail.google.com

これも説明不要ですね。iPad向けに表示が最適化されて、ますます使いやすくなりました。Google Appsを使っている人も同じ恩恵に浴することができるはずです。

……って人、結構いませんか？

タブの切り替えが煩雑すぎるんです。なんでiPhoneのUIのままなんだろうって。そんなわけで、Safariのかわりになるサードパーティ製アプリを個人的に使ったことがある中から紹介してみます。

最初に紹介するのがAtomicBrowser ( http://itunes.apple.com/jp/app/atomic-web-browser-fullscreen/id347929410?mt=8 )、ベーシックな作りのタブブラウザです。

ベーシックと言ってもUserAgentの切り替えやAdBlockといった付加機能も装備。また、iPhoneと共通のユニバーサルアプリなので、iPhoneユーザーなら両方で使うことができます。iOS4以降なら標準のsafariと同じようにマルチタスクできるので、ほぼ完全に乗り換えることができるでしょう。

Windows用タブブラウザで有名なLunascapeが、iPad向けにiLunascape ( http://itunes.apple.com/jp/app/ilunascape/id380065805?mt=8 )をリリースしました。

まだ軽くしか触っていませんが、さすがタブブラウザの老舗ということもありUIはよく考えられてるなと思います。

• UIパネルが画面下部に集中しているから手を画面上に持って行かなくても操作できる
• タブが押しやすい(と思います)
• 他のブラウザより速い？気のせい？

バージョンを重ねるごと不満点がどんどん潰されていくので、今後も期待が持てるのではないでしょうか。個人的には是非Basic認証に対応してもらいたい！と強く願っています。

サードパーティが提供するブラウザアプリ共通の大きな欠点として、標準Safariと違いバックグラウンドで動作状態の保持ができないことが挙げられます。iPadはiOS3.2なので当然とはいえ、これが結構不便です。
例えばWebサイトのリンクからアプリダウンロードするためにApp Storeを立ち上げてしまうと、ブラウザに戻った際に再読込が発生してしまいます（AtomicBrowserもiLunascapeも直前まで読み込んでいたタブごとのURLは憶えていてくれます）。
より良い環境に慣れてしまうと後戻りしにくい人間の性というもの。iPad向けiOS4は4.2が11月にリリースされるようなので期待して待ちましょう。あ、これアプリ側じゃなくてOS側の話ですね。

PCやMacのブラウザじゃ普通だと思いますが、iPadでもブックマークレットを使って各種Webサービスとの連携を強化することができます。

適当にページをブックマークして、URLを以下のjavascript:.....に書き換えればOKです。

はてなブックマーク

javascript:window.location=http://b.hatena.ne.jp/add?mode=confirm&title='+escape(document.title)+'&url='+escape(location.href);

開いているページをはてブします。要ログイン。

Wikipedia

javascript:s=document.getSelection();for(i=0;i<frames.length;i++){if(s)break;s=frames[i].document.getSelection();}if(!s)void(s=prompt(Enter%20search%20terms%20for%20Wikipedia,));wikiw=open(http://ja.wikipedia.org/+(s?w/wiki.phtml?search=+escape(s):''));wikiw.focus();

選択した文字列をWikipediaで検索します。

google翻訳 (日本語へ)

javascript:var%20t=((window.getSelection&&window.getSelection())||(document.getSelection&&document.getSelection())||(document.selection&&document.selection.createRange&&document.selection.createRange().text));var%20e=(document.charset||document.characterSet);if(t!=){location.href=http://translate.google.com/?text=+t+&hl=ja&langpair=auto|ja&tbb=1&ie=+e;}else{location.href=http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&hl=ja&langpair=auto|ja&tbb=1&ie='+e;};

選択した文字列をgoogle翻訳で英日翻訳します。選択してないとページ丸ごと翻訳します。

Shareaholicでシェアする

javascript:var%20s=document.createElement(script);s.src=http://www.shareaholic.com/media/js/shareaholic_bookmarklet.js';s.type='text/javascript';void(document.getElementsByTagName('head')[0].appendChild(s));

Shareaholicを通じて、twitterなど各種ソーシャルメディアでURLをシェアします。こちらも要ログイン。

QR on the fly

javascript:void((function(){j=document.createElement(%22SCRIPT%22);j.src=%22http://dl.dropbox.com/u/6703853/Scripts/QRgen.js%22;document.getElementsByTagName(%22HEAD%22)[0].appendChild(j);})())

今見ているページのQRコードを右上に表示します。iPadじゃあんまり役に立たないかな……。役立つのは非スマートフォンとiPadを併用している人とかでしょうか。

以上、はてブ以外のものは以下のサイトを参考にしました。

http://www.hongkiat.com/blog/100-useful-bookmarklets-for-better-productivity-ultimate-list/
http://marklets.com/

アプリばかりが注目されるiOSプラットフォームですが、Webサイトの表現力だってなかなか侮れないものがあります。
本記事が、持て余し気味になっているiPadを使う一つのきっかけにでもなってくれれば幸いです。