JavaScript

JavaScriptを使用したツールやDynamic HTMLなどです。Internet Explorerの右クリックメニューを拡張するClearMessageとWebDesignAnalyzeはTipsのほうにあります。

作成時からかなり時間が経過しているものは、セキュリティパッチなどでブラウザの仕様が変わり、正常に動作しないものがあるかもしれません。そのようなケースでは、お問い合わせしていただければ時間のあるときに調査します。

ツール

ブラウザから使うことのできるツール類です。

パスワード・ジェネレータ: ランダムな英数字でパスワードを生成します。
ビットレート計算機: ビットレートから出力サイズの目安を知るための計算機と、目標サイズからビットレートを逆算する計算機です。
色情報の形式変換: CMYKからRGBへの変換、RGBからCMYKへの変換、RGBからHSLへの変換を行ないます。
漢字チェッカー: 常用漢字や教育漢字のチェックをすることができます。
テキスト変換: JavaScriptでString.fromCharCodeを使いたい時にコピペで変換作成するツールです。おまけでジョークフィルターもあります。
DPI計算機: 用紙サイズとDPIから必要な画像解像度を算出する簡易計算機です。
QRコードジェネレーター (WebDesign): Google Chart APIを利用して画像データ不要のQRコードを作成します。QRコードを表示したい位置に生成された貼り付け用のHTMLを記述するだけで利用可能です。テキストだから修正が必要になった時も簡単に変更できます。
ダメ文字チェッカー: ダメ文字が含まれているか調べることができます。
メアド・エンコーダー: メールアドレスを文字参照に変換するためのツールです。
トリックスター・カードメモ: 『トリックスター』のカード識別をメモするためのページです。

ブラウザ拡張

自分が普段使っているメインブラウザのGoogle Chrome用に作ってみた拡張機能です。FirefoxでもアドオンのGreasemonkeyを入れておけば利用できます。

※大変申し訳ありませんが、Google Chromeは公式ストアからインストールしないと動作しない仕様になったのでインストールしても動きません。

楽天市場のメルマガ受信チェックを自動解除: 購入画面で初期状態でチェックがついている店舗などのメルマガ受信チェックボックスのチェックを自動解除します。
mixiの訪問者通知のnew表示を消去: mixiの訪問者通知で表示されるnewを消去するユーザースクリプトです。
ブラウザ三国志ミス防止ツール: 各種ミスを減らすために表示を変更します。
ブラウザ三国志の同盟レベル画面改善ツール: 同盟の合流などでよく聞かれる「あとどれぐらい？」を画面に表示しちゃいます。
ブラウザ三国志のクエスト改善ツール: クエストの達成条件と報酬をポップアップ表示させて、効率的にクエストを達成していけるようにします。
ブラウザ三国志の地図中央にポインターを付加: 全体地図表示時に、マップ中央部分に目印をつけます。
ブラウザ三国志のプロフィール改良ツール: 表示欄に画像やテキストファイルを埋め込むことを可能にするScriptです。
ブラウザ三国志の武将画像を置換: ブラウザ三国志の武将の画像を好みの画像に置き換えるためのScriptです。

お遊び

実用性はないJavaScriptのサンプルです。

迷路作成: ランダムに迷路を作成することができます。
千反田える検証Script: A～Zのアルファベットを繰り返していると1000番目はLであることの検証をするだけのScriptです。

Webサイト向けDynamicHTML

DOMを利用したDynamicHTMLサンプル集です。Internet Explorer4.0対応で作成し、それ以降はNetscape6登場の頃にクロスブラウザ対応しただけのかなり古いものです。概ね最終更新が2003年以前となっていますが、BODYのONLOAD属性を無視するGoogle Chrome以外のブラウザではDOMの制御だからたいてい2011年時点でも動きます。一部はjQueryを使って同様に動作するようしたコードを掲載してあるので、そちらをご利用ください。

BG Color Fade Animation: 背景色変化アニメーション
BG Scroll: 背景画像のスクロール
Blink: 指定した要素の点滅処理
Expand: 指定した要素の表示状態を変更
Fade In: 要素をフェードイン
Fade In/Out: 指定した要素をフェードイン/フェードアウト
Letter Space In: １つの文字上に重ねたテキストを徐々に引き延ばすアニメーション
me Marquee: 指定した要素を左右どちらかにスクロール
Moving Letter: 文字間隔変化アニメーション
Rainbow String: 指定した要素の文字列を虹色でアニメーション
Random Color: 色がランダムに変化
Scroll In: 画面右外に表示してある要素を左端までスクロール
Shake: 指定した要素を地震のように揺らします
Snow Fall: 画面に雪を降らせます
Title Telop: タイトルバーでテロップ表示
Zoom In: 指定した要素のテキストをズームイン
消滅: カーソルが来たら要素が消滅

Webサイト向けDynamicHTML for IE

主にVisual Filterを利用したInternet Explorer向けのDynamicHTMLサンプル集です。Internet Explorer4.0～8.0までは動作確認済み。

Gray Shock: マウスに反応して画面がモノクロに変化
Lighting: 指定した要素が光る
Rotate Image: 画像を回転・収縮させるアニメーション
ScrollBar Fade Animation: スクロールバーの色変化アニメーション
Wave In: 崩れた文字が元通りになるアニメーション

多くのブラウザで動作するWebサイト向けJavaScriptサンプル

こちらもかなり古いものですので、最近のブラウザだと動作検証を行なっていません。

Background Pattern: ページの背景に文字を敷き詰めるための飾り付け
Check Window Size: ブラウザのサイズをWebサイトで推奨するサイズに変更できるもの
Frame Cancel: フレーム内に読み込まれたらフレームを解除するためのJavaScript
Jump Top Page: 勝手に直リンクされたページを守るため、入り口へ誘導するJavaScript
My BG Color: 訪れた人がページの背景色を選択できるようにするためのもの
Play Music: Webサイト表示時のBGM再生の有無を訪問者が選べるようにします
Random Image: 複数ある画像のうち1枚だけを表示
Redirect: フレーム内のページが直接表示されるのを防止
Set Link Target: リンク集に便利かもしれないJavaScript