Laboratory

Webサービスや、Web制作の仕事に役に立ちそうなプログラムを作ってみています。

Javascript

  • require.js

    外部Javascriptファイルを読み込むJavascriptファイルです。HTMLからはrequire.jsを読み込むだけで複数のJavascriptを読み込むことができます。相対パスでも、ルートパスでも動作します。

  • breadCrumb.js (2009/5/6)

    HTMLでの変更が面倒なパンくずナビゲーション(トピックパス)を、現在開いているページのURLを読み込み、Javascriptで自動的に生成します。

  • jQuery.simpleTab.js (2008/12/08)

    jQueryを使ったシンプルなタブシステムです。詳細はこちら

  • multihero.js (2008/8/23)

    「マルチヘッダー(MultiHeader)」「マルチヒーロー(MultiHero)」と呼ばれる、時間経過で切り替わるキービジュアル(メインイメージ)を実装するJavascriptです。

  • divisionLink.js (2008/7/28)

    <div>や<li>などのブロック要素全体にリンク効果とホバー効果を付与するJavascriptです。「―ブロック全体にリンクを持たせたい。なおかつマウスオーバー効果をつけたい」そんなときにおつかいいただけます。

  • showCurrentPage.js (2008/6/1)

    Webサイトのナビゲーションにステイ表示を適用するJavascriptです。現在開いているページのURLを判別し、そのページへのナビゲーションにあたる要素のクラス名を変更します。

Web service

  • CMYK2RGB (2008/11/19)

    CMYKとRGBの擬似相互変換ツールです。

  • checkUrls (2008/8/29)

    URLを改行区切りで列挙してワンクリックすると、記述したURLを一気に別ウィンドウで開くウェブサービスです。クロスブラウザチェック、URLの確認などにお使いいただけます。多くのWeb制作者から「使える!」との声をいただいています。

  • colorfulBox (2008/8/10)

    ランダムな色の四角形をただ生成するウェブサービスです。ちょっと楽しい気分になりたいときにオススメです。

  • cross*Fortune (2008/7/15)

    Yahoo!占いを横断するウェブサービス。生年月日を入力すると、複数の占いの結果ページへのリンクを生成します。スクレイピングを使った携帯サイトも制作していましたが、Yahoo!占いのソースが変わってしまい表示できなくなり未対応のままです。