タグ

JavaScriptに関するmitsuki_engawaのブックマーク (72)

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

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

    はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
  • TAKESAKO @ Yet another Cybozu Labs: Wiiリモコンの値をJavaScriptで取得する方法(Wiiインターネットチャンネル)

    任天堂のQ&Aサイトで、Wiiリモコンの値を取得する方法が公開されていることを知人から教えてもらいました。 インターネットチャンネル向けのウェブページを作りたいのですが…。 : Q&A - Wii インターネットチャンネルの拡張機能について知りたい Wiiインターネットチャンネルでは特別な JavaScript を用いる事でWiiリモコンのひねりや テレビとの距離、複数のコントローラの状態を取得する事ができます。 手元にWii体の実機がないので(Wiiリモコンはある^^)まだ試していませんが、こんな感じでJavaScriptからWiiリモコンの値が取れるっぽいですね。 if (window.opera && window.opera.wiiremote) { var num = 0; // wiiremote number 0,1,2,3 var pad = window.opera.w

  • テストとか - JS Commander

    コンソール上から JavaScript で Web ブラウザを操作できる、JS Commander というプログラムを作ってみました。JS Commander を立ち上げるとプロキシサーバが同時に起動し、このプロキシサーバを使うように Web ブラウザを設定すると、コンソール上で JavaScript のコードが入力できるようになります。Web ブラウザ上の JavaScript を自由に実行できるコンソールには FireBug, FireBug Lite, jsh, MozRepl などがありますが、JS Commander の特徴は以下のような感じです。ブラウザ非依存 - XmlHttpRequest が使えるブラウザであればたぶん動きます。readline を使った操作 - bash などのシェルと同じような emacs 風キーバインドが使えます。別のマシンにあるブラウザも操作可能

    mitsuki_engawa
    mitsuki_engawa 2007/05/08
    コンソールからブラウザを制御
  • EfficientJavaScript - Dev.Opera - 効率的な JavaScript

    EfficientJavaScript - Dev.Opera - 効率的な JavaScript 目次 この文書について 効率的な JavaScript ECMAScript eval や Function のコンストラクタを使うのはやめよう eval を書き換えよう 関数を使いたいなら function を使おう with を使うのはやめよう 性能を決める関数で try-catch-finally を使うのはやめよう eval と with は隔離しよう グローバル変数を使うのはやめよう 暗黙のオブジェクト変換に気をつけよう 性能を決める関数で for-in を使うのはやめよう 文字列は累積スタイルで使おう プリミティブの操作は関数呼び出しより速い setTimeout() や setInterval() には文字列でなく関数を渡そう DOM 再描画と再フロー 再フローの回数をでき

  • Collection & Copy - Firefox、evalの第二引数、プライベートメンバ/クロージャーの実行コンテキストへのアクセス

    JavaScript RHG読書会::東京 入門JavaScript 第四回 - ヒビルテ (2007-04-14) はじめてしりました。 // Firebug出力のショートカット function p(x){console.log(x)} // evalの基を確認 var context = {a : 50}; // evalのコンテキストオブジェクト p(context.eval("a")) // 50 contextの上で評価 p(eval("a", context)) // 50 入れ替えても同じ // カウンタクロージャーを生成する関数 function counter(){ var num = 0; return function(){ return ++num; } } // 実際にカウンターを作成 var count = counter(); p(count());

    mitsuki_engawa
    mitsuki_engawa 2007/04/21
    裏口?
  • 「細切れにしてeval」じゃないよ @ val it: α → α = fun

    http://b.hatena.ne.jp/entry/http://www.jmuk.org/diary/2007/04/15/2 うーん、この日記よりほかにブックマークするところがあると思うんだけど、まあそれはいいや。 でね、反応を見ていると「細切れにしてevalする」という不思議な表現が流布しているようなのだが、それは誤解です。ぜんぜん違う。 JavaScript の関数は toString メソッドで文字列化できる(組み込みのものはのぞく)のはそうで、それを使っているらしいのだけれど、実際にはそうして得られた文字列をパースし、コンパイルして、その結果の関数を呼ぶようにしている。 何が違うかって? だいたい文字列ベースで分断して eval するくらいでそんなことができたら苦労はないわけ。たとえば try … catch したり break したりといったことを考えると(現在は未対応ら

  • web newbie - Javascript初心者からみたprototype

    http://d.hatena.ne.jp/amachang/20070413/1176421425 勉強会のあと、そしてこの記事の後、 もう一度自分の中でprototypeについてまとめてみた。 下の実行結果を見て、首をかしげた人は是非とも読んでいただければと思う。 (って、首をかしげるのは僕だけか?!) var Box = function(size){ this.size = size; }; Box.prototype = { color: "red" }; var box = new Box(10); alert(box.color); // red Box.prototype = { color: "blue" }; alert(box.color); // red var box2 = new Box(11); alert(box2.color); // blue Box.p

    web newbie - Javascript初心者からみたprototype
    mitsuki_engawa
    mitsuki_engawa 2007/04/16
    prototypeの指すオブジェクトをすげかえるのか(blue)、その中身をいじるか(yelow)の違い。事の是非は継承とnewのタイミング如何じゃないかな。随時prototypeをいじくるなら={}は避けたほうがよさそう。
  • JavaScript でプリエンプティブなスレッドを @ val it: α → α = fun

    先日の RHG 読書会で、牧さんがやっているという http://sourceforge.net/projects/jsthread/ の紹介があった。 JavaScript でプリエンプティブなスレッドをライブラリレベルで実装した、という話。 JavaScript というのは、ユーザレベルからはスレッドが一しかなくて、処理の切り替えというのができない。だから、タイムアウト呼出や処理の終了のイベントを待って終了処理をする、ってなことを書かないとまともなプログラムを書けない。でもこれは大変だ。 この Concurrent.Thread を使って関数を渡すと、そのプログラムが呼び出し元と並列に走る。ように見える。なのであまり気にせずループみたいなものを回す関数を使ってもブラウザが停止したりしない。 まだドキュメントとかはないのだけれど、昨日ちらっと見たサンプルコードから、いいかげんにデッチ上

    mitsuki_engawa
    mitsuki_engawa 2007/04/16
    関数を文字列化してeval?→ではなく、文字通り地道にコンパイルしてるらしい。あとでしらべるかも。
  • 「勝手に添削 - JavaScript 入門」を勝手に添削 - IT戦記

    このエントリーは以下のエントリーへの解答です 404 Blog Not Found:javascript - 勝手に添削 - JavaScript入門 はじめに 僕はあまりブログを一生懸命書くのは嫌いです。で、いつも適当に言葉は少なめにソースだけで解説しているが。今回は、それだけでは伝わらないところまで突っ込まれてしまったので、僕が伝えたかった意図をこと細かく説明していこうと思います。 文章が苦手なので、変な言い回しで読み辛かったりすると思いますがよろしくお願いします。 一応、弾さんには断っておきますが、別に弾さんに噛みついている訳ではないです。ただ、弾さんのような有名人に突っ込まれたら、僕の講義を聞いてくれたエンジニアが嘘を教えられたと不安になってしまうのではないかと思ったのです。僕の講義を聞きにくれた人には、虚像でもいいから 100 % の自信と勇気を付けて欲しい(プログラムを書く上で

    「勝手に添削 - JavaScript 入門」を勝手に添削 - IT戦記
    mitsuki_engawa
    mitsuki_engawa 2007/04/13
    .prototype、with
  • JSASM the x86 Javascript Assembler - 葉っぱ日記

    JavaScript で書かれた x86 アセンブラ。JASMなのかJSASMなのかよくわかんないけど、XSSでWebアプリにアセンブラなテキストを注入→JSASMでアセンブル→脆弱なIEとかにバイナリ注入、とかできれば Web 2.0 っぽいと思った今日この頃(違。

    JSASM the x86 Javascript Assembler - 葉っぱ日記
    mitsuki_engawa
    mitsuki_engawa 2007/04/12
    かっこいい(間違い
  • perl|javascript - 文字列じゃないhash key : 404 Blog Not Found

    2007年04月10日16:30 カテゴリLightweight Languages perl|javascript - 文字列じゃないhash key なぜamachangが「すごい」といっているかおわかりになるだろうか。 IT戦記 - ActionScript 3.0 の勉強会資料 経由 amachang - ActionScript 3.0 勉強会資料 flash.utils.Dictionary このクラスはすごい ある意味 ECMAScript の 常識をぶち壊す 神秘のようなもの ECMAScript もビビる! 俺もビビる あ、ちょ、痛っ 石投げないで>< 以下のJavaScriptを考えてみよう。 var a1 = []; var a2 = [1,2,3] var o1 = {}; var o2 = {'one':1, 'two':2, 'three':3}; var di

    perl|javascript - 文字列じゃないhash key : 404 Blog Not Found
    mitsuki_engawa
    mitsuki_engawa 2007/04/10
    本物のオブジェクトID
  • http://youmos.com/news/dtree.html

    mitsuki_engawa
    mitsuki_engawa 2007/04/06
    よさげ。
  • Shibuya.es カンファレンス - 中継のご案内

    中継のご案内 2007年3月23日(金)開催のShibuya.esカンファレンスについて、i-revo によるネット中継を行います。 イベント当日になりましたらページに「視聴」のためのリンクを掲載します。 リンクをクリックすることでプレーヤーが起動し、再生が始まります。 配信はWindows Media Technologiesを用います。Windows Media Player 9以降の利用をお勧めします。 中継は終了しました。 録画アーカイブ amachangさん: JSer のための AS3 ![動画] abuiさん: Cycal - オンラインスプレッドシート[動画] cho34さん: えへへ、うふふ E4X[動画] sendさん: Firebug[動画] omoさん: はじめての ABC[動画] Yu Kobayashiさん: Narcissus - ナルシスト、自分を愛した美

    mitsuki_engawa
    mitsuki_engawa 2007/04/02
    あとでみる。
  • 作って納得! DOM 2 Events: Days on the Moon

    ブラウザ上でのプログラミングで避けては通れないのがイベント処理。その仕組みは DOM Level 2 Events にて規定されています。しかし、とりあえず addEventListener メソッドを使ってはいるものの、それがどのような意味を持つか詳しくは知らないといったことはありませんか。そこでここでは、DOM 2 Events のイベントモデルを理解し、ブラウザが裏で何をしているのかを把握するために、実際にそのイベントモデルを実装してみることにします。具体的には、仕様書に定められたインターフェースを JavaScript で実装し、それらを組み合わせてイベントの発生をシミュレートしてみます。 Event インターフェース EventListener インターフェース EventTarget インターフェース DocumentEvent インターフェース DOMException イン

  • DOM Events とブラウザの実装: Days on the Moon

    ブラウザ上でのイベント処理の仕組みは DOM 2 Events および DOM 3 Events 草案にて規定されています。しかし、DOM 2 Events で言及されていない部分など、細かい動作はブラウザごとに異なっていることもあります。そうした仕様と実装の差異を、「作って納得! DOM 2 Events」で触れなかったものも含めて、いくつかまとめてみました。 ターゲットフェーズで呼び出されるリスナ DOM 2 Events のイベントモデルにおいて、あるノードでイベントが発生すると、そのノードの祖先ノードのイベントリスナが呼び出されるキャプチャリングフェーズ、そのノード自身のイベントリスナが呼び出されるターゲットフェーズ、再び祖先ノードのイベントリスナが呼び出されるバブリングフェーズと、3 段階にわたってイベントが伝播していきます。このうちターゲットフェーズでは、addEventLis

  • はてなブログ | 無料ブログを作成しよう

    RTA in Japan Winter 2024 に行ったら頭がリフレッシュできた 会場に着くとでかいスクリーンにTwitchで見る配信画面が映っていて、RTA in JAPANを見に来たんだなという感覚が確かなものになった。 空いている席に座ってゲームを見ていると、当たり前だがとにかく高速でゲームが進んで行く。この日はポケットモンスターピカチュウ …

    はてなブログ | 無料ブログを作成しよう
  • JavaScriptライブラリのExtが、更にパワーアップ!: ある SE のつぶやき

    超リッチJavaScriptコンポーネント集「Ext」がprototype.jsに対応(phpspot開発日誌) キレイなインターフェースと豊富な部品があるJavaScriptライブラリのExtが、更にパワーアップしてるようです(以前はyui-ext)。 ベースとなるライブラリが、今まではYahoo! UI Libraryだけだったものが、下記のようにjQueryとPrototype+Scriptaculousを選択可能になってます。 ベースになるライブラリがYahoo! UI Libraryでなかったために、Extを使えなかった方に朗報ですね。 そして、いつの間にかテーマが使用できるようになってました。 しかも、デフォルトがAero。 Aeroがテーマだと、ちゃんとWindowが半透明になってます。 芸が細かい。 で、よく見てみると、部品が以前よりかなり増えているようですね。 なかなかい

  • JavaScriptで3Dアニメーションのデモ:phpspot開発日誌

    3d graphics in JavaScript Just because I don't do enough silly things with JavaScript already JavaScriptで3Dアニメーションのデモ。 次のような3Dオブジェクトが滑らかにアニメーションします。 IEでもFirefoxでも動作するようです。 パラメータの調節も可能で、楽しめます。 これは面白いですね。 関連エントリ JavaScriptで3Dオブジェクトを作成するためのライブラリ「JS3D」

  • [ThinkIT] 第1回:Prototype.jsを使う準備 (1/2)

    筆者がPrototype.jsに初めて出会ったのは、2005年9月ごろだったと思います。この頃、オブジェクト指向JavaScriptはまだまだ黎明期で、オブジェクト指向の書き方もさまざまな我流が存在していたことを覚えています。 もちろん、筆者も我流のオブジェクト指向で書いていました。しかし、すべてのエンジニアが我流の書き方をしていては、JavaScriptのオブジェクト指向は普及しません。 そんな時にさまざまなブログで取り上げられ始めたのがPrototype.jsでした。Prototype.jsにはクラスを定義するという機能があり、すべてのエンジニアが同じ方法でクラスを定義できるのです。それは、大きなインパクトでした。しかし、その当時Prototype.jsにはまとまったドキュメントが無く、目利きのJavaScripterたちはこぞってソースを読んでいました。 そして、そのことが図らずとも

  • DOM Rangeについて色々 - Personnel

    これまで、Rangeインターフェイスはテキストの選択範囲を操作する、それだけの仕様だと思っていました。しかし、DOM CoreやHTMLでは面倒で、コードが煩雑になりがちだった複数の要素に関する操作が、Rangeインターフェイスを利用することで直感的かつ直接的な操作になり、とても扱いやすくなることが分かりました。現在では個人的に、DOMで文書ツリーを扱う時には常に傍らにいてもらいたい介さんのような存在になっています。取りあえず呼んでおけ、みたいな。 以下、とてもありがちな要素に関する操作を、CoreやHTMLのみを用いた方法とRangeを利用した方法で行い、その比較を行います。 Foot note この記事のURI参照 http://members.jcom.home.ne.jp/jintrick/Personal/DOM_Range.html#MISUNDERSTANDING D