タグ

JavaScriptとTipsに関するwackyのブックマーク (320)

  • hawklab.jp

    このドメインを購入する。 hawklab.jp 2019 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy

    wacky
    wacky 2007/02/20
    次々と状態を変えていくユーザインタフェースと相性の良いStateパターンをJavaScriptで実装。(続き)
  • ドメインパーキング

    tatamilab.jp

    wacky
    wacky 2007/02/18
    script.aculo.usによるエフェクトのサンプル集。テレビなどで見かける効果を再現したりして面白い。
  • 最速インターフェース研究会 :: JavaScriptの関数の結果を期限付きでキャッシュする

    処理に時間がかかるけれども、一定時間は結果が変わらないような関数の結果をキャッシュしたい。 例えばgetElementsByTagName("*")なんかを頻繁に呼び出すようなコードがあったとして、結果をキャッシュしたいけれど画面描画が発生すると使えなくなってしまう。setTimeoutで0ミリ秒後にキャッシュを消す処理を入れておいて、画面描画と関係のある処理はタイマーで実行するような制約を付けてコードを書けばDOMが絡む処理の結果もキャッシュすることができる。というようなケースに使えるような気がする。 Function.prototype.timed_memoise = function(ms){ var self = this; ms = ms || 0; var memo = {}; var clear_q = false; function clear_cache(){memo={

    wacky
    wacky 2007/02/18
    一定時間は結果が変わらない関数の結果をキャッシュするFunctionオブジェクト拡張。コードスニペット。
  • Hawk's Laboratory » JavaScriptによるUI開発におけるStateパターンの利用

    このドメインを購入する。 hawklab.jp 2019 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy

    wacky
    wacky 2007/02/18
    次々と状態を変えていくユーザインタフェースと相性の良いStateパターンをJavaScriptで実装。ヒント付き入力ボックスの例。prototype.js 1.5.0使用。
  • Web標準化時代のJavaScript

    このページはWeb標準化時代のJavaScriptについて書かれています。主に旧来の方法を新しい書き方にするための項目を掲載しています。 ミスや間違い、リンクエラーなどがありましたらopenspc@po.shiojiri.ne.jpまでお願いします。

    wacky
    wacky 2007/02/12
    JavaScriptの古い書き方から新しい書き方への移行まとめ、記述による処理速度の比較。
  • http://youmos.com/reference/greybox_sample.html

    wacky
    wacky 2007/02/09
    ページ遷移せずにブックマーク追加できるSBMアイコンをサイトに設置する。LightBox系ライブラリ「GreyBox」を利用。
  • Boost Ajax performance using local storage

    The migration of popular computing applications to the Web has changed the way we view the web browser. Some of our most frequently used applications now exist within a tab of Firefox or Internet Explorer, constantly polling a remote server on our behalf and presenting the results in a rich interface powered by the latest features of JavaScript and/or the Flash Player plugin. These “live” web appl

    wacky
    wacky 2007/02/08
    Webブラウザがローカルに保存できるオフラインストレージ領域の情報まとめ。Cookie / Shared Object (Flash) / userData (IE) / DOM Storage (Firefox2)。
  • ZaurusのNetFrontを強化! QCopでJavaScriptを実行 - 旧式ひとりぶろぐ

    QCopメッセージでLinux ZaurusのNetFrontにJavaScriptを実行させる、というのをやってみました。 NetFrontに送るQCopメッセージとしては、 qcop QPE/System 'execute(QString,QString)' netfront3 "http://www.google.co.jp/" これが基形でしょう。僕はこういうのをいくつかKeyHelper Appletに登録して、Googleやらmixiやら駅探SSに、いついかなるときでもバシっと一発でジャンプできるようにしてあります。 qcop QPE/System 'execute(QString,QString)' netfront3 "mailto:hoge@hoge.com" みたいなのも通ります。しかし、「?subject=test&cc=hoge2@hoge.com」といった引数は

    ZaurusのNetFrontを強化! QCopでJavaScriptを実行 - 旧式ひとりぶろぐ
    wacky
    wacky 2007/02/08
    QCopメッセージでZaurusのNetFrontにJavaScriptを実行させる方法。応用例もたくさん紹介。
  • ウノウラボ Unoh Labs: IE6でアルファチャンネルを含むPNGを表示する

    GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー!古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠

    ウノウラボ Unoh Labs: IE6でアルファチャンネルを含むPNGを表示する
    wacky
    wacky 2007/02/05
    アルファチャンネル付き透過PNGをIE6で扱うJavaScriptの実装解説。
  • L'eclat des jours(2007-01-14) - JavaScriptのおもしろさ

    _ JavaScriptおもしろさ 前回の続き。(少しずつ足してく) 表示内容を答えよ。 function false_check(x) { if (x) { alert('true'); } else { alert('false'); } } false_check(false); false_check(0); false_check(Number(0)); false_check(new Number(0)); var x; false_check(x); false_check(Boolean(false)); false_check(new Boolean(false)); false_check(Boolean(new Boolean(false))); 表示内容を答えよ。(先にタネ明かしをしておくと、IEで動かしても何がポイントかさっぱりわからないと思います) funct

    wacky
    wacky 2007/01/15
    間違えやすいJavaScript仕様あれこれ(2)。今回もサンプル実行して唸らされる問いが多かった。
  • The Definitive TypeScript Guide - Blog | SitePen

    Software projects succeed or fail based on the quality of the teams behind them. Expert developers can be hard to find. So how do you get junior developers to level up? It’s not enough to teach how to use a framework or tech stack. Good developers can follow a pattern.

    The Definitive TypeScript Guide - Blog | SitePen
    wacky
    wacky 2007/01/05
    オフラインに対応したWebアプリケーションを作るためのDojo Offline Toolkitの紹介。Dojo Storageを利用。(英語)
  • Collection & Copy - 相対パスを絶対パスに変換する

    JavaScriptIE 6、IE 7、Firefox 2.0、Opera 9で確認。 function absolutePath(path){ var e = document.createElement('span'); e.innerHTML = ''; return e.firstChild.href; } alert(absolutePath('/')); 関連リンクJavaScriptな日々 | 相対パスを絶対パスに変換する方法Imageを使っています。 getAttribute href bugBug Report: getAttribute(”HREF”) is always absolutegetAttribute("href",2)とか。既存のa要素のhrefは上記の方法で絶対パスになるけど、document.createElement('a').href='/'では、

    wacky
    wacky 2007/01/04
    URLを相対パスから絶対パスに変換する方法。a要素をcreateElementしてhref属性にセットするだけでは駄目。
  • L'eclat des jours(2006-12-24) - RHG

    _ MSDNの更新がわかりにくかった(継続中) 最近、オープンライセンスというのが1ライセンスから購入可能になったので、そっちに移行しようと考えた。というのは、複数年(個人の場合は2年)一括払いなんだがその代わりに普通のパッケージ価格の半額弱の計算になるからだ。と思う(と付け加えるくらいにいま一つ良くわからない)。 で、新規のオープンライセンスのVS Pro Premium(キャンペーン中)と継続のVS Architect Premiumがほぼ同じ値段で、現在VS Architectのおれは、ランクダウンになるProではなくArchitectに移行できると思うんで発注してみたが(でもProキャンペーン中はすごく安価なのでそれはそれで魅力的ではある)、その後でリンクをクリックすると5ライセンスから(これは以前の条件のはず)と書いたページとか、なんか不安になる情報しか出てこない。まともにWeb

    wacky
    wacky 2006/12/31
    間違えやすいJavaScript仕様あれこれ(1)。サンプルを実行すると予想外な挙動を示すので驚いた。
  • テキストエリアでタブ入力

    <SCRIPT language="javascript" type="text/javascript" src="http://homepage2.nifty.com/lightbox/tabtextarea.js"> </SCRIPT> ★ TAB のみ挿入する場合 ◎ TAB 挿入 TAB キー ◎ TAB 削除 Back Space キー ★ まとめて処理は対象文字列を選択する ◎ TAB 挿入 TAB キー ◎ TAB 削除 SHIFT+TAB キー IE と Firefox、Netscape、Opera で動作確認しています(Opera は、name 属性が必要です)。 <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <SCRIPT lan

    wacky
    wacky 2006/12/31
    textarea内でTABキーを入力可能にするJavaScriptコード。複数行インデント/アンインデントもOK。IEとMozillaで動作。
  • 手抜きぷろぐらまのメモ帳 - ASP.NET & JavaScriptでコード汚染をしないで2度押し防止

    以前、attachEventでは複数イベントを登録して前のイベントの戻り値を見るというのができなくて悶絶していたが、結局やりたいことはイベント(メソッド)に対してアスペクトを適用すればよいということに気がつき、いろいろ調べた結果、すばらしいサイトをいくつか見つけ、早速コピペの雨あられで目的のものを完成 下のスクリプトを別ファイルにでもして、対象のHTMLにてインクルードすれば、全リンクとボタンにて2度押し防止機能が搭載できる うひょぉぉ アスペクトすげぇぇ // window の Load イベントを取得する。 window.onload = window_Load; function window_Load() { var i; // 全リンクのクリックイベントを submittableObject_Click で取得する。 for (i = 0; i < document.links.

    手抜きぷろぐらまのメモ帳 - ASP.NET & JavaScriptでコード汚染をしないで2度押し防止
    wacky
    wacky 2006/12/31
    各種ボタン(submit / button / reset)の2度押しを防止するアスペクト指向なJavaScriptコード。
  • IEと透過PNG

    このページはIE7で致命的なエラー出るという情報を頂き、暫く公開を中止して 修正予定のまま放置しておりましたが、ようやく修正致しましたので再び公開します。 PNGのアルファチャンネルによる 透過(半透明)もサポートされていないインターネットエクスプローラ6。 (GIFと同レベルの256色での単色透過は問題ありません) バージョン7でようやく半透明PNGがサポートとなりましたが、他のブラウザと比較して 余りにも遅れすぎ…。 更にIE7は、Windows Vista、Windows XP、 Windows Server 2003だけですね。これらより古いWindowsには使えません。 そして2006年末の現時点では、まだまだIE6 のユーザーが圧倒的に多いようです。 WEBサイトを作る側からすれば困った問題ですね。うかつに透過PNGを使ってしまうと、 IE6ユーザーから見ると「透過失敗してる…

    wacky
    wacky 2006/12/30
    アルファチャンネル付き透過PNGをIE5.5~IE6でも表示させる方法。DirectXのAlphaImageLoaderを利用。
  • [javascript][抜粋]Function.prototype.* - koyachiの日記

    javascriptはFunction.prototypeに追加したメソッドで元の関数の挙動を変更することができる。 later 最速インターフェース研究会 :: Function.prototypeを拡張して遅延実行を実現する 関数の実行を指定時間後に行なう。 var func = function(v){alert(v)}; func.later(1000)("1秒後に警告"); func.later(2000)("2秒後に警告"); func.later(1000).later(2000)("3秒後に警告"); (function(v){alert(v);arguments.callee.later(1000)(v)}).later(1000)("1秒ごとに実行") callTimeout, callInterval Kazuho@Cybozu Labs: setTimeout をオ

    [javascript][抜粋]Function.prototype.* - koyachiの日記
    wacky
    wacky 2006/12/27
    JavaScriptのFunctionハックまとめ。
  • IBM Developer

    IBM Developer is your one-stop location for getting hands-on training and learning in-demand skills on relevant technologies such as generative AI, data science, AI, and open source.

    IBM Developer
    wacky
    wacky 2006/12/23
    クロスブラウザJavaScriptのヒント集。Mozilla系ブラウザへのinnerText実装、スクロール値・ウインドウサイズの取得、DIV要素の自動サイズ調整など。
  • Ajax Cookbook

    Post sponsored by smtp ghost In the "old-style" event registration model, you would typically register events by assigning functions to the onevent property of DOM elements: elem.onclick = function() { alert("You clicked me"); } The problem with that approach is that you can only assign a single event handler function to any given event. All modern browsers support more advanced event registration

    wacky
    wacky 2006/12/19
    Ajaxサイトを構築する上で役立つJavaScript / HTML / CSSのコードスニペット集。ライブラリ非依存。Creative Commons Attribution 2.5ライセンス。
  • CodeProject: Drawing lines in Mozilla based browsers and the Internet Explorer. Free source code and programming help

    Download source files - 5.04 Kb Introduction In this article, I want to explain and deduce the line drawing algorithm by Bresenham. Afterwards, I will show an optimized version which can be used to draw lines in Gecko based browsers like Mozilla or Firefox and Microsoft's Internet Explorer. As you know, HTML itself is not able to describe lines. Therefore, there is no built-in features in the a

    wacky
    wacky 2006/12/13
    JavaScriptで線を描くアルゴリズムの解説。IEとFirefoxに対応。(英語)