複数の JavaScript テストが同時に出来る「Yeti」 - everything might happen tomorrow - yhassy - builder by ZDNet Japan
Yahoo! は YUI をはじめ、数年前から開発に役立つツールを開発していました。Yahoo Developer Netowrk では開発からテスティングまで様々な使えるツールと API を公開しています。言語は Ruby, PHP、Java, Python, .NET をサポートしているので、自分が慣れている開発環境に導入しやすいのも特徴です。開発者向けのりリソースと言えば Google というイメージがありますが、Yahoo! も貴重なリソースです。 その Yahoo! が先日 Yeti というターミナルで操作するプログラムをリリースしました。コードをコミットする前にテストをするためのツールで、複数の JavaScript の動作テストを同時に行うことが出来るのが特徴です。ここでいう『複数』とは、Yeti がインストールされているパソコン上で動作している複数のブラウザだけでなく、他の
JavaScriptのDOM Core基礎 - 三等兵
Coreの簡易リファレンス。Coreは要素を参照したり、相対位置から周りのノードを参照したり、要素を生成するといった部分。主に利用するであろうプロパティやメソッドはカバーしているつもりですけど、これも入れとけってのあったら教えてください。 このあたりは地味で使いづらくその上理解しにくいという残念な部分。ふと忘れたときに使う個人的なものですが、慢性jQuery拒絶症候群な人よかったらどうぞ。それにしても暑い。ガリガリ君おいしいね。 DOMとは。 Document Object Model (DOM) は、HTML および XML ドキュメントのための API です。これはドキュメントの構造的な表現を提供し、内容や表示形態の変更を可能にします。端的に言えば、Web ページをスクリプトやプログラミング言語とつなぐような機構です。 https://developer.mozilla.org/ja/
JavaScriptを使ったローカルゲームエンジン·lov8 MOONGIFT
lov8はJavaScript製のオープンソース・ソフトウェア。最近はJavaScriptやHTML5の登場によってWebブラウザ上で高度な操作ができるようになったことがあって、Webブラウザ上で遊べるゲームが増えている。Flashゲームと合わせれば相当数のゲームがあるはずだ。 マウスの軌跡にそってイフェクトが起きるデモ そんなJavaScriptによるゲームがローカルでも遊べるようになったら、さらに面白さが広がるかも知れない。その可能性を感じさせる、JavaScript用のゲームエンジンがlov8だ。 lov8はJavaScriptで2Dゲームを作成、実行できるソフトウェアだ。JavaScriptのエンジンにはGoogle Chromeでも使われているv8エンジンが使われている。必要なファイル群をまとめてZipにし、拡張子をlov8としたものがゲームになる。 玉が階段を下っていくデモ オ
「マンガで分かる JavaScriptプログラミング講座」第2版公開中
JavaScriptと言えば、GmailやGoogleマップなどのページ移動を伴わない動的ウェブコンテンツの登場で一気に息を吹き返して注目を集めたプログラミング言語で、jQueryの登場によってプログラマだけではなくウェブデザイナーにも重要なものとなっています。 そんなJavaScriptを簡単に初心者でも理解できるようにということで、マンガ158ページ、解説文とサンプルソースコード全471KBの「マンガで分かる JavaScriptプログラミング講座」第2版が公開中となっています。この講座の第1版は2010年4月26日から連載を始めて2010年5月10日に完成しており、今回の第2版はその第1版からマンガをすべて描きなおし、説明文章を1.7倍に増補して、図版を充実させたものです。 アクセスは以下から。 マンガで分かる JavaScriptプログラミング講座 http://crocro.co
第12回 XMLHttpRequest入門 | gihyo.jp
こんにちは、太田です。前回はJSONPについて解説しました。今回は、XMLHttpRequestについて解説していきます。 XMLHttpRequestとは XMLHttpRequestはブラウザ上でサーバーとHTTP通信を行うためのAPIです。 名前にXMLが付いていますがXMLに限ったものではなく、HTTPリクエストを投げてテキスト形式かDOMノードでレスポンスを受け取る機能を持っています。 仕様としてはW3CよりXMLHttpRequestとして定義されており、2010年8月3日にCandidate Recommendation（勧告候補）となったばかりです。また、XMLHttpRequest Level 2の策定も進められています。 XMLHttpRequestの機能と特徴 前回のJSONPと比べると機能的には大きな違いはありません。ただ、スキーム、ドメイン、ポート（これをまとめて
script, styleタグ内のコードの書き方 - os0x.blog
# 最初にちょっと余談を。Chromium-Extensions-JapanのほうにChrome6 Betaの変更点を書きました。どうぞよろしく。 さて、scriptタグ内をHTMLコメントで括ってからJavaScript書くのって意味あるの? - Togetterの件に関して、関連ネタをいくつか書いておきます。。 まず前提として、scriptタグの中に直にコードを書くというのはできる限り避けたほうが良いです。とはいえ、ちょっとしたコードをいちいち外部ファイルにしていると読み込みのコストも馬鹿にならないので、インラインで書く事もよくあります。なので、以下は主に数行程度のコードをインラインに書く場合の話です。 scriptタグの中に直にコードを書くときはscriptタグに非対応なブラウザのために<！--で始め*1 // -->で閉じるというノウハウは今でも結構使われているみたいです。 しかし
インターン講義4日目「JavaScript で学ぶ イベントドリブン」 - Hatena Developer Blog
今日行なわれたインターン4日目の講義「JavaScript で学ぶ イベントドリブン」by id:cho45の資料と録画を公開します。今回は、JavaScriptの概要からDOM、イベントドリブンまでを2時間で網羅した密度の高い講義となっています。今回の放送は安定していましたので、音質・画質とも良好にできました。 明日もAM10:30より、JavaScript界の貴公子id:nanto_viによる「ユーザーインターフェース, HTML5」を放送しますので、是非ご覧ください。 自己紹介 id:cho45 - vimmer うごメモチームのエンジニア (7月後半〜) 少し前までブックマークチーム Perl, JS (Scala, Ruby, etc...) サーバサイド・クライアントサイドUI・スマートフォンなど Java や AS も場合によっては書いています 特技 1行コードを書くごとにハ
ECMAの読み方 - os0x.blog
# なんかTwitter記法がうまく動いてないんだけど、なにが悪いのかわからない… この前の#orejsや今日の#hatenatechでも話題になっていたECMAの読みについて。*1 @Constellation: ECMAってすぐイーシーエムエーって読んでしまう... #orejs 2010-07-24 20:03:06 via Tween http://twitter.com/Constellation/status/19413623287 @rwest2112: いーしーえむえーっていうのか。。。ずっと絵熊って読んでた。「絵熊では…(キリッ)」なんて。orz (#hatenatech live at URL ) 2010-08-05 11:50:18 via Ustream.TV http://twitter.com/rwest2112/status/20355293935 どっちや
第11回 JSONP入門 | gihyo.jp
こんにちは、太田です。今回から、Ajaxと呼ばれるような非同期な通信処理を行うJavaScriptについて解説していきます。今回は特にJSONPについて基礎的な部分を解説します。 JSONとは JSONについては第9回でも少し触れていますが、改めて解説します。 JSON（JavaScript Object Notation）はJavaScriptから生まれたデータ記述フォーマットで、真偽値、数値、文字列、null値の組み合わせを持ったハッシュか配列かその両方で構成されます。 JSONはそのシンプルさから多くの言語でネイティブにサポートされており、特にウェブ関連ではポピュラーなデータフォーマットです。 JSONのサンプル（配列） ["aaa", "bbb", "ccc"] JSONのサンプル（ハッシュ） {"aaa":1, "bbb": 2, "ccc": 3} JSONのサンプル（ハッシュ
Dojo 1.5登場、モバイル対応 | エンタープライズ | マイコミジャーナル
The Dojo Toolkit is an open-source JavaScript toolkit useful for building great web applications. 22日(米国時間)、Dojoの最新版となるDojo 1.5が公開された。さまざまな改善と新機能の追加が実施されたメジャーバージョン。DojoはJavaScriptで開発されたAjaxアプリケーションフレームワーク。Webアプリケーションを構築するためのさまざまな機能を提供していることから「フルフィーチャフレームワーク」と呼ばれている。 Dojo 1.5のサポートするブラウザは次のとおり。 IE8、IE7、IE6 Firefox 3.5+ Chrome 5 Opera 10.50+ (ただしDojoコアのみ) Dojo 1.5で注目される主な変更は次のとおり。 HTML5/CSS3機能の活用 (ca
Google JavaScript Style Guide 和訳 — Google JavaScript Style Guide 和訳 v0.1 documentation
この和訳について¶ この文章は Google JavaScript Style Guide を非公式に和訳したものです. 内容の正確性は保証しません. ライセンスは原文と同じく CC-By 3.0 とします. フィードバックは Issue への登録 , あるいは Kosei Moriyama (@cou929 または cou929 at gmail.com) へ直接お願いします. この和訳のリポジトリは こちら です.
第10回 JavaScriptとCSS | gihyo.jp
こんにちは、太田です。前々回と前回はHTMLの操作について解説しました。今回は、CSSの操作を中心に解説していきます。 CSSとJavaScript JavaScriptからCSSを扱うとは、JavaScriptから要素に適用されているスタイルを変更して見た目を変化させる、ということを意味します。その具体的な方法にはいくつかの種類があります。 styleプロパティの操作 class名の操作 CSS自体の操作 では、styleプロパティの操作から順番に見ていきます。 styleプロパティの操作 要素のstyleプロパティを直接操作する方法は、その要素だけに影響するので1回あたりの処理コストは低く済むというメリットはあります。しかし、複数のプロパティの操作に加え、多くの要素のスタイルを変更する場合には、スタイルを変更するたびに描画への影響の計算が行われる（この計算をreflowと呼びます）ので
JavaScriptだけで地図の上にTwitterのつぶやきを表示する：マピオンラボ(Javascript)
Twitter連携という機能を2ヶ月くらい前にリリースしました。 実はこの機能、サーバサイドは一切使わずにJavaScriptだけで実装されています。 田町駅周辺のTwitterのつぶやき Twitter Search APIをJSONPで取得しているだけ これ。 Twitter Search API Method: search 必要なパラメータは以下の通り geocode 緯度経度半径 callback JSONPのために必要 rpp 取得するツイート数。最大100件まで。 検索結果を地図に載せるだけ！ なんだ楽勝じゃん、と思ったらほとんどのツイートに位置情報（ジオタグ）が含まれていないことが判明しましたorz 位置情報は以下のような形で返ってきます。 geo: { type: "Point", coordinates: [35.7011, 139.7708] } ところがほとん
モダンブラウザで使う「Geolocation API」前編
（2011/04/15 追記） 広義の HTML5、狭義の HTML5 について追記しました もりやまです。 最近比較的余裕があるので色々調べたりしているのですが、今回はブラウザの位置情報取得機能（Geolocation API）について調べてみました。 携帯端末では昔から結構使われていましたが、今回調べてみたところ、ほとんどのモダンブラウザが対応していることがわかりました。 というわけで、ここにまとめてみます。 Geolocation API とは ホストデバイスに関連する地理的な位置情報へのスクリプトによるアクセスを提供する API です。 ザックリ言ってしまうと、ブラウザ上で動く JavaScript から現在の位置情報を取得するためのAPI の仕様、ということです。 W3C で策定中の規格で、現在は最終草案（Last Call Working Draft）の段階です。 よく「HTM
Ajax - Amazonと楽天に二股かけてみる : 404 Blog Not Found
2010年07月09日05:00 カテゴリLightweight Languages Ajax - Amazonと楽天に二股かけてみる えーっ!? 勝間和代公式ブログ: 私的なことがらを記録しよう!!: 楽天ブックスに感動→ブログのリンクをamazonから楽天ブックスに切り替えます 私のブログのメインの画面のリンクはだいたい楽天ブックスに張り替えてみましたので、まだ体験していない方がいらっしゃったら、試してみてください。 っても 楽天ブックスに感動→ブログのリンクをamazonから楽天ブックスに切り替えます (勝間和代公式ブログ: 私的なことがらを記録しよう!!) - ヲハニュース 結局、アフィリの報酬（料率）なんですよね。 ですよねー ん、まてよ? 二股かけられんか? かけられるじゃん。 ASIN: Status: Title: Author: itemPrice:円 Amazonで購入
JavaScriptのパフォーマンスはiOS4よりAndroid 2.2の方が速い - 気になる、記になる…
管理人：Taisyo 海外の情報＆噂サイトで報じられている Microsoft (Windows) や Apple (MacやiOSデバイス) の最新情報を翻訳(ミスも多いですが…)してUPしています。 当サイトのメインページや個別記事へのリンク、コメント、トラックバックは自由に行って下さい。 ご連絡の必要はございません。 ある程度確認はしていますが、InternetExplorerでは一部正しく表示されない部分があり、推薦はSafariとなっています。 ニュース：総合(982) ニュース：携帯電話(346) 気になるニュース(488) ニュース：ブラウザ(204) ミニノート関連(Eee PCなど)(260) Microsoft：総合(789) Microsoft：各種アップデータ(98) Windows Vista：ニュース(512) Windows Vista：レビュー(27) Wi
N-Queen問題をWeb Workersで解いてみた(Javascript関係)：少しでもパラノイアになってみる：オルタナティブ・ブログ
Javascritpベンチを作ってみたくN-Queen問題をJavascriptで解いてみました。N-Queen問題回答のサンプルがありますが、ブラウザでは再帰しすぎると止まるため、再帰する回数はある程度抑えるようにしています。 ソースは、ソース置き場のnqueen.zipです。ただし、ChromeはpostMessageをローカルファイルではやり取りできないようなので、N-Queenにありますので、試したい方はアクセスしてください。 Threadにはスレッド数を、N-Queenにはマスの数を入れてください。Threadに0を入れると、Web Workersを使いません。 N-Queen:12、Thread:4、Chrom 5.0.375.99、Phenom II X4 940BE(3.0GHz)の条件で1秒前後かかります。Web Workersを使っているためブラウザは止まりませんが、あ
JavaScript で ePub を生成するライブラリ (というか EeePub を JavaScript で写経してみた) - P A R A G R A P H S
http://github.com/tily/js-eeepub JavaScript で ePub を読むだけじゃなくて作成できたら面白いだろうなと思って、勉強も兼ねて jugyo さんの EeePub を JavaScript に移植してみた。 不完全なところが色々あるし、もっと便利にできそうな気がするんだけど、だいぶ飽きてきたんで一旦 github で公開してみる。 zip.js と xmlbuilder.js に依存している。あと、JSSpec でスペックを書いてみた。スペックに書いてるまんまだけど、こんな感じで使う。 var easy = new EeePub.Easy({ title:'sample', creator:'tily', identifiers:'http://example.com/book/foo', uid:'http://example.com/book/
TraceMonkey概要 - SumiTomohiko's blog
この記事は、http://hacks.mozilla.org/2009/07/tracemonkey-overview/の無許可日本語訳です。 Firefox 3.5 has a new JavaScript engine, TraceMonkey, that runs many JavaScript programs 3-4x faster than Firefox 3, speeding up existing web apps and enabling new ones. This article gives a peek under the hood at the major parts of TraceMonkey and how they speed up JS. This will also explain what kinds of programs get the bes
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Site Under Maintenance
