The Human Factor すぐれた設計への 3 つのヒントThis browser is no longer supported. Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support.
Pipes: Rewire the web
This pipe is designed to use eBay's RSS API to find items within a certain price range. Created by Ed Ho (show me) This pipe is designed to use eBay's RSS API to find items within a certain price range. Created by Ed Ho (show me) About Pipes Pipes is a powerful composition tool to aggregate, manipulate, and mashup content from around the web. Like Unix pipes, simple commands can be combined togeth
Doloto - Microsoft Research
Doloto stands for Download Time Optimizer and is also the Russian word (opens in new tab) for chisel. Modern Web 2.0 applications, such as GMail, Live Maps, Facebook and many others, use a combination of Dynamic HTML, JavaScript and other Web browser technologies commonly referred as AJAX to push page generation and content manipulation to the client web browser. This improves the responsiveness o
Visual Studio Marketplace
One place for all extensions for Visual Studio, Azure DevOps Services, Azure DevOps Server and Visual Studio Code. Discover and install extensions and subscriptions to create the dev environment you need.
Microsoft Ajax Content Delivery Network - ASP.NET Ajax Library
Warning Production applications should not take a hard dependency on CDN assets. Applications should test for the CDN asset referenced, and use a fallback asset when the CDN is not available. The Microsoft Ajax CDN has no SLA above and beyond using an Azure CDN. Use this GitHub issue to report problems with the Microsoft Ajax CDN. Table of Contents ajax.microsoft.com renamed to ajax.aspnetcdn.com
はてなブログ | 無料ブログを作成しよう
最大31ページの物語 日記を1ヶ月書き終わったら読み返して、「○○をやってみたい」という夢や願望が書いてあったら、いつか実行するために線を引くというマイルールがある。 そのルールを、3月・4月・5月とサボり続けてしまったので、昨晩、徹夜して取り掛かった。 3ヵ月分の日記を一気に読…
JavaScriptでJSON2XML
多くのウェブサービスで提供されるJSONデータは改行もインデントもなく読みづらい。PipesとかPipesとかPipesとか。Big SkyではGUIツールを作っていたけど、単にデータの構造を把握したいだけとかならXMLに変換してブラウザで見るのでも良いと思う。今まではその変換を適当なPerlスクリプトでやってたが、JavaScriptだけで出来そうな気がしたのでとりあえず作ってみた。そこそこ使えそう。 コアになるコードは20行ほどの再帰的に呼ばれる関数だけ。 function JSONtoXML (obj, depth) { var result = "", indent = ""; for (var i = 0; i < depth; i++) { indent += " "; } for (var key in obj) { var name = key; if (key.match
neue cc - Reactive Extensions for JavaScript
MIX10終了しましたねー。何はともかく皆してIE9の話題ばかりで、ああ、InternetExplorerは愛されてるなあ（色々な意味で）、などというのを横目に、私にとっての最大のニュースはReactive Extensions for JavaScript(RxJS)です。Reactive Extensions(Rx)はこのサイトでもカテゴリーを作ってメソッド探訪なんてやってるぐらいに注目していたわけで、当然MIX10でJavaScript版出すという話を聞いた時からwktkが止まらなかったわけですが、全く期待を裏切らなかった！というか、こいつはヤバいですよ？ Reactive Extensionsとは何ぞや、というと、LinqというC#の関数型言語みたいなリスト処理ライブラリ(語弊ありまくり)のイベントとか非同期版です。イベントや非同期処理にたいしてmapとかfilterとかfoldと
Big Sky :: javascriptで動くtwitter streamクライアントを作るならばmultipart/mixedを使うべき
twitter stream APIとは、twitterのステータス更新に対してキーワードでtrackしたり、あるグループ内に属するステータス更新をフィルタしたり出来るAPIなのだけど、実際にはchunkedなストリームが流れて来ているのであって、これを使ったWebアプリを作る際にはlong pollを使うのが良い。ただしクライアントサイドでjavascriptを処理する際に サーバサイドでステータス更新をFIFOに溜め込む クライアントからリクエストをブロック(long poll)しFIFOからステータスを送出する クライアントサイドでlong pollを行い画面を更新する 再度サーバへリクエストを投げる を繰り返すのであれば、せっかくストリームなのにアプリサーバとの接続を切ってしまう事になる。出来ればクライアントからWebアプリもストリーミングとしたい。しかしながらサーバからのステータ
ECMAScript - Web Application Programming Wiki*
Web Application Programming Wiki*
strict モード対策 - latest log
Firefox の JavaScript にはコードを厳格に解釈する strict モードがある。 [about:config] - [javascript.options.strict = true] この状態で、疑わしいコードを実行するとエラーコンソールに警告が出る(ロギングにつられてパフォーマンスも大きく落ちる)。 例えば、if 内での代入や、関数からの戻り値が有ったり無かったりするケースなど。 function() { if (a = 1) { return 1; } // return }if 内での代入は、()で囲むことで警告を抑止できるし、 if ( (a = 1) ) {} // 警告が出なくなるreturn し忘れは適切に補完することで回避できる。 function() { if (a) { return 1; } return 0; }警告付きのコードを公開し続けると、
PATAPON(パタポン) はてなダイアリーキーワードミニゲーム - 川o・-・）＜2nd life
キーワードを弓で打って遊ぶ、「PATAPON(パタポン)」オリジナルミニゲームの提供開始について【12/16(日)まで】 - はてなダイアリー日記 12月10日(月)から12月16日(日)までキーワードページで PSP用ゲームソフトパタポンのミニゲームを遊ぶことが出来ます。まだ遊んだことが無い方は、是非遊んでみてください:D。 自分はこのミニゲームで、キーワードの位置情報を利用したミニゲームシステムの考案からゲーム内容、レイアウト等のデザインからサーバサイドの実装まで、ほぼ最初から最後までかなり自由に作らせて貰いました。 以前からはて☆すた OPなんかでやっていた Flash を背景透過にして、ブラウザ内部に全画面表示させ、レンダリングされてる HTML コンテンツ(位置や文字情報)などをサーバサイドを通さず、直接 Flash からアクセスしてなんか作ってみたいなー、と思っていたのでそれが
ハタさんのブログ : scriptタグのcharsetはデキる子
scriptタグのcharsetは何気にデキる子なんです。ホント 何かの手違いでcharsetの違うjsファイルとかを動的に読み込みたいなんて事があった場合でも結構素直。 via - JavaScriptとたわむれる : memo-space (function (){ var scripts = [ {'src': 'path/to/hoge.js', 'charset': 'UTF-8'}, {'src': 'js/foo.js', 'charset': 'Shift_JIS'}, {'src': 'http://labs.s2php5.jp/s2dao.js', 'charset': 'EUC-JP'} ]; var temp = document.createElement('div'); temp.style.display = 'none'; document.body.a
一行入魂 Chrome ExtensionでGoogleMapの静的変換
Google Mapを画像に変換するVer2でGoogleの動的地図を静的地図に変換するJavaScriptを書きました。 でもまあ、変換するたびにこの画面を開くのもめんどくさいかなと思い、Chrome Extensionの機能で実現してみました。 Chrome ExtensionはGoogle Chromeの拡張機能でJavaScriptとHTMLとCSSで構成されます。 普通にWebを作れれば、拡張機能が作れるので、手っ取り早くていいですね。 そして今回は拡張機能なかでも、パッケージングとか必要の無いさらに簡単なUser Scriptsを使います。 これは、*.user.jsという名前で読ませるとChromeは拡張機能と判断して、インストールしてくれます。 User Scriptsでは、表示されている特定のページをカスタマイズすることができます。 今回はGoogle Mapでリンクを作
第2回 User ScriptsとContent Scripts | gihyo.jp
こんにちは、株式会社ALBERTの太田です。今回はGoogle ChromeのUser ScriptsとContent Scriptsについて、その仕様とGreasemonkeyとの違いを中心に、実際のスクリプトの書き方を交えて解説します。 ユーザースクリプトとは User Scriptsとは、Google Chrome版のGreasemonkey（ただし、後述の通り互換性はあまり高くありません）です。そもそもGreasemonkeyとは任意のページで任意のJavaScriptを実行し、そのページに機能を追加したり、（自分にとって）不要なものを取り除いたり、異なるサービスとの連携をしたり、といったことをJavaScriptファイルひとつで実現できるようにするFirefoxのAdd-onです。その手軽さと、それに見合わぬ強力なカスタマイズ性能から高い人気を得ています。 しかし、Grease
Object.prototype.watch() - Archive of obsolete content | MDN
非推奨の警告: watch() および unwatch() は使用しないでください!これら 2 つのメソッドはバージョン 58 より前の Firefox しか実装しておらず、Firefox 58 以降で非推奨および削除されます。また、ウォッチポイントを使用するとパフォーマンスに大きな悪影響があり、特に window のようなグローバルオブジェクトで使用すると顕著です。通常は、代わりに セッターとゲッター または proxy を使用できます。 watch() メソッドはプロパティに値が代入されるのを監視し、代入された際に関数を実行します。 構文 obj.watch(prop, handler) 引数 prop 変化を監視したいオブジェクトのプロパティの名前。 handler 指定したプロパティの値が変化したときに呼び出す関数。 戻り値 undefined。 説明 オブジェクト中で名前が pr
Array.concatで配列のクローン(コピー)を作成する - latest log
JavaScriptで配列のクローンを作成しようとして、悩んでいる方もいらっしゃるようですが、 以下のように、for ループや再帰なコードを手書きする必要はなくて、Array.concat() で配列のクローンは作成できます。 Array.prototype.clone = function(){ return Array.apply(null,this) } Array.prototype.clone = function() { if ( this[0].constructor == Array ) { var ar, n; ar = new Array( this.length ); for ( n = 0; n < ar.length; n++ ) { ar[n] = this[n].clone(); } return ar; } return Array.apply( null,
サーバー不要！Yahoo! PipesでXML→JSONPに変換 (1/3)
XMLやJSON(P)形式でデータを得られるWebサービス（API）がここ数年で充実し、外部のサイトのさまざまなデータを簡単に利用できるようになりました。特にJSONP（JavaScript Object Notation with Padding）形式でデータを取得できれば、サーバー側に通信プログラムを置く必要がなくなり、ユーザー（Webブラウザー）側のJavaScriptだけで通信処理をこなせるので便利です。 ただ、Webサービスによっては、XML形式でしかデータを提供していない場合もあります。そんなときには、米ヤフーが提供する「Yahoo! Pipes」の出番です。Yahoo! Pipesは複数のフィードを束ねる“フィードアグリゲーター”として知られていますが、XMLをJSONPに変換する機能もあるのです。Yahoo! Pipesを使えば、XMLしか提供していないWebサービスも、J
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Amazon.co.jp: JavaScript 第5版: デ-ヴィド・フラナガン, 村上列: 本
Ben Alman » jQuery hashchange event » Examples » Bug in Firefox: Remote XMLHttpRequest