タグ

関連タグで絞り込む (0)

  • 関連タグはありません

タグの絞り込みを解除

JavaScriptとJavascriptとjavascriptに関するtotonのブックマーク (768)

  • はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知

    はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28

    はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
    toton
    toton 2009/02/02
    setTimeoutより高速な非同期処理を追求。すごい。
  • Adobe MAX 2009 の資料など - 最速チュパカブラ研究会

    先週金曜のAdobe MAX 2009でJSplashについて発表してきましたので、そのスライドを公開します。 新しいMacBookの林檎印を輝かせてプレゼン… となる予定だったんですが、プロジェクタにうまく繋がらず、結局川崎さんのPCをお借りすることになりました。 皆様、大変ご迷惑をおかけいたしました… デモをいくつか行いましたが、再生中のムービーをDOM Inspectorで弄ってオブジェクトを消してしまう、というのが多分一番ウケが良かったです。 Sparkのセッションを見た後は、id:amachang, id:yukoba さん, id:moriyoshi さんといろいろJS話。yukobaさんが「MSXとかファミコンとかケチなこと言ってないで Windows PC のエミュレータ作ろうぜ」などと気か冗談か分からないことを言い出して変な話になっていました。 おまけ Sparkのブー

    Adobe MAX 2009 の資料など - 最速チュパカブラ研究会
    toton
    toton 2009/02/02
    canvasでテクスチャマッピング。Chromeだとヌルヌル動く。すごい。
  • aptana.tv

    See how Aptana can make AJAX development simpler. Paul Colton of Aptana takes you on a tour of Aptana Studio. View Now >> Read Transcript >> related links: Download Aptana

    toton
    toton 2009/02/02
    EclipseベースIDE Aptana の動画紹介。Transcript 付きの動画あり。
  • bookreader.js

    bookreader.jsは、長文を縦スクロールではなく、横スクロールで表示し読みやすくするJavaScriptライブラリです。 →プロジェクトのホーム (Google Code) - New!! →ダウンロード(ver 0.4.6) - 2009/04/18公開 ※ダウンロードの詳細については、こちらのページをご覧下さい。 まずは、このページで体験してみて下さい。キーボードの[→]/[←]キーが、「進む」あるいは「戻る」に対応します。画面上に表示される、半透明の▶/◀ボタンをクリックしてもOKです。使い方の詳細は「ヘルプ」を参照ください。 次期バージョンの開発状況 幸いにしてさまざまな方からフィードバックをいただきました。ありがとうございます。それを元に機能の絞り込みとWEBサイトへの「組込み方」について検討を行っています。まだ、実装の方針が定まった、という段階ですが次期0.8.x系のサ

    toton
    toton 2009/01/27
    長文テキスト横スクロール。iphoneみたいな動きをする。心地良いインタフェース。
  • AJAX APIs Playground

    Google APIs Explorer Stay organized with collections Save and categorize content based on your preferences. outlined_flag The Google APIs Explorer allows users to try Google API methods directly from reference documentation without writing code. Be cautious when using the APIs Explorer with methods that create, modify, or delete data, as it operates on real data. You can access the APIs Explorer o

    AJAX APIs Playground
    toton
    toton 2009/01/23
    GoogleAPIをプラウザ上で試せる
  • これは面白!PHPとjQueryでクリックした位置が分かるクリックマップ作成:phpspot開発日誌

    Tracking Clicks, Building a Clickmap with PHP and jQuery これは面白!PHPとjQueryでクリックした位置が分かるクリックマップ作成。 デモとソースコードが公開されていて、自分でも設置できるのがありがたいです。 以下、サンプル画像のチョイスも面白いのですが、クリックした位置もなかなかすごいことになってます。 ↓↓クリックマップ化↓↓ 画像のクリック位置解析だけではなく、当然ですがサイトのクリック解析に使えそうですね。 関連エントリ クリック位置のヒートマップを作成できるオープンソースやサービス色々

  • suggest.js - 入力補完ライブラリ

    Japanese / English JavaScriptで入力補完を手軽に行うためのライブラリです。 (【お知らせ】ver2.0からprototype.jsを必要としなくなりました) 下記のような機能を持っています。 入力内容をもとに検索を行い、補完候補を表示します。(Google Suggestぽく) Ajaxでは無く、初回画面表示時のみデータの読み込みを行い、それ以降は、クライアント側で対象データから検索します。したがって、入力内容に変化があってもサーバ側にアクセスすることはありません。 検索は、前方一致/部分一致、大文字と小文字の区別あり/なしといったように、オプションで簡単に指定できます。また、その他にも様々なオプションが指定可能です。 検索結果の表示上限を指定できます。(デフォルト上限20件) 補完候補はキーボードの上下と、マウスにて選択できます。また、キーボードで選択中にES

    toton
    toton 2009/01/23
    Google Suggestみたいな入力補完ライブラリ
  • カーソル位置のセルの上端と横端をハイライトする JavaScript

    ■ カーソル位置のセルの上端と横端をハイライトする JavaScript 好評の、読み込ませるだけで動く JavaScript シリーズの5段目くらいです。このシリーズもたまってきたので、そのうちまとめます。 Excel とかの表計算ソフトって選択しているセルの列番号や行番号がハイライトされたりしてますよね?table タグ上であれと同じものを実現する JavaScript を書いてみました。 こんなようなテーブルを作らなくちゃいけない事になりそうなんだけど…。 実際には15×20くらいはあるので、チェックを入れる時にすごく使い辛そうですよね。なので、カーソルの位置がわかりやすくなるようにハイライト出来たら便利だろうと思ったんです。 実際の動作サンプル rowspan とか colspan を使って複雑にしていると、上端とか横端の位置を取得するのがやたらと面倒になってくるので、画面上のセル

  • javascript - block代わりのclosureとその問題 : 404 Blog Not Found

    2009年01月19日18:15 カテゴリLightweight Languages javascript - block代わりのclosureとその問題 リハビリに手頃な問題だったので。 これ、実は「Java開発者のためのAjax実践開発入門」でも紹介されている書き方。 for 文と無名関数のイディオム - IT戦記 というわけで、これをすべて解決するのが for (var i = 0, len = list.length; i < len; i++) (function(node, i) { var text = node.textContent; node.onclick = function() { alert(text) }; })(list[i], i) なのだ。 ただし、コメント欄に残された問題が残る。 自分でも検証してみた。 n = : これ、デフォルトでは100万回にして

    javascript - block代わりのclosureとその問題 : 404 Blog Not Found
    toton
    toton 2009/01/19
    改善前でパース時クロージャ定義コスト1回、ループ時クロージャ実行コストN回と期待したけど違うのか。jsエンジンの最適化が甘いのか、他の言語や環境でも応用できるテクなのか。どっちなんだろ。
  • インターネットチャンネル向けのウェブページを作りたいのですが…。 : Q&A - Wii

    インターネットチャンネルのユーザーエージェントは、次のとおりです。 (お客様がダウンロードされた時期により異なります。) ●日 Opera/9.10 (Nintendo Wii; U; ; 1621; ja) ●英語 Opera/9.10 (Nintendo Wii; U; ; 1621; en) ●ドイツ語 Opera/9.10 (Nintendo Wii; U; ; 1621; de) ●スペイン語 Opera/9.10 (Nintendo Wii; U; ; 1621; es-ES) ●フランス語 Opera/9.10 (Nintendo Wii; U; ; 1621; fr) ●イタリア語 Opera/9.10 (Nintendo Wii; U; ; 1621; it) ●オランダ語 Opera/9.10 (Nintendo Wii; U; ; 162

    toton
    toton 2009/01/19
    window.opera.wiiremote
  • 継続渡しによる停止・再開可能な反復処理 - JavaScriptライブラリでお馴染みの$関数を関数スタイルで実装してみる

    ここ最近の Scheme プログラミングで得た感覚を踏まえ、各種 JavaScript ライブラリでお馴染みの $ 関数 (ID による要素検索) を、ごく簡易にですが、関数スタイルで実装してみました。 まずは実装を見ていただく前に、このような例を考えてみてください。 $("id").do_something(); ここで、"id" 要素が確実に見つかるかどうかが保証されていない (do_something が失敗するかもしれない) とします。すると、 var o = $("id"); if (o) { o.do_something(); } のように、いちいちテストをしなければいけませんよね。 これが、関数スタイルでは $("id", do_something); と書くだけで済みます。つまり、$ 関数自身が成否のチェックを行い、成功していればコールバック関数にオブジェクトを渡すように設

    継続渡しによる停止・再開可能な反復処理 - JavaScriptライブラリでお馴染みの$関数を関数スタイルで実装してみる
  • 外部JavaScriptの動的ロード - os0x.blog

    JavaScriptからJavaScriptを読み込むのは、(IEに対応する場合は特に)結構面倒です。 ちょうど昨日公開されたid:amachangのはてブにアクセスチャートを出す Greasemonkeyでは、こんな実装になっていました。 // for IE if (!document.evaluate) { var script = document.createElement('script'); script.src = 'http://svn.coderepos.org/share/lang/javascript/javascript-xpath/trunk/release/javascript-xpath-0.1.11.js'; document.body.appendChild(script); var callee = arguments.callee; var inter

    外部JavaScriptの動的ロード - os0x.blog
    toton
    toton 2009/01/16
    script.onload=callback,IEはonreadystatechange。外部js動的ロードの決定版かな?
  • Speed up your JavaScript, Part 1 - Human Who Codes

    In my last post, I talked about the conditions under which the dreaded long-running script dialog is displayed in browsers. Browsers will stop executing script either when they’ve executed too many statements (Internet Explorer) or when the JavaScript engine has been running for a specific amount of time (others). The problem, of course, isn’t the way that the browser is detecting long-running scr

    Speed up your JavaScript, Part 1 - Human Who Codes
    toton
    toton 2009/01/14
    配列をsetTimeoutでループ
  • Silverlight で HTML5::Canvas を実装中 - uupaaの開発日記

    追記: サンプルを追加しました。 実装済みの機能 clearRect, beginPath, moveTo, lineTo, bezierCurveTo, quadraticCurveTo, rect, strokeRect, fillRect, closePath, createLinearGradient, createRadialGradient, stroke, fill, arc, save, restore, translate, rotate, scale, transform, setTransform, clip CanvasGradient.addColorStop CanvasPattern(パターンフィル + タイリング対応) 一部実装済みの機能 drawImage(HTMLImageElementのみ対応) 実装できない機能 ピクセル系(toDataURL, ge

    Silverlight で HTML5::Canvas を実装中 - uupaaの開発日記
  • ブラウザの表示領域のサイズを取得する方法。 - Enjoy*Study

    ブラウザの表示領域を取得するに当たって、「ブラウザの種類」×「表示モード(標準/互換)」によって参照するプロパティが変わってきます。 IE、FireFox、Opera、Safariにて、表示モード毎に参照すべきプロパティをまとめてみました。(Safariについては2007/05/20に追記) 調査したのは、下記のプロパティです。 window.innerWidth window.innerHeight document.body.scrollWidth document.body.scrollHeight document.body.offsetWidth document.body.offsetHeight document.body.clientWidth document.body.clientHeight document.documentElement.scrollWidth d

    ブラウザの表示領域のサイズを取得する方法。 - Enjoy*Study
  • Enjoy×Study - ブラウザのスクロールバーで隠れている領域を含むサイズを取得する方法。

    昨日のエントリに引き続き、今度はスクロールバーで隠れている領域を含むサイズを取得するためのプロパティをまとめてみました。 Enjoy×Study - ブラウザの表示領域のサイズを取得する方法。 調査したのは、下記のプロパティです。 window.innerWidth window.innerHeight document.body.scrollWidth document.body.scrollHeight document.body.offsetWidth document.body.offsetHeight document.body.clientWidth document.body.clientHeight document.documentElement.scrollWidth document.documentElement.scrollHeight document.docu

    Enjoy×Study - ブラウザのスクロールバーで隠れている領域を含むサイズを取得する方法。
  • MochiKit

    Bubblegum Dungeon – the long-awaited series of BDSM in fantasy world full of colors and rainbows. We finally leave the deep dark dungeons and bring the genre to the mainstream. Dealing with demanding clients isn’t always easy but these female realtors found their way to please and the most importantly to SEAL THE DEAL. Girls Only Porn – it’s time to discover the women’s perspective on fun times. W

    MochiKit
    toton
    toton 2009/01/11
    キーコード、正規表現デモページが意外と便利だ
  • blog.katsuma.tv

    タイトルだけ読んだら意味不明かと思います。要はこういうケースです。 入力フォームとiframeを用意 入力フォームがURLだったらiframeに指定されたURLのページを読み込む。要するに簡易ブラウザみたいなの。 ここで入力されたURL先のページが自分自身のwindow.selfを確認してwindow.topに描画されていないと分かるや否や、window.topに再描画する。 すると、iframeを表示していた元の親フレームは上書きされて子フレームに乗っ取られる。 たとえばadidasのサイトなんてそういう挙動をします。分かりやすく具体例を示すためにこんなページを用意しました。Googleボタンを押すとiframeの中身がGoogleに入れ替わり、adidasボタンを押すとadidasのサイトに入れ替わります。adidasボタンを押すと親フレームを乗っ取られることが確認できます。ちなみに、

  • CodeRepos::Share – Trac

    JSDeferred Simple and clean asynchronous processing. Sample http://svn.coderepos.org/share/lang/javascript/jsdeferred/trunk/sample.html Download http://svn.coderepos.org/share/lang/javascript/jsdeferred/trunk/jsdeferred.js No comments: http://svn.coderepos.org/share/lang/javascript/jsdeferred/trunk/jsdeferred.nodoc.js Compressed: http://svn.coderepos.org/share/lang/javascript/jsdeferred/trunk/jsde

    toton
    toton 2009/01/11
    非同期処理の実行制御
  • Coupling asynchronous scripts | High Performance Web Sites

    December 27, 2008 11:32 pm | 14 Comments This post is based on a chapter from Even Faster Web Sites, the follow-up to High Performance Web Sites. Posts in this series include: chapters and contributing authors, Splitting the Initial Payload, Loading Scripts Without Blocking, Coupling Asynchronous Scripts, Positioning Inline Scripts, Sharding Dominant Domains, Flushing the Document Early, Using Ifr

    toton
    toton 2009/01/10
    JSの非同期ロード