タグ

javascriptに関するventureのブックマーク (140)

  • JavaScriptで3D描画―ネットアプリの常識変える?:Firefox 3.0で搭載へ

    印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます 次期FirefoxとなるFirefox 3.0では、JavaScriptから3Dを描画する機能がCanvasに追加されるようだ。CanvasはJavaScriptから直接描画できる「キャンパスの」ことで、すでにいくつかのAjax JavaScriptフレームワークなどで同機能を活用したウィジェット描画などがおこなわれている。 Vladimirブログに、Canvasに3D機能を追加したCanvas 3Dが紹介されている。Firefox 3 Beta 1をインストールし、同氏が提供しているエクステンションを追加すればCanvas 3D機能が有効になるようだ。もちろんmoz-gles11の機能を使うならOpenGL 1.5が、moz-glwe

    JavaScriptで3D描画―ネットアプリの常識変える?:Firefox 3.0で搭載へ
  • プリミティブ値でもプロトタイプ的継承: Days on the Moon

    書き上げた後に元記事の続きが出ているのに気づいたが、方向性が違うようなのでそのまま掲載。 404 Blog Not Found:javascript - プロトタイプ的継承 (元記事: Prototypal Inheritance) より。継承という言葉は意味が広いので、この操作に対してはチャイルドの作成といったほうが個人的にはわかりやすい。 さて、元記事で紹介されているコードではプリミティブ値からのチャイルドの作成 (継承) ができなかった。これはなぜかといえば、オブジェクト作成の際、プリミティブ値をプロトタイプ ([[Prototype]] 内部プロパティ、__proto__ プロパティ) に設定することはできないからである。 そこで、プリミティブ値が渡された場合は、それをラッパオブジェクトに変換することにする。といっても場合分けの必要はない。Object 関数を使えば、プリミティブ値

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

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

    はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
  • 最速インターフェース研究会 :: JavaScriptにおけるdeep clone

    http://blog.livedoor.jp/dankogai/archives/50957890.html まず、Object.prototypeにメソッドを生やしてしまうとfor inでキーを列挙するときにいちいちhasOwnPropertyを使わないといけなくなるので普通は使いません。影響が大きすぎるので、よっぽど変態的なライブラリじゃないと使わない。他のライブラリと組み合わせるとほぼ確実に問題が起きる。それから、deep_cloneが欲しい場合はJSONを作ってevalすればよい。パフォーマンスを気にする場合とか、浅いコピーが必要な場合はそれなりに工夫する必要があるけど。 で、JSONにするのにFirefoxだとtoSourceというのが使える。unevalというラッパーがあって、これだとnullでも平気。 http://subtech.g.hatena.ne.jp/cho45/

  • JavaScriptとAJAXでページ上のマウスの動きを録画・再生するデモ

    ページ上で動かしたマウスの軌跡を記録し、再生することが可能になるJavaScriptやAJAXなどの組み合わせデモが公開されています。実際に試してみればわかりますが、記録している際には、特に記録されていると気づくような要素は全くありません。 応用としては、広告バナーのクリックについてアイトラッキング(目の動きを追う)の代わりに、マウスの移動する軌跡を記録して「マウストラッキング」が可能になったり、あるいはAJAXをフルに駆使したサイトにおけるユーザービリティの記録による操作の改善、あるいは各種スパイ行動などにも使えます。 実際のデモは以下から。 Record mouse movement using Javascript and AJAX http://pure.rednoize.com/movelogger/ 上記ページで四角いキューブの辺の周囲をマウスでなんどかぐるぐると回転させてみた

    JavaScriptとAJAXでページ上のマウスの動きを録画・再生するデモ
    venture
    venture 2007/10/23
    任意のサイトを録画できるわけではないようですね
  • Reread : JavaScript ??????????????????

    ...

  • IT戦記 - 一行で IE の JavaScript を高速化する方法

    以下の一行をすべての JavaScript の前に読み込む /*@cc_on _d=document;eval('var document=_d')@*/ この一行を読み込むことによって IE での document へのアクセスが 5 倍速くなります。 たとえば 以下のように、読み込む前と読み込んだ後を比較してみます。 // Before var date = new Date; for (var i = 0; i < 100000; i++) document; alert(new Date - date); // 643 /*@cc_on _d=document;eval('var document=_d')@*/ // After date = new Date; for (var i = 0; i < 100000; i++) document; alert(new Date -

    IT戦記 - 一行で IE の JavaScript を高速化する方法
  • FirebugでPHPをデバッグするツールまとめ

    こんにちは、亀です。最近は体調がすこぶる絶不調です。季節の変わり目なので、皆さんも気をつけてください。 さて、ちょろちょろと話題に上ることの多いFirefoxを使ったPHPのデバッグ手法ですが、いくつか出てきたのでこの辺でサクッとまとめておこうかと思いました。 結果的に、だいぶ膨らみましたが。。。まとめ力ないなorz 1.Buggy クラス AJAX magazine というサイトで公開されていたサンプルスクリプトで、クラス1つだけの小さなライブラリです。 以前、PHPプロ!ニュースでもご紹介した方法です。 この方法は、PHPのエラーをハンドリングし、その内容をscriptタグに出力し、console.info()を用いてFirebugのコンソールに渡す、という仕組みです。そのため、Firebugは必須です。 記事掲載当時は、buggy.class.phpがダウンロードできたのでしょうか

    FirebugでPHPをデバッグするツールまとめ
  • サービス終了のお知らせ

    平素より「PHPプロ!」をご愛顧いただき、誠にありがとうございます。 2006年より運営してまいりました「PHPプロ!」ですが、サービスの利用状況を鑑みまして、2018年9月25日(火曜日)をもちましてサービスを終了させていただくことになりました。 サービス終了に伴いまして、2018年8月28日(火曜日)を持ちまして、新規会員登録ならびにQ&A掲示板への新たな質問、回答の投稿を停止させていただきます。 なお、ご登録いただいた皆様の個人情報につきましては、サービス終了後、弊社が責任をもって消去いたします。 これまで多くの皆様にご利用をいただきまして、誠にありがとうございました。 サービス終了に伴い、皆様にはご不便をおかけいたしますこと、心よりお詫び申し上げます。 件に関するお問い合わせはこちらよりお願いいたします。

    venture
    venture 2007/10/11
    すごい
  • Sbox Error

  • ハタさんのブログ : Javascriptによる大規模開発の覚え書き

    未だに半年前のエントリにブクマされるみたいなので、もう少しjavascriptについて書いてみる。 今回は大規模化開発におけるJavascriptの注意点とかそういうの。当てはまらない環境の方もいます。(しかも基的な事だらけで大したことは書いてないです) ほぼリッチクライアントを主目的としたjavascripterとコードを対象とします。 どちらかというと、ライブラリを提供する側の視点から 1.ログを出力せよ あなたが書いたコードは遅い、と必ず言われます。なので言われる前から、自分の書いたコードの処理時間をログするようにしましょう。 次のような処理時間を計測するロガーを作ります。 var TraceLog = function (){ this.startTime = -1; var outer = document.getElementById('_outer'); if(oute

  • WordPress ME でアップロード画像の幅と高さを自動で貼り付けできるようにする

    WordPress 2 以降ではアップロードした画像の記事への挿入も AJAX を使ってかなり便利になっています。しかし img 要素に画像の幅と高さが自動で入らないので、入るようにしてみました。これでブラウザが画像を読み込んでからレイアウトを再計算しなくて良くなるので、表示速度が若干拘束されるはずです。 試したのは WordPress ME 2.2.3 です。修正するのは wp-admin/upload.js ファイルです。修正箇所が多いのでファイルごと入れ替えてください。IE7 と Firefox 2 で動作確認しています。 以下、修正の考え方を説明します。読まなくても使えます。 239 行目付近の部分で img 要素の文字列を作っている箇所があります。ここで width と height が指定すれば良さそうです。しかし、this.currentImage.width と this.

  • Yahoo!、JavaScriptライブラリー「YUI Version 2.3.1」をリリース

    印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます 9月19日(米国時間)、米Yahoo!Yahoo! User Interface Library(以下YUI)の最新版である「YUI Version 2.3.1」をリリースした。YUIは、米Yahoo!が開発しているJavaScriptライブラリ。今回のリリースは、バージョン2.3.0のマイナーリリースという位置づけ。2.3.1では、12のバグフィックスがほどこされ、いくつかの重要なバグが取り除かれたとのことだ。 主な変更点は以下のとおり。 Dav Glassの深刻なパフォーマンスの問題を解消し、コンポーネントの至るところで改良がなされ、主要な性能改善をもたらしている。 完全なA-Gradeブラウザーサポート。 DataTable (

    Yahoo!、JavaScriptライブラリー「YUI Version 2.3.1」をリリース
  • 最速インターフェース研究会 :: Mozilla24でしゃべってきました

    9/15日にMozilla 24 出張Shibuya.js 24でしゃべってきました。 http://shibuyajs.org/articles/2007/08/24/Shibuya-js-24 資料はこちら。 http://ma.la/files/shibuya.js/mozilla24.html JavaScriptBloom filterのデモ。今のところ実用性が無い。仕組みを理解するのには良いかも。 http://la.ma.la/misc/js/bloomfilter/ Bloom Filterについてはここら辺が詳しい。 http://chasen.org/~taku/blog/archives/2006/01/bloom_filter_1.html http://ja.wikipedia.org/wiki/%E3%83%96%E3%83%AB%E3%83%BC%E3%83

  • Mozilla 24 - mala

    mala トップページページ一覧メンバー編集 × Mozilla 24 最終更新: mala__ 2007年09月15日(土) 18:51:57履歴 Tweet 出張Shibuya.js 24 Lightning Talks ustreamのJSONP APIを勝手に作ってustreamerを改造するネタを話すつもりだったけど マッシュアップネタは大して面白くないので別の話でもするか 最速インターフェース研究会 主任研究員 ma.la ライブドア開発部所属 1982年生まれの30代 あらすじ 空前のustream.tvブームがあって 同時に見れるやつをmiyagawaさんが作って クエリ渡して任意チャンネル同時に見れる奴を作った わりと好評ですぐに飽きた これね http://bulknews.net/tmp/ustream2.html http://bulkneets.net/tmp/u

    Mozilla 24 - mala
  • 日本語向けfonts.css登場? 無料で使えるJSライブラリYUIの基礎 | Web担当者Forum

    【業界別】27卒就活生の「人気企業ランキング」発表! IT系ではサイバーエージェントが急浮上【学情調べ】 12月15日 6:00

    日本語向けfonts.css登場? 無料で使えるJSライブラリYUIの基礎 | Web担当者Forum
  • JavaScriptがウェブを遅くする--今できる緩和策を考える

    JavaScriptの1行が、今日のブログ技術に多くのパワーを与えている。ウィジェット、共有ツール、訪問者の追跡、広告。多くの場合、ブロガーは新しい技術を自分のブログに導入するのに、JavaScriptを1行加えるだけでいい。問題は、それらの1行のJavaScriptが多数組み合わされたときに起こる。 物理学には、非線形性と呼ばれる有名な現象がある。多くの異なることが相互作用すると、結果を予測するのが難しくなるのだ。ソフトウェアの場合も違いはない。多くのコンポーネントを組み合わせると、何が起こるか予測できなくなる。これは、各コンポーネントはスタンドアロンのように振る舞うが、それらは決まった区画内のスペースと閲覧者の注意を争う関係にあるからだ。そして、この争いはすべての人を傷つける。読者、ブロガー、サービス。誰もが不満を抱くことになる。 ブロガー:疑うことを知らない被害者 ウィジェットは今流

    JavaScriptがウェブを遅くする--今できる緩和策を考える
  • FirefoxのE4XはXPathより便利? - bits and bytes

    つい最近FirefoxのXMLオブジェクトがすごく便利なのを知りました。そして、そのXMLオブジェクトサポートのことをE4X(ECMAScript for XML)と呼んでいたというのを今知りました.... E4Xについては ECMAScript for XML (E4X) 仕様邦訳 を翻訳された nanto_viさんが書かれている E4X in Firefox が詳しいです。 しょせんはさっきE4Xがなんなのかを知った程度なのでちゃんとしたことは他のページを参照していただくことにして、11.2 左辺式 に書かれているアクセサと選別述語演算子でXPathと同じようなことができて、それがXPath以上に便利なところがありますよ、というはなしだけ書こうと思います。 E4XについてECMAScript for XML (E4X) 仕様邦訳序文には このプログラミング言語拡張は、世界中のもっとも大

  • 小飼弾のアルファギークに逢いたい:#6 IT戦士 天野 仁史/こんにちはこんにちは! Hamachiya2(前編) JavaScriptのイケてないところ|gihyo.jp … 技術評論社

    今回はShibuya.jsなどJavaScript界で活躍中のamachangこと天野仁史さんと、mixi、はてなや最近ではIPAなどさまざまなWebサイト・サービスのセキュリティ脆弱性を指摘(?)していることで知られるHamachiya2さん(はまちちゃん)のお2人がゲストです。まずは2人の馴れ初めから…。 編集部注) 対談は2007年3月に行われたものです。 出会い 弾:で、お2人の馴れ初めは? 天野(以下、天⁠)⁠:mixiで俺が「マイミクなってください」ってところから始まった。 Hamachiya2(以下、は⁠)⁠:はい。ナンパされちゃいました。 弾:はまち釣り(笑⁠)⁠。 天:マイミクなってくださいってとこから始まって、そしたら(はまちちゃんが)JavaScriptを高速化してる人だ!っていうことで、デブサミのときに見に来てくれたんです。 JavaScriptのライブラリ 天:

    小飼弾のアルファギークに逢いたい:#6 IT戦士 天野 仁史/こんにちはこんにちは! Hamachiya2(前編) JavaScriptのイケてないところ|gihyo.jp … 技術評論社
  • Share探知機 - ぼくはまちちゃん!

    こんにちはこんにちは!! Billy (BK) Rios » More URI Stuff… (IE’s Resouce URI) (動作サンプル) ↑今日はこんな面白そうな記事を見かけたので、参考にしてなにか作ってみたよ! 名付けて、Share探知機! (つかいかた) ・Shareをダウンロードする http://peertopeer.blog110.fc2.com/blog-entry-3.html http://www.interz.jp/p2p/share.htm (↑てきとうにググったやつだから物かどうか知らないので自己責任でね!) ・Shareを展開する ・展開したフォルダを、C:の直下か、C:\Program Files あたりにコピーしておく ・IEでShare探知機にアクセス! やったね! (楽しみ方) ・改造して、探知の精度を上げる ・改造して、Winny探知機にする

    Share探知機 - ぼくはまちちゃん!
    venture
    venture 2007/08/09
    res://ですか。