追記）2013-01-24 jQuery 用プラグインの開発に関して、jQuery : ウィジェットのイベントハンドラ てのを書きました。 （2013-01-24 追記ここまで） 追記)2013-02-11 jQuery : 要素の操作は必ずAPIを使うべし 書きました（jQuery でもメモリリークする！？）。 （2013-02-11 追記ここまで） このブログでも、変数にnullを突っ込むことでメモリ解放といった表現をたくさん投稿してたのですが、ある時期からこの表現はやめています。 他のブログを読み、鵜呑みにしてたこともあったのですが、間違いを公開していたことをお詫びします。 こういうコードで示せばわかりやすいかも。 var val = 'hoge'; // 別に strings 以外のデータでもOK val = null; // null 値を突っ込んでるだけで、メモリには残る。 c
リアルタイムWebの代名詞としてWebSocketに注目が集まる中、あまり話題になることはありませんが、HTML5には、もう一つリアルタイムWebを実現するAPIとして、忘れてはならないもの〜Server-Sent Events〜があります。今日は、そのお話。 Server-Sent EventsはCometを簡単に使えるようにするAPI。ここで、Cometと言うと最近の風潮として「WebSocketに完全にreplaceされる、ワークアラウンドでしょ」的な空気が（最近は特に）流れがちですが、そんなことは決してありません。。。というのが筆者の意見です。 Cometは、HTTPでサーバーPushするための技術の総称。その中の一つで良く取り沙汰される、periodically polling(一定間隔で、ポーリングパケットを投げる）などは、確かに「ワークアラウンドだね」という言葉ですませていい
某所に提出するように昔作ったもののコア部分を詰めて作ったんだけど、興が乗ったので今日そのまま作りこんでみた。 同時にログインして相手に近づいて殴ったらHPバーが減って死ぬ。死ぬと4秒でリポップする。 まだマップを実装したりモンスターを徘徊させたりしてない。実質一日で作ったものなので現状この程度。 ガワはenchant.jsで書いた。はじめてまともにつかってみたが、意外と複雑な構成に耐える印象。とくにアニメーション部分はavatar.enchant.jsの仕組みにほぼ乗っかっているのだが、サーバーサイドでステートを決定してクライアントで受け取っている。こんなこと自分以外はやっていないと思う。 一応Githubに置いた。グワーッと作りたかったので、まだテストコードを書いていない。 mizchi/node-mmo https://github.com/mizchi/node-mmo git cl
iOSにFlashを搭載しないというジョブズの宣言? はもうとっくの昔話かも知れないが、HTML5・JavaScriptによるリッチコンテンツへの可能性がますます注目されはじめている。 個人的にではあるが、電子書籍のフォーマットであるEPUB3.0に興味がある。EPUB3.0はHTML5、CSS3がベースでマルチメディア対応のフォーマットだ。これらが今後どうウェブと絡んでいくのかが楽しみだ。ウェブと繋がるというのは例えばソーシャルリーディングとしての可能性だ。そのあたりの動向もこのテクスト讃歌で追っていけたらいいと思う。 そのような大きな視点への第一歩となるかは分からないが、サーバサイドJavaScriptもその流れのひとつだと思う。 早速だがnode.jsでsocket.ioの超入門的コードの実装をしてみた。 サーバ側からクライアント側（つまりブラウザ）へ時間データを一方的にPushし、
追記 11/7/31 Socket.IO v0.7 解説を最初に途中までで出す。 11/8/1 だいたい全部新機能なので '(新機能)' って書くのやめた。 11/8/4 オプションの設定周りを追記 11/8/6 認証周りを追記 11/8/12 スタンドアローンのサンプルを追記 11/9/27 Socket.IO v0.8 対応について追記 11/9/27 タイトルを Socket.IO API 解説に変更 11/9/27 翻訳サイトリンク追加 公式マニュアル翻訳サイト そういえば公式サイトの翻訳をフォークしたリポジトリで、それなりの更新頻度でやってます。 リポジトリの wiki も地味に訳しててこっちは結構役に立ちます。本記事と合わせてどうぞ。 本家 http://socket.io/ 翻訳ページ http://jxck.github.com/socket.io wiki https:/
本書について 本書は、Node.jsでのアプリケーション開発を始めようとする皆さんに、 ”高度な”JavaScriptについて知るべきあらゆることを解説します。 よくある”Hello World”チュートリアルの、はるか上をいくものです。 ステータス 貴方が読んでいるのは、本書のいわゆる最終版となります。 つまり本書は、間違いが見つかった場合や、 Node.jsの新バージョンにおえる変更点を反映する時のみ、改訂されます。 最終更新日は2012年2月12日です。 本書内のコードのサンプルは、Node.jsのバージョン0.6.10でテストしています。 ターゲット読者 本書は、Ruby、Python、PHP、Javaのような、少なくともひとつのオブジェクト指向言語を理解しており、 JavaScriptについてはあまり経験がなく、Node.jsについては全く経験がないという、 著者と同じようなバッ
C++ Advent Calendar です。 google の V8 engine を 組み込んで簡易スクリプトにしてしまおうという話です。 C++の言語仕様や boost の話は超絶詳しい人たちがされているので、誰もやらなそうな ぬるいいい加減な話をします。 #間違ってたら突っ込みよろしく!! なぜ V8？ Lua ぢゃだめなんですか？ C++ から呼び出しやすい 組み込み言語として、 Luaがあります。 しかし、 Luaはコメントが -- から始まったり、 〜end と、 C / C++ に組み込みやすいスクリプト言語なのになぜか pascal チックな文法？という不思議なところがあります。 やはり、 C++ ユーザとしてはコメントは // で書きたいし、ブロックは { } でやりたいですよね (y/Yes) そんなところに、 google の V8 engine があります。 C+
ただ、WebRTCで顔認識させようとすると遅くてしかたがなかった。 最初は速いこともあるが、10回ぐらい認識をさせるとすぐに遅くなる。 とりあえず、デモ。 そこで、チューニングをしてみることにした。 まず、JavaScriptの定番の高速化を試してみた。 例えば、正の数で使える「Math.floor(x)」を「(x | 0)」に、整数で使える「x * Math.pow(2, y)」を「x << y」にする等。 これで、10~30%高速化できた。 次に、遅くなっている部分を調べたら、Web Workersで分散するための仕組みが遅くなる原因だとわかった。 これは、Web Workersを使わない場合にも影響が出ていた。 じゃあ、Web Workersを使えば速くなるのかといえばその逆で、20倍遅くなっていた。 詳しくは調べてないけど、多分Workerスレッドに処理データを渡す時にJSON化が
たぶんもう知ってるかと思うんですが UIWebviewはプログラムでJavascriptaが操作できます。 たとえば、表示したHTMLのフォームの値を読み込んだり 変数の値を読み込んだり、 もちろん反対に設定をして、ページ内容を書き換えたり cssの操作もいとも簡単に行えるので 既存サイトをiPhoneアプリ向けに書き換え最適化することも 現実的には可能です。 例として、フォームに入力された値を読み取りdefaultに保存を行い 次回ページアクセス時に保存された値をフォームに埋め込むといった 処理を書くとこんな感じ。 - (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigation
iPad の Safari で動作するマルチタッチ対応お絵描きソフトを作ってみた はいこんにちはー。お久しぶりです。珍しくフロントエンド側のネタで記事を書いてみます。 今回は革新的で魔法のようなデバイスであるところの iPad を使って、マルチタッチ対応お絵描きソフトを作ってみました。 iPad を持っていない人でも見れるように YouTube にビデオをアップロードしてみました。 実際のデモ (PC ブラウザでは動作しません。 Android でも動くかも？) ソースコード <!doctype html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=n
90秒で理解するiPhone JavaScript（マルチタッチ編） Tweet 2008/7/28 月曜日 matsui Posted in iPhone | 10 Comments » 仕事でiPhone向けサイトを作ることになるかもしれず、色々と調査中です。 まずはiPhoneならではの機能ということで、マルチタッチについて調べてみました。 ここまでわかったことをメモ代わりに記載したいと思います。 今回はひとまず座標の取得までです。 ゆくゆくは、こちらのムービーのように凝ったギミックを作りこみたいと思っています。 マルチタッチの座標を取得するのは思ったより簡単で、抑えるポイントは4つだけです。 Safari自体のスクロールや拡大・縮小は動作しないようにした方が無難 タッチのイベントは、リスナーまたは「onTouchXXX」から取得 タッチ数は「event.touches.length
Extensible Code Editor CodeMirror is a code editor component for the web. It can be used in websites to implement a text input field with support for many editing features, and has a rich programming interface to allow further extension. This is a CodeMirror field, configured for editing JavaScript code. Features Accessibility Works well with screen readers and keyboard-only users. Mobile Support
過去のエントリーの改訂版です。 今回はより簡単にHTML+JavaScriptでiPhoneアプリを作る方法を紹介します。 より少ない手順で、ビルド時に警告もありません。 iPhoneSDKにはSafariにも搭載されているレンダリングエンジンのWebkitが含まれています。これを利用して、HTMLでもiPhoneアプリを作ることができます。 このままAppStoreにも登録できます。 ゲームも作ろうと思えば作れますが、iPhoneのCPUはPCと比べると非常に遅いので、いくらJavaScriptが早いSafariと言えども、動作速度は期待できません。 HTMLファイルの準備 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" co
いまやWeb制作に欠かせなくなったJavaScript。でも、「JavaScriptはほとんど“アリモノ”で済ませている」という方も多いのでは？ そこで、WebデザイナーやマークアップエンジニアなどのWeb制作者の方向けに、いま一番人気のJavaScriptライブラリー「jQuery」の基本を学べる特別レッスンをお届けします。題して、「40分で覚えるjQuery」。要点だけにぎゅっと絞って解説しますので、手を動かしながら今すぐjQueryを始めましょう。 【0分目：導入編】 jQueryのダウンロードと利用方法 jQueryのライブラリー本体（JavaScriptファイル）は公式サイトからダウンロードし、head要素などにscript要素を書いて読み込みます。
[WebService] bit.ly API にチャレンジ bit.ly は URL 短縮サービス。 最近 Twitter の標準 URL 短縮サービスに採用された。 bit.ly は API を提供しているので、ちょっと利用してみた。 bit.ly http://bit.ly/ bit.ly アカウント作成 & API Key 取得 API を使う前に、まず bit.ly のアカウントを作成する。 big.ly Sign upより、アカウントを作成する。 次に bit.ly にログインし、アカウント情報より API Key を取得する。 これで API を使用する準備は完了。 bit.ly API の利用 bit.ly API の詳細は以下のドキュメントを参照。 bitly-api http://code.google.com/p/bitly-api/wiki/ApiDocumenta
さくらです☆こんちわww Twit Delay の入力フォームを bit.ly の API に対応させたんですが、超くッだらねーところで2時間ぐらいハマったのでご報告w まず bit.ly API のマニュアルですが、Google Code の bitly-api から見れます。こちらのページから、REST API のドキュメントとJavaScript API のドキュメントにリンクされているのですが、ブラウザから JavaScript 経由で bit.ly API を呼び出す際も JavaScript API は使わない方が無難です。 というのも、bit.ly の JavaScript API は以下のステップでプログラミングできるように構成されているのですが、 http://bit.ly/javascript-api.js?version=latest&login=LOGIN&apiK
正確な各比較結果を確認できるように、実際にJavascriptを走らせる比較表を置いときます。 おまけに数値のオーバーフローをちょこっと phpの時もそうだけど、やっぱり数値のオーバーフローは発生する。 「11111111111111111」を境に結果がおかしくなったりし始める。 とにかく当てにならない(＞_＜);;; 「11111111111111110」 は「11111111111111110」 [実行して確認] 「11111111111111111」 は「11111111111111112」 [実行して確認] 「11111111111111112」 は「11111111111111112」・・・ってあれ？ [実行して確認] 「11111111111111113」 は「11111111111111112」 [実行して確認] 「11111111111111124」 は「1111
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
