Hatena::ブログ(Diary)

MOMIZINE

2010年03月09日

Opera1050でGoogleを2カラム表示にするUserCSS

あまたのよに言われてなんとなくgoogleを2カラムにするCSSを書きました。

f:id:momizine:20100309214820j:image

まとめると、

  1. 検索結果を2カラムで表示
  2. せっかくなので検索文字列をハイライト表示(CSSなのでリファラー送信の必要なし)
  3. せっかくなので検索結果に数値を記載
  4. キャッシュ、類似ページを右側に
  5. 多分oAutoPagerize.jsに対応
  6. グーグルブックマーク愛用者は崩れる可能性があるけど気にしていない
  7. CSS3を色々試してみた

CSS3の対応が増えたので、角を無駄に丸くしたり、ホバーさせてぼやーっと色出してみたり、実際どうなんだろ、ってなCSSを一部利用しています。作成したCSSの一部を抜粋すると、

/* Opera1050 */
.g{-o-transition:all 1s ease;}
.g,.g:hover{border-radius:10px 20px 10px 10px;}
.g:hover{box-shadow : 5px 5px 10px #000;}

-o-transition

1sは1秒の意味で色がもやぁと変わっていきます。

border-radius

ボックスの丸角です。順番に左上、右上、右下、左下となります。borderみたいに使えばいいと思う。もちろん-leftとか-rightとか何でもできる。

box-shadow

影。

説明は終わり。本当は1050でもっと対応されているのですが、つっこみすぎてもさすがに需要はなさそうなので今回は利用せず。

ダウンロード

amata-google-search.css

UserCSSの使い方

ユーザースタイルシート - Opera Wiki

おまけ

Opera1050で話題の糞フォントですが、とりあえず、自分の設定の

/* font */
* {font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'MS Pゴシック','IPA Pゴシック',sans-serif !important;}

と記載しています。そこはお好みに会わせてご自由にカスタマイズしてください。

とりあえず、言えるのは”font-family:normal”なんて都市伝説だよね。

2009年09月19日

Opera User Meetupレポ

これから、明日に向けて書く。

写真は取り忘れているので全くない。文章でも伝えきれないのでなんとなく伝わるといいな。

【メモ】

一次会

  • これがてらじって人となり
  • がんばれmoperaさん
  • イライラ
  • Uniteのこと
  • 16:00〜の話

二次会

  • 遅れて参加した理由
  • 結局全然ユーザと話をしていない件
  • 帰り道電車にて
  • 会を終えて

反省と次回の改善点

  • 思いつくままに書きつづろうかな

2009年08月26日

圧倒的じゃないか、我がOperaブラウザはっ!

すいません、先に書いておきます。Operaの新規バージョンリリース時に各所で現れるいつものアレです。


389 名前: カキツバタ(北海道):2009/08/25(火) 08:41:18.33 ID:cGSAzQyb


アドは必要最低限としてこれだけ入れてる。それでも便利さで他のブラウザ圧倒的してるな

Abduction!:右クリからWeb画面のスクリーンショット等キャプチャーが出来る

Context Search:右クリックから利用可能な Web 検索機能を拡張して、インスコされている検索エンジンを選べる

CacheViewer:キャッシュを一覧表示して、検索や並べ替えを行う。ファイルの表示、保存、削除が可能

Dafizilla Table2Clipboard:ページの行や列を、配置を保ったままクリップボードにコピーできるようにします。

Download Statusbar:シンプルなステータスバーでダウンロードを表示・管理できます。

Default FullZoom Level:既定のページ表示倍率を設定できます。現在の倍率はステータスバーに表示され、クリックで変更可能です。

Video DownloadHelper:ダウンロードして、 YouTubeの動画に変換する数百からWebサイトのような簡単な方法。

FisheyeTabs:たくさんのタブを開いているときに、タブバーをスクロール可能にする代わりに、タブの幅を狭くします。

GooglePreview:Google の検索結果ページ上に、各サイトのプレビュー画像 (サムネイル) を表示します。

Grab and Drag:Acrobat風スタイルでドラッグスクロール、フリックジェスチャー、フロックのモメンタムをスクロールします。

Hide Menubar:ウィンドウ最上部のメニューバーを自動的に隠します。

IdentFavIcon:サイトアイコンが提供されていない時、他のタブと見分けやすくするため、そのサイトの固有のアイコンを自動生成

IE Tab:選択したタブをInternet Explorerのレンダリングエンジンを使って表示します。

Iget:ダウンロードマネージャから、URL を指定して直接ファイルをダウンロードできるようにします。

Link Alert:リンク先の種類をマウスカーソルで区別できるようにします。例えば、Word、Excel、PDF、RSSなどに対応

More Tools Menu:拡張機能によって「ツール」メニューに追加される項目を別のメニューに分けて表示し、「ツール」メニューが分かりづらくなるのを防ぎます。

MR Tech Toolkit:拡張機能やテーマをコンピュータ上でインストール、管理するための様々なツールを提供します。


390 名前: カキツバタ(北海道):2009/08/25(火) 08:41:41.28 ID:cGSAzQyb


Open Addons:アドオンマネージャをワンクリックで開けるツールバーボタンを提供します。

Open IT Online:オンラインで開けるようする。例(Word、Excel、PowerPointを「Google ドキュメント」で表示、編集できます

Organize Status Bar:ステータスバーに表示されるアイコンの整理を可能にします。

PageStyle2Tab:現在開いているページのスタイル (配色や背景画像) をタブに反映します。

PDF Download:PDFを開く際、《ブラウザ内で表示・HTML に変換して表示・外部アプリを起動・ダウンロードするか》を選択

Redirect Remover:Web上のリンク先で余計な所を経由しないで直接リンク出来る(アフィ等に有効)

Remove Tabs:複数のタブをまとめて閉じる機能を、タブのコンテキスト (右クリック) メニューに追加します。

ScrapBook:Web ページを保存し、コレクションとして整理できます。選択範囲のみ保存、マーカーなどの編集機能、高速全文検索も備えています

Show Anchors:ページ内リンクを表示して、該当部分のURLをコピーして共有したり、ブックマークに追加して後で簡単に戻れるようにします。

Tab Mix Plus:Firefox のタブブラウズ機能を強化します。

URL Relay:URLごとに指定のアプリケーションで開きます。(Jane等)

Xmarks:サーバ上にブックマークを保存しておき、複数のコンピュータ上の Firefox で同期させることができるサービスです。

テキストリンク:リンクの張られていない URL 文字列をダブルクリックで開けるようにします。「h 抜き」や全角文字でも読み込むことができます。


394 名前: ラナンキュラス(愛知県):2009/08/25(火) 08:47:42.33 ID:ACwa7iDA


>>389-390

これで最低限かよw


ゆめみがちサロン:必要最低限として入れてるFirefoxアドオン

http://blog.livedoor.jp/yumemigachi_salon/archives/51258168.html


Abduction!:右クリからWeb画面のスクリーンショット等キャプチャーが出来る

我が軍では太刀打ちできないだとっ・・・。


Context Search:右クリックから利用可能な Web 検索機能を拡張して、インスコされている検索エンジンを選べる

Operaだとデフォルトで設定変更可能。

Operaの検索バーをカスタマイズする方法

圧倒的じゃないか、我がOperaブラウザはっ!


CacheViewer:キャッシュを一覧表示して、検索や並べ替えを行う。ファイルの表示、保存、削除が可能

Operaだとデフォルトで設定変更可能。でも画像とか見たり言うほど高機能にはできてない。

OperaでCacheを効果的に探す方法 - by edvakf in hatena


Dafizilla Table2Clipboard:ページの行や列を、配置を保ったままクリップボードにコピーできるようにします。

我が軍では太刀打ちできないだとっ・・・。

局地的だけどあると便利かもしれない。自分の業務でいうとWeb上に落ちてるtable要素で書かれた表をエクセルに貼り付けるときとかいいかもしれない。


Download Statusbar:シンプルなステータスバーでダウンロードを表示・管理できます。

Operaだとデフォルトでパネルでシンプルにダウンロードを表示・管理できます。

圧倒的じゃないか、我がOperaブラウザはっ!


Default FullZoom Level:既定のページ表示倍率を設定できます。現在の倍率はステータスバーに表示され、クリックで変更可能です。

Operaだとデフォルトで倍率変更可能です。

Ctrlを押したままホイール上下で倍率変更できます。

圧倒的じゃないか、我がOperaブラウザはっ!


Video DownloadHelper:ダウンロードして、YouTubeの動画に変換する数百からWebサイトのような簡単な方法。

OperaだとブックマークレットやUserJSで対応可能です。ただスレの日本語がよく分からない。

YouTube - How to download youtube (Operaを使用したYoutube動画のダウンロード)

Youtube download video - User JavaScript - Opera Community

圧倒的じゃないか、我がOperaブラウザはっ!


FisheyeTabs:たくさんのタブを開いているときに、タブバーをスクロール可能にする代わりに、タブの幅を狭くします。

Operaだとデフォルトで倍率変更可能です。

外観の設定のツールバーの自動改行で自動改行しないで期待の形になります。

圧倒的じゃないか、我がOperaブラウザはっ!


GooglePreview:Google の検索結果ページ上に、各サイトのプレビュー画像 (サムネイル) を表示します。

OperaだとUserJSで対応可能です。

GooglePreviewで検索結果にサイトのサムネイルを表示しよう - Opera編! - 裏技shop DD

圧倒的じゃないか、我がOperaブラウザはっ!


Grab and Drag:Acrobat風スタイルでドラッグスクロール、フリックジェスチャー、フロックのモメンタムをスクロールします。

OperaだとUserJSで対応可能です。

ドラッグスクロール - あまたの何かしら。

試したことがないし自分需要がない、あまたさん曰く万能ではないらしい。でも2年前の記事で現状は謎...

標準機能であることを確認しました。id:zxcvdayoさんコメントありがとうございます。

Ctrl+Alt+左クリックでぐりぐりドラッグスクロールできました。

フリックジェスチャーもマウスのカスタマイズで対応可能です。も...モメンタム!?


Hide Menubar:ウィンドウ最上部のメニューバーを自動的に隠します。

Operaだとデフォルトでメニューバーの表示の変更ができます。ボタン操作で表示の切り替えはキーボードショートカットを変更することで対応することができます。

外観の設定のツールバーで表示させるバーを選択してください。


IdentFavIcon:サイトアイコンが提供されていない時、他のタブと見分けやすくするため、そのサイトの固有のアイコンを自動生成

じ・・・自動生成?!

我が軍では太刀打ちできないだとっ・・・。


IE Tab:選択したタブをInternet Explorerのレンダリングエンジンを使って表示します。

Operaでもできないことはない。

OperaでIETabチックに「このタブをIEエンジンで開く」な「Neptune」 :教えて君.net

Opera公式 日本語フォーラムのどこかで議論されてたけど、どこだか忘れちゃった。


Iget:ダウンロードマネージャから、URL を指定して直接ファイルをダウンロードできるようにします。

Operaだと(ry


Link Alert:リンク先の種類をマウスカーソルで区別できるようにします。例えば、Word、Excel、PDF、RSSなどに対応

Operaだとスキンを..あれできない?!

我が軍では太刀打ちできないだとっ・・・。

Link Alert JS - ブラウジング支援ユーザースクリプト - wktkラボ

ありがとうございます。@azu_reさん


More Tools Menu:拡張機能によって「ツール」メニューに追加される項目を別のメニューに分けて表示し、「ツール」メニューが分かりづらくなるのを防ぎます。

メニューが分かりづらいってそもそも論でおかしくね?

Operaだとmenu.iniを書き換えれば自由自在に変更できます。

Opera The Fastest Browser on Earth: ブロガーの menu.ini カスタマイズ

設定ファイルの編集 - Opera Wiki


MR Tech Toolkit:拡張機能やテーマをコンピュータ上でインストール、管理するための様々なツールを提供します。

拡張管理=UserJS管理とするならば、Unite使ったこれが最新かなぁ?

My UJS Manager service - Opera Unite - Opera Community

Opera UniteでUserJS管理 - 言いたい放題 - チーム俺等のレポート待ち...


Open Addons:アドオンマネージャをワンクリックで開けるツールバーボタンを提供します。

UserJSはフォルダにつっこむだけ。


Open IT Online:オンラインで開けるようする。例(Word、Excel、PowerPointを「Google ドキュメント」で表示、編集できます

え?ブラウザで何すんの?

firefoxで試してないけど、Operaじゃ無理かな。

いちおう、我が軍では太刀打ちできないだとっ・・・。


Organize Status Bar:ステータスバーに表示されるアイコンの整理を可能にします。

Operaだとステータスバーに表示させるアイコンをデフォルトで整理できます。

ツールバー - Opera Wiki

圧倒的じゃないか、我が(ry


PageStyle2Tab:現在開いているページのスタイル (配色や背景画像) をタブに反映します。

Operaだとビジュアルタブオプションってのが10から搭載されているので、背景色どころかページサムネイルの表示が可能です。

Opera10:タブサムネイル2 - 写真共有サイト「フォト蔵」


PDF Download:PDFを開く際、《ブラウザ内で表示・HTML に変換して表示・外部アプリを起動・ダウンロードするか》を選択

Operaだとデフォルトで設定できます。

ピポケカWeb - OperaQ&Aの上から3つめの項目の「PDFをOperaの内部で表示するには?」です。

Applerの備忘録(仮): OperaでPDFなどをオンラインリーダーで開くようにすると右クリックのメニューをカスタマイズする方法もあります。(Applerさんコメントありがとうございます)

圧倒的じゃないか(ry


Redirect Remover:Web上のリンク先で余計な所を経由しないで直接リンク出来る(アフィ等に有効)

なんだこの戦力差は...


Remove Tabs:複数のタブをまとめて閉じる機能を、タブのコンテキスト (右クリック) メニューに追加します。

Operaだと標準でタブをまとめて閉じることができます。

タブにマウスをあわせて右クリック。

圧倒的(ry


ScrapBook:Web ページを保存し、コレクションとして整理できます。選択範囲のみ保存、マーカーなどの編集機能、高速全文検索も備えています

Operaメモ使えば?


Show Anchors:ページ内リンクを表示して、該当部分のURLをコピーして共有したり、ブックマークに追加して後で簡単に戻れるようにします。

なんだこの戦力差は...


Tab Mix Plus:Firefox のタブブラウズ機能を強化します。

だからOperaだと標準機能でタブの表示項目を変更できます。

がそこまでリッチではないかも。


URL Relay:URLごとに指定のアプリケーションで開きます。(Jane等)

Operaでもたうぜんできます。あれ?firefox3.52時点では未対応?

Operaで2chスレをJaneで開く方法 - granatumの日記

圧倒的(ry


Xmarks:サーバ上にブックマークを保存しておき、複数のコンピュータ上の Firefox で同期させることができるサービスです。

OperaだとデフォルトでOpera Linkがあります。でもサーバたまに落ちちゃうんだよね・・・。

Opera Link - Opera Wiki

圧倒(ry


テキストリンク:リンクの張られていない URL 文字列をダブルクリックで開けるようにします。「h 抜き」や全角文字でも読み込むことができます。

OperaだとUser.JSで対応することができます。

リンクになっていないURLを新規タブで開くGreasemonkey Script - 0xFF

圧(ry



圧倒的にめんどくさかった。

できないって書いてるのは、momizineが知らないだけでできることあるかもしれません。

発言したくてウズウズするOperaユーザ様は追記コメントをお願いします。

デフォルト機能として何でもできるってもチューニングやカスタマイズはなんらかの形で発生してしまうもので、そこがワンクリックで実現できちゃうfirefoxに圧倒的なシェアの原因なんでしょうね。


ちなみにOpera10(正式版)は9/1ダウンロード開始予定だよ。予習予習!

2009年08月16日

外から評価されたmy.opera.comとセキュリティ

我が社ではmy.opera.comがコンテンツフィルターにより閲覧することができません。

f:id:momizine:20090814095202p:image

でも、OperaDesktopTeamのブログだけはそのカテゴリから除外されてるのです。

あ、どうでもいいっすか。

2009年08月15日

Operaでも中止ボタンがバッテン髪飾りに見えて困る

Operaカスタマイズが小学生の夏休みの課題にならないかと真剣に考えたmomizineです。

なんかいつものネタっぽい話。

中止ボタンがバッテン髪飾りに見えて困るにインスパイアされて作ってみました。

f:id:momizine:20090814103508p:image

類似しいたけも画像を作ったのでどうぞ。

作り方

  1. OperaのインストールされたProgram file\Opera内のskinを開きます。
  2. デフォルトで、standard_skin.zipとwindows_skin.zipがあるのでstandard_skin.zipをコピーして適当に名前を変えます。ここでは、便宜上batten_skin.zipと変更しています。
  3. batten_skin.zipを展開して、buttonsフォルダに格納されているstop.pngアイコンをバッテン髪飾りに差し替え(上書き)ます。
  4. 展開前と同名でzipに固め直して保存して、OperaのCtrl+F12かその辺りでスキンを先ほどbatten_skin.zipとしたものに変更します。
  5. おしまい。

ボタン

それぞれ、右クリックでダウンロード後にstop.pngとリネームしてご利用ください。

f:id:momizine:20090814103507p:image
バッテン髪飾り.png

f:id:momizine:20090814172557p:image
しいたけ.png

動作確認

とりあえずOpera10β3(Unite無し版)インストールしました。今から正式版でてもなんかパっとしない予感がしてなりません。なんか9のころの興奮がない、なんでだろうかねぇ。

そういえば過去に同じようなことをしたような気がする..

【memo】

全部しいたけ化はini書き換えの方が手っ取り早いです。