「ブラウザ」に属する記事

浮動パネルはそれなりに快適だった

ブックマークやメモの整理をして快適さが増したOperaの話。2008年11月21日時点の私のOperaは上の通りです。画像が小さすぎてよく分かりませんね。表示させているツールバーはメインバー、ナビゲーションバー、ステータスバー。パネルは浮動表示です。

メニューバーは普段あまり使わないのでCustom Buttons(Opera Browser Wiki)からToggle Menu bar on/off AND dropdown the main menu (with image if using several custom skins)の表示切替ボタンをいただきました。

タブバーの下にアドレスバーがあるのはいいのですが、パネルを開閉した時にアドレス欄の幅が変わるのが気になっていたので、アドレスバーにあった部品をメインバーに全て移しました。そして役目を終えたアドレスバーは非表示に。

パネルを浮動表示にしているついでにタブバーも消してみました。浮動版パネルはタブ扱いなのがマイナス。そしてタブバーはあった方がいいかもしれません、まだ実験中。

パネルは右に表示させる派だったのですが、浮動表示もいいですね。初期設定では全画面表示になるので好みの大きさに調整するのをオススメ。デフォルトのキーボードショートカットはF7なので、これも自分が使いやすいよう変更するのが吉。左右に表示させると画面の横幅が狭くなり固定幅のページの場合横スクロールが出て、可変幅のページの場合読んでいる箇所を見失ったりしていたのですが、浮動だと必要な時だけボタン1つで表示させられるのがとてもいいです。浮動版パネルはタブ扱いなのがマイナスですが(2回目)。

ついでにコンテキストメニュー。まともに使っているのはdeliciousに投稿、Tumblrに投稿、pageinfo参照、livedoroorに登録くらい。そのうちはてなブックマーカーになる(かもしれない)ので、準備だけしています。新はてブ楽しみ!

日付
2008年11月21日
分類
URI
http://az-store.nrym.org/note/2008/11/21/48

IEが倒せない

ニコニコ動画専用Opera(暴満館)を試すためにニコニコ動画のアカウントを取ったのですが、音楽や動画に無縁なので結局何が何だか分からず、私が得たものは「エアーマンが倒せない Full(Version J)」のパロディでした。語呂はかなり悪いです。

気がついたら同じ箇所ばかり修正
そしていつも同じ場所でハマる
諦めずにズルいハックに挑戦するけどすぐに表示狂うよ

擬似要素が使えれば楽に角丸くらい作れるけど
何回やっても何回やってもIEが倒せないよ
涙を飲んでdiv病発症
(XML)宣言外して妥協しててもいずれはどこかでバグが出る
Ajaxも試してみたけど根本解決できない
だから次は絶対勝つために僕は幅(width)と余白(margin)に気を配っておく

~間奏20秒~

気がついたらborderがまた消えている
そしていつもそこで画像使う
諦めずに仕上げ段階まできたけどボロボロNot Valid

バージョン8があれば楽にデザインできるようになるけど
何年経っても何年経っても6が倒れないよ
プニル・ルナスケにコンポーネントの数々
他ブラウザ増えたけれどトライデントだと意味がない
Donutも試してみたけどあいつも同類だったよ
だから次は絶対勝つために僕は足のないキツネに望みを託しておく

~間奏15秒~

Operaブラウザだけになればweb制作楽になるけど
何年経っても何年経ってもマニアだらけのマイノリティ
天下のMSだからどうやっても避けれない
Opera基準で(サイトを)作り続けても
ROMの9割9分は気づかない
WebKit勢が力をつけててそれでもユーザー極少
だけど現状に不満があっても僕は6だけはずっと残しておく

(XPだから…)

自分の名誉(?)のために書いておくと、私はXML宣言外しません。汚いハックは使いません。HTMLは常にValidです。ただしCSS覚えたてのおっさんが作ったようなデザイン。

日付
2008年11月19日
分類
URI
http://az-store.nrym.org/note/2008/11/19/47

cite属性からリンクを生成するユーザーJavaScript(Opera用・改)

cite属性からリンクを生成するユーザーJavaScriptはEnhance blockquote display(UserJS.org)を使っていたのですが、application/xhtml+xmlなサイトでは動かないようなのでvisibleAttribute(工房らくだ舎)を使うことにしました。

メモランダム(http://mynotes.jp/blog/)の記事を整理していたら、「アンカーを文字列にし、a要素によるハイパーリンクがあれば二重にリンクを生成しない」カスタマイズ版を見つけたのでソースを転載しておきます。

(function()
{
  function makeCiteVisible(elementName) {
        var elements = document.getElementsByTagName(elementName);
        var anchors = document.getElementsByTagName('a');
        for(var i = 0,element;element = elements[i];i++) {
          var cite = element.getAttribute('cite');
          var title = element.getAttribute('title');
          var a = document.createElement('a');
          var p = document.createElement('p');
          var duplicate = false;
          if(element.hasAttribute('cite')){
                // cite属性と同じ参照先のアンカーがないかチェック
                for(var j = 0,anchor;anchor = anchors[j];j++){
                  if(anchor.getAttribute('href') == cite && anchor.getAttribute('class') != 'citation') {
                        duplicate = true;
                        break;
                  }
                }
                // 見つけたらループを抜ける
                if(duplicate) break;
                a.setAttribute('href',cite);
                a.setAttribute('class','citation');
                if(elementName == 'blockquote'){
                  if(element.hasAttribute('title')){
                        a.setAttribute('title',title);
                        a.appendChild(document.createTextNode(title));
                  }else{
                        a.appendChild(document.createTextNode(cite));
                  }
                  p.appendChild(a);
                  element.appendChild(p);
                }else if(elementName == 'q'){
                  if(element.hasAttribute('title')){
                        a.setAttribute('title',title);
                  }
                  a.appendChild(document.createTextNode("*"));
                  element.appendChild(a);
                }
          }
        }
  }

  //読み込み時に実行
  document.addEventListener
        ('load',
         function()
        {
          makeCiteVisible("blockquote");
          makeCiteVisible("q");
        },false
        )
})();
日付
2008年11月16日
分類
URI
http://az-store.nrym.org/note/2008/11/16/46

opera_exを使わずにMake Link

opera_exは便利だけど、9.5の時みたいに突然使えなくなる可能性があるのが怖いなー。…と思っていたら、JavaScript内部アクションとやらでも同じことができるらしいです。

アプリケーションを使わずに済むならそちらの方がいいので、Hotclick Popup Menu(テキストを選択した時のコンテキストメニュー)に以下を書き加えました。芦塚さんがまとめたものをほぼそのままコピー&ペースト。titleリンクはDocument Popup Menu(何も選択していない状態のコンテキストメニュー)に入れたくなりますが、そうすると動作しないので注意。これは何かテキストを選択した状態でないと使えません。

Item, "リンク(a)" = Go to page, "javascript:window.prompt('','<a\x20href=\x22'+location.href+'\x22>'+document.title+'</a>');" & Delay, 100 & Copy & Cancel
Item, "リンク(ul)" = Go to page, "javascript:window.prompt('','<ul>\n<li><a\x20href=\x22'+location.href+'\x22>'+document.title+'</a><li>\n</ul>\n');" & Delay, 100 & Copy & Cancel
Item, "リンク(li)" = Go to page, "javascript:window.prompt('','<li><a\x20href=\x22'+location.href+'\x22>'+document.title+'</a></li>\n');" & Delay, 100 & Copy & Cancel
Item, "テキストをコピー(p)" = Go to page, "javascript:window.prompt('','<p>'+window.getSelection()+'</p>\n');" & Delay, 100 & Copy & Cancel
Item, "テキストをコピー(ul)" = Go to page, "javascript:window.prompt('','<ul>\n<li>'+window.getSelection()+'</li>\n</ul>\n');" & Delay, 100 & Copy & Cancel
item, "テキストをコピー(li)" = Go to page, "javascript:window.prompt('','<li>'+window.getSelection()+'</li>\n');" & Delay, 100 & Copy & Cancel
item, "テキストをコピー(a)" = Go to page, "javascript:window.prompt('','<a\x20href=\x22'+location.href+'\x22>'+window.getSelection()+'</a>');" & Delay, 100 & Copy & Cancel
item, "引用(q)" = Go to page, "javascript:window.prompt('','<q\x20cite=\x22'+location.href+'\x22\x20title=\x22'+document.title+'\x22>'+window.getSelection()+'</q>');" & Delay, 100 & Copy & Cancel
item, "引用(blockquote)" = Go to page, "javascript:window.prompt('','<blockquote\x20cite=\x22'+location.href+'\x22\x20title=\x22'+document.title+'\x22>\n<p>'+window.getSelection()+'</p>\n</blockquote>\n');" & Delay, 100 & Copy & Cancel

ウィンドウが開きますが一瞬で閉じるので気になりません。

言及したり引用したりすることはあまりないのですが、備えあれば備えあれば憂いなしということで。

今は setClipboard.swf でもにょもにょしてます。 http://kawatarou.info/file/txt/document_hotclick_10467.txt

setClipboard.swfを使ったやり方を教えていただきました。ありがとうございます!

日付
2008年11月6日
分類
URI
http://az-store.nrym.org/note/2008/11/06/44

Firefoxに入れているアドオンメモ

Operaユーザーですが最近Firefoxも使っているので、入れている拡張機能のリストを作ってみました。簡易すぎて参考にならない紹介つき。

google ノートブック
Google製オンラインメモサービス。あまり使ってないけどOperaで使えないサービスなので入れてみた。
Adblock
定番アドオン。広告をカットしてくれる。便利だけど重くなる。
All-in-One Sidebar
多機能サイドバー。必須。
Delicious Bookmarks
ブラウザ付属のブックマークのように操作できる。二画面分割表示がOperaっぽくてお気に入り。
Greasemonkey
ユーザースクリプトを使うために必要なアドオン。
Link Widgets
link要素によるナビゲーションを提供する。
Make Link
閲覧ページのタイトルやURIなどをクリップボードにコピーする。コピーした内容はプレーンテキストやリンクテキストなど任意の書式で貼りつけることができる。
Menu Editor
メニューの並び替えや表示の設定をすることができる。
NoScript
定番。JavaScriptや埋め込みオブジェクトなどをブロックし、ユーザーの許可なく実行できないようにする。
Quick TransLation (qtl)
範囲選択するだけで翻訳できる。使ってないけど入れた。
RefControl
リファラの送信内容を設定する。
Stylish
ユーザースタイルシートの作成・管理。
Tab Mix Plus
タブまわりを強化。
TwitterFox
FirefoxからTwitterを閲覧・投稿できる。
テキストリンク
リンクされてないURI文字列をダブルクリックするだけで読み込めるようにする。
日付
2008年11月1日
分類
URI
http://az-store.nrym.org/note/2008/11/01/43
よく読まれる記事
カテゴリー
タグ
月別アーカイブ
利用中のサービス
検索

案内