タグ

*JavaScriptに関するmirroredのブックマーク (83)

  • さいきんの JavaScript テスト / Test.js - Shibuya.js 発表資料 - 川o・-・)<2nd life

    日行われた Shibuya.js の発表資料をアップしました。 さいきんの JavaScript テスト / Test.js - Shibuya.js 発表資料 View more presentations from hotchpotch JS のテスティングフレームワークのおおざっぱな説明や JavaScript テストにおける問題、それについての解決方法の一つ、CUI でのテスト、Envjs、エンドツーエンドテストにおける JS / Ajax のテスト、終わりにちらっと Phantomjs の話があります。 スライドの最後にあるように、やはりまだコレだ!という JS のテスティングフレームワークは存在しなく、今後 JS のテストは『僕らが書きたいテスト』をどれだけ簡単に書ける・書く手法が確立されるかによって流行廃りは決まってくるんじゃないかなぁ、と思ってます。そのうちの一つがスライ

    さいきんの JavaScript テスト / Test.js - Shibuya.js 発表資料 - 川o・-・)<2nd life
  • node.jsの仕組みを聞いて分からなかった点 - hozumiの日記

    重要なのは,リクエストとタスクの違いです。ここで言うタスクとはリクエストを細分化したもので,例えばリクエストの解析や,キャッシュサーバーやデータベースサーバーへの問い合わせ,レスポンスの作成といった個々の処理を指します(もしくはイベントといったほうが適切です)。Node.jsはリクエスト(コネクション)という単位に縛られることなく,細分化したタスクを順番に処理していきます。より具体的に言えば,一人目がデータベースに問い合わせている間に二人目のリクエストの処理を行い,データベースから結果が返ってきたら一人目の処理へ戻り,といった具合です。データベースやファイルI/Oに問い合わせている間に何もすることがない,といったことが起こりません。 2011年のJavaScript ─ウェブアプリ全盛の時代へ つまりはこういうことだと思う。 3つのリクエストを処理する時、スレッドモデルはこう。 人はスレッ

    node.jsの仕組みを聞いて分からなかった点 - hozumiの日記
  • wtfjs - a little code blog about that language we love despite giving us so much to hate

    created by Brian LeRoux & Andrew Lunny. sparodically uncurated by David Trejo. 2016 03 19 weird instanceof2016 03 10 Object And Array Prototype Length2016 03 09 Two Special Numbers2015 04 23 screwy negative array index2015 04 16 moving numbers2015 04 08 array sort2015 03 23 adding arrays2015 02 05 good old octal decimal wtf2015 02 02 Boolean constructor2014 11 22 object as object key2014 10 07 tru

    wtfjs - a little code blog about that language we love despite giving us so much to hate
  • typeof演算子から学ぶJavaScriptのデータ型の概念と関係する考察のまとめ - 三等兵

    まずはtypeof演算子について。JavaScript Gardenというウェブページがありまして。こういう一文がありまして。 The typeof operator (together with instanceof) is probably the biggest design flaw of JavaScript, as it is near of being completely broken. http://bonsaiden.github.com/JavaScript-Garden/#typeof 訳)http://efcl.info/adiary/Javascript/JavaScriptGarden#k95p17 要するにtypeof演算子は「ヒャッハーtypeof演算子ぶっ壊れてるぜー」ってことらしい。理由が下記の表。 [表1] Value Class Type - "f

    typeof演算子から学ぶJavaScriptのデータ型の概念と関係する考察のまとめ - 三等兵
  • ブラウザのアドレスバーがゲーム画面「URL Hunter!」登場 | ネット | マイコミジャーナル

    An experimental game using the URL bar as the game screen. 「URL Hunter!」という興味深いゲームが公開された。ブラウザでURL Hunter!にアクセスすると、アドレスバーのところがせわしなく動いていることに気がつく。URL Hunter!は「アドレスバー」をゲームをプレーする場所として利用するゲーム。jQuery 1.5.1を使って比較的短いJavaScriptで実装されている。 URL Hunter!のページにはゲームの操作方法が記載されている。Oが操作するキャラクタ、aが敵という設定になっており、カーソルキーの左と右でOを移動させることができる。端まで移動すると、反対側の端にジャンプする。aはランダムに移動しているので、うまくaの上にOを移動させてそのタイミングでスペースキーを押す。うまくヒットすればaを倒したことに

  • HTML5の新要素をinnerHTMLで生成できないバグを回避する - latest log

    IE6〜IE8のinnerHTMLには問題が多く、そのひとつに、HTML5の新要素をわせると悪夢のようなDOMツリーを生成するというものがあります。 var div = document.createElement("div"); div.innerHTML = "<section>section</section>"; document.body.appendChild(div); 上記のコードを実行すると、body以下にはこのような構造ができてしまいます。 <body> <div> section </SECTION> </div> </body> どうやら、innerHTML に与える文字列を div でラップし、div要素の前に何か一つ以上のダミーの文字列を設定しておき、あとでアンラップすれば上手くいくようです。 http://jsdo.it/uupaa/IEInnerHTMLB

    HTML5の新要素をinnerHTMLで生成できないバグを回避する - latest log
  • JavaScriptのnewって何?一体何なの?という話 - 愛と勇気と缶ビール

    マクラ JavaScriptを使っている人なら知っていることだろうけど、JavaScriptはプロトタイプベースのオブジェクト指向を採用しているので「クラス」がない。オブジェクトしかない。 でも、組み込みの演算子としてnewがあって、それを使って var obj = new Object(); とか書けちゃう。クラスってものはJavaScriptにはないはずなのに、new ClassName();と書くとあたかもClassNameクラスのオブジェクトのインスタンスが生成され、それが返ってくるかのような挙動をしている。 これは気持ち悪い。言語仕様としてはクラスは来存在しないのに、クラスのようなものが導入されている。まともな神経を持った人間なら、一体new演算子って何なの?という疑問を持つのが当たり前である。「{}はnew Object()のシンタックスシュガーです」とか言ってふんぞり返って

    JavaScriptのnewって何?一体何なの?という話 - 愛と勇気と缶ビール
  • cybozu-connect - Project Hosting on Google Code

    Code Archive Skip to content Google About Google Privacy Terms

    mirrored
    mirrored 2011/02/03
    サイボウズオフィス用のライブラリ
  • 記号だけのJavaScriptプログラミングの基本原理 - Articles Advent Calendar 2010 Sym

    こんにちは。プログラマ定年を迎えたのであとは悠々自適に日々過ごそうと思ってるはせがわです。 JavaScriptで記号プログラミングを行う基的な取り組を説明します。 jjencodeなどで使っているテクニックです。 まず最初は数字の作り方。 +[] // 空の配列にプラス演算子で数値の 0 ~[] // 空の配列にビット反転で -1 ~{} // 空のオブジェクトにビット反転で -1 -~[] // 空の配列にビット反転で-1、-1に単項マイナスで +1 -~-~[] // +1 にビット反転で -2、-2 に単項マイナスで +2 このように、空の配列や空のオブジェクトに数値用の演算子を適用することで、任意の数値を記号だけで生成することができます。 次に文字の作り方。 ![] // 空の配列に論理否定で false !![] // 空の配列に論理否定を2回で true (![]+"")

    記号だけのJavaScriptプログラミングの基本原理 - Articles Advent Calendar 2010 Sym
  • 総合インデックス

    ・イベントに関する情報を取り扱うオブジェクト ・タグ内に設定されたイベント・ハンドラからだけでなく,ウインドウ上のどこからでもイベントを取得できる ・Firefoxを含めたMozilla系ブラウザでは,イベントに関する値が一度変数に代入され,そこから値を取り出すのに対し,Internet Explorerでは「window.event.プロパティ」としてオブジェクトの階層に沿って記述して値を取り出すInternet Explorerで値を取り出す場合,最上層のオブジェクトである「window」は省略可能また,Opera,Safariは,Mozilla系ブラウザ,Internet Explorer両方の用法がサポートされている ・JavaScript1.2で追加されたオブジェクト ・ブラウザ自身や,アラート・ダイアログ・ボックスなどの各種ダイアログ・ボックスの情報を提供したり,操作したりする

    総合インデックス
  • DOM Event の target

    :tetsuharu @saneyuki_s addEventListenerに指定した無名関数をremoveEventListenerしたいばあい、event.currentTarget.removeEventListener(event.type, arguments.callee)ってやればいいことに気付いた 2010-10-18 23:51:46

    DOM Event の target
    mirrored
    mirrored 2010/11/27
    removeEventListener
  • ニコニコ動画のプレーヤーをJavaScriptから操作するAPI一覧 - kiyohoge

    調べてみたのでメモ。 ちなみにいかのplayerは var player = document.getElementById('flvplayer');で取得できるようなプレーヤーの要素。 player.ext_play(boolean) -> void引数がtrueの場合実行、falseなら停止。 player.ext_setPlayheadTime(number) -> voidnumber秒後にシーク。 player.ext_setMute(boolean) -> void引数がtrueの場合ミュート、falseならミュートを解除。 player.ext_setVolume(number) -> void音量を0〜100の範囲で音量を調節、それ以外の値が引数だと無効。 player.ext_setCommentVisible(boolean) -> void引数がtrueの場合コメン

    ニコニコ動画のプレーヤーをJavaScriptから操作するAPI一覧 - kiyohoge
  • IE+JavaScriptで#02050aが透過されるバグ│JavaScript│グラビカ学習帳~ホームページ制作会社 gravity works(グラビティ・ワークス)の備忘録と知識の共有と蓄積

    JavaScript(jQuery)を使って画像をフェードさせていたところ、 フェード中のいくつかの画像に白い点々が出ているのを見つけました。 (ディスプレイのドット落ちのような・・) 調べてみたところIEのバグのようです。 いろいろな方の記事で書かれているのを見ると、 発生条件は以下のような感じ。 ・JavaScript の filter:alpha(opacity); を使用 ・JPEG画像を使用 ・#02050a の色を使用 要するに、#02050a を含むJPEG画像をJSで透過させると、 #02050a の箇所だけが完全に透過JPEGになってしまう、 というバグのようです。IEのみ。 解決策としては 1. PNG画像などにする 2. #02050a を使わない 3. 背景色を #02050a にする となりますが、 何故かPNG画像にしただけでは直らず・・ 結局、PNG画像 +

  • node.jsで「メタプログラミングRuby」水曜日のredflagを実装する - 愛と勇気と缶ビール

    はい、つられましたね。あなた、node.jsっていう流行り言葉につられてこのリンクを踏んでしまいましたね。 ここはバーボンハウスだ。ゆっくりしていってくれたまえ。 というような冗談は置いといて。 最近、「メタプログラミングRuby」っていうを読んだのですが、そのの第三章「水曜日」のとこに、redflag.rbっていうRubyでDSLを実装する際のサンプルコードがあります。 具体的には、カレントディレクトリにある*event.rbに書かれてある次のようなDSLを実行して、event関数に渡したブロックの条件式が満たされなかった場合に"ALERT: hyde is shorter than 157cm!"という出力をするためのコードをかけ、みたいなお題です。 event "hyde is shorter than 157cm!" do @hyde < 157 end setup do pu

    node.jsで「メタプログラミングRuby」水曜日のredflagを実装する - 愛と勇気と缶ビール
  • Node.jsってなんぞ - urekatのスカンク日記3

    語訳ありがたい。 http://nodejs.jp/nodejs.org_ja/ http://nodejs.jp/nodejs.org_ja/api.html シングルスレッドでイベントドリブン&ノンブロッキングAPIを使って コンテキストスイッチのコストをケチって 高パフォーマンスサーバを書くフレームワークってことであってますか? ノンブロッキングでプロトコル書くのってなかなかめんどくさいけれども WebSocket時代になれば受け入れられるものなんでしょうかね。 用途は? 細かくて大量(だけど単純)なリクエストを低コストさばく。とか、 socket長時間はりっぱし(=ソケットが多い)だろう。 Cometサーバ チャット、リアルタイムWeb WebSocket これ前提で出現したんだろうけど TCP/UDPの独自プロトコルなサーバ オンラインゲームとか ストリーミングサーバ HTT

  • リアルタイムWebハッカソンでハンズオンしてきました - 自分の感受性くらい

    ATNDはhttp://atnd.org/events/8626、ハッシュタグは#riajyuです。 会場提供はGREEさまです。いつもありがとうございます。 今回は、なんか流れでいつの間にかに僕がハンズオンの講師という立場になってました。 で、一応資料としてはnode.jsのインストールからWebSocketを使った簡単なサンプルが動かせるところまでを用意しました。前回までのエントリがそれにあたります。 資料1. node.jsとnpmのインストール http://d.hatena.ne.jp/t_43z/20101013/1286957802 資料1補足. Cygwinや仮想化なしでnode.jsをWindowsへインストール http://d.hatena.ne.jp/t_43z/20101020/1287545238 資料2 ExpressとWebSocketを使ったWebSock

    リアルタイムWebハッカソンでハンズオンしてきました - 自分の感受性くらい
  • Node.js - Wikipedia

    Node.js(ノード・ジェイエス) はV8 JavaScriptエンジン上に構築されたJavaScript実行環境の1つである[5]。イベント化された入出力を扱うサーバサイドJavaScript環境であり、Webサーバなどのスケーラブルなネットワークプログラムの記述を意図している[6]。ライアン・ダールによって2009年に作成され、ダールを雇用しているJoyentの支援により成長している[7] [8]。 概要[編集] V8 JavaScriptエンジンで動作するが、ChakraCoreバージョンやMozillaによるSpiderMonkey移植のプロジェクトも存在する。 Node.jsはPythonTwistedPerlPerl Object Environment(英語版)、C言語のlibevent(英語版)、RubyのEventMachine(英語版)と同様の目的を持つ。 ほと

    Node.js - Wikipedia
  • node.js ハンズオン資料 — node.js hands-on v1.0 documentation

    node.js ハンズオン資料¶ このドキュメントは node.js をハンズオンを通じて学習するためにまとめた資料集です. プログラミングの基を知っている Unix コマンドの基を知っている JavaScriptの基を知っている ことを前提に、node.js 上で動作するプログラムの作成を通じて、node.js を学習していきます。 最新版 ソース オンライン log 2010/10/30 絶賛作成中. 非同期IOメソッドを使う まで完了. 入れてほしいコンテンツがあれば @yssk22 まで.

  • node(1) -- V8 JavaScript によるイベント化された I/O

    このページは nodejs.org を Node.js日ユーザグループの 有志が日語訳したものです。 画像、デザイン及びオリジナル文書(英文)の著作権は、オリジナルの作者に帰属します。 訳文の著作権は、それぞれの訳者に帰属します。 概要 'Hello World' と返答する Node で書かれたWebサーバの例: var http = require('http'); http.createServer(function (request, response) { response.writeHead(200, {'Content-Type': 'text/plain'}); response.end('Hello World\n'); }).listen(8124); console.log('Server running at http://127.0.0.1:8124/');

  • プロペシア ジェネクリ・公式【本物を即日発送】

    医薬品ガイド 臨床試験によるとプロペシアは初期脱毛や性欲減退や勃起不全というような男性機能の低下、加えてうつ症状とか肝機能不全などの副作用が発生することがあるとのことです。 子供さんや皮脂が減少している中高年、アトピー性皮膚炎に罹っている人などに保湿剤として医者でヒルドイドソフト軟膏がよく処方されるとのことです。 トリキュラーと言いますのは、低用量ピルに類別されます。配合されている成分が排卵を抑え込んだり、精子の侵入を防いだりするため避妊の効果が認められているのです。 ジェネリック医薬品には味に改良を加えた物や小さくしたもの、錠剤やシートに改良を加えた物、そして飲み易さであったり飲み間違いに対する工夫が行われているものも多くなっています。 「直ぐ効く」というのが日人の体質と欲求(ニーズ)にマッチしているレビトラ20mgではありますが、日国内でもこの20mgを服用するのが主流になってきま