Toshiro Shimura's Bookmarks tagged opera →  View Popular

Google ChromeとFirefoxは対照的。Google Chromeが設計思想を前面に押し出したユーザーインタフェースで、そもそも拡張機能を必要としないようなデザインであるのに対して、Firefoxは、インストール直後のいわゆる“素”の状態から、ユーザーが自分にあったインタフェースを作っていくデザインである。

　固定的なインタフェースのGoogle Chromeと、拡張機能をダウンロードすることで自由にカスタマイズできるFirefox。この両者のいいところを併せた、と言えそうなのがOperaだ。最も使いやすいと考えるインタフェースを提示した上で、さらに拡張機能をダウンロードすることなくインタフェースをカスタマイズできるからである。

　普段何気なく使っているボタンの大きさ、ツールバーの位置などちょっとした点に思いを巡らせてみれば、設計者の込めた“思想”もなんとなく見えてくる――。

Firefoxを提供するMozilla Japanでは、「現バージョンのユーザーインタフェースがベストと考えているわけではないし、ユーザーの声によっては変更する可能性もある」という。

　ツールバーの右クリックメニューからカスタマイズ設定すれば、一番上のメニューバーに「タブの一覧」アイコンを表示することも可能だし、「Tab Mix Plus」や「Tab Kit」などの拡張機能を使えば、タブバーをページの上下左右などに表示できる。Mozilla Japanは「どんな配置が使いやすいかというテストはしている。だが、あくまでも、ユーザーが好みに応じて選べるということが重要」と強調する。

ウェブアプリケーションエンジンとしてのGoogle Chrome

　UI要素は、競合ブラウザであるOpera、Firefox、Internet Explorer、Safariの要素を足して割ったという印象がします。

　従来のブラウザはツールバーに「ページの更新」と「中止」のボタンが別々にあったわけですが、これを最初に結合したのがSafari。その後、Operaも採用し、Chromeも同じ手法をとってユーザーインタフェースをシンプル化しています。

　また、「ファイル」「編集」でお馴染みのメニューバーを取り除いているのは、ChromeだけでなくInternet Explorer 7もそうです。IE7とChromeでは、メニューバーを使わなくなった代わりに機能ボタンが右側に集約されており、従来メニューバーからたどっていたコマンドはここからアクセスすることになります。

デフォルトではメニューバーが非表示になっているIE7。Chromeのように右側のボタンからブラウザの機能にアクセスできる

　IE7の場合は設定画面で表示と非表示を変えることができますが、Chromeでは完全にメニューバーという概念を取り除いている点で挑戦的なアプローチといえるでしょう。これはChromeというアプリケーションが動いているのではなく、ウェブアプリケーションを操作するためのエンジンが背後で動作している過ぎないというイメージをUIで表現した結果といえます。

５.使える履歴検索
アドレスバーをGoogleツールバーと同様に使うと、履歴検索が可能になります。
文字をアドレスバーに入力するだけで履歴のページ全体から拾ってくれるので、「こないだみたサイトＵＲＬなんだっけな」って時に非常に使えます。

６.充実したショートカットキー
opera 9.5以降は設定を行うことでそれ以前まで利用できたキーボードショートカットを利用することができます。（参考）Operaを使いこなすために最低限必要な2つの設定

タブを作成：Ctrl+T
右のタブへ移動：（フォーカスがブラウザ画面で）「２」打鍵
左のタブへ移動：（フォーカスがブラウザ画面で）「１」打鍵
戻る：（フォーカスがブラウザ画面で）「ｚ」打鍵
進む：（フォーカスがブラウザ画面で）「ｘ」打鍵
任意の<a>タグにフォーカスをあてる：「a」打鍵
クリックできるものなら、どこでも移動：shift+方向キー
Ctrl+Shift+クリック：リンク先をバックグラウンドで新しいタブに開く
（アイコンを画像の上にもっ来て）Ctrl+クリック：画像をダウンロードして保存

戻る進むがzxキーで操作できるのは、左利きユーザにはうれしいです。

（関連）Opera マウス操作無しでブラウザ画面にフォーカスする方法、Opera マウス操作無しで「新しいタブを作成する」方法、Opera マウス操作無しで「右のタブに行く」方法 、Opera マウス操作無しで「左のタブに行く」方法、Opera マウス操作無しで「戻る」方法 、Opera マウス操作無しで「進む」方法、右クリック操作なしで画像を保存する方法 、Opera マウス操作無しでリンクをバックグラウンドの新規タブで開く方法、Opera マウス操作無しでブラウザ画面にフォーカスする方法

７.携帯＆Wiiブラウザの表示確認
PCブラウザとしてのシェアは少ないOperaですが、Wiiのデフォルトブラウザに使われていたり、ケータイブラウザのシェアは高いです。直接PC版operaで表示するわけではありませんがwiiやモバイルコンテンツを開発する際にOperaの特徴を知っておいたほうが役に立ちます。

８.スピードダイヤル
新規タブを立ち上げたときに出てくる最初のページです。所定の位置にURLを書き込むだけで、サムネイル付きリンクが自動生成されます。軽いので、快適に使えます。
この機能だけでoperaを使う価値があると思います。

１.カスタマイズなしに早い
firefoxユーザーがよくそれ「firefoxでもできるよ」というケースはほとんどがアドオンを追加したりabout:configを変更したりするものです。
そのような作業をすることで得られる効率と、なにもいじらなくても得られる効率では後者のほうが削減時間の絶対値が多いことがほとんどです。
なので多くのケースではoperaを使うほうが合理的です。

２.高セキュリティ
IE向けの攻撃とは無縁です。
ユーザーが少ないためセキュリティホールをつかれることも少ないですし。セキュリティ関係のアップデートも比較的早いです。

３.FireBug相当の機能がデフォルトで入っている
Firefox のアドオンのなかでも、人気の高いFireBugに類する機能のDragonFlyが、Operaにはデフォルトで実装されています（9.5以降）

（関連）OperaでFireBug相当の機能を使う方法

４．開発者向けツールがデフォルトで充実している
Drafonfly以外にも、開発者向けのツールがデフォルトで実装されています。

（関連）Operaに実装されている開発者向けツール一覧

９.高機能RSSリーダー
Operaに実装されているRSSリーダーが、非常によくできています。

特徴としては
１．購読記事のなかから、検索をかける事ができる。
２．動作が軽い
３．UIがいい

などがあります。

（関連）OperaのRSSリーダを使ってみた

１０.デフォルトでUser.jsが利用できる
Greasemonkeyなんかをインストールしなくてもそのまま同様のUser.jsを利用することができます。
 

１１.gmailが1.7倍速で使える
Operaのメーラー：M2をGmailのメーラーとして使うと、Gmailをそのまま使うより、1.7倍は速くなります。
UIなどのユーザビリティを考えると、体感速度は10倍以上違います。

（関連）OperaでGmailを1.7倍速くする方法

番外編.javascriptで不具合が起こりやすい
javascriptでブラウザ互換の問題が発生した場合はたいがいoperaでその異常は発生しますw
そのためoperaを使っていればそうしたケースに非常に気付きやすいです。

ノルウェーのOpera Softwareは5月29日、同社のブラウザで「Gears」をサポートすると発表した。Gearsは、Ajaxなどの技術を活用したリッチコンテンツをオフラインでも利用できるようにするプラットフォームで、Googleが中心となって開発を行っている。Operaは、同社のデスクトップブラウザと携帯ブラウザの両方でGearsをサポートする予定。

　Operaは「当社の主要ブラウザにGearsを組み入れることは、端末を問わず、ブラウザをアプリケーション用のフルプラットフォームに変えるという当社のビジョンに沿うもの」とコメント。携帯ブラウザでは、次期バージョン「Opera Mobile 9.5」でGearsをフルサポートする予定。

今回問題になっている件は、RC1までは問題なかった（修正済みになっていた）が、RC2の段階でその修正が取り消され、タイミング的に正式リリースまでの再修正が絶望的になってしまった、というもの。この問題から生じる具体的な不便の例として、「ニコニコ動画でコメントを付けるとかUSTREAMのチャットで発言するときとかに、直接日本語を入力できなくて、必ずほかのアプリケーションかネイティブな入力欄に日本語を入力してからそれをコピペしないといけない、という感じ」と追記している。実際にはLinux版やWindowsの一部の環境下でも同様の問題が発生しているようで、根の深い問題であることが分かる。

　そしておそらくこの問題が修正されることなくFirefox
3はリリースされるだろう。そして、ほどなくしてオートアップデートによって更新されることになるだろうが、それでもその間に生じ得るネガティブなイメージをどう回避もしくは最小化するか、そしてこうした事態を生んでしまった原因を考えるべきであるとする意見がコメント欄で寄せられている。

結果としては、Firefoxが最もメモリ使用量が少なかったわけだが、今回の実験に使ったのは機能拡張などのアドインをインストールしていないセーフモードのFirefoxであることに留意したい。そういう意味では、もともと多機能なOperaは意外と健闘した──と言えそうだ。

　ちなみに同じ環境でWindows標準の「電卓」を起動させた場合、メモリの使用量は2Mバイト。テキストエディタの「秀丸」は3Mバイトだった。起動直後のメールソフト「Outlook 2003」は30Mバイト、「Thunderbird 2.0.0.4」は20Mバイトだった。このあたりがブラウザの起動直後と同じくらいと考えてよさそうだ。Office 2003だとメモリ消費量の少ない順にExcel（5Mバイト）、PowerPoint（17Mバイト）、Word（23Mバイト）となった。いずれも新規作成の状態で、個人的にはやや意外な結果になった。

　また、どちらかというと“重い”といわれるアドビシステムズの「Photoshop Elements 4.0」は起動直後で59Mバイト、同じく「Premiere Elements」は110Mバイト。30ページ開いたときのブラウザと同等、もしくはやや少ない消費量のようだ。

簡単に思いつくのは、FirefoxとIE7のブラウザの「ホームページ」にスピードダイヤルで設定したのと同じページを設定してしまう方法。この方法であれば、いったん起動すれば［Ctrl］＋［数字］キーでタブを選択できる。IE7であれば［Ctrl］＋［Q］でクイックタブ表示ができるので、見た目もスピードダイヤルに似てきそうだ。

　ということでまず、IE7でチャレンジしてみた。［ツール］−［インターネットオプション］の［ホームページ］欄に好きな複数入力のURLを改行をはさんで入力しよう……と、ここで問題が発生。なんとIE7では同時に8つまでしかホームページを登録できなかったのだ。

　続いて、Firefox。こちらは［ツール］−［オプション］の［起動］欄で起動時に開くホームページを設定しよう。複数のURLの入力方法は、改行をはさんで入力したIEと異なり、URLとURLの間に［|］を入力する。例えば、本誌「ITmedia Biz.ID」と「Business Media 誠」をホームページに設定する場合は「http://www.itmedia.co.jp/bizid/|http://bizmakoto.jp/」と入力しよう。

　Firefoxの場合は、9つ以上登録しても問題なく設定できる。後は、IE7のクイックタブのようなサムネイルが表示される拡張機能を使えばOpera 9.2ばりの「スピードダイヤル」表示ができそうである。

usopionさんがUTF-8でURLエンコードされたURLを取得するブックマークレットを作成された。普段すべてのアドレスをUTF-8でエンコードするのチェックボックスを外して使っていたが、そうしているとUTF-8で記述されていないウェブページ上に全角文字を含むリンクが在った場合に問題が発生するようだ。ブログなどに投稿するためにエンコードされていない状態のURLを取得する機会と全角文字の含まれるURLへのリンクを踏む機会。どちらが多いと問われれば、私の場合間違いなく後者だ。

……ということで、x alt, u, r, lにGo to page, "javascript:prompt('現在の URI',encodeURI(location.href).replace(new RegExp('%2525([\\da-f])','gi'),'%25$1'));void(0);"を割り当ててみた。これで必要な時にはエンコード前のURLを取得できる。若干opera_exが不便になるが致し方あるまい。どうにかならないかといくらか試行錯誤してみたが、僕の手ではどうにもならなかった。

表示領域はXGA相当

ウェブページの表示領域は1024×768ピクセルのXGA相当の比率となる。現在普及しているPCのモニターサイズと同程度だ。PC用のブラウザと違い、画面上部にインターフェースは出ない。そのかわり画面の下に大きなインターフェースが常駐する。1画面で確認できる領域は少々狭い印象だ【図4】。

別ブラウザの起動は不可

インターネットチャンネルはPCのように複雑な操作ができるような作りになっていない。そのためPC向けに搭載した機能がこちらではエラーのように見えることもある。例えばJavaScriptで別ウィンドウを開いてコンテンツを表示する仕組みは、起動した瞬間新しいウィンドウが親ウィンドウの裏に回ってしまいページを確認できなかった。ちなみにJavaScript自体の処理は可能でGoogle MapのようなAjaxコンテンツも問題なく閲覧できた。

Flash表示はばらつきあり

Flashの表示も既存のサイトでいくつか試してみた。動くイメージカットのように単純なFlashムービーは問題なく動く例が多かった。しかし、クライアントごとに処理を分ける仕掛けを入れているサイトでは、wiiというクライアントを（不明なクライアント）と判断するせいか、エラーページに飛ばされることも。一方でページは表示されるものの肝心のFlashがすっぽり抜け落ちてしまうサイトもあった。Flashをページに読み込むためのJavaScriptで利用できないパラメータがあるのだろうか。クリックなどの操作に関しては、表示さえされればFlashもHTML版のページと同じ感覚でこなせた。

wii対応Webページは研究の価値あり

ポインティングデバイスで入力操作する特質上、量の多いフォーム入力が必要なページの操作には今のところ難があるかもしれない。筆者も色々閲覧状態を試す中で、10分に1度程度の休憩を入れないとURLの入力作業で腕が疲れてしまいつらかった。筆者の筋力が人より大きく劣ることも一因であるが、腕を伸ばし続けるのは以外に疲れる行為だろう。しかしあまりポイントする位置を動かさずにクリックで読み進められるコンテンツなら、テレビでちょっと見られるぶんだけ重宝するのではないだろうか。また、PCのマウスに出来る操作はwiiリモコンで可能なわけだから、キーボード操作を伴わないゲームコンテンツならプレイできる。つまり、PCなら「普通」としか思えないシンプルなシューティングゲームでも「あの」wiiリモコンでプレイできる、ということだ。実際にドラッグ＆ドロップのみの操作で完結するFlashのパズルゲームに挑戦したが、PCより楽しかった。入力デバイスが変わるとユーザーの気分もがらりと変わるものだと改めて感じられた。wiiブラウザでどこまでのコンテンツが処理できるのかは、今後も深く検証してみる価値があるだろう。

気付いたところを適当に並べれば：

• Operaお得意の軽快なレンダリングはそのまま。拡大縮小はゲーム機だけに非常に滑らか(高解像度で描画したものをデフォルトで縮小表示しているイメージ)。
• ポインタで指している近辺が拡大される。
• 2ボタンでデスクトップOperaでいうスモールスクリーンモードに。強制的に1コラム＆巨大文字になり下スクロールだけで読める。
• Bを押しながらリモコンを傾けてスクロール。ポインタを画面から外して十字キーを使えばハイパーリンクやテキストボックスといったウィジェット間移動＆スクロール。
  
• UA文字列は"Opera/9.00 (Nintendo Wii; U; ; 1309-9; ja)"
• 検索などのテキストフィールドで半角英数字を入力するときは▼を押して予測変換を切ってから。
• SDカードにコピーすると\private\wii\title\HABJ\content.binという28MBのファイル。
• Wiiメニューで「はじめる」をクリックしてから実際に操作できるインターネットチャンネルのホームまで約25秒。数秒暗転>拡大するアニメーション表示で体感的に短く見せているが実は結構長い。

2006年12月22日より基本的なブラウザ動作に機能を絞った「お試し版」を配信し、2007年3月末より正式版を配信します。正式版は2007年6月末まで無料でダウンロードでき、その後は有料（500Ｗｉｉポイント）となりますが、無料期間中にダウンロードされたお客様はその後も無料でご利用いただけます。
http://www.nintendo.co.jp/wii/features/wii_channel.html

お天気チャンネルというよりも、地球儀から、外部へのリンクができると面白いということですね。

それは、ともかく、この地球儀でマッシュアップしたいなあ。
Wiiじゃらんとかやってみたいなあ。

そうそれと、写真チャンネルをつかえば、デジカメの画像を表示できるけど、この画像を地球儀上にプロットしたいなあ。
これができると、旅行記がたのしくなります。
Miiにその旅行記をひもづけて、共有できたりして。広がる、広がる...

しかも、これがら、テレビという、薄くなったけど、それなりに存在感のある、テレビに無線LANでケーブルレスにすっきり繋がったということと、リモコンによる、簡単な（たぶん、機能を絞り込んだ）操作感で、「世代を超えてみんながつかえる」インターネット端末として、ブレイクする可能性が高まったように思います。

ま、地球儀はいろいろと、乗り越える課題はありそうですが、いじれそうというところでは、まずはインターネットチャンネルですね。お試し版は、どうも、Flash抜きになるような感じもしますが、少なくともHTMLとFormがあれば、いろいろできる。