WEBブラウザ

Opera 45(コードネーム「Reborn」)が結構良い感じ♪

デザインを刷新し、今年1月に発表したコンセプトブラウザ「Opera Neon」の要素を盛り込んで作り直した(生まれ変わった)PC用ブラウザ、コードネーム「Reborn」こと、Opera 45がリリースされました!…と言うことで、簡単なレビューを書こうと思います。(*^^*)

Opera is Reborn:Operaデスクトップチーム公式ブログ・・・本文は英語。
生まれ変わった「Opera 45」が正式版に ~“Facebook Messenger”をサイドに組み込む:窓の杜
再生「Opera」ブラウザ、「Facebook Messenger」などをサイドバーに組み込み:CNET Japan

コンセプト紹介動画↓

担当者がコンセプトを説明する動画↓


1. UIデザインを刷新!フラット化され、よりOSにマッチ!ダークテーマも。


このバージョンの大きな変更点の1つが、UIデザインの"フラット化"。以前と比べ、見た目やボタン等がよりフラットでシンプルなデザインに変わったので、動作が早くなっただけでなく、数世代前にフラット化されたMac OSやWindows OSに、よりマッチするようになったと思います。

Opera 45 Reborn No - 2:サイドバーをウィンドウ左端に固定
Opera 45 Reborn No - 2:サイドバーをウィンドウ左端に固定 posted by (C)kyu3

Opera 45 Reborn No - 11:細いサイドバー
Opera 45 Reborn No - 11:細いサイドバー posted by (C)kyu3

Opera 45 Reborn No - 17:アドレスバーのダウンロードボタン等もリニューアル
Opera 45 Reborn No - 17:アドレスバーのダウンロードボタン等もリニューアル posted by (C)kyu3

更に今回のバージョンから、新たに「ダークテーマ(暗色テーマ)」も追加されました。こう言う黒色のテーマが好きと言う人は、結構いると思います。

Opera 45 Reborn No - 26:ダークテーマ(暗色テーマ)
Opera 45 Reborn No - 26:ダークテーマ(暗色テーマ) posted by (C)kyu3


2. 新しいサイドバーは使ってるメッセンジャーがあれば良いけど、そうでないとあまり意味がない…


今回のアップデートの1番の特徴は、何と言ってもこの新しい"サイドバー"でしょう!スピードダイヤルやブックマーク、各種設定などへ素早くアクセスできるだけでなく、『Facebook Messenger』や『WhatsApp』などのメッセンジャー・サービスを利用してる人にとっては、それらのサービスを利用しながらネットサーフィンや動画閲覧などもできるので、かなり便利だと思います。(*^^*)

細くしたサイドバー↓
(※Mac版だけかもしれませんが、サイドバーは設定で細くすることもできます。)
Opera 45 Reborn No - 14:細いサイドバー
Opera 45 Reborn No - 14:細いサイドバー posted by (C)kyu3

Facebook Messengerのポップアップを常時表示(固定表示)したところ↓
Opera 45 Reborn No - 31:サイドバーのFB Messengerを固定
Opera 45 Reborn No - 31:サイドバーのFB Messengerを固定 posted by (C)kyu3

実際Facebook Messengerを使用してるスクリーンショット付きのツイート↓

しかし使用してるメッセンジャー・サービスが無ければ、正直ほとんど意味がないと思います。スピードダイヤルにアクセスするならアドレスバーにボタンがありますし、キーボード・ショートカットなどでも、スピードダイヤルやブックマーク等々に素早くアクセスできるので。それでも強いて意味を見出すとしたら、Windowsの『タブレット・モード』の場合は、多少操作性が向上するのではと思いますが…(^_^;

ちなみにサイドバーを固定表示(常時表示)しない状態だと、これまで通りスピードダイヤルの左端に表示されます。あとこのバージョンから設定や履歴等でも、常に左端に表示されるようになりました。

固定表示を解除した状態のスピードダイヤル左端に表示されてるサイドバー↓
(※サイドバーに表示する項目は、設定画面右クリックメニューから簡単に、表示・非表示を切り替えることができます。ちなみに下のスクリーンショットでは、『ブックマーク』と『履歴』のみ表示しています。)
Opera 45 Reborn No - 24:ダークテーマ(暗色テーマ)
Opera 45 Reborn No - 24:ダークテーマ(暗色テーマ) posted by (C)kyu3

あとネットサーフィンや動画見ながら利用するサービスと言えば、日本では『Twitter』が1番利用されてるでしょうが、私が3月に公式Twitterアカウントに問い合わせたところ、「Twitterをサイドバーに追加する計画はない」とのこと…(((゚Д゚;)))あわわ


これはあくまで"3月時点"の話なので、現在は検討してるかもしれませんが…。日本国内だけでなく、世界的にもそれなりに利用されてるサービスだと思うので、是非追加して欲しいなぁ〜と…思います。(^^;
(※一応公式フォーラムでも要望は出してますが…。)

それと日本でナンバーワンのメッセンジャー・サービスと言えば『LINE』ですが、もし『LINE』が新しいサイドバーで利用できるようになったら、日本ではかなりインパクトあるのではと。

なお現在利用できるサービスは『Facebook Messenger』と『WhatsApp』のほかに、東欧やロシアなどで人気のメッセンジャー・サービス『Telegram』があります。あとCNETの記事によると、日本ではあまり人気がありませんが、楽天が数年前に買収した『Viber(バイバー)』や、中国で人気のある『WeChat』も「近いうちに利用可能になる」とのこと。


3. 各言語別のフィルターやマルウェア・ブロックリストなどが追加され、広告ブロック機能の実用度が向上!


約1年前にリリースされたバージョン37から搭載されたネイティブ広告ブロック機能。1つ前のバージョン(ver. 44)でもカスタムリストを追加できましたが、このバージョンからは“各言語別”の広告フィルターが、より簡単に適用できるようになりました!( ´ ▽ ` )ノ

Opera 45 Reborn No - 35:広告ブロック機能に日本語圏用フィルターの設定
Opera 45 Reborn No - 35:広告ブロック機能に日本語圏用フィルターの設定 posted by (C)kyu3

更に『管理リスト』ボタンをクリックして表示される設定画面では、広告ブロック機能を利用してる表示される同機能を無効にするよう求めるバナーをブロックする「Adblock警告除去」や、マルウェアを配布してるサイトをブロックする機能(「マルウェアブロック」)を、有効にすることもでき、実用度が大幅に向上しています!

Opera 45:広告ブロック機能の管理リスト - 5(Adblock警告除去、マルウェアブロック)
Opera 45:広告ブロック機能の管理リスト - 5(Adblock警告除去、マルウェアブロック) posted by (C)kyu3

ちなみに前バージョンまであった「カスタムリスト」の追加機能は、この管理リストの一番下に移動されました。また日本語以外の言語圏フィルターも、この管理リストの画面から追加できます。

Opera 45:広告ブロック機能の管理リスト - 7(カスタムリスト)
Opera 45:広告ブロック機能の管理リスト - 7(カスタムリスト) posted by (C)kyu3


4. 総評と要望


最後に総評を。

動作も早く安定してて、使用感はとても良いなと思いました。新しいデザインもOSとマッチしてるので、その点も良い感じ。

また新しいサイドバーに関しては、現状「Twitter」が使用できないので、私の場合ほとんど固定表示する意味はありませんが、無ければ無いで固定表示しなければ良いだけなので、特にその点は気になりません。

ただ今後の要望として、是非「Twitter」を追加して欲しい(※VivaldiのWEBパネルで使用してる人が多いことから考えても、かなり需要はあると思うので)のと、Opera Neonに搭載されてるメディア・コントロール機能「Player Panel」が素晴らしく、「将来的にWEBブラウザの必須機能になるのでは?」とも思うので、この機能も是非追加して欲しいです。(*^^*)/ 是非!!

Opera Neonの「Player Panel」↓
(※再生中の動画や音声をコントロールできる機能。再生・停止に加え、動画のポップアップ表示を実行することもできます。)
Operaの新しいコンセプトブラウザ「Opera Neon」がリリース! - 6:再生中の動画や音声を操作できる「Player」パネル
Operaの新しいコンセプトブラウザ「Opera Neon」がリリース! - 6:再生中の動画や音声を操作できる「Player」パネル posted by (C)kyu3

あと広告ブロック機能に関しては、実用的にはもう十分だと思います。足りない点としては、主要広告ブロック拡張に備わってる「右クリックで要素を指定してブロック」する機能ですが… あまり『広告をブロックするブラウザ』と言うイメージが広がっても、今度はOperaそのものをサイト側でブロックするような運動が広がるなんて懸念もあるので、機能的に少し足りない今の状態が、調度良いのではと…。まぁ〜この機能を使いたければ、拡張使えば良い訳ですし…(^^;


【関連記事】
Operaが新しいコンセプトブラウザ「Opera Neon」を発表!今後の展開に期待♪ : Kyu3's Mini Media
Opera 37レビュー:動画のポップアップ、広告ブロック、ほか : Kyu3's Mini Media

【関連リンク】
Opera is Reborn:Operaデスクトップチーム公式ブログ・・・本文は英語。
生まれ変わった「Opera 45」が正式版に ~“Facebook Messenger”をサイドに組み込む:窓の杜
再生「Opera」ブラウザ、「Facebook Messenger」などをサイドバーに組み込み:CNET Japan

Vivaldi 1.9で起こる主な日本語関連の不具合と対処法、対応状況

先月末にVivaldi 1.9の正式版がリリースされたのですが、1.9はスナップショット(いわゆるベータ版)の時から、日本語に関する結構致命的な不具合がありました。( ˘ω˘ ;)

(※この記事に掲載されてる不具合の修正情報が、追記に掲載されています。)



…なので、私は仕方なく1.8正式版に戻して使ってたのですが、てっきりそれらが解消されてから正式版がリリースされると思ってたのですが… スナップショットの不具合が残ったまま、正式版がリリースされてしまい…。Twitterで『Vivaldi』で検索した結果を見ていると、不具合ツイートが溢れる状態。 _ノ乙(、ン、;)_

『Vivaldi』で日本語検索:Twitter

…と言うことで、今現在Vivaldi 1.9正式版で起こる主な日本語関連の不具合に関して、まとめる記事を書こうと思います!

ちなみにここに書かれてる不具合は全て、公式フォーラム(掲示板)等を通じて、既にVivaldi社の人に伝わっているものと思われます。しかし、もしここや公式フォーラムに書かれてない不具合があれば、公式フォーラムやバグレポートなどに書き込むと、早く直ると思います。

不具合報告カテゴリ:Vivaldi公式フォーラム
バグレポート:Vivaldi公式サイト・・・こちらの書き込みは、英語限定となります。

あとVivaldi社の日本人社員Takaaki‏(@GuiHuang)さんによると、次期バージョン1.10の正式版リリースまでを「日本語改善強化期間」として、日本語関連の問題を全て修正することを目標に開発しているそうです。



…と言うことで、少し前置きが長くなりましたが、以下に実際1.9で起こる主な日本語関連の不具合(…と、分かればその解決法や対応状況)について、書こうと思います。


1. Wiki系のページなど、日本語URLが使用されてるページを開くと、タブの挙動がおかしくなる!(修正済み)


Twitterの検索結果を見ていても、この不具合に直面する方が一番多いようです。




原因は「UTF-8以外でURLがエンコードされているページを開こうとすると(Vivaldi 1.9だと)正しく動作しない」事とのこと。

UTF-8以外でURLがエンコードされているページの不具合:Vivaldi公式フォーラム

なおこの問題は、最新のスナップショット(1.10.829.3以降)では既に解消されてるそうなので、もし気になるようであれば、そちらをインストールしてみてはいかがでしょう?

Sorting of Downloads - Snapshot 1.10.834.3:Vivaldi公式ブログ・・・2017年5月8日時点の最新スナップショットに関する公式ブログの記事(※英語)。
スナップショットに関する記事:Vivaldi公式ブログ


【追記(2017年5月10日)】

Wiki系サイトなどの日本語URLページでタブが不安定になる問題(VB-27708)が、最新の正式版1.9のマイナーアップデートで修正されたようです。

Minor update to Vivaldi 1.9:Vivaldi公式ブログ


2. 日本語でページ内検索ができない!(修正済み)


この不具合、私もスナップショットで体験して、結構困りました。「ページ内検索」は、割りとよく使う機能なので…(^_^;

ページ内検索でIMEが無効になる:Vivaldi公式フォーラム

ちなみにこの不具合、私は正式版 1.9公開直後に「解消されてた」とツイートしてましたが、現在最新のスナップショット(1.10.834.9)で確認してみたところ、解消されてませんでした。ただTwitterで検索したところ、1.10系スナップショットで「直ったっぽい」とツイートされてる方もいることから、100%起きると言う訳では必ずしもなく、極まれに起きなくなる時もあるようです。


それでこの問題の解消法ですが、現時点で最新版のスナップショットでも解消されてないと思われることから、方法としては、1.8にダウングレードする以外方法はないと…思います。(^^;

最新版では旧版と比べてセキュリティー的な問題も修正されており、必ずしもこのやり方を推奨するものではありませんが… 「どうしてもページ内検索が使えないと困る!」と言う方は、以下のページから1.9以前のバージョンがダウンロードできるので、そちらを使って次期正式版(またはスナップショット)で修正されるのを待ってみてはいかがでしょう?

旧バージョンのWindows版ダウンロードページ:Vivaldi
旧バージョンのMac版ダウンロードページ:Vivaldi
旧バージョンのLinux版ダウンロードページ:Vivaldi

なおこのページ内検索の問題は、現在「最優先で修正中」とのこと。



【追記(2017年5月9日)】

このページ内検索の問題は、最新のスナップショット(1.10.838.7)で修正されました!…なので、旧バージョンをインストールするのではなく、最新のスナップショットをインストールした方が良いと思います。( ´ ▽ ` )ノ

Control New Tab Behavior via Extensions:Vivaldi公式ブログ・・・スナップショット
1.10.838.7 に関する公式ブログの記事。


【追記(2017年5月10日)】

ページ内検索の問題(VB-27286)が、最新の正式版1.9のマイナーアップデートで修正されたようです。

Minor update to Vivaldi 1.9:Vivaldi公式ブログ


3. 日本語入力の変換候補がウィンドウの端に表示される!


この問題、私は体験したことがないので、ひょっとしたらMac版では起きないのかもしれません。日本語入力の変換候補が、なぜか本来表示される場所とは全然異なるウィンドウ端等に表示されるそうです。



日本語入力の変換候補がウィンドウの端に表示される:Vivaldi公式フォーラム
検索バーに入力後、IMEの候補が検索バーから動かなくなる:Vivaldi公式フォーラム

Twitterで検索した限りでは、どうやら1.8から起こるようになったようです。なので、もしダウングレードするとしたら、正式版"1.7"と言うことになりますが… あまり古いバージョン(と言っても、3ヶ月前ですが)だと、セキュリティー的な問題もあったりするので…。しかもWindows版の1.7(およびそれ以前)は、インストーラーの脆弱性が見つかっており、できればダウングレードは避けた方が良いと思います。(^_^;

Windows版「Vivaldi」のインストーラーに脆弱性、最新版には影響なし:窓の杜


【追記(2017年6月16日)】
この問題、残念ながら1.10正式版でも、解消されていないようです。正式版1.10でも起こるとツイートされてる方が…(^_^;


4. 変換途中の日本語を削除すると削除処理に失敗し、見えない文字(?)が残ったり、それが原因で検索結果が文字化けしたりする!(修正済み)


日本語に関する問題の中で、私が一番解消を望んでるのがこの不具合!数ヶ月前から発生してるのですが、解消するのが難しいのか、なかなか解消されません…(^_^;

インプットフォームで日本語入力を した時にバックスペース処理が正しく行われない時がある:Vivaldi公式フォーラム
Vivaldiの厄介なバグ( v.1.9現在):web-conte.com・・・このバグを分かりやすく解説してるブログ記事。

簡単に内容を説明すると、テキストエリアなどで日本語入力中、未変換の文字列を削除すると、文字の削除処理に失敗し、見えない文字(?)のようなものが残ると言うもの。そのため、例えば入力途中の未変換の文字列が"3文字"だったとしても、削除キー(Windows:『Backspace』キー、Mac:『Delete』キー)で削除すると、"4文字"分キーを押さなければ、全ての文字を削除できません。

以下の動画は、この不具合が起こる様子を撮影した動画です。入力を完了した後削除した場合と、未変換で削除した状態を比較しています。なおこの動画を撮影する際使用した「SimpleMDE」と言うサイトだと、テキストエリアに残る"赤い点"が上記で言うところの「見えない文字」に当たります。他のサイトのテキストエリアだと何も表示されませんが、やはり同じ様に1回余分に削除キーを押さなければなりません(※見えない文字が残っているので)。

不具合を撮影した動画↓


更にこの問題がやっかいなのは、単に見えない文字が残り、削除キーを余分に押さなければならないだけでなく、例えば検索エンジンのテキスト入力ボックスやアドレスバーの検索中に未変換の文字列を削除した場合、1回余分に削除キーを押して見えない文字列を削除したつもりでも、実際はそれが残っており、そのまま検索を実行すると、文字化けが起こったような検索結果になってしまいます。_ノ乙(、ン、;)_

未変換の文字列を削除した場合としなかった場合の比較画像↓
(※両方とも『ヴィヴァルディ』と言う言葉で検索しています。)

未変換の文字列を削除した場合としなかった場合の検索比較動画↓

ちなみに文字化けしたような検索結果にならないようにする方法としては、未変換の文字列削除後に、仮にテキストボックスやアドレスバーに何も表示されてなくても、全てを選択して削除するキーボード・ショートカット(Macの場合『Cmd + A』の後に『Delete』、Windowsの場合『Ctrl + A』の後に『Backspace』)を実行すると、見えない文字も完全に削除されるようで、そのあと検索を実行しても、文字化けしたような検索結果にならないと思います。

またアドレスバーの場合、Vivaldiにはアドレスバーをクリックするとアドレスバーに表示されてるURLや文字列を全て選択する設定(『クリックでアドレスを選択』)がありますが、それを使って文字列を選択→削除しても、文字化けは起こらないようです。

『クリックでアドレスを選択』の設定↓
Vivaldi 1.10.834.9:アドレスバーの設定「クリクでアドレスを選択」
Vivaldi 1.10.834.9:アドレスバーの設定「クリクでアドレスを選択」 posted by (C)kyu3

なおこの問題も、現在「優先度トップで対応中」とのことです。


【追記(2017年6月3日)】
数ヶ月間悩まされ続けたこの問題が、最新のスナップショット(1.10.862.6)でようやく解消されましたぁ〜!*\(^o^)/*

Custom Speed Dial thumbnails:Vivaldi公式ブログ・・・最新のスナップショット(1.10.862.6)に関する公式ブログの記事。

ちなみにこの問題、てっきりWindows版やLinux版でも発生すると思っていたのですが、どうやら"Mac版のみ"のようです。この件に関する公式フォーラムのトピックでも「発生する」と書かれた方の環境(書いてある方に限りですが…)が、全てOSが『Mac』となってるので。あと公式Twitterのアナウンスも『Macで未確定文字の削除時に制御文字が挿入される問題』と書かれてました。


【追記(2017年6月15日)】
今日正式版1.10がリリースされ、この問題が正式版でも修正されてましたぁ〜!( ´ ▽ ` )ノ

Vivaldi powers up the Start Page:Vivaldi公式ブログ
日本語環境を改善、スタートページのカスタマイズ性を向上 Webブラウザ『Vivaldi』最新バージョン1.10をリリース:@Press・・・日本語のプレスリリース。


【関連記事】
Vivaldiで問題が起きるサイト(…と、分かればその解消法) : Kyu3's Mini Media・・・この記事は約1年前(2016年6月)の記事なので、書かれてる内容は"バージョン1.2"の頃に起きた特定サイトの問題です。
Vivaldi 正式版1.0の不具合 : Kyu3's Mini Media


【追記(2017年5月9日)】


最新版のスナップショット(1.10.838.7)で、日本語のページ内検索の問題が解消されたので、その事を本文に追記しました。


【追記(2017年5月10日)】


今日公開された正式版1.9のマイナーアップデートで、日本語のページ内検索とWiki系サイトなどの日本語URLページでタブが不安定になる問題が解消されたようなので、その点を追記しました。


【追記(2017年5月17日)】


『4』の「変換途中の日本語を削除すると削除処理に失敗し…」と言う不具合に関して、分かりやすく説明してるブログ記事(※下記にもリンク掲載)を見つけたので、本文に追加しました。

Vivaldiの厄介なバグ( v.1.9現在):web-conte.com


【追記(2017年6月3日)】


最新版のスナップショット(1.10.862.6)で、『4』の「変換途中の日本語を削除すると削除処理に失敗し…」と言う不具合が解消されたので、その事を本文に追記しました。


【追記(2017年6月15日)】


正式版1.10がリリースされ、『4』の「変換途中の日本語を削除すると削除処理に失敗し…」と言う不具合が正式版でも解消されたので、その事を本文に追記しました。( ´ ▽ ` )ノ

Vivaldi powers up the Start Page:Vivaldi公式ブログ

【追記(2017年6月16日)】


正式版1.10でも『3』の「日本語入力の変換候補がウィンドウの端に表示される」問題が解消されいないようだったので、その旨を本文に追記しました。

VivaldiのスピードダイヤルをChrome拡張に置き換える方法

※注:Vivaldiで新しいタブのChrome拡張を利用できる設定項目が、スナップショット1.10.838.7で追加されました!詳しくは下記の「追記(2017年5月9日)」を御覧下さい。

@urabe_rocinante さんのツイートで知ったのですが、VIvaldi のスピードダイヤルを Chrome 拡張に置き換えることができるそうです!


…と言うことで、早速ツイート内で紹介されてるリンク先を見て試してみたところ、Chrome のスピードダイヤル拡張(私が試したのは「Simple Speed Dial」)に置き換えることができました!( ´ ▽ ` )ノ

Vivaldiで標準のSpeedDialをやめて他のスタートページ拡張系の機能を使う方法:koba.me・・・ツイート内で紹介されてるページ。

Chrome 拡張「Simple Speed Dial」にスピードダイヤルを置き換えた Vivaldi Snapshot 1.8.770.9↓
VivaldiのスピードダイヤルをChrome拡張「Simple Speed Dial」に置き換え!
VivaldiのスピードダイヤルをChrome拡張「Simple Speed Dial」に置き換え! posted by (C)kyu3

詳しいやり方は上記のページを見てもらうとして、簡単にやり方説明すると、スピードダイヤル拡張インストール後に設定の『新しいタブのページ』を『chrome://newtab』に設定すると言う方法です。

ちなみに私が試した「Simple Speed Dial」だと、Vivaldi のブックマークフォルダを指定してスピードダイヤルとして表示する方式なので、移行の手間がないのは良い点かと。(*^^*)


【関連リンク】
Vivaldiで標準のSpeedDialをやめて他のスタートページ拡張系の機能を使う方法:koba.me

【追記(2017年3月31日)】


@k_oncraft2 さんのツイートで知ったのですが、正式版1.8から、上記の方法(設定の『新しいタブのページ』を『chrome://newtab』に設定する)が使えなくなってました!その代わり別のやり方で実現できるようになってる(設定の『新しいタブのページ』を『chrome-extension://スピードダイヤル拡張のID/newtab.html』に設定)ので、詳しくは以下の @k_oncraft2 さんのツイートを参照して下さい。



【追記(2017年5月9日)】


今日(2017年5月9日)リリースされた最新のスナップショット(1.10.838.7)に、スピードダイヤルなどの新しいタブをカスタマイズできるChrome拡張を表示できる設定項目が、追加されました!

Control New Tab Behavior via Extensions:Vivaldi公式ブログ


設定方法は、新しいタブの拡張をインストール(※すでにこのブログ記事などを読んでインストールしてる場合は、拡張を有効)した後、設定画面の[タブ >新しいタブのページ]の選択項目の中から『Controlled by Extension』を選択するだけです。

[タブ >新しいタブのページ]の選択項目↓
Vivaldi 1.10.838.7:新しいタブのChrome拡張を表示できる設定項目が追加! - 2
Vivaldi 1.10.838.7:新しいタブのChrome拡張を表示できる設定項目が追加! - 2 posted by (C)kyu3

なおこの選択項目は、新しいタブの拡張機能を有効にしてないと表示されないので、気をつけて下さい。あとこの機能、順調に開発が進めば、正式の次期バージョン(1.10)に搭載されるのではと…思います。(*^^*)

Operaが新しいコンセプトブラウザ「Opera Neon」を発表!今後の展開に期待♪

昨年(2016年)12月にデスクトップ版リリース20周年を迎えた Opera が、先日新しいコンセプトのWEBブラウザ「Opera Neon」を発表しましたぁ〜!なかなか興味深い製品だったので、今回はこの「Opera Neon」について、記事を書こうと思います。(*^^*)

Opera Neon – The future of web browsers?:Opera・・・公式HP
Say hello to Opera Neon, our new concept browser:Opera Desktop ブログ・・・Opera 公式ブログの記事。

コンセプト紹介動画↓


制作経緯や考え方について担当者が語っている動画↓


1. 前日から Periscope でカウントダウン!欧州では路上広告も。


私が Opera が何か発表するようだと気づいたのは、リリースの前日(1月11日)。それは Opera公式 Twitter アカウントが、ライブ動画配信サービス「Periscope」を使ったライブ動画をツイートしていたからでした。


ただこの時はまだデスクトップ版ブラウザを発表するとは思っておらず、もう出てもおかしくない Android版の「Opera Coast」をリリースするのかと思ってました。(^^;

ちなみに上記のツイートで指摘した Opera公式アカウントのツイートは既に削除されていて見られませんが、Periscope のライブ動画は、以下のもう1つのツイートに添付されています。


あとヨーロッパでは、この発表に関する屋外広告も行われたようです。



2. 個性的な外観と機能概要


「Opera Neon」は、既存のブラウザとかなり異なる個性的な見た目をしています。どなたが言ったのか忘れましたが、ちょっと「Facebook Messenger」と「Opera Coast」が合わさったような感じ!

スピードダイヤル↓
Opera Neonのスピードダイヤル
Opera Neonのスピードダイヤル posted by (C)kyu3

WEBページを表示したところ↓
Operaの新しいコンセプトブラウザ「Opera Neon」がリリース! - 2
Operaの新しいコンセプトブラウザ「Opera Neon」がリリース! - 2 posted by (C)kyu3

ちなみに簡単に UI を説明すると、左側には様々な機能を実現するボタンやパネルが並んでいます。上から順に説明すると、
  • タブ追加ボタン
  • Player パネル・・・再生中の動画や音楽を操作できる機能。秀逸!!
  • スクリーンショット撮影ボタン
  • Gallary(ギャラリー)パネル・・・撮影したスクリーンショットにアクセスできるパネル。
  • Download パネル
  • メニューボタン・・・左下にあるメニューボタン。新しいウィンドウを開いたり、設定画面に簡単にアクセスできる。
…となります。

そして右側に並んでる丸は、タブです。ファビコンやページタイトルだけでなく、ページ上の画像を利用して作られてるタブは、直感的で分かりやすいと思います。ちなみに Twitter などで通知があるとパッチが表示されますし、再生中の音声のミュート(無音化)は、こちらでも行えます。それとWEB表示中のアドレスバー右端に表示されるボタン(『 _ 』)は、最小化ボタン(タブに収納されるボタン)です。ちなみに表示してるページのタブをクリックしても、最小化されます。

アドレスバー右端の最小化ボタンとタブバー↓
Opera Neon:更新パッチが表示されたTwitterのタブと、ミュートボタンの付いたYouTubeのタブ - 2
Opera Neon:更新パッチが表示されたTwitterのタブと、ミュートボタンの付いたYouTubeのタブ - 2 posted by (C)kyu3

あとスピードダイヤルについて補足しておくと、ページの並び順は変更できません。またスピードダイヤルの背景は、使用されてるパソコンのデスクトップ壁紙がそのまま使用されます。もし別の画像に変えたい場合は、デスクトップの壁紙自体を変える必要があります。

システム環境設定(macOS の設定アプリ)でデスクトップ壁紙を変えたところ↓
Opera Neon:デスクトップの壁紙と連携し、変わるスピードダイヤル背景 - 3
Opera Neon:デスクトップの壁紙と連携し、変わるスピードダイヤル背景 - 3 posted by (C)kyu3

なお「Opera Neon」は、日本語化されていません(できません)!一応 [Show Advanced setting >Languages] で、日本語を追加・選択できるものの、残念ながら反映されませんでした。

言語設定画面で日本語を追加したところ↓
Opera Neon:設定言語を日本語に変更できるけど…反映されず - 2
Opera Neon:設定言語を日本語に変更できるけど…反映されず - 2 posted by (C)kyu3


3. こんな機能が欲しかった!!再生中の動画や音声を操作できる「Player」パネル


1・2年前から主要ブラウザには、開いてるページで音声が再生されている場合タブにアイコンが表示され、そのアイコン(たいてい「スピーカー」アイコン)をクリックすることで、再生中の音源を"ミュート"できるようになりました。この機能自体はそれなりに重宝してるのですが… 例えばお気に入りの音楽やトーク番組の YouTube 動画などを背面タブで再生しながら、ネットサーフィンしてる時。新たに開いたページに動画があってそれを見る場合、再生中の音楽やトーク番組をミュートするのではなく停止した方が、動画を見終わったあと続きから聞けるので良いのになとずっと思っていました。そしてまさにその機能を実現するのが、この「Player」パネルです!!

「Player」パネル↓
Operaの新しいコンセプトブラウザ「Opera Neon」がリリース! - 6:再生中の動画や音声を操作できる「Player」パネル
Operaの新しいコンセプトブラウザ「Opera Neon」がリリース! - 6:再生中の動画や音声を操作できる「Player」パネル posted by (C)kyu3

「Player」パネルでは、再生中の動画や音声の再生・停止ができるだけでなく、矢印ボタンをクリックすることで、PC版 Opera に搭載され評価されてる「ビデオ・ポップアウト」機能を実行(再生中の動画をポップアップ表示)することもできます!ちなみにポップアウトさせた動画は、位置や大きさの変更が可能です。

YouTube 動画をポップアウトさせたところ↓
Operaの新しいコンセプトブラウザ「Opera Neon」がリリース! - 14:ビデオポップアウトも可能!
Operaの新しいコンセプトブラウザ「Opera Neon」がリリース! - 14:ビデオポップアウトも可能! posted by (C)kyu3

なお「Player」パネルに対応してるサービスは、私がざっと調べた限りだと、以下の通りです。
(※もちろん以下のサービス以外でも、対応してるサービスはあると思います。)
一方非対応のサービスは、以下の通りです。
(※もちろん以下のサービス以外でも、非対応のサービスはあると思います。)

4. WEBページを並べて表示できる「Split Screen」モードも便利!


同様の機能は iPad 版 iOSMac OS にも採用され、 WEBブラウザで言うと「Vivaldi」にも搭載されていますが… Opera Neon の同機能「Split Screen」モードは、直感的で分かりやすいです!並べて表示できるのは左右2つだけですが、タブをドラッグすることで簡単に実行できます!

並べて表示したいページのタブをドラッグしたところ↓
(※左に表示したい場合は「Show in left view」、右に表示したい場合は「…right view」にドラッグ。)
Operaの新しいコンセプトブラウザ「Opera Neon」がリリース! - 19:2つのページを並べて表示する「Split View」機能
Operaの新しいコンセプトブラウザ「Opera Neon」がリリース! - 19:2つのページを並べて表示する「Split View」機能 posted by (C)kyu3

Twitter と Gigazine を並べて表示したところ↓
Opera Neon:Split View使ってTwitterしながらネットサーフィンするのは良い感じ♪
Opera Neon:Split View使ってTwitterしながらネットサーフィンするのは良い感じ♪ posted by (C)kyu3

ちなみにページの表示幅は、ドラッグで変更可能です。上の画像のように Twitter を片方に表示しながらネットサーフィンするのは、本当快適♪

5. スクリーンショット撮影機能の Tips


「Opera Neon」のスクリーンショット撮影機能、撮影自体は非常に簡単です。左側のカメラアイコンをクリックすると撮影モードに切り替わり、撮影したい場所をドラッグすることで、撮影されます。そして撮影されたスクリーンショットは、「Gallery(ギャラリー)」パネルに保存されます。

スクリーンショット撮影手順↓
Opera Neon:スクリーンショット撮影機能 - 2
Opera Neon:スクリーンショット撮影機能 - 2 posted by (C)kyu3

「Gallery」パネルに保存されたスクリーンショット↓
Opera Neon:スクリーンショット撮影機能 - 3
Opera Neon:スクリーンショット撮影機能 - 3 posted by (C)kyu3

ただちょっと分かりにくいのが、この後。「Gallery」パネルに保存されたスクリーンショットをどうやったら使うことができるのか、最初よく分かりませんでした。(^^;

答えはドラッグすること!デスクトップにドラッグすると、デスクトップに保存されます。また Twitter に投稿したい場合は、ツイート投稿欄にドラッグすると、添付画像にすることができます。

撮影したスクリーンショットをデスクトップに保存(ドラッグ)↓
Opera Neon:スクリーンショット撮影機能 - 8(デスクトップにドラッグ)
Opera Neon:スクリーンショット撮影機能 - 8(デスクトップにドラッグ) posted by (C)kyu3

撮影したスクリーンショットを Twitter のツイート入力欄にドラッグ↓
Opera Neon:スクリーンショット撮影機能 - 9(Twitterツイート入力欄にドラッグ)
Opera Neon:スクリーンショット撮影機能 - 9(Twitterツイート入力欄にドラッグ) posted by (C)kyu3

ちなみに「Split Screen」モード使用中にスクリーンショット撮影機能を使うと、どちらか一方しか撮影できません。

Split Screen モード使用中にスクリーンショットを撮影しようとしたところ↓
Opera Neon:Split View使用時のスクリーンショット撮影は、表示してるページのどちらか一方のみ - 1
Opera Neon:Split View使用時のスクリーンショット撮影は、表示してるページのどちらか一方のみ - 1 posted by (C)kyu3

6. 一部機能はPC版 Opera に搭載予定!モード切り替えで「Neon」に変わることも検討中。


最後に「Opera Neon」の総評と今後の可能性について。コンセプトは非常に素晴らしいと思いました♪ 使い勝手も良く、完成度も結構高いと思います。またまさに「PC版 Opera Coast」って感じで、普段よく見るサイトをリラックスして見るのに最適だと思いますし、Twitter をしながらや音楽を聞きながらネットサーフィンするのは、本当快適♪(*^^*)

ただ不満点もいくつかあります。まず何より日本語化されてない(できない)のは、ちょっとつらいです。また拡張機能に対応してないのは私は良いとは思いますが、広告ブロック機能は是非搭載して欲しいです!…と言うのも、久しぶりに広告ブロック無しでネットサーフィンしてみましたが、見るに堪えないサイトもいくつかあったので。(^^; またPC版 Opera にもデフォルトで搭載されていますし、拡張機能でもっとも使われているのは広告ブロック拡張だと思うので、とりあえず広告ブロック機能があれば、拡張機能がなくても良いと感じるユーザーは結構いるのではと… 思うからです。

なお Opera 社としては、あくまで「Opera Neon」は"コンセプト"とのことで、このまま開発が続くかどうかは分からないそうです。『PC Watch』の記事によると「既存の PC版 Opera と置き換える訳ではない」また「2017年春に一部の機能を PC版 Opera に実装する予定」とのこと。

画面分割表示やYouTubeのポップアウトが可能な新Webブラウザ「Opera Neon」 ~サイドタブデザイン採用でWindows/Mac OS対応:PC Watch

また『CNET Japan』の記事によると、Opera ブラウザの責任者(PC版 Opera の責任者?)曰く「既存の PC版 Opera の独立したモードとして Neon を導入する可能性がある」とのこと。

Opera、斬新なコンセプトブラウザ「Neon」をリリース--将来へのビジョン示す:CNET Japan

モード切り替えに関しては、正直あまり使い勝手は良くないのではと…思うのですが、既存のPC版 Opera に機能の一部を搭載するのであれば、是非「Player」パネル(と同じ、再生中の動画や音声の再生・停止ができる機能)を搭載して欲しいなぁ〜と思います!!本当素晴らしく、有用な機能だと思うので。ヽ(*´∀`)ノ 是非!!!


【関連リンク】
Opera Neon – The future of web browsers?:Opera・・・公式HP
Say hello to Opera Neon, our new concept browser:Opera Desktop 公式ブログ
Opera Neonの感想ツイートまとめ:Togetterまとめ

【関連記事】
Kyu3's LOG : Opera15周年記念ティザー広告予想・・・15周年の時もティザー広告(事前告知)が行われ、新しい機能が発表されました。
Kyu3's LOG : Opera Uniteレビュー・・・15周年に発表された機能のレビュー記事。残念ながらこの機能はすでに削除されてしまいましたが… かなりインパクトのある機能でした。(*^^*)
Kyu3's LOG : 最近試したMac用マイナーブラウザ(Yandex Browser、Min、Brave、Kinza)・・・昨年試した様々なコンセプトの Mac用ブラウザのレビュー記事。
Kyu3's LOG : Opera 37レビュー:動画のポップアップ、広告ブロック、ほか・・・ビデオポップアウトが搭載されたPC版 Operaに関する記事。

【追記(2017年1月28日)】


Opera 公式フォーラム(掲示板)で、モデレーター(管理者)の方が「Opera Neon に関する意見等々は、こちらのトピックへ」と案内してたので、そのトピックを以下に掲載しておきます。もし Opera Neon に関する意見を送りたい方は、以下のトピックに書き込んでみてはいかがでしょう?

New Opera Neon - concept browser:Opera 公式フォーラム

Vivaldi フォーラム Tips:日本語化、入力欄、編集、サムズアップ等

Vivaldi 公式フォーラム(掲示板)が、先月(2016年11月)初めにリニューアルしましたぁ〜!見た目や使い勝手が大幅に変わり、戸惑われる方も結構いるのではと思います。そこで今回、1ヶ月ほど Vivaldi 公式フォーラムを使ってきて気づいた"Tips"(ちょっとしたお役立ち情報)について、ブログの記事を書こうと思います。(*^^*)


1. 日本語化の方法


Vivaldi 公式フォーラムは、日本語を含め、約40の言語に UI を変更できます(※要・ログイン)。変更の仕方は、以下の通りです。

a. 右上のアイコンをクリックし、『Setting』を選択

Vivaldi公式フォーラムの日本語化 - 2(『Settings』を選択)


b. 設定画面の『Language』で、日本語を選択。

Vivaldi公式フォーラムの日本語化(使用言語選択)- 5


c. 設定画面左下の『Save Changes』をクリック。

Vivaldi公式フォーラムの日本語化 - 11(設定保存ボタン)


d. ページを再読込み。

…すると、以下の画像のように、Vivaldi 公式フォーラムが日本語化されます。

Vivaldi公式フォーラムの日本語化 - 10(日本語化済み)


2. 入力欄の大きさは変更可能!


初めて Vivaldi にトピックを作ったり、あるいはコメントを書き込んだりした時、おそらく多くの方は「入力欄、小せぇ〜!?」と驚くのではないかと。
(私も驚きました。(^^; )

Vivaldi公式フォーラム:入力欄 - 5

ただこの入力欄は、入力欄左上の両矢印アイコン(『↕』)部分をドラッグすることで、大きさを変更することができます!

Vivaldi公式フォーラム:入力欄の大きさ変更ボタン - 2

ちなみに一番上まで持って行き入力欄を最大にすると、アイコンの形が変わります。

Vivaldi公式フォーラム:入力欄の大きさ変更ボタン - 4(最大表示時)

更に右から3番目の『Zen(禅)モード』のボタンをクリックすると、入力欄が全画面表示されるモードに切り替わります。

Vivaldi公式フォーラム:入力画面を全画面表示する「Zen(禅)」モード - 3

Zen モード中↓
(※動画の全画面表示と同じく、UI も全て非表示となります。)
Vivaldi公式フォーラム:入力画面を全画面表示する「Zen(禅)」モード - 2


3. 書き込みの編集・削除は、右下の『︙』から可能。ただし1時間以内!?


書き込みの編集および削除は、各書き込みの右下の『︙』をクリックして表示されるメニューで、可能です。

新しくなったVivaldi公式フォーラム:時間限定(?)で書き込みを編集可能!

ただし編集・削除できる時間は、現在『1時間以内』とのこと。ただこの期限は現在以下のトピックで話し合い中で、まだ完全に決まった訳ではないようですが…。

[bug] Impossible remove post...:Vivaldi公式フォーラム

ちなみに1時間を過ぎると、編集・削除メニューが無くなります。

Vivaldi公式フォーラム:共有または編集・削除のメニュー - 1

4. 日本語トピックの URL を共有&コピーする場合、"共有機能"使うか、"タイムスタンプ"の URL をコピーした方が良いかも!


Vivaldi 公式フォーラムの日本語トピックの場合、トピック名の日本語がそのまま URL に含まれます。

Vivaldi公式フォーラム:日本語トピックのURLはトピック名が含まれる - 3

これを Twitter で共有する場合、アドレスバーの URL をコピーし Twitter の入力欄にそのまま貼り付けると、日本語部分が URL として反映されません。

VivaldiフォーラムのURLをアドレスバーからTwitter入力欄にそのままコピーすると…

しかしフォーラムの共有機能かタイムスタンプの URL をコピーすると、日本語部分のない URL が使用できるので、結構便利かと。(*^^*)

Vivaldi公式フォーラム:共有または編集・削除のメニュー - 1

Vivaldi公式フォーラム:日本語トピックのURLはタイムスタンプのリンクをコピーした方が良い! - 1

例えば上記のスクリーンショットの書き込みの場合、アドレスバーに表示される URL は「https://forum.vivaldi.net/topic/12488/新しいタブのアドレスバーで日本語-入力時-1文字目が未確定なのに確定される」となりますが、共有機能でツイート(またはタイムスタンプの URL をコピー)すると、URL は「https://forum.vivaldi.net/post/79238」となります。ちなみに後者の URL をクリックすると、きちんと前者のページにリダイレクトされます。


5. 矢印ではなくサムズアップ・ダウン!?


最後に、たぶん多くの人が最初間違えるのではと思うのが、各書き込みの右下に表示されるこの矢印ボタン(『🔼 』『🔽』)。私はてっきり次の書き込みへ(あるいは前の書き込み)に移動するボタンか、あるいはページの最上部か最下部に移動できるボタンかと思ったのですが… これは実は「サムズアップ」(『👍』)と「サムズダウン」(『👎』)です。

新しくなったVivaldi公式フォーラム:矢印はナビゲーションでなく、サムズアップ&ダウン!?

たぶんほとんどの人は移動ボタンと勘違いして、押してしまうのではないかと。(^_^;

ちなみにもう1度同じボタンをクリックすると、「サムズアップ」(または「サムズダウン」)の追加がキャンセルできます。なお「サムズアップ」のみかもしれませんが、クリックするとクリックされたユーザーに通知されるので、試し押しはしない方が良いと…思います。

Vivaldiフォーラム:サムズアップ(またはダウンも?)で通知


6. 画像を追加する方法


書き込みに画像を追加する方法は、2つあります。1つは WEB上の画像を追加する方法、もう1つは画像をアップロードして追加する方法です。( ´ ▽ ` )ノ

まず WEB上の画像を追加する方法ですが、こちらはツールボタンの中の『画像』ボタンをクリックします。すると、下の画像のような文字列(タグ)が入力されるので、この中の『image url』の部分を WEB上の画像のURLに置き換えると、WEB上の画像を追加できます!

Vivaldi公式フォーラムの書き込みに画像を追加する方法 - 3:WEB上の画像を追加
Vivaldi公式フォーラムの書き込みに画像を追加する方法 - 3:WEB上の画像を追加 posted by (C)kyu3

次に画像をアップロードして追加する方法ですが、こちらはツールボタン右端の『画像をアップロード』ボタンをクリックします。すると、アップロードしたい画像を選択するダイアログが表示されるので、追加したい画像を選択しアップロードを実行すると、画像のアップロードと画像を追加する文字列(タグ)の入力が完了し、追加できます。

Vivaldi公式フォーラムの書き込みに画像を追加する方法 - 6:アップロードして追加
Vivaldi公式フォーラムの書き込みに画像を追加する方法 - 6:アップロードして追加 posted by (C)kyu3

なおアップロードできる画像の種類や容量に関しては、詳しいことは分かりませんが、よっぽど大きな容量の画像や一般的でないファイル形式(JPEG・GIF・PNG 以外)でなければ、問題なくアップロードできると…思います。(^_^;


【関連リンク】
A fresh makeover - Vivaldi forum gets a new look:Vivaldi 公式ブログ・・・Vivaldi 公式ブログのフォーラムリニューアルに関する記事(※表記は英語)。

【関連記事】
Kyu3's LOG : Vivaldiリンク集:公式サイト、SNS、お薦めサイト、ほか


【追記(2016年12月23日)】


『2』の「入力欄の大きさは変更可能!」の欄に、「Zen(禅)モード」に関する記述を追加しました。

【追記(2017年2月12日)】


画像を追加する方法について、追記しました。
カテゴリー
記事検索
管理者のプロフィール
Twitterアイコン案名前(ハンドルネーム)
「Kyu3」

プロフィール(Profile)
ギャラリー
  • 小牧市立図書館の小牧駅前A街区建設に反対!まだ市民の意見聞いてない公約違反なうえ、審議会答申・住民投票・パブコメ無視!!駅前活性化にもならない!! - その2
  • 「SonyAutoLauncher」を終了&削除する方法
  • 「SonyAutoLauncher」を終了&削除する方法
  • 小牧市立図書館の小牧駅前A街区建設に反対!まだ市民の意見聞いてない公約違反なうえ、審議会答申・住民投票・パブコメ無視!!駅前活性化にもならない!!
  • Opera 45(コードネーム「Reborn」)が結構良い感じ♪
  • Opera 45(コードネーム「Reborn」)が結構良い感じ♪
  • Opera 45(コードネーム「Reborn」)が結構良い感じ♪
  • Opera 45(コードネーム「Reborn」)が結構良い感じ♪
  • Opera 45(コードネーム「Reborn」)が結構良い感じ♪
  • Opera 45(コードネーム「Reborn」)が結構良い感じ♪
  • Opera 45(コードネーム「Reborn」)が結構良い感じ♪
  • Opera 45(コードネーム「Reborn」)が結構良い感じ♪
  • Opera 45(コードネーム「Reborn」)が結構良い感じ♪
  • Opera 45(コードネーム「Reborn」)が結構良い感じ♪
  • Opera 45(コードネーム「Reborn」)が結構良い感じ♪
  • Opera 45(コードネーム「Reborn」)が結構良い感じ♪
  • Vivaldi 1.9で起こる主な日本語関連の不具合と対処法、対応状況
  • Vivaldi 1.9で起こる主な日本語関連の不具合と対処法、対応状況