Web scratch

Posts Tagged ‘検索’

JSReferenceというFIrefoxアドオンであるKeySnail上で動くプラグインの紹介

このプラグインはChemr-jsのように先にリファレンスサイトのインデックスのキャッシュを作っておいて、複数のリファレンスからまとめて検索をすることができるプラグインです。

動画だと対応サイトが少ないですが、現在は以下のサイトに対応しています。
(最新の対応サイトリストはJSReference at master from azu/KeySnail-Plugins – GitHubを参照してください)

• developer.mozilla.org
• jp.developer.mozilla.org
• www2u.biglobe.ne.jp/~oz-07ams/prog/ecma262r3/
• api.jquery.com
• es5.github.com
• msdn.microsoft.com

ECMAScriptの仕様書、MDCのドキュメント、jQueryのAPIドキュメント、IEのJavaScriptリファレンスなどを同時に引けるので結構便利です。

対応サイトもSITEINFO的なものを書けば増やせるので、JSReference at master from azu/KeySnail-Plugins – GitHubを参考に見てみるといいです。

プラグインをインストールするとプラグインマネージャーにドキュメントが表示されるので、そこに使い方が書いてありますが簡単に説明すると二つのコマンドが追加されます。

このコマンドをKeySnailの設定メニューや_keysnail.jsファイルに直接書き込むなどでショートカットに割り当てて使います。

設定画面の場合

key.setGlobalKey(['C-b', 'j'], function (ev, arg) {
    ext.exec("JsReferrence-open-prompt", arg, ev);
}, 'JsReferrenceのプロンプトを開く', true);
key.setGlobalKey(['C-b', 'r'], function (ev, arg) {
    ext.exec("JsReferrence-reIndex", arg, ev);
}, 'JsReferrenceののインデックスを作り直す', true);

// 二つのサイトを候補にする - JavaScript
key.setGlobalKey(['C-b', 'l'], function (ev, arg) {
    ext.exec("JsReferrence-open-prompt", ["developer.mozilla.org", "www2u.biglobe.ne.jp/~oz-07ams/prog/ecma262r3/"], ev);
}, 'JsReferrenceのプロンプトを開く', true);
// msdn.microsoft.comのインデックスだけを再構築する
key.setGlobalKey(['C-b', 'r'], function (ev, arg) {
    ext.exec("JsReferrence-reIndex", ["msdn.microsoft.com"], ev);
}, 'JsReferrenceのプロンプトを開く', true);

• KeySnail
• JSReference at master from azu/KeySnail-Plugins – GitHub
• KeySnailプラグイン開発の方法とデバッグ | Web scratch

今のニコニコだと好きな動画を探すときに、特定の検索をして探すって感じの場合が多くなってきた気がするので、検索履歴を保存して表示できるGreasemonkeyを書いてみました。

• Nico Search History for Greasemonkey

検索画面の右上の方にボタンが出るようになるので、それをクリックすると検索した履歴が表示されます。
検索履歴は検索キーだけではなくてsort方法によっても別々に保存されます。

また、検索キーの横にある☆マークをクリックすることで、その検索キーを常に上の方に表示して、自動的に削除されないようにします。(お気に入り機能)
お気に入りではない検索キーは100個ぐらいで自動的に削除されます。

コード内容

これを書き始めたときSandbox Patternを試してみたくて書いてたので、あんまり見ない書き方をしてると思う。
それぞれ必要な部品をモジュールhistory,templeteとして定義して、必要な時に
Sandbox(“history”, function(box) { … }) という感じで使うというような書き方になってる。

• nico_search_history at master from azu/Greasemonkey – GitHub

KeySnailついて

自分はEmacsユーザーでもありませんが、KeyConfigの代わりにKeySnailを使い始めました。
そもそもKeyConfigとは役割違うし、KeyConfigもFirefox4対応したので併用しています。
keysnailはuserChrome.jsのキー特化みたいな存在で、便利なAPIがある環境みたいなとらえ方でもいいかもしれないです。(emacsのキーバインドは一切使わないで、まっさらな状態で始めました)

Read the rest of this entry »

Google検索は最も使うサービスの一つだと思うので、できる限り快適にしたいです。いろいろいじってたのがやっと落ち着いたので設定のメモです。

まずはGreasemonkeyから

• Twitter search(ja) result on Google for Greasemonkey
  検索結果にTwitter検索の結果を表示する
• En Google modified by Gulfweed
  検索中に言語の切り替えを簡単に行える
• Remove Google Redirection for Greasemonkey
  各ページへのリンクにGoogleのリダイレクトを挟まないようする

と、このぐらいで思ったより、Greasemonkeyは入れてない感じします。
Google検索自体が結構高機能なので、そこまで機能を付け加える必要が無いのかもしれないです。(期間指定をもっと簡単にやりたいけど)
後はアドオンでGoogle Date :: Add-ons for Firefoxを入れているぐらいです。
入れている理由は最終更新日を知るためなのでちょっと関係ないかもしれないです。

次にuserContent.cssの設定。
Stylishは入れてないので直接userContent.cssに書いています。(デバッグにはuserMenu.uc.jsのCSSリロードが便利)

/* Google検索ページ
+結果欄の幅拡張
+検索バーを固定
+サイトの背景色を奇数で色分
+広告は犠牲になった
*/
@-moz-document url-prefix("http://www.google.co.jp/search"),
                 url-prefix("http://www.google.com/search"){
    /* 「もっと見る」を押さなくても、最初から全部表示 */
    .nojsb {
        display: block !important;
    }
    #tads{
        display: none !important;
    }
    #showmodes {
        display: none !important;
    }
    #mbEnd{
        display:none !important;
    }
    /* fixedSearchbar */
    #nr_container {
        margin-top: 115px;
    }
    #sfcnt {
        -moz-box-shadow:0 1px 5px #000000;
        box-shadow:0 1px 5px #000000;
        left:0;
        padding:18px 0;
        top:25px;
        width:100%;
        z-index:10;
    }
    #gog {
        left:0;
        top: 0;
        width:100%;
        z-index:11;
    }
    #gog, #sfcnt, #subform_ctrl{
        background:none repeat scroll 0 0 rgba(255, 255, 255, 0.9)!important;
        position:fixed;
    }
    #sfcnt {
        height:70px !important;
        padding-top:0 !important;
    }
    #subform_ctrl {
      text-align:right;
      z-index: 10;
      right: 0;
      top: 88px;
      min-height: 0;
      background:none repeat scroll 0 0 transparent!important;
    }
    #guser, #gbar{
          padding: 1px 0;
    }
    #gbar nobr, #guser nobr {
        line-height: 22px;
    }
    /* oddには色をつける */
    li.g:nth-child(odd){
        background:#F7F7F7;
    }
    /* 説明文を横に延長 */
    .g{
        min-width:800px;
        padding:5px!important;
        -moz-border-radius : 5px;
        border-radius : 5px;
    }
    .s {
        min-width: 800px !important;
    }

    /* RealTimeの場合横幅に必要 */
    #center_col{
        min-width:820px!important;
    }
    /*右側のbox*/
    #rtro{
        width: 800px!important;
    }
    /* 普段は隠しておいて、マウスオーバーで表示させる */
    #rhs{
        -moz-box-shadow:-3px 3px 3px #000000;
        white-space: nowrap;
        background:#fff!important;
        right: 0!important;
        top: 0!important;
        width: 15px!important;
        overflow:hidden;
    }
    #rhs:hover{
        background:#fff!important;
        right: 0!important;
        top: 0!important;
        width: 800px!important;
    }
}

Googleの設定 — Gist

今はこんな感じで、結果欄の横幅拡張、検索バーを固定、サイトの背景色を奇数で色分けなどを行っています。
スクリーンショットで見ると以下のような感じになります。

また、先ほどGoogleのTwitter検索である”Google Realtime Search”のSITEINFOをwedataに書いておいたのでかなり快適になりました。
(各種AutopagerizeでSITEINFOの更新を行えば適応されると思います)

• アイテム: Google Realtime Search – データベース: AutoPagerize – wedata

思ったより地味ですが、こんな感じで使っています。
Google++ for Greasemonkeyを結構参考にしました。

クリップボード履歴拡張ソフトのclipexの紹介です。
しばらくペースターを使っていたのですが、最近になってclipexに移行しました。

clipexの特徴

• 履歴アイテムの振り分け
• アプリ別に表示アイテム(定型文とか)を変更できる
• FIFO/FILO (連続貼り付けみたいな機能)
• PAP対応
  

  PAP(Pop up in Application Process)という造語

  アプリケーションプロセス内ポップアップ機能(エクスプローラのファイル名変更等でフォーカスが失われたりしない)

• スクリプト機能(IronPython、IronRuby、C#) JScript対応しないかなー
• マクロ記録
• インクリメンタルサーチ機能 ( 重要! )　+ migemo対応

という感じで一通りのクリップボード拡張+検索機能が付いてる感じのソフトウェアです。

オプション

オプションも充実しているので、設定にはそこまで困らない感じがします。(ポップアップとインクリメンタルサーチは別々のショートカットで起動できるようになるともっと良いのだけど)

インクリメンタルサーチ

ポップアップメニュー

インクリメンタルサーチ機能は貼り付けのポップアップとは別々に存在しているので、貼り付けのUIはよく見るコンテキストタイプの形になっているので安心できます。

面白い機能としてフィルター機能があります。これは正規表現や実行アプリ名を元に履歴やアイテムに振り分けることができる機能です。逆に正規表現でマッチしたものは履歴に追加しないなどの設定も行えます。
例えば次のような正規表現にマッチしたものを入れるアイテムフォルダを作っておけば、JavaScriptの関数っぽいものだけを格納できます。

[\s\t]*function +[a-zA-Z0-9_]+ *\([^\)]*\)
[\$a-zA-Z0-9_]+.*?function *\([^\)]*\)

スニペット管理としてのclipex

メインウィンドウでのアイテム設定

メインウィンドウの登録アイテムには任意のフォルダを設定できるので、それをスニペット管理として扱うこともできます。
要はフォルダで分別できる定型文機能なので、自由にフォルダ分けしてその中に好きな定型文を書いていくだけです。
ここで登録したアイテムはポップアップメニューに表示させられるので、そこから選んでペーストするのも良いですがclipexはインクリメンタルサーチが使えます。

インクリメンタルサーチには登録アイテムも検索候補に存在するので、登録しまくった後に検索してペーストできるスニペット管理ソフトとして最適だと思います。クリップボード履歴拡張 と インクリメンタルサーチ という機能を持ったソフトウェアはeclipなど過去にも存在していましたが、イマイチ使い勝手が良くなかったりしていたので、clipexは両方を備えていてとても使い勝手が良いソフトとなっていて素晴らしい。

まだちょっと不安定な所もあって、ポップアップやインクリメンタルサーチの結果から選択してからペーストするまでに無駄に時間がかかったり(ここは何とかして欲しい)、フィルター機能を設定して大きな文字列をコピーするととても重くなったり、設定画面の表示などが重くなったり、クリップボード拡張の鬼門であるOfficeソフトとの相性が余り良くなかったりします。
ただこれはアップデートにより解決される可能性はあり、また現在頻繁にアップデートされているため、clipexにはこれからも期待しています。

eclipからclipexに乗り換えた – 教えてお星様

http://d.hatena.ne.jp/kkk6/20110114/1294978827

Vector： clipex – 新着ソフトレビュー

http://www.vector.co.jp/magazine/softnews/101204/n1012041.html

clipexの詳細情報 : Vector ソフトを探す！

http://www.vector.co.jp/soft/winnt/util/se486732.html

Tumblrをブログとして使うためにやるべき事

投稿用サブブログを作成

Tumblrはメインブログと、Create tumblelogから改めて作成するサブブログと分かれていて、メインブログは共同更新ができない感じになっています。なので、今後そういう可能性があるならばCreate tumblelogから改めてtumblelogを作成します。

【連載】『Tumblr』のおさらい (12) 複数人でTumblelogを共同更新してみる | ネット | マイコミジャーナル

ドメイン

Tumblrは独自ドメインが使用できます。
特にドメインの制限はないので、DNSレコードでTumblrのIPアドレスを振って、「Info」 メニューの一番下にある 「Use a custom domain name」 にチェックして取得したドメインを設定するだけでOKです。
(別にドメインを持ってなくてもドメインを指定できてしまい、誰かが指定してあるとそのドメインは他の人が指定できないといういたずら要素が存在してる…)

• 独自ドメインで Tumblr を使う | WWW WATCH

テーマ

Tumblrは元からテーマがいろいろと用意されているので、それらを見本にしていじるのが手っ取り早いです。
TumblrのテーマはHTMLの構造を自由にいじれるので、比較的自由度は高めだと思います。
ただし、Tumblrサービスで共通したHTML構造にならないという意味でもあるためAutopagerizeが動かないページも多いです。
Autopagerizeが動かないと鈍器で殴られるので下を参考に対応しましょう。

• Autopagerizeが動かないtumblrなんて… – otsune tumblr まとめサイト 画像保管庫Q

SEOやアクセス解析や検索

まずはブログとして使うと外部からのリンクも多いと思うのでアクセス解析を入れます。
多分多くのテーマに{block:IfGoogleAnalyticsUACode}というGoogle Analyticsのブロックがあると思うので、それを消してから
</head>の前に次のようなGoogle Analyticsの非同期コードを仕込んでおきます。
{text:Google Analytics UA Code}という部分は設定のApperenceタブにUA-xxxxxと入力する場所があるので、そこで設定した値に置き換わります。またこの非同期コードはheadセクション内に存在しないと機能しないことに注意してください(</body>前とかはダメ)

• 設定の確認 – Analytics ヘルプ

{block:IfGoogleAnalyticsUACode}
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', '']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
{/block:IfGoogleAnalyticsUACode}

Google Analyticsの非同期コードを入れたついでにGoogleウェブマスター ツールでsitemap.xmlを登録しましょう。
使ってるTumblrのURLを追加して、所有者の確認で”Google Analytics アカウントにリンク”を選べば簡単に登録できます。(非同期コードを仕込んでいる必要があるので、他の方法でも可能)
サイト設定→サイトマップから”サイトマップを送信”でサイトマップのURLを追加します。
サイトマップのURLは http://site.tumblr.com/sitemap.xml に自動的に生成されていると思うのでそれを指定します。
検索エンジン対して優しくなるように設定のAdvanecedでインデックスの許可やユーザーフレンドリーなURLにするなどの設定を見ておくといいでしょう(デフォルトであんまり問題無かったけど)

• 4 Tumblr SEO Tips – Jauder Ho – tumblr, seo, sitemap, – links and things
• tumblr. note4 tumblrの４つのSEO対策 – 花あそびエコブログ (上の訳)
• tumblrがgoogle sitemaps対応になってた « ku
• SEO on Tumblr Blog | SocialBlogr

最後に検索について

Tumblrの検索は日本語が通らない(タグでは通る)ので、何かしらの代用手段が必要になると思います。

• Tumblrで日本語検索をするいくつかの方法 – conflict error

これを打破するためにTrunk.lyというサービスを利用します。Trunk.lyはTwitterやRSSからリンクを取り込んで検索する事ができるサービスです。検索対象にしたいTumblrのRSSを取り込めば、取り込んだ時点からの内容は検索が可能になります。日本語も通るかつ、記事中に出てきたリンク先も解析対象にするため検索の取りこぼしは少ないです。

Tumblrをブログとして使うメリット

Tumblrはブログシステムとしても機能が十分にあり、他のブログシステムとは違ってReblogやLikeと言ったコミュニケーション機能が存在します。そうした反応を作りやすい仕組みになっているため、ブログより更新の障壁は低くなるかもしれません。
WordPressといった高機能なブログエンジンもありますが、無料で手軽に利用できるTumblrは選択肢としてあっても良いかもしれません。

• tumblrはブログツールとしてもオススメ : web-g.org

【連載】『Tumblr』のおさらい | ネット | マイコミジャーナル

http://journal.mycom.co.jp/series/tumblr/menu.html

Google インスタント プレビューというGoogle検索でサイトのスナップを見せてくれる機能ができたので、それをデフォルト有効にした検索プラグインです。(多分一度ここから有効にすればクッキー消すまで維持されると思うけど)
Google インスタント プレビューの説明自体はこちらに

• Google Japan Blog: 検索結果を直感的にわかりやすく。インスタント プレビュー新登場

ブラウザの検索エンジンに追加する検索プラグインは下から

• Google検索プラグイン

URLに特定のパラメーターを付加することで機能が有効になるようです。(上の検索プラグインはちょっと自分仕様が入ってるので適当に変えて下さい)
以下それぞれのオプションのメモ。
Google SEOをマスターしたい人に贈る検索結果のパラメータ一覧 » SEO Japanも併せて。

Google検索はシンプルに見えてかなり機能豊富なので便利に使いましょう。

Twitterを検索するサービス、自分のTweets、Favを検索するサービスをまとめてみた。

まずはTwitterを検索するサービス

• Twitter Search
  Twitter公式の検索サービス。最も反映が早いけど、日本語とかの検索は不向き
  一週間分のデータしか検索できません。
• Replay
  GoogleによるTwitterのアーカイブ検索です。
  反映もとても早く、過去の内容も検索でき、日本語もGoogleのエンジンで検索するので多少曖昧でも引っかかります。
  誰か知らないけど、こういう事言ってたという感じのものを検索する場合はReplayが一番期待に添えると思います。
  適当に作ったFirefoxの検索プラグイン(ChromeとIEも検索サイトに追加できるみたい)はここから
• twitter検索(yats)
  日本語に絞ったTwitter検索です。
  user:オプションや-noiseオプションなどを使う事でかなり絞ってかつ日本語圏の発言が検索できるのでとても重宝する。
  情報の精度が高いという感じなのでTwitter search(ja) result on Google for Greasemonkeyを使ったりしてよく利用しています。

自分の発言やお気に入りを検索するサービス

• Twilog – Twitterのつぶやきをブログ形式で保存
  自分の発言をアーカイブできるサービス。
  ログインすることで公式ReTweetしたものもアーカイブできるので、発言+RTが保存できます
  • twilog date linker for Greasemonkey
    検索結果に日付別へ飛ぶリンクをつけます
• favolog – Twitterのお気に入りをらくらく管理
  TwilogのFavバージョン。
  Favmemoと同じくタグ編集機能があります。
  基本的な作りはTwilogと同じなので、自分以外のユーザーへも公開できます。
• Favmemo
  自分のお気に入り(Fav)したものを検索できるサービス
  過去をさかのぼって、お気に入りしたものも取り込んでくれます。
  お気に入りにタグをつけて管理することもできるのでこれからも期待。
  検索がAjaxで行われるので体感的に早く感じます。
  Favmemoの検索プラグインはこちらから
• ふぁぼるっく
  お気に入りしたものやお気に入りされたものを検索できる。(ふぁぼったーにあったような感じ)
  ただ取りこぼしもあるので完璧ではない。

Favmemoができた事で、Twitterでの事は大体アーカイブでき検索できる環境が整った気がします。
FavstarとかふぁぼったーとかTwistarは通常は検索できないので今回は除外した。

では良き検索生活を。

最近、お勧めブログのRSSを公開するのが流行らしいので少し視点を変えて、検索結果やSBMのRSSを購読すると面白いよという話。
面白いサイトのRSSを読むのは良いのですが、好みが偏ったりするので検索結果のRSSを購読すると新しいものを見つけたりできます。

本題の前に、どのようにRSSを読んでいるかというと、自分はLDRをレート順に並べて読んでいます。
レート読みは読みやすいので購読できるサイトが増やせると思います。

• [ldr]レート管理のすすめ – suVeneのアレ
• 今さらだけど livedoor Reader について書く(管理人日記) – むぅもぉ.jp

レートの配分は以下のようなルールでやっている。(あんまり明確ではないです)

• ★5はエゴサーチ、個人的なもの
• ★4は重要なサイト、検索結果
• ★3は一般的なサイト(最初は大体ここ)
• ★2はあんまり興味ないけど、たまにいい感じなサイト
• ★1はノイズになったりするけど、たまに目を通す
• ★0は基本的になし、ゴミ箱

自分の場合、タグなどの検索結果RSSは★4あたりにしています。
なんで検索結果のRSSは★4にしてるかというと、検索結果RSSで出てくるサイトは★3のサイトと被ったりすることがあるので、★4で飛ばしても★3で出てくるからまあいいっかと適当な感じで読める安心感が生まれます。
又、検索結果のRSSは更新数が安定してなかったりしてあまり本気で読むという感じにならないので、気分が乗らないときは丸ごと飛ばす事が多いのでそういう自分ルールを作ってたりしました(結構後付けです)
★5に個人的なものを固めてるのはPost Now browsing to Twitter for Greasemonkeyとか使ってTwitterへ飛ばしまくってるので、変なミスをしないようにとかそういう意識もあったりしてます。

という訳で本題に戻って、JavaScript関係のSBMのタグや検索結果で購読すると面白いサイトをまとめてみる。
特にJavaScriptに限らず興味あるものを検索して購読すると良いです。
(上に行くほど外れは少なめかも)

• タグ「javascript」を含む新着エントリー – はてなブックマーク
  はてブは基本ですね。
• reddit – javascript
  SBMとスレッド掲示板が混ざった感じ。
  結構コメントも多くて、ノイズも少なく海外の情報があってお勧めです
• Presentations and documents tagged “javascript”
  SlideShareのタグ。質が高い資料が多いのでチェックする価値がある。
• Google アラート – ウェブ上の面白い新着コンテンツをチェック
  Googleの検索結果のRSSを作れます。
  流石そのままだとノイズしかないので、JavaScript -設定を有効 -オンに とかにして購読してます。
• Google ブログ検索
  Googleアラートと同じような感じですが、最近はブログで見つかる情報が多いのでこっちの方がノイズが少ないと思います。(GoogleアラートだとQ&A系も混じったりする)
  GoogleアラートはRSS登録の手順が面倒なのでこっちで十分な感じはあります。
• twitter検索(yats)
  日本語に特化したTwitter検索サイトです。
  広すぎるワードだとちょっとアレですが、少し狭い範囲のワードだと詳しい人を見つけたりできるので便利です。
  検索ワード -noise とするとノイズっぽいものを除去して検索できます。
  Twitter / genta kaneyama: 【twitter検索】アフィリエイトやフィード転載し …
• Recent javascript Bookmarks on Delicious
  del.icio.usのJavaScriptタグ。
  結構古い話題とかごちゃごちゃ入り込んでくる感じ
• Recently Active ‘javascript’ Questions – Stack Overflow
  質問掲示板。
  まあ、これは量が多すぎて見てられないので適当に。
  最近はjQueryの質問やっぱり多いです。
• coder.io – programming and developer link aggregator
  日々更新されるリンク集
  タグで絞り込みができたりして見やすい。
• dzone.com – Popular links: javascript
  日々更新されるリンク集

この話はJavaScriptというタグに限らず有効だと思うので、Twitter始めてからRSS見なくなったとか言ってる人は受動的だけど新しいものを探索できる検索結果RSSを購読してみてはいかがでしょう。

What are the top web development blogs, communities and aggregators? – Quora

http://www.quora.com/What-are-the-top-web-development-blogs-communities-and-aggregators

Googleを使って2ちゃんねるの中を検索する方法 | nanapi[ナナピ]

http://r.nanapi.jp/379/

これを見てそういえば掲示板機能なんて合ったのを思い出したので、検索バーから一発で検索できるようにFirefoxの検索プラグインを作りました。

• Ready2Search(2ch検索) 日付順
• Ready2Search(2ch検索) 関連度順

使ってみてもそこまで精度はよくないので、ちゃんと調べる場合は２ちゃんねる検索 のほうがいいかな。