PC・ゲーム・家電一覧

jQuery を使ってサイドバーを AJAX で読み込む

jQuery でサイドバーを読み込む!

mt.Vicuna(と MT4)に移行しようと、一万年と二千年前から、日夜がんばっています。仕事中の空き時間とかに。

今回は、みんな大好き jQuery を使って、簡単に「サイドバーを AJAX で読み込む方法」を紹介します。

いくつか方法はあると思いますが、JSON で云々といった方法よりも簡単な、PHP(readfile, include, …) や SSI を使うのに近いやり方です。

jQuery を使えば、ほんの数行のスクリプトでできますよ。

サンプルページ

まずは、完成したサンプルページをご覧ください。

見た目は同じですが、後者はサイドバー部分(<div id="utilities"></div>)を AJAX で読み込んでいます。「ソースを表示」してみてください。

続きを読む


レーザ・マウス専用マウスパッド「RefPad(シグマ A・P・O)」

シグマ A・P・O の RefPad

結論: レーザ・マウスには専用マウスパッドがイイ

──ということで初めに結論を書きましたが、このマウスパッド、イイですよ!

続きを読む


KeyCached プラグインを Cache::FileCache で超高速化!

KeyCached プラグインを改造

KeyCached プラグインで再構築の高速化! : 亜細亜ノ蛾 で紹介した、KeyCached プラグインを愛用しています。

キャッシュを利用して再構築を高速化するプラグイン KeyCached – Open MagicVox.net

ちょっとコードを見てみると、このプラグインは、Perl モジュールの「Cache::File」を利用しています。

Cache::File – Filesystem based implementation of the Cache interface – search.cpan.org

──が、どうも、同じ用途で同じような名前の「Cache::FileCache」のほうが何倍も速い、という噂をよく聞きます。

Cache::FileCache — implements the Cache interface. – search.cpan.org

パッチを書いてみた

どちらもモジュールも、使い方はほとんど同じなので、ちゃちゃっとパッチを書いてみました。

KeyCached.diff.txt

元のプラグインファイルを「KeyCached.orig」にリネームし、パッチを当てると、Cache::FileCache 版の「KeyCached.pl」ができる、はず。

パッチの当て方は、下記を参照ください。

Windows環境で「ファイルにパッチ(patch)を当てる」 : 亜細亜ノ蛾

さて、Cache::FileCache 版の実力は?

(結論: 超超超~速くなった、けど……)

続きを読む


仮想メモリを最適なサイズに変更! Windows の動作を快適にする方法

Windows の仮想メモリサイズ

結論: Windows ユーザは今すぐ「仮想メモリ」の設定を見直そう

今年の初めに PC のメモリを増量し、快適に使っていました。

コンピュータの「速さ」を妨げるもの : 亜細亜ノ蛾

しかし最近、Firefox で ldr から多数のブログを見ている(※)と、頻繁に「引っかかり」を感じます(※→余談だけど、そろそろこの行為を ひと言で表わす単語が欲しい)。

まぁ、Firefox だし(重いブラウザの代名詞的な存在?)、OS と プログラムを入れている HDD もそろそろ古くなっているし(HDD 診断ソフトによると、壊れる予想日は常に「今日」)──と諦めていました。

引っかかり具合は、自分の体感速度で「最大を 10」とすると、

「10, 10, 9, 2, 10, 8, 1, 0, 10, 5, …」

みたいな感じです(伝わるかなー)。たまに、フリーズっぽくなったり。

CPU は 3.0GHz の Pentium4 だし、そろそろ古くなってきたから仕方がないな──とノンキに構えていました。──ところが!

「仮想メモリ」の設定を見直すことで、明らかに快適になりました。簡短に設定ができるし、いつでも変更が可能なので、ぜひ お試しください!

続きを読む


日本語と英語の辞書引き・翻訳ができる Greasemonkey

Fast look up JP and EN

今回紹介するのは、超絶便利な Greasemonkey スクリプトです。

[firefox][Greasemonkey][javascript] Fast look up JP and EN – jimo’s memo

これは、(決められたキーを押しながら)文字を選択をすると、英単語も日本語単語も辞書引きできる、というものです。

元となった下記のスクリプトを一つにまとめ、さらに便利になっていますね。

翻訳もできる

驚いたのが、翻訳もできること。単語の辞書引きと同じように、文章を選択すると、そのまま英訳・和訳が行えます。これは便利!

ネットで、英文サイトを見る機会はたまにあっても、何となく理解した気になって終わることがほとんど。このスクリプトで翻訳しながら読めば、もっと理解が深まりそう。

日本語の文章を英訳することもできるので、さらに英語学習の幅が広がりますね。

続きを読む


全員が 10 分で jQuery を使い出す(といいな)スレ

jQuery

jQuery を習得したい!

──そう思っていた時期が僕にもありましt(ry、じゃなくて。もう 20 世紀くらいから言い続けているような気がしますが、jQuery をこつこつと勉強中です。

今回は、みんなも jQuery 使おうぜー、という支援記事です。

jQuery 開発者向けメモ

jQuery 開発者向けメモ

やはりここは外せませんね。

「メモ」どころではない、リファレンスと豊富なサンプルがすごい。知りたいことが、すぐに実行できます。

「jQuery でどんなことができるのか」を知るのに最適なページです。まずはここからどうぞ。

Prototype ユーザが 10 分で jQuery を使い出すスレ

ヽ( ・∀・)ノくまくまー(2007-10-07)ヽ( ・∀・)ノくまくまー(2007-10-07): [jQuery] Prototype ユーザが 10 分で jQuery を使い出すスレ

最近のヒット。今回の記事を書こうと思ったのも、ここに釣られたのが半分です。

けっこう真面目な記事かと思いきや、アイドル画像で格段にわかりやすく! ──なっているか、というと疑問だけど、ものすごく食いつきよくなってます。ポイントをしっかり抑えているのがいい感じ。

Prototyper(造語)も jQuery にすんなり移行できそうですね(?)。

JavaScriptライブラリといえば jQuery(入門編)

ウノウラボ Unoh Labs: JavaScriptライブラリといえば jQuery(入門編)

ここ最近で、改めて jQuery の名前を広めたのがこの記事でしょう。

この記事も、Prototype.js などの JavaScript フレームワークを使ってきた人、JavaScript 中上級者 向けですね。

jQuery超初心者にありがちな7つの間違い

ミネソタでPerlを(まったり修行中) – jQuery超初心者にありがちな7つの間違い

jQuery の初心者で JavaScript の中級者、みたいな人に向けた記事ですね。

end() なんてあるのか──と、ここで初めて意識しました。

jQuery をどう使うか?

以上、いろいろと紹介しましたが、結局のところ「jQuery を使って何をするか?」が重要ですよね。自分は、そのあたりが決まらずに、グルグルと同じところを回っています……。

でも、過去に CSS や Movable Type、(X)HTML のタグの使い方が(なんとなくは)わかった時に、

「なんだ、こんな簡単なことで色が変えられたり、段組を変えたりできるのか!」

と少なからず感動したことがありました。

jQuery も「ちょっとすごい CSS」(わーい \(^o^)/)みたいに思えば、簡単に使えそう。な気がする。かもしれない。


mt.Vicuna for MT4!! ついにベータ版リリース(してた)

mt.Vicuna for MT4

早いもので、今年も 10 月になりました。10 月はいくつかビッグ・ニュースがあるのですが、第一弾はこちら。

Vicuna Blog – mt.Vicuna for MT4 Β1公開

そう、ついに mt.Vicuna の MT4 対応版が出ました! wu さん、ひとまずお疲れ様です。

title="Vicuna Blog - mt.Vicuna for MT4 Β1公開">

このテンプレートはプレビュー版であり、今後改良される可能性があります。MT4の扱いに慣れた方でmt.Vicuna2.0を試して見たい方、または、正式版の公開と共にアップグレード作業をして頂ける方のみご利用下さい。

mt.Vicuna2.0b1へのフィードバックをフォーラムでお待ちしております。

Vicuna Blog – mt.Vicuna for MT4 Β1公開

──とのことで、自分も早く MT4 と共に試して、フィードバックしたいです(今週中には……)。

Template Installer

mt.Vicuna for MT4 の目玉は、Template Installer プラグインを利用して、簡単にテンプレートの適用ができることですね。

Template Installer – MT Hacks

プラグインのインストールが済めば、テンプレートの適用方法は、たったこれだけです。

テンプレート編集ページの右下にある「アクション」から、Install Templatesをクリックし、新規ウインドウに表示されるプルダウンメニューから Mt.Vicuna2.0b1を選択し「次へ」をクリックすることで、テンプレートの適用が完了します

Vicuna Blog – mt.Vicuna for MT4 Β1公開

──って、ものすごく簡単になりますね! い、今までの苦労はなんだったんだ……。

スキンの適用も、もともと簡単ですし、某ダイアリーみたいに CSS 職人さんが増えるといいなぁ。──と、人任せにしてばかりいないで、自分も何かの役に立ちたいです。


Firefox の 拡張機能 Locationbar2 と Secure Login

Firefox の拡張

最近の、入れて良かった拡張を紹介します。

「Locationbar²」と「Secure Login」です。

Locationbar²

design-noir | Mozilla | Locationbar2design-noir | Mozilla | Locationbar²

まずは「Locationbar²」。

これは、ロケーションバー(アドレスバー)に下記の機能を提供します。

  • ロケーションバーの表示をカスタマイズできる
  • 簡単に上のディレクトリへ移動できるようにする
  • 2バイト文字の情報を含むURLエンコードをデコードした状態で表示してくれる

「窓の杜」の記事が、画像入りでわかりやすいですね。

窓の杜 – 【NEWS】Webサイトのディレクトリ移動を容易にするFirefox拡張機能「Locationbar2」

先に挙げた公式サイトからダウンロードできますが、日本語版は下記のサイトからどうぞ。

ふと今日は・・・・・・  Locationbar² 日本語文字コード対応化(日本語化済み)

この拡張の存在は知っていたのですが、何となく意地で、マウスジェスチャー(userChrome.js 版)やキー入力でなんとかしていました。しかし、いざ導入してみると、かなり便利で手放せなくなりましたね。

SCRAPBLOG : [userChrome.js] 軽量マウスジェスチャ(Windows/Linux対応)

Secure Login

Mozilla Firefox extensions - Secure Login & Autofill FormsMozilla Firefox extensions – Secure Login & Autofill Forms

次は「Secure Login」。こちらは初めから日本語にも対応しています。

日本語の説明で「Opera 風のログインを提供します」と書かれているとおり、

  • ツールバーやステータスバーのアイコンをクリックする
  • (カスタマイズ可能な)ショートカットキーを押す

のどちらかでログインできるようになります。もちろん、事前にログインしてパスワードを Firefox に記憶させる必要があります。

──ただそれだけなのですが、これがものすごく便利。いつものログイン作業が、一瞬で終わります。

ref.:

KeyCached プラグインで再構築の高速化!

KeyCached プラグイン

ぴろりさんのところで、面白い MT プラグインがリリースされていました。

キャッシュを利用して再構築を高速化するプラグイン KeyCached – Open MagicVox.net

「キャッシュ」とか「再構築」とか「高速化」、それに MT プラグインに目がない自分は、さっそく導入してみました。

これ、かなり通好みでおもしろいですよ。

使い方

個別記事のテンプレートの場合、このような使い方ができます。

<html>
<head>
<!-- 記事の更新日と ID を key にする -->
<MTKeyCachedKey>
<MTEntryModifiedDate>:<MTEntryID>
</MTKeyCachedKey>
<!-- タイトルをキャッシュから生成 -->
<MTKeyCachedValue>
<title>
<MTEntryTitle encode_html="1"> : <MTBlogName encode_html="1">
</title>
</MTKeyCachedValue>
</head>
<body>
<!-- 本文もキャッシュ -->
<MTKeyCachedValue>
<MTEntryBody>
</MTKeyCachedValue>
<!-- 追記も同じ こうやって複数のキャッシュが使える -->
<MTKeyCachedValue>
<MTEntryIfExtended>
<MTEntryMore>
</MTEntryIfExtended>
</MTKeyCachedValue>
</body>
</html>

2007-09-22T09:55:10+09:00 追記

初めの例だと <MTEntryModifiedDate> だけを Key にしていましたが、そうすると「検索・置換」などで一度に更新した場合、同じ内容になってしまいます。そこで、<MTEntryModifiedDate> と <MTEntryID> をKey にしました。

上記の例だと、「タイトル」と「本文」、そして「追記」をキャッシュしています。これらは、記事を更新するまで、つまり <MTEntryModifiedDate>(と <MTEntryID>) が変化するまでは内容が変わらないので、キャッシュする価値が大いにあります。

「通好み」な点

初め、何もわからずに「テンプレート全体を <MTKeyCachedValue> タグで囲む」という無意味なことをやっていました。そんなことしたら、新しく記事を投稿しても「次へ」のリンクが出なくなったり、いろいろ不具合が起こるので注意が必要です。

また、保存されたキャッシュの有効期間はexpireオプションで指定することができます、とのこと。個別記事のキャッシュはともかく、検索結果のキャッシュは有効期間を設けたほうがいいですね。

──というように、事細かにキャッシュする対象を選べる、逆に言うと「どこをキャッシュするか」の知識やセンスが問われる、というところが通好みですね。

実際に使ってみると、かなり再構築が早くなりました。やはり、データベースからデータを持ってきて (X)HTML 化する、という部分がネックになっているようですね。

マニュアル

詳しくはマニュアルをどうぞ。

KeyCached – MovableType Plugins – Trac

特に気をつけるべき点は、ここですね。

MTKeyCachedKeyの内容と構築前のMTKeyCachedValueの内容が全く同じであれば, 一つのMTでテンプレートやブログに関係なく同じキャッシュが使用される点に注意してください。

KeyCached – MovableType Plugins – Trac


レーザマウスと組み合わせるマウスパッドとマウスソール

マウスと同時に購入したもの

『Logicool MX 620 Cordless Laser Mouse』のスクロール機能 : 亜細亜ノ蛾 で紹介したマウス、すっかり気に入って愛用しています。

やっぱり、コードレスはいいですね。自分の場合、ただでさえ狭いデスクの狭いスペースをマウスが行ったり来たりしているだけですが、それでもコードレスは、いい。

今回は、マウスと同時に購入したマウスグッズを紹介します。今回取り上げるのはこちらの 3 点。

──まぁ、この時点で上記の 3 つに興味がない人は買うだけにして、興味がある人は続きをどうぞ(ん?)。

続きを読む