DocumentFragmentを使ってAutoPageLoaderを高速化 - 素人がプログラミングを勉強していたブログ
AutoPageLoaderのコードを大幅に変えた。 $Xを使った。 ページの継ぎ足しにDocumentFragmentを経由するようにした 他のスクリプトがページの構造を変えたときに、正常にpageElementを取得できなかったバグを修正した DocumentFragmentについては、http://purl.org/jintrick/Personal/documentFragment.htmlの記事を参考にした。 DocumentFragmentはE4Xの<>のようなもので、appendChildするだけでいっぺんに複数のノードを貼り付けることが出来る。直接appendChildを繰り返すよりも軽くなる。 たとえば、全てのリンクをテキストにする場合。 普通にやると、 var links = document.body.getElementsByTagName('a'); while(
node.jsに関する基礎や開発・チュートリアルのまとめ:phpspot開発日誌
node.jsに関する基礎やチュートリアルのまとめ。 リアルタイムなWEBを実現するには必須のサーバサイドJS、node.jsについて色々とまとめてみました。 node.js node.jsについて node.js なんとなく凄そうだけどよく分からないという方も多いかもしれないので簡単に解説。 一番最初見た時は何かのJavaScript ライブラリかと思ったのですが、全く違って、V8というChromeにものっている高速JavaScriptエンジン上で動くサーバを動かせる仕組み。 サーバ自体を具体的に言うと次のようなコードで実現します。 var http = require('http'); http.createServer(function (request, response) { response.writeHead(200, {'Content-Type': 'text/plain
node.jsとjQueryでスクレイピングするウェブアプリの作り方
やっぱ jQuery 便利ですよ(*´・ω・)(・ω・｀*)ﾈｰ セレクタ使って jQuery でダカダカやってると、DOM とか正規表現でネチネチやるのがバカらしくなっちゃいます。 と日頃から思ってたりしてまして、サーバサイド JavaScript がメインストリームになって、jQuery でウェブアプリをコーディングできれば超ラクできるかもと期待しています。 で、先日サーバサイドJavaScriptとjQueryでスクレイピングという記事をうpったところ、やっぱ Rhino じゃなくて node.js がえーんよ(´･ω･｀)というコメントを頂きましたので、node.js と jQuery でサーバサイド JavaScript スクレイピングしてみることにしました。 今回は node.js ですので、単にスクレイピングする（コマンドラインから実行する）スクリプトだけじゃなくて、スクレイ
論理演算(&|^)はどこで使う？
論理演算の１つに論理積というのがあります。多くの場合ANDまたは&といった命令／記号で表されます。JavaScriptの場合は&です。ところで、この&（論理積）いつ、どこで使うのでしょうか？ 結構いろいろ使えるのですが、まずアニメです。GIFアニメは簡単に再生してくれますがJPEGアニメは存在しないのでJavaScriptで作成することになります。さて、ここでアニメーションさせる画像の枚数は、何枚にすればプログラム作成時に便利かつ素早い動作が行われるでしょうか？ 正解は2のn乗です。つまり2, 4, 8, 16, 32, 64, 128, 256, 512...となります。とりあえずここでは8枚のJPEGアニメーションを考えてみましょう。&（論理積）を使わない場合の実際のプログラムは以下のようになります。Num画像の番号になります。使用する画像は「0.jpg」「1.jpg」...「7.jp
Sencha Touchノート
TabPanelクラスはcardSwitchAnimationプロパティを利用することで、簡単にカード切り替えのアニメーションを作れます。 cubeアニメーションサンプル fadeアニメーションサンプル flipアニメーションサンプル popアニメーションサンプル slideアニメーションサンプル cubeアニメーションを行うJavaScriptは次のとおりです。cardSwitchAnimationプロパティの値に'cube'が指定してあります。 index.js Ext.setup({ onReady: function(){ var cards = [{ title: 'Photo 1', html: 'Photo 1 ', cls: 'card1' }, { title: 'Photo 2', html: 'Photo 2 ', cls: 'card2' }, { title: '
地獄のJavaScript2 - latest log
(ε・◇・)з 戦いはこれからだ! http://jsdo.it/uupaa/hellsjs2 で動かせるよ // forked from uupaa's // "地獄のJavaScript (Symbolic JavaScript)" // http://jsdo.it/uupaa/hellsjs uu.ready("window", function(uu, doc) { uu.mix(window, uu); uu.config.log.rollup = 1000; // logロールアップ回避 // use: $=_-+~[]{}()*/<!\;" $ = -~[]; // 1 $$ = $+$; // 2 $$$ = $$+$; // 3 $$$$ = $$$+$; // 4 $$$$$ = $$$$+$; // 5 $$$$$$ = $$$<<$; // 6 $$$$$$$ =
Javascript
MA 1st：最優秀賞 みんなの水遊びＭＡＰ MA 2nd：特別賞 Mash Max MA 3rd：部門賞ダブル受賞 バスでお出かけＭＡＰ じゃらん賞、リクルート進学ネット賞 MA 4：部門賞トリプル受賞 ここらっと ウノウ賞、富士フイルムTRIPIT賞、リクルート進学ネット賞
Twitter 検索API メモ - 超自己満足プログラミング
【2010-02-28 追記】 いつの間にやら結構な数のブックマークをして頂いて、 情報が古いままでは心苦しいので、１年ぶりくらいになってしまいましたが、情報を更新しました。 思ったほど変更はなかったのでよかったです。 〜〜 ここから元々の本文 〜〜 http://apiwiki.twitter.com/Twitter-API-Documentation の「Search API Methods」について のメモですが、 英語がかなり苦手なので、間違ってるとこもあるかもしれません。 あと、大してtwitterを使ってなかったりするので、 twitterの機能面でよくわかってない部分もあります。 検索API : http://apiwiki.twitter.com/Twitter-Search-API-Method%3A-search 出力形式 AtomとJSONに対応。リクエストURLはそ
node.jsとMySQLで割と普通のデータベースウェブアプリを作ってみるチュートリアル | さくらたんどっとびーず
2011年はサーバサイド JavaScript の年！ サーバサイド JavaScript の本命は node.js！ ということで割と普通のウェブアプリケーションを node.js で作るためのチュートリアルを書いてみました。WebSocket とか新しめの話題は結構見ますが、PHP とかで普通のウェブアプリ作ってる人向けのチュートリアルとかあんま見ないような気がしたので、って感じです。 チュートリアルの内容ですが、コード量が少なめで機能的にも分かりやすそうなモノということで、短縮 URL ウェブアプリケーションを作ってみることにしました。bit.ly とか t.co とか nico.ms みたいなアレです。短縮 URL のデータは MySQL に保存します。 結構長文になっちゃったので、先に目次置いときます。 node.js のインストール npm (Node Package Mana
node.jsでchatアプリっぽいもの作るメモ - すぎゃーんメモ
ようやくNode.jsをさわってみた。 インストール大変そうなイメージを勝手に持っていたけど、全然そんなことはなく $ wget http://nodejs.org/dist/node-v0.2.5.tar.gz $ tar zxvf node-v0.2.5.tar.gz $ cd node-v0.2.5 $ ./configure --prefix=$HOME/local $ make $ make installで普通に行けた。make testでなんかエラー出てた気もするけどキニシナイ あとはnpm。書いてある通り npm $ curl http://npmjs.org/install.sh | shでおk。 試しに幾つかインストールしてみた。 Express - Node.js web application framework EJS - JavaScript Templates
Function.prototype.bindは何がいいのか - 枕を欹てて聴く
ES5からFunction.prototype.bindが入りました. これに準ずるものは数々のFrameworkで提供され続けてきたので, あまり馴染みの無さはないのではないでしょうか. このFunction.ptototype.bindは実はとても面白いので. 結論から言えば, Function.prototype.bindはtarget functionのConstructに完全に移譲するのでConstructorの引数束縛が行えます. またConstructor callに対して配列を渡すapply形式のものといったapplyConstructorやcallConstructorをbindを使って実装することができます. 基本 Function.prototype.bindは基本的にはthisとargumentsに特定の値を束縛する関数です. bindは第一引数にthis, 次から
css-eblog.com - このウェブサイトは販売用です！ - css eblog リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
マトリックス風「トロン」をリアルタイムで実現するHTML5デモのスゴイところ【@maskin】 | TechWave（テックウェーブ）
[読了時間:2分] トップページで強制的にFlashムービーを再生させる最低の手法を筆頭にFlashコンテンツがどんどん減り、HTML5を中心とした技術に取って代わりつつある。現状では「FlashのほうがCPU能力を消費しにくい」というレポートがあるなど全面的に優位性があるわけではないが、このデモのようにマシンパワーを浪費しつつも、今まではできないとされていた表現の壁を崩しつつある。 冒頭のスナップショットは、最近リメイクされた映画「トロン レガシー」の旧作版「トロン」（1982年製作）の映像をリアルタイム画像処理にかけているところ。大層なサーバー群で演算→ストリーミングで配信しているのではなく、再生している端末上でHTML5ビデオを変換してCANVAS要素に表示させている。 このHTML5ビデオは1秒あたり30フレームを表現しており、筆者のMac Book (Core2Duo 2GHz、
【レポート】速いJavaScript条件式を書く方法と落とし穴 | エンタープライズ | マイコミジャーナル
SitePoint: New Articles, Fresh Thinking for Web Developers and Designers JavaScriptのコーディングティップスはネット上に溢れている。また、JavaScriptに限定されたテクニックではなく、汎用的に使われているテクニックの多くをJavaScriptコーディングに適用できる。しかし注意が必要だ。簡単でよく知られた方法であっても、文脈を考えずに盲目的に適用すると問題を起こすことがある。この面白いサンプルがCraig Buckler氏によってSitePointにHow to Write Faster JavaScript Condition Expressionsとして掲載されている。 Craig Buckler氏はまず次の条件文を紹介。最初の条件はfalseになるので、次のyを評価する。yはtrueだから、全体と
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://nodejs.jp/nodejs.org_ja/api/
WebGL fresnel material [three.js]
Matrix - filter,フィルタ
http://panda-space.com/lab/touch_test1/
http://jsapp.us/
Japan Node.js Association