(ε・◇・)з mofmof.js や新しい uupaa.js では prototype拡張を活用しています (ε・◇・)з 長所がわかりづらいみたいなので、言い出しっぺのボクの中の人がメリットを列挙してみよー というエントリです (ε・◇・)з でも、長文になりそうなので、思いついたらちょっとずつ書き足していって、後で再編するよー というノリです (ε・◇・)з タイトルも適当です かわいい子には旅をさせるよ ( HTMLElement#cut ) 子ノード(div)を親ノードからパージする処理を考えてみましょう。 ---✂-------------------✂--- if (div.parentNode) { div.parentNode.removeChild(div); // div.parentNode = null } ---✂-------------------✂---

node.js + express + jade + Stylus + socket.io + Bootstrap でリアルタイムチャットシステムを作ってみたのでそのメモ。 ※間違っていたらすみませんがご指摘お願いしますm(__)m まず使ったフレームワークの紹介。 node.js JavaScriptをサーバーサイドアプリケーションの実装言語として使うための技術。 いわゆるサーバーサイドJavaScript。 特徴として、以下があげられる。 ・グーグルが開発したV8エンジン上で動作する(そのため高速) ・Apacheのようにマルチスレッドで動作するのではなく、シングルスレッドでかつNon-blocking I/Oで動作する そのため、同時接続数が多くなってもパフォーマンスが良い(いわゆるC10K問題の解決) socket.io クライアントサーバ間で非同期双方向通信が行えるWebSock

var obj_nums = {'0':'zero', '1':'one', '2':'two'}; ただし配列リテラルの方はArray.prototypeを継承するが、オブジェクトリテラルの場合にはObject.prototypeを継承する。 そこで継承関係をいじれば配列として使えるのかなぁと試してみた(Firebug)。 まずそのままだと var obj_nums = {'0':'zero', '1':'one', '2':'two'}; console.log(obj_nums.toString()); // [object Object] var nums = ['zero','one','two']; console.log(nums.toString()); // zero,one,two

IBM Developer is your one-stop location for getting hands-on training and learning in-demand skills on relevant technologies such as generative AI, data science, AI, and open source.

IBM Developer is your one-stop location for getting hands-on training and learning in-demand skills on relevant technologies such as generative AI, data science, AI, and open source.

経験者でも入門したい時がある。 基礎 JavaScript基礎文法最速マスター Ajax時代のJavaScriptプログラミング再入門 JavaScript再入門 アマグラマーのすすめ プログラマのためのJavaScript これでできる！ クロスブラウザJavaScript入門 [JavaScript]　猿でもわかるクロージャ超入門 JavaScript – MDN Doc Center eval Google JavaScript Style Guide 和訳 Building iPhone Apps with HTML, CSS, and JavaScript Eloquent JavaScript HTML5 API Using web workers サーバー不要で保存できる「Web Storage」の使い方 HTML5サンプル集 まだまだ間に合うCanvasでアニメーション入門

Emacsのjs2-modeはリアルタイムに構文エラーを示してくれてなかなかよさげな感じだったのだけど、インデントまわりが残念でずっとjavascript-modeを使ってた。 結構前の話だったので、どう残念だったか思い出すために試してみた。 コールバック関数を引数に取る関数なんかで下のような感じになる。（インデント4マスの場合） hoge(function () { foo(); // ここじゃなくて bar(); // ここに来て欲しいわけ }); というのをどうにかして直せないかと探し回って対策を発見。 Editing JavaScript with Emacs — js2-mode / Projects / Mishoo's homepage ほぼ丸パクリでかなり良い感じになりました。多謝。 導入手順 とにかく必要なのは js2.el と espresso.el の2つ。ロードパス

このエントリの記述は既に古いです。最新のインストール方法は下記のエントリを参照してください。 http://d.hatena.ne.jp/t_43z/20110503/1304421488 このエントリはリアルタイムWebハッカソンのハンズオン資料その1です。 Linux 普通に入れる 後述のnaveを使う方がいいと思う。っていうかnpmのインストール方法をどうしたいかによってnode.js本体のインストール方法が変わる。なので(naveを使わないにしても)最後まで読んでからやることを推奨。 普通にやるとこんな感じ。 $ sudo apt-get install build-essential libssl-dev curl $ mkdir tmp $ cd tmp $ wget http://nodejs.org/dist/node-v0.2.3.tar.gz $ tar -xvzf n

全世界のtweetをリアルタイムにマッピングするページを作りました。……というとちょっと大げさですが。 http://bugsrock.com/twistmap/ ↑のページの、簡単な技術的説明です。ぶっちゃけ負荷のこととか考えて無くて、動いてない時も多いかもなんで、そのうちYouTubeに動画アップします。 つかったもの ライブラリ node.js socket.io daemon.node jQuery web API twitter streaming API google map API 簡単なしくみ node.jsとsocket.ioでstreaming APIからデータを引っ張ってパースして全クライアントにbroadcastするサーバを立て、そいつを各クライアントが受け取り、google map APIを使って特定座標にマップしているだけです。ぶっちゃけ、難しいことは何もしてい

こないだ箱根合宿で学んだ。 単にchrome拡張を作ってみたかったというのと、chromeではgreasemonkeyが実行できるけど、Firefoxと違ってGM_xmlhttpRequestが無いのでクロスドメイン通信ができないのでなんとなくやってみたかった。 自分の見ているページの履歴を全部自分のサーバーに送って保存したい。 まずos0xさんのChrome拡張入門のスライドが勉強になる。 とくに 拡張コンテキスト、コンテントコンテキスト、ページコンテキストの3つのコンテキストが存在し、それぞれは完全に分かれているので、お互いが干渉してしまうことはない。さらに、拡張同士も独立したコンテキストで実行される。 拡張コンテキストはタブ操作やクロスドメイン通信などの特権を実行でき、コンテントコンテキストと通信したり、スクリプトを実行したりといったことができます。 コンテントコンテキスト(Cont

Meta開発者向けドキュメントMetaソーシャルグラフからデータを送受信する基本的な方法と、アプリのニーズに合ったAPI、プラットフォーム、製品、SDKを実装する方法について学習します。