タブ

Operaプライベートタブの活用法を紹介する動画を作成!

Opera 10.50から搭載された「プライベートタブ(プライベート・ブラウジング)」機能。Operaヘルプや公式ページでは、単に『履歴やキャッシュが残らない』としか書かれていませんが、・・・

私はそう言う用途で使う事は、ほとんどありません。では「どう言う用途で使っているか?」と言うと、以下の用途で使っています。

  1. ログインしてない状態を確認する。
  2. WEBサービスで別アカウントで同時にログインする。
この活用方法を紹介する動画を作成し、YouTubeにアップしました。以下の動画がそれです。良かったら見てみて下さい。



PS:
ちなみに、動画で使っている『開いているページをプライベートタブで開く』ボタンは、以下のページで公開しています。

プライベートタブで開き直すOperaマイボタンを作成 : Kyu3's BLOG
http://kyu3.blog.jp/2010-03-24_7426351.html

プライベートタブで開き直すOperaマイボタンを作成

Opera 10.50 から追加されたプライベートブラウジング機能。単に履歴やキャッシュが残らないだけでなく、WEBサービスでログイン中でも、別アカウントでログインできるので重宝しています。

話変わって最近 Opera Wiki に、マイボタン設置スペースが作られました。そこには、現在開いているページ(タブ)をプライベートタブで開くボタンが設置されているのですが・・・
そのボタンだと、現在開いているページを"閉じて"、新規にプライベートタブで開くようになっています。そうではなくて「元々開いていたタブを残したまま開きたいなぁ・・・」と思ったので、元々開いていたタブを閉じないで新規プライベートタブで開くマイボタンを作成しました。

クリックで追加↓
プライベートタブで開き直す

アクションコマンド↓
Copy document address,,,,"New private page menu"&New private page&Go to page,"%c"

PS:
なおオリジナル・マイボタンの作成方法やアイコンの追加・変更方法の仕方は、以下のページにまとめてあります。

Operaデスクトップ版のオリジナルボタンの作り方 : Kyu3's BLOG
http://kyu3.blog.jp/2008-06-22_7426241.html


追記:
このボタンを実際使っている所とプライベートタブの活用方法を説明した動画を、作成しました。

横に置いたタブ幅を狭くする方法

Operaタブバー横設置:幅極小
Operaタブバー横設置:幅極小 posted by (C)kyu3

Opera10以前ではできなかったと思うのですが・・・Opera10ではタブバーを横に配置した時の幅を、広くする事ができます。

デフォルト状態↓(※スキンは「Opera standard」。以下全てのスクリーンショットも同じです。)
Operaタブバー横設置
Operaタブバー横設置 posted by (C)kyu3

もっとも広くした状態↓
Operaタブバー横設置:幅極大
Operaタブバー横設置:幅極大 posted by (C)kyu3

ただし普通にやったのでは、デフォルト状態よりも狭くする事はできません。しかしあるやり方で行うと、狭くできます。今回はそのやり方について、記事にしようと思います。

・・・と大げさに書きましたが、やり方は非常に簡単です♪
タブバーの設定でタブサムネイルを"有効"にして、自身の好みの大きさ(サムネイルをオフにした状態)を想像しながら幅を調節します。調節できたら、またタブサムネイルを"無効"にするだけです。

デフォルト状態からタブサムネイルを有効にした時↓
Operaタブバー横設置:タブサムネイル
Operaタブバー横設置:タブサムネイル posted by (C)kyu3

デフォルト状態から狭くした状態↓
Operaタブバー横設置:タブサムネイル・幅小
Operaタブバー横設置:タブサムネイル・幅小 posted by (C)kyu3

1つ上のタブサムネイル有効状態からタブサムネイルを"無効"にした状態↓
Operaタブバー横設置:幅小
Operaタブバー横設置:幅小 posted by (C)kyu3

デフォルト状態↓
Operaタブバー横設置
Operaタブバー横設置 posted by (C)kyu3

わざわざタブサムネイルに切り替えてやるのは少し面倒臭いですが、「Opera9以前でタブバーを横に設置したいけど、タブバーの幅が広過ぎる」と思って止めていた方は、一度試してみてはいかがでしょう?

ちなみに「Opera Standard」スキンでは、最大で以下の状態まで幅を狭くする事ができます。

上記のやり方でもっともタブ幅を狭くした状態↓
Operaタブバー横設置:幅極小
Operaタブバー横設置:幅極小 posted by (C)kyu3


PS:
タブサムネイルのサムネイルの大きさを変更できるようにしたのは、開発者の方が意図的にした事ですが、タブサムネイルを無効にした状態に戻してタブ幅を狭めるやり方は、おそらく彼ら(開発者)が意図していない事だと思います。でもタブ幅を調節できるのは、とても良い事だと思います。
なので Opera社の方、是非ともタブサムネイル有効でない状態でも、タブ幅を狭くできるようにして欲しいなと思います。


追記:
この方法でタブ幅を狭くする際、タブバーの両端にあるボタン設置領域にボタンを配置していると、狭くできない場合があります。その時はボタンを一度ツールバーから削除して、上記の方法でタブバーの幅を狭めた後、再度ボタンを設置してみて下さい。

Operaタブサムネイル案:Mac OSX・Dock風

Opera10で追加された「タブサムネイル」機能。良い機能だと思うのですが、どうしても1つ難点が。それはWEBページの表示領域が狭くなってしまう事です。

Opera10:タブサムネイル2
Opera10:タブサムネイル2 posted by (C)kyu3

そこで先日Twitterで「タブサムネイルしたタブバーが、Mac OSXのDockみたいに、必要な時に表示されるようになったら良いかも」とつぶやいたのですが、・・・
そのイメージを、実際Photoshopで作ってみました。以下の画像がそれです。

Operaのタブサムネイル案:Dock化(上・クリア)
Operaのタブサムネイル案:Dock化(上・クリア) posted by (C)kyu3

Operaのタブサムネイル案:Dock化(横・クリア)
Operaのタブサムネイル案:Dock化(横・クリア) posted by (C)kyu3

具体的なアイデアとしては「タブサムネイルを表示する方向のウインドウの一番端の部分(例えば上に表示したいなら、ウインドウの一番上端)にマウスカーソルを持っていくか、あるいはパネルのように表示するためのボタンの役割をする"バー"を設置し、そこをクリックする事で表示される」と言うものです。

あとこうする事で、タブサムネイルでWEB表示領域が狭まらない以外に、もう1つメリットがあります。それはタブバーを表示させなくて済むので、その分WEB表示領域を広くできると言う事です。

どうでしょう?Opera社の方、これを見てもし「良いな」と思ったら、搭載を検討して見て下さい。


追記:
「タブサムネイルが表示されていない画像もあった方が、この案のイメージがつかみやすいのでは?」と思ったので、タブサムネイルが表示されていない状態のスクリーンショットを追加します。以下の画像がそれです。

Opera10スクリーンショット:アドレスバーのみ
Opera10スクリーンショット:アドレスバーのみ posted by (C)kyu3


追記:
最近 Google Chrome beta 4も使っているのですが、この拡張機能(エクステンション)の中に「ChromeLater」と言うのがあります。その機能のスクリーンショットを見て「Dock風タブサムネイルの背景は、透明よりも黒い方が良いのでは?」と思ったので、背景を黒いままにした画像も作成しました。

Operaのタブサムネイル案:Dock化(上・黒色)
Operaのタブサムネイル案:Dock化(上・黒色) posted by (C)kyu3

この方が見た目が良いように思いますし、透明であるよりも表示の際の描画の負担が減るように思うので、その点でも良いのではないかと思います。

Opera社の方、もし「良いな」と思ったら、搭載を検討して見て下さい。

Opera 10 betaレビュー - その2:タブバーを下に設置

Opera10:タブサムネイル(下) 2
Opera10:タブサムネイル(下) 2 posted by (C)kyu3

先日ネットサーフィンをしていてフッと思ったのですが・・・
設定をタブサムネイルにして、タブバーを下に設置したら、Mac OSXの"ドッグ"みたいに見えるのではないかと。試しにやってみたのが、上の画像です。どうでしょう?

ドッグに似ているかどうかは別にして、・・・上に設置するより使いやすいのではないかと感じました。と言うのも、Windowsの場合、各ページを切り替える"タブ"とウインドウを切り替える"タスクバー"との距離が近くなるので、「表示される情報を変更するのは"下"、その他の機能を実行するのは"上"」と言う風に機能的な棲み分けができるので、何となく操作しやすいのではないかと。

ちなみに上に置いた状態は、こんな感じです。

Opera10:タブサムネイル2
Opera10:タブサムネイル2 posted by (C)kyu3

・・・とは言え、ただやはり幅を取ってしまい、WEB表示領域が小さく見えてしまうのが少し難点です。

そこで少し幅を狭めてみました。すると結構良い感じ♪

Opera10:タブサムネイル(下) 3
Opera10:タブサムネイル(下) 3 posted by (C)kyu3

これならそんなに表示領域が狭く感じませんし、サムネイルが一部だけですが表示されるので、タブの識別が容易になります。

あとタブバーの設定を「自動改行しない」にして沢山タブを表示すると、サムネイルが少しずつ小さく表示されるのですが・・・ちょうど以下のスクリーンショットくらいのタブの大きさが、結構良いなと思いました♪

Opera10:タブサムネイル(下) 4
Opera10:タブサムネイル(下) 4 posted by (C)kyu3

(あとデフォルトのスキンは普通のタブでも、少し幅が長過ぎるように思います。タブサムネイルも同様で、少し幅や高さ長過ぎるように思うので、変更した方が良いと思います。

ちなみにタブサムネイルは、タブバーの設定を「自動改行」にしていると、設定(表示)できません。

それとタブバーを下に設置して気付いたのですが・・・
今回のデフォルト・スキン、タブバーを下に設置した状態でも、アクティブな(現在表示されている)タブの境目が綺麗に表示されます。これも結構良い感じ♪

Opera10:タブバー下(部分拡大)
Opera10:タブバー下(部分拡大) posted by (C)kyu3

Opera10:タブバー(下)
Opera10:タブバー(下) posted by (C)kyu3

調べてみたら他のスキンでも、上記のようになるスキンがいくつかあるようです。
ただ横に設置した状態だと綺麗に表示されないので、できたら横に設置した時も横に合わせた表示状態で表示されると良います。
例えば以前私が日本語フォーラムで提案した以下の画像のようなタブ表示ができたら、ネットブックなどディスプレイが小さいノートPCで、とても有用なのではないかと思うので。

ネットブック向けOpera案:スタートバー非表示
ネットブック向けOpera案:スタートバー非表示 posted by (C)kyu3

Opera 10 beta(Opera公式サイト)
http://www.opera.com/browser/next/

Opera 10 betaレビュー(Opera pera)
http://my.opera.com/kyu3/blog/2009/06/25/opera-10-beta
カテゴリー
記事検索
管理者のプロフィール
Twitterアイコン案名前(ハンドルネーム)
「Kyu3」

プロフィール(Profile)
ギャラリー
  • 春日井市内(県営名古屋空港南)にドローンスクールがオープン!
  • 春日井市内(県営名古屋空港南)にドローンスクールがオープン!
  • 落合公園の桜開花・満開関連のツイート(2012年〜2017年)
  • 多機能な写真・動画撮影&編集ができるiOSアプリ「Musemage」に感動!
  • 多機能な写真・動画撮影&編集ができるiOSアプリ「Musemage」に感動!
  • 多機能な写真・動画撮影&編集ができるiOSアプリ「Musemage」に感動!
  • 多機能な写真・動画撮影&編集ができるiOSアプリ「Musemage」に感動!
  • 多機能な写真・動画撮影&編集ができるiOSアプリ「Musemage」に感動!
  • 多機能な写真・動画撮影&編集ができるiOSアプリ「Musemage」に感動!
  • 多機能な写真・動画撮影&編集ができるiOSアプリ「Musemage」に感動!
  • 多機能な写真・動画撮影&編集ができるiOSアプリ「Musemage」に感動!
  • ヤマダ電機テックランド春日井店の閉店から解体→新店舗建設まで(追記あり)
  • ヤマダ電機テックランド春日井店の閉店から解体→新店舗建設まで(追記あり)
  • ヤマダ電機テックランド春日井店の閉店から解体→新店舗建設まで(追記あり)
  • ヤマダ電機テックランド春日井店の閉店から解体→新店舗建設まで(追記あり)
  • ヤマダ電機テックランド春日井店の閉店から解体→新店舗建設まで(追記あり)
  • ヤマダ電機テックランド春日井店の閉店から解体→新店舗建設まで(追記あり)
  • ヤマダ電機テックランド春日井店の閉店から解体→新店舗建設まで(追記あり)