Kanasan.JS JavaScript第5版読書会#9 に参加した - mollifier delta blog
2010/2/14(土) Kanasan.JS JavaScript第5版読書会#9 に参加した(告知ページ)。 今回読んだところは P479 から P528まで。特に後半は XMLHttpRequest に関する章で、色々ふむふむしながら読んだ。以下、分かったことのメモ。 open メソッドの第4、第5引数 XMLHttpRequest の open メソッドには省略可能な第4、第5引数がある。それぞれ Basic 認証の「ユーザ名」「パスワード」として使用できるらしい。 というわけで、さっそく試してみた。 Basic 認証のかかったサンプルページがあったので、そこに xhr でリクエストを投げて、Wireshark で通信の内容を見てみた。 まず、JavaScript のコードはこんな感じ。サンプルページを開いて firebug のコンソールに貼り付けて実行した。 var url =
XMLHttpRequest の使用 - Web API | MDN
このガイドでは、ウェブサイトとサーバーの間でデータ交換をするために、 XMLHttpRequest を使用して HTTP リクエストを発行する方法を紹介します。 XMLHttpRequest のよくある使用例やもっと分かりにくい使用例も含まれています。 HTTP リクエストを送るには、 XMLHttpRequest オブジェクトを作成し、 URL を開いてリクエストを送信します。トランザクションが完了すると、オブジェクトには結果の HTTP ステータスコードやレスポンスの本文などの有益な情報が格納されます。 function reqListener () { console.log(this.responseText); } var oReq = new XMLHttpRequest(); oReq.addEventListener("load", reqListener); oReq.o
Javascriptでクリックする(Twitterで「新着何件」みたいなボタンをクリックする) - hitode909の日記
TwitterのHomeを開いていると，新たな更新があるとき，3 new tweets.みたいなのが表示されて，クリックすると表示される． これを一日中クリックし続けるのは指が疲れるので，自動的にクリックさせるようにしてみた． Twitterで「新着何件」みたいなボタンが出た瞬間にクリックする — Gist // ==UserScript== // @name click-new // @namespace http://www.hatena.ne.jp/hitode909 // @include http://twitter.com/* // @include https://twitter.com/* // ==/UserScript== setInterval(function() { var button = document.querySelector("#results_upd
JavaScript基礎文法最速マスター - gifnksmの雑多なメモ
続々と増え続ける基礎文法最速マスターシリーズ(あまりにも増えてきたので他の言語記事へのリンクは別の記事に移しました)。 JavaScript 版は誰も書いていなかったようなので書いてみます。こういう解説記事的なものを書くのは初めてなので変なところがあったら指摘して頂けるとありがたいです。 JavaScriptの基礎概念についての解説はこちら：JavaScript基本概念最速マスター - TechTalkManiacs 1/31 23:58追記 コメント欄のos0xさんのご指摘を基に一部追記・修正を行いました。 2/2 2:52追記 switch文・正規表現・例外処理について追加しました。 2/2 6:44追記 コメントでfavrilさんにご指摘頂いた点(typo & コメント・サンプル追加)を修正・加筆しました。 2/2 7:15追記 トラックバックでLiosKさんにご指摘頂いた点(cal
jQuery、プラグイン、jQuery UI、Web経由のCDNとは
jQuery、プラグイン、jQuery UI、Web経由のCDNとは：CSSの書き方も分かるjQueryプラグイン実践活用法（1）（1/3 ページ） CSSの書き方も分かる、jQueryプラグイン紹介連載 本連載は、jQueryと、そのプラグインの使い方を、UI効果（エフェクト）のテーマごとに紹介する連載です。jQuery/JavaScriptコードやHTMLコードだけではなく、CSSの書き方も解説することで、より実践的にjQueryプラグインを使うための参考ドキュメントになることを目指しています。 第1回目は、基本／おさらいとしてjQueryとプラグイン、jQuery UIについて簡単に触れ、Web経由でjQueryを使うCDN（Content Delivery Network）について解説します。 これぐらい知ってますよね？ 「jQuery」基礎講座 jQueryは、米国のJohn R
JavaScriptでマインドマッピング·js-mindmap MOONGIFT
js-mindmapはJavaScript製のオープンソース・ソフトウェア。情報を整理したり、新しいアイディアを見いだす際にマインドマッピングを使う人は多い。個人はもちろん、複数人で同じマップを目の前にして色々話し合いながら書き加えていくのも面白い。 コラボレーションを考えるならWebブラウザベースで実行できるのは大事なことになる。それをライブラリで実現してくれるのがjs-mindmapだ。js-mindmapはJavaScriptを使ってマインドマッピングを描き出してくれるライブラリだ。 描画後に揺れながら表示されるタイプになっており、最初の表示は中央に集まっていた全てのノードが一気に広がっていく。子ノードほど遠くに広がっていく。ノードはマウスでドラッグでき、他のノードも連動して動くようになっている。リンクは付けられるがjs-mindmap上でノードの追加や削除、編集はできない。 編集機
HTMLDocument の動的な作成: Days on the Moon
ブラウザ上で、JavaScript を使って HTML のソースから HTML 文書を生成するのに、どんな方法があるのか調べました。なお、以下のスクリプトは HTML 文書上で実行することが前提です。 表の見方 XSLT の HTML 出力 createHTMLDocument メソッド createDocument メソッド createDocument メソッドと名前空間の指定 createDocument メソッドと文書型宣言の指定 createDocument メソッドと文書型宣言及び名前空間の指定 cloneNode メソッド iframe 要素 ActiveXObject CID からの作成 まとめ 表の見方 以下の表において、各項目の意味は次の通りです。 doc HTML 文書を作成できれば○、XML 文書を作成できれば△、それ以外なら×です。HTML 文書かどうかは、cre
JavaScriptで本文抽出·ExtractContentJS MOONGIFT
ExtractContentJSはJavaScript製のオープンソース・ソフトウェア。ブログやWebサイトのデータを集積して、そこから情報を吸い出して何らかのサイトを構築するというサービスは多い。その時重要になるのが特定URLからの本文抽出だ。サイドバーやヘッダーなど余計な情報を省くことでより意味のあるコンテンツが得られるようになる。 画面下の文字列が本文抽出した結果 Rubyであれば以前紹介したExtractcontentというライブラリがある。そしてそれをベースのはてなにてJavaScript実装したのがExtractContentJSだ。JavaScriptベースの実装とあって、クライアントベースで抽出を行いたいという時に使えそうなライブラリだ。 使い方は簡単で、ExtractContentJSのオブジェクトを作ったら現在表示されているページのオブジェクト（document）を渡す
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アプリもストリーミングとしたい。しかしながらサーバからのステータ
自分でAutoPagerize対応のスクリプトを書く簡単な方法 - blooo
ちょっとアレなタイトルですが、GreasemonkeyでAutoPagerize対応のスクリプトを自作する時の注意点を２つメモ。 自分はひよっこですが、これからGreasemonkeyスクリプト書いてみようかなという人の助けに少しでもなれば嬉しいです。 継ぎ足されたページに適用する方法 AutoPagerizeで継ぎ足された部分に自分のスクリプトを適用する方法あれこれ - 0xFF を参考に、AutoPagerize_DOMNodeInsertedを使うことにする。 以前はaddFilterとかGM_AutoPagerizeLoadedとか出てくる書き方をしていたんだけれど、この方法がやはり簡単・シンプルなので採用させて頂きました。 継ぎ足されたページ「のみに」適用する方法 新しく継ぎ足されたページのみに、スクリプトの内容を適用・反映したい場合。 注意しないと、継ぎ足されたページのみに適用
米Google、Ajax開発ツール「Google Web ToolKit 2.0」を開発者向けにリリース | OSDN Magazine
米Googleは10月6日（米国時間）、Ajaxアプリケーション開発ツール「Google Web Toolkit（GWT） 2.0 Milestone1（M1）」を発表した。Google Codeのプロジェクトページよりダウンロードできる。 GWTはJavaを利用してJavaScriptアプリケーションを開発できるツール。Eclipseプラグインも提供しており、Webアプリケーションを容易かつ高速に開発できるという。 最新版はバージョン2の最初のマイルストーンとなる。新機能としては、デバッグしたWebページをブラウザ内でビューできる「In-Browser Development Mode」が加わった。「Safari」「Firefox」「Internet Explorer」「Chrome」などのWebブラウザから直接開発モードを利用できる（最新版より、「Hosted Mode（ホストモード）
id:mindcatさんのJavaScriptエントリに少しだけコメント - os0x.blog
FAQ形式によるJavaScriptの本質がわかる超入門 - 風と宇宙とプログラムが凄く良く出来てて、くやしい。じゃなくて、折角なので少しだけツッコミを。いや、これだけ完成度が高いのにツッコミというのも無粋ですが。 数値を文字列に、逆に文字を数値に変換する String(x)、Number(x)を推奨されていますが、一応、IE6ではパフォーマンスに差が出る点に注意が必要だと思います。 to_string (関数呼び出しのコストのため)IE6だとこのように結構な差がでます。(といっても10万回での結果ですが。) "" + 78ms "" + 63ms String() 125ms String() 125ms確かにChromeなどString()のほうが少しだけ速いみたいなので、ケースバイケースですね。 JavaScriptで ""+x を文字列変換に使うのは気持ち悪い - 風と宇宙とプログ
FAQ形式によるJavaScriptの本質がわかる超入門 - 風と宇宙とプログラム
はじめに JavaScriptは簡単な言語のようでいて、実は奥が深く、初心者にとってなかなかその本質がわかりにくい言語です。ここでは、JavaScriptの言語的エッセンスを理解できるようなものをFAQ形式で書いてみました。ご意見や誤り等を指摘してもらえたら嬉しいです。 なお、JavaScriptの標準化であるECMAScriptは、今年末にEdition 5 がリリースされる予定です。このFAQは、現在のバージョンであるEdition 3をベースにしています。 ECMAScriptって何ですか？ ECMAはEuropean Computer Manufacturer Association(欧州電子計算機工業会)の略で、標準化団体です。NetscapeのJavaScriptとMicrosoftのJScriptをベースに、純粋なプログラム言語部分を抽出したものをECMAで標準化したスクリプ
データ ＆ アナリティクス | アクセンチュア
データ分析から導き出されたインサイト無しにAI（人工知能）の活用は始まりません。私たちは、各業界知識とデータ・アナリティクス技術を駆使しデータドリブン経営を強力に支援します。 データ、アナリティクス、AIは企業にとって競合他社との差別化を図るかつてないほど大きな要因になっています。今日の経営幹部が効率を向上しながら新たな収益源を開拓し、新しいビジネスモデルをタイムリーに構築する方法を模索する中、価値を生み出し成長を続ける企業には「データ活用」という共通項があります。私たちは、無数のデータから企業にとって本当に必要なデータを活用するための方法を知っています。 将来を見据えたオペレーション体制を備えている企業の半数以上（52％）は、すでにデータとアナリティクスを大規模に活用しています。データとAIに関する取り組みをビジネス戦略に沿って実施することで投資利益率を迅速に最大化し、最終的にはAIをビ
JavaScriptの勉強会資料を公開 - os0x.blog
私が講師役をしている社内向けJavaScript勉強会の資料をまとめて公開しました。 実践JavaScript - 株式会社ALBERT 社内勉強会資料 1回目を書いてからだいぶ間が空いてしまいましたが、その分6回分をまとめて、インデックスや見た目等々を整理してあります。 コードのハイライトには google-code-prettify - syntax highlighting of code snippets in a web page - Google Project Hosting を使用してみたのですが、すごく重かったので出力結果を静的に使っています。 オススメ回は実践JavaScript - JavaScript特有の問題・クロスブラウザなど - 株式会社ALBERT 勉強会資料でしょうか。特にクロスブラウザなDOMサイズ取得は自分でも良く参照してます。 間違いなどありましたら
ifとスコープの速さ - f8g
ifとor 書き方として気になったんですが、 if(!b) b = 2; a = b + c; と a = (b || (b = 2)) + c; と、if文を書くかどうかで速度に違いが出るのかなー、と思って計ってみました。 // case 1 var a, b, c = 1; while(i--){ if(!b) b = 2; a = b + c; b = null; } // case 2 var a, b, c = 1; while(i--){ a = (b || (b = 2)) + c; b = null; } fx3.5 ie8 opera10 chrome3.0 case 1 0.00001313 0.0002628 0.0001864 0.00002484 case 2 0.00001188 0.0002962 0.0002122 0.00003132 (単位はms) どれ
JavaScriptで実行するファミコンエミュレータ·JSNES MOONGIFT
JSNESはJavaScript/Perl製のオープンソース・ソフトウェア。今やゲームと言えば任天堂、ソニー、マイクロソフトの三つどもえになっている。20年くらい前はファミコンくらいしかなかった。今のゲームは高性能で、グラフィックス性能は向上し、リアルなゲームが楽しめるようになっているが、旧来のファミコンのグラフィックスに回帰する人も少なくない。 ブラウザ上のファミコンエミュレータ そんな昔を懐かしむ人はエミュレータを使ってゲームを楽しんでいたりする。そしてファミコンは専用のソフトウェアを使うことなくブラウザだけで楽しめるようになってしまった。それがJSNESだ。JSNESはJavaScriptを使って各種ファミコンゲームをブラウザ上で楽しめるソフトウェアだ。 当たり前だがROMは別途必要だ。そしてROMを変換し、ブラウザ上で使えるようにしているようだ。実際のHTMLではCanvasを使っ
Saving canvas data to image file
This is a small library that lets you easily save a WHATWG canvas element as an imagefile. Files needed: canvas2image.js, base64.js Draw on the canvas with the pretty boxes below using the mouse, then click the "Convert" buttons to convert it to a downloadable image - or the "Save" buttons to download the image file directly. Using the WHATWG canvas element, you can create all sorts of cool gr
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Giles Bowkett: TinyMCE: Nothing In Textarea
diaspar.jp