役に立つかもしれないBlog

Yahoo!が定義している「A-Grade Browser」って何？

Yahoo!では、自分たちのサイトがどういったブラウザーを正式にサポートしているかをGrade(階級)で定義しています。

MovableTypeでエントリー中に関連記事リストを表示させる

GIGAZINEで秀逸な機能として、記事本文の下に表示される「関連記事」があります。
最近ではサイトの質を評価する基準として「サイト滞在時間」が重要視されてきていますので、サイトの価値を高めるのにも非常に良い機能ではないかと思います。
そこで、MovableTypeでもこの「関連記事」機能を実装してみましょう。

ページに埋め込まれたリンク先のアドレス（URL）が内部リンクかどうかをJavaScriptを使って調べる方法

ページに埋め込まれたさまざまなリンクの中には、大きくわけて内部リンクと外部リンクがありますが、ページ上で区別して表示したいと思ったことはないでしょうか？

divタグのグループをonfocus/onblurイベントでラジオボタン風に見せる

JavaScriptを使っていろんなdivエリアをクリックで選択状態にできたらいいだろうな、と思って（というか必要に迫られてですが）作ってみました。

CSSを使ってどのブラウザでもフォントサイズを「％」で統一させる方法

CSSによるフォントサイズの指定は「font-size」属性を使って簡単に設定することができますが、ピクセル指定などの絶対的サイズで統一する方法にくらべて非常にやっかいなのが、相対的なサイズによるサイズの統一です。　これをうまく解決する方法を掲載します。

Event.stopObservingが効かない・動作しない・削除できない。

Prototype.jsはJavaScriptを使ってサイトを制作する開発者にとってもはや必携のライブラリとなっていますが、頻繁にバージョンアップが繰り返されたり、意図したとおりの挙動をしてくれなかったりと、イライラするところも多いライブラリです。　とくに、よくみなさんが引っかかるのがEvent.stopObservingの挙動。　マウスクリックによるイベント関数をEvent.observeで登録して、それを後で無効にしたいときに使ったりしますが、実際やってみると削除できない！　どうして？　と思っていらっしゃった方も多いかと思います。

Selenium RC + PHPUnitのしくみと使用法図解

WEB+DB Pressで読んでも、頭にうまく入ってこず、うーん、うーん、、と唸りながらもなんとかSelenium RCとPHPUnitの連携ができたみたいなので（みたいってなんだ？）、分かりやすく図解でまとめてみました。

MediaWiki(Wikipedia)の書式チートシートを作ってみた。

MediaWikiを使ってみて、書式一覧の日本語チートシートあるといいなーと思いながらネット上を彷徨いましたが見つからなかったので作ってみました。　まだ全然完成してないですが、とりあえずこれだけ知ってれば作れるかな、ってぐらい。

Selenium RC 0.9.2における「*iehta」のランタイムエラーについて

Selenium RC (selenium-server.jar) のバージョン0.9.2を使っている場合、httpsプロトコルのサイトをInternet Explorerでテストする場合に「*iehta」を利用しますが、残念ながらエラーが発生することが確認されています。

ちなみにエラー内容は「ランタイムエラーが発生しました。デバッグしますか？　行: 1074 エラー: 書き込みできません。」というものです。

Selenium RC (selenium-server.jar) 起動オプション一覧

Selenium RC(selenium-server.jar)を起動させる際のパラメータ情報が日本語であまり見当たらなかったので翻訳しておとどけします。　　Selenium RCのバージョンは0.9.2のものを利用しています。

「site:」「link:」などの検索エンジンの検索オプションについて

Yahoo!やgoogleなどの検索エンジンには、通常のキーワードによる検索だけでなく、ページへの参照リンクの数や、あるWEBサイトのページがどれだけ検索エンジンに登録（インデックス化）されているかを調べたりすることができます。

コンテンツ内の改行タグ（BRタグ）をtextarea内の改行コードに置き換える方法

ブラウザごとに動作が異なる、通常タグとtextareaやpreなどの、文字列をそのまま表示するタグの間での改行の扱いと、タグのエスケープについてです。　prototype.jsを各所に使わせてもらいます。

Mouse.addListener使用上の注意

マウスにムービークリップ等を反応させるようにするMouse.addListenerですが、書き方によっては非常に重くなってしまう処理であることが分かりました。

FlashでJSONを扱う方法

巷で話題のJSONを扱ってみました。
JSON(JavaScript Object Notation)は、階層化されたデータをシンプルなテキストで表現することができ、XMLよりも少ないデータ量でFLASHとサーバサイドスクリプト間のデータのやりとりを可能にできます。　さらに、Flash内でXMLをパースして扱うようなめんどくさいやり方ではなく、馴染みのある配列とオブジェクトのみで記述されるので、処理もかんたんです。

DBD::mysqlのインストール

MySQLサーバ運用中にPerlでDBD::mysqlモジュールが必要になり、インストールすることになりました。　Perlには便利なCPANコマンドがあるので、これを使ってインストールしてみました。　トラブルがありながらもなんとかインストール完了。　これはその記録です。

phpMyAdmin 2.9(2.9.0)のインストール

新しくなっているようなので、アップデートしてみました。
まず、本家サイトでダウンロードして、ローカルでzipを解凍し、「phpMyAdmin-2.9.0」フォルダを「phpMyAdmin」に修正してFTPでまるごとアップロードします。

<pre>で囲ったプログラムコードに行番号を付加する方法

次のように、<pre>中のテキストを改行ごとに取り出し、全体を<ol>でくくり、行単位で<li>を付加することで実現します。