Group items tagged

●ページ操作 1.コピー＆貼り付けを可能にする 2.リンクなしのURLをクリッカブルにする 3.リンク先を別ウィンドウで開く 4.YouTubeのプレビュー画像を表示する 5.ページの一番下にジャンプする 6.ページ内を検索する 7.ページ内の画像をまとめて表示する 8.ページ内のリンクをリスト化する

●ウェブ検索 9.Wikipediaで検索する 10.Amazon.co.jpで検索する 11.Googleイメージ検索 12.Yahoo!オークションで検索する 13.Yahoo!地図で検索する 14.Yahoo!株価で検索する 15.米ドルの為替レートを調べる 16.2ちゃんねるのスレッドを検索する

●辞書引き／翻訳 17.goo辞書で調べる 18.Yahoo!辞書で調べる 19.他の言語で何というのか調べる 20.英語のページを日本語に翻訳する 21.英単語の意味をタップして確認する

先日発売されたiPod touchには、iPhone同様、ブラウザにSafari 3が採用された。そのため、先頃アップルが公開したドキュメントを参考にして、iPod touch向けにモバイルコンテンツを配信することが可能だ。本稿ではiPhoneサイト構築にあたり、知っておきたい5つのTipsを紹介する。

1. タブブラウジング 　iPhone、iPod touchでは厳密には「タブ」ではないが、複数のWebサイトを同時に開いてのブラウジングが可能だ。様々なページを見比べたり参照しながらブラウジングすることがストレスなく行える。利用者にとって便利といえるが、特定のページに居座るという可能性は低くなる。モバイルコンテンツには元々そういった部分はあったが、マルチタスクはさらにそれを加速させるだろう。

2. 柔軟なサイトデザインの実現 　他のブラウザではサポートしきれていないCSS 2.1および一部のCSS3がSafariでは利用できるのも、マークアップエンジニアの心を揺さぶる部分だ。 　CSSといえばWebサイトのレイアウトを組むときや装飾に役立つというイメージがあるが、iPhone/iPod touchではそれ以上の役割を果たしている。一部の携帯電話で利用可能なOperaにも実装されているが、SafariではCSS3のメディアクエリ（Media Queries）が利用できる。 　メディアクエリを利用すれば、デバイス、スクリーンサイズ、色に応じて異なるスタイルをページに継承させることが可能だ。パソコンで閲覧できるページをそのまま見られるのが強みではあるが、可能な限りストレスのない体験を提供したいところだ。その際、わざわざ専用ページを設けるのではなく、メディアクエリを利用してオールインワンソリューションを提供することができる。（注釈2） 注釈2 <link media="only screen and (max-device-width: 480px)" href="iphone.css" type="text/css" rel="stylesheet" /> 　メディアクエリはCSSファイル内に書き込むことが可能だが、上記のようにHTMLのlinkタグ内に記述することもできる。iPhone/iPod touchは横に傾けた際の幅が480pxなので、スクリーンサイズが最大480px（max-device-width: 480px）を想定したCSSファイルを用意しておくと良いだろう。

元アップルの社員でアップル製品の愛用者でもあるリリー氏だが、iPhoneを例にオープンであることの重要性を訴える。 　「注意しておかないと、すぐにプロプライエタリな技術にロックインされる。ビデオやモバイルは、その好例だ。iPhoneはライセンス上、FirefoxもサンのJavaも、アドビのFlashも搭載できない。ライセンスの問題で、われわれはアップルのSDKを使えない。アップルは、こうした制限はセキュリティやパフォーマンス上の理由だと説明しているが、本当はビジネス上の理由だと私は思っている」。 　「私はiPhoneを使っているし、とても気に入っているが、これはウェブではない。App Storeはアップルという単一の企業が管理・運営していくもので、どのアプリケーションを流通させるかはアップルが決める。これはオープンとはいえない。インターネットでアプリケーションを公開するために、誰かに頼んだり、ライセンス料を払ったり、あるいは気兼ねすることなどない。ただ単にアプリケーションを作って配布するだけだ」。 　同様の理由で、リリー氏は日本のモバイルインターネットの世界も「インターネットではない」と指摘する。

2008年3月3日、マイクロソフトのInternet Explorer開発チームは、次期バージョンのIE8で、デフォルトのレンダリングモードを、後方互換性よりも標準準拠を重視した新しいものとすると発表した。各Webブラウザの「標準サポート」は進んでいるように見える。 　こうした見方にリリー氏は懐疑的だ。 　「標準にはいろいろあるし、実装も異なる。例えばモジラではCanvasやSVGはサポートすべき標準だと見なしているが、IEは違う。グレーゾーンも多い」。 　CanvasはWebKitのコンポーネントとして開発された2次元グラフィック向けの規格で、JavaScriptやHTMLタグでグラフィック要素を生成したり操作したりできる（モジラのCanvasの日本語入門記事）。WebKit（Safari）に続いてFirefoxやOperaがCanvasをサポートしているが、IEはCanvasをサポートしていない。2次元ベクトルグラフィック向けのマークアップ言語、SVG（Scalable Vector Graphics）についても同様だ。CanvasはW3Cで策定作業が進められているHTML5に含まれている。SVGは2001年にW3Cで標準仕様として勧告されている。

shiretokoではACID3への対応や、CSSサポートの改善、ダウンローダブル・フォントのサポートなどを予定している。Firefox 3で大幅に高速化されたJavaScriptエンジンのパフォーマンスについても、まだまだ改善の余地はあるという。 　「JavaScriptはフル機能を備えたプログラミング言語で、日々、洗練されたアプリケーションが作成されている。まだパフォーマンスを改善するためにできることはたくさんある。今後は暗号処理など重たい計算をJavaScriptで行うなど、もっと多様なアプリケーションが登場するだろう」

iPhone 3GとiPod touchのハードウェア的な差異はどの程度なのだろう？　3G通信機能の有無ばかり注目されがちだが、iPhone 3Gのほうが断然速い、サクサクだ！　などということがあれば、選択にも影響があるはず。iPhone 3Gには、Samsung製の「S5L8900」というチップが搭載されているが、そのスペックはおろか搭載されていること自体公表されていないため、iPhone GSMやiPod touchとの性能差はわからない。 　そこでベンチマークを決行。利用したのは「SunSpider」、WebKit開発チームがまとめあげたJavaScriptベンチだ。結果は以下のとおりで、iPhone 3Gのほうが約7.6%高速ということがわかる。両者のシステムのバージョンは同じ、モバイルSafariのバイナリも共通しているため、この7.6%は純粋な処理性能の差と考えていいはず。もっとも、現実でこここまで高負荷な処理を行う場面は少なく、JavaScript以外の処理系については未検証なため、このベンチマークだけで性能の優劣を語るのは早計だ。

ニュース 『iPhone 3G』：「ビジネス利用は不向き」でも大人気で増産（WIRED VISION） show_socialbookmarks('hatena,delicious,livedoor,google,yahoo,slashdot,nifty,buzzurl,fc2');0 users0 users0 users2008年8月6日　page:1/1   Photo: Jonathan Snyder / Wired.com 『TechCrunch』の報告によると、米Apple社に製品を供給する台湾のメーカー、Foxconn(鴻海精密工業)社では、毎週80万台の『iPhone 3G』を製造していると話しているという。 これは、年に換算すると4160万台に相当する。参考までに、Apple社が昨年に販売した第1世代のiPhoneは600万台だ[iPhone 3Gは、製品ライフサイクル終了までに2500万台の販売が予定されていたとされる]。 供給メーカーが製造するのと同じ速さでApple社がiPhoneを販売していると仮定すると、80万台という数字は、1年目の販売台数をわずか7.5週間、つまり9月の第1週までに上回ることになる。 実際のところ、おそらくApple社はそれよりも早く、600万台という第1世代の記録に到達するだろう(その理由は、7月11日の発売前に、同社は1週間分以上の台数を確保していたと考えられるからだ)。

4. Cookieの利用が可能 　Cookieが利用できるのもiPhone/iPod touchでのWeb体験を向上させるひとつの可能性である。ユーザー名だけでなく、履歴や設定など様々な情報をSafariに補完することができるようになる（iPhoneでは電源を切って再び立ち上げた際も、Cookieの情報は残る）。 　セキュリティ面が気になるが、パソコン版と同様、ブラウザ側Cookieを認証するかどうかのダイアログボックスが表示されるだけでなく、設定画面からCookieを消去することもできる。

5. FlashとJavaは利用できない 　今後、状況が変わる可能性は十分にあるが、今のところFlashとJavaを利用したiPhone/iPod touch向けのサイトを制作することはできない。動きのあるサイトはある程度JavaScriptでも作ることができるが、独自で動画配信や複雑なゲームの開発は現状の環境では不可能と考えて良いだろう。 　Flashに関しては発売前から対応を求める声が多く、将来的には実装されるのではないかと言われている。Javaに関しても、Sunの経営陣からサポートするようにとの声が上がっているようだが、Macソフトウェア開発で馴染みのあるObjective-Cが今後、使える可能性があるかもしれない。

Firefox Mobileが目指すのは、“携帯電話用のインターネット”を見るためのブラウザではない。 　「日本は携帯インターネットに関してはかなり洗練されている。しかしこれはWebではない。われわれのターゲットはWebの体験すべてだと思っている。デスクトップ版同様、Flashについてもエクステンションやプラグインを用意する。モダンなWebブラウザになるためにはFlashなどへの対応が必要だ」

PC版Firefoxと同じGeckoエンジンを使い、Firefox 3（Gecko1.9）で搭載したページ全体の拡大表示機能（文字だけでなく画像やレイアウトも含めて拡大縮小できる）を使い、携帯電話の小さな画面でもWebを見やすく表示する。正式版ではFirefox 3.1に搭載されるGecko1.91を使い、よりスムーズな拡大縮小をサポートする予定だという。ユーザーインタフェース部分は違うが、拡張機能も基本部分はPC版と同等だ。 　Firefox 3がうたう、高速なJavaScript処理も、携帯電話へのブラウザ実装を見据えたものだ。「携帯上にFirefoxを載せるというと、CPUパワーが限られるので、パフォーマンスが重要になる」とリリー氏。

ハイエンド携帯電話端末をターゲットとするFirefox Mobileは、いずれiPhoneのSafariブラウザと比較されていくだろう。リリー氏は、Mozillaベースのブラウザが搭載されているというNokia製スマートフォン「Nokia810」を例に挙げ、「iPhoneが何も最高のUIではないんだよ──と言いたい」と話した。