twitter ■お問い合わせ当サイトへのリンクサイト仕様

現在位置 > LostTechnology > JavaScript

JavaScript

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

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

ツール

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

パスワード・ジェネレータ
ランダムな英数字でパスワードを生成します。
ビットレート計算機
ビットレートから出力サイズの目安を知るための計算機と、目標サイズからビットレートを逆算する計算機です。
色情報の形式変換
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
1つの文字上に重ねたテキストを徐々に引き延ばすアニメーション
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