噂のnode.websocket.jsでサーバサイドJSとHTML5 WebSocketを体験してみたの巻 - download_takeshi’s diary
WebSocketを体験してみたいのと、サーバサイドJSを試したいのと、さらにはmac版のChromeをインストールしてみたという条件が重なり、これはもう深夜だけどnode.websocket.jsを試してみるしかないな、という状況に追い込まれました。 構成 最近あたらしく調達したばかりのmacbook air にvirtualboxを入れています。その上でCentOSが動いています。 macbookをクライアントに、CentOS側をサーバとみたてて話を進めていきます。 ちなみに、virtualboxではアダプタ１をNATに、アダプタ2をホストオンリーアダプタ（IPはstaticに設定）としているので、CentOSからは外にも抜けられるしmacbook側からも自由にアクセスできます。ごきげんな環境です。 Node.JSのインストール まずは土台となるnode.jsが必要。ソースをダウンロー
Tanablog: Date クラスの直感的なインタフェース
Date クラスに直感的な (流れるような) インタフェースを実装してみた (ソースコード)。元ネタはこの一枚。 実行サンプルはこんな感じ。 var d = new Date(); => Wed Apr 30 2008 00:00:00 GMT+0900 (JST) d.tomorrow(); => Thu May 01 2008 00:00:00 GMT+0900 (JST) d.nextTuesday(); => Tue May 06 2008 00:00:00 GMT+0900 (JST) 流れるようなインタフェースなので、このようにも書ける。 d.tomorrow().lastWeek().nextYear().lastSunday().yesterday(); => Sat Apr 18 2009 00:00:00 GMT+0900 (JST) Google で "(new Da
第1回 Firebugの基礎知識と、Firebugを使った開発のメリット | gihyo.jp
はじめに このたび、Firefox 3＋Firebugについての連載を書かせていただきます、堀と申します。普段は仕事でJavaScriptやPHPを用いたフロントエンドの開発を行いながら、個人でRoppongi.JSという、JavaScriptのイベントの企画・主催をしております。 この連載では、Firefox 3のリリースに備えて、現在提供されているFirefox 3のベータ版とFirebugによるJavaScriptの開発手法について解説していきます。 第1回はFirefox 3ベータ版とFirebugのインストールから、Firebugによって、どのようなことが行えるようになるかについて簡単に概略を説明していきます。 Firebugとは FirebugとはHTML、CSS、JavaScriptのための開発ツールを提供するFirefoxアドオンです。このツールによって、あなたのJavaS
ActionScript3のスコープ - taslamの日記
他の言語の癖でなにげなく、、、ではまってしまいがちなところ。 ActionScript3でのスコープは、functionによってのみつくられるとのこと。 ちゃんと意識しておかないとクロージャを使おうとしたときなどにハマりがち。 たとえば、 var array:Array = new Array(); for(var i:int=0; i<3; i++) { var obj:Object = {closure: function():void {log('index:'+i);}}; array.push(obj); } for each (var obj:Object in array) { obj.closure(); // index:0 index:1 index:2 と表示したい }このスクリプトを実行したとき、ログには以下のように表示される。 index:3 index:3 in
John Resig - Processing.js
As a sort-of reverse birthday present I’ve decided to release one of my largest projects, in recent memory. This is the project that I’ve been alluding to for quite some time now: I’ve ported the Processing visualization language to JavaScript, using the Canvas element. I’ve been working on this project, off-and-on now, for the past 7 months – it’s been a fun, and quite rewarding, challenge. The f
ずっと君のターン - JavaScriptで物理シミュレーション
Box2DFlashAS3というAS3用の物理シミュレータがあるわけですが、 「同じECMAScriptだし、ASを少し置換すればJSでも動くんじゃね？」 と言う単なる思い付きを実行してみたら、あっさり動きました。 まさかホントに動くなんて、正直自分でもびびった。 まぁ、あっさりとは言っても連休後半からちびちびやってたので2-3日かかってますけど・・・。 http://blog.technohippy.net/box2djs/demo.html (まだFireFox限定) http://box2d-js.sourceforge.net/ とりあえず、円と、四角と、多角形と、回転ジョイントを試してみました。 ホントに中身を一切理解しないまま置換しただけなので、上のデモで使ってない機能が動くかどうかは謎。というか、たぶんいくつかは動かないと思う。 もう少しきちんと確認したら、ソースを整理してS
本気でやるならonclick属性は避けてライブラリを活用すべき - id:HolyGrailとid:HoryGrailの区別がつかない日記
第1回 そろそろ本気で学びませんか？ | Think IT これ、今この記事書いてる時点で650以上ものブクマがされているんだけれども、あまり内容がよろしくない。 というのも、解説はとても丁寧ですごくよい内容なのだけど、サンプルコードの書き方がどうも古くさい。 onclick属性とか、今時のフロントエンドエンジニアはそんな書き方はしない（と思う）。 なぜonclickをあまり推奨しないのか やっぱり、エンジニアとデザイナーorマークアッパーとの分業の点でHTMLの属性にスクリプトを書いちゃうのはあんまりよろしくない。 たとえばの話だけど関数の名前を変えたかったり、だとか、HTMLを変更したり、っていうときにミスが起こりやすくなってしまう。 これは分業していなくてもどちらにしろ発生してしまうことだと思う。 他にも前に書いたのだけど、aタグとかでonclickしちゃうとhrefにreturn
js-users.jp - 日本の JavaScript ユーザのためのハブサイト
YAPC::Asia 2008 で Michael Schwern は「SEO に有効な独自ドメインを取って、もっと Perl 初心者が集まりやすい nice な Perl の情報を集めたサイトを作れ！」といったそうです。そして「Perl-users.jp - 日本のPerlユーザのためのハブサイト」ができました。それにインスパイアされてas-users.jpも出来たらしい。 これは JavaScript も同じではないのか？ そう思って js-users.jp ドメインを取り、ここに js-users.jp を開始します。完全に as-users.jp にインスパイアされています。本当にありがとうございます。ノープランです。 イベント情報 ajax Experience http://ajaxexperience.techtarget.com/html/index.html 2008年
Nihilogic: JavaScript Super Mario Kart
For comments and more info, go here for the blog post discussing this game. For more JavaScript game experiments, click here. Use mouse to select driver and map. Use arrow keys to drive. Quality: Screen size: Render mode: Music: Please note that the settings only take effect when the race is on. Click somewhere on the page if the game doesn't respond after changing something.
ActionScript3.0 とかいろいろ
Link:ActionScript3.0 サンプル 色温度(33d) Hibernate データ操作(43d) Hibernate Middlegen(44d) Hibernate 基本(44d) Tomcat ベーシック認証(44d) Java javaコマンド(52d) Java JDBC(60d) Java サニタイズ(61d) Java logging(66d) Java JDBC ConnectionHelper(67d) BlazeDS めも(72d) BlazeDS messaging framework(73d) BlazeDS BlazeDSとは？(73d) MS-DOSプロンプト メモ(79d) ActionScript3.0 コアクラス EventDispatcher(81d) Tomcat メモ(81d) Apache tomcat連携(ajp)(86d) MySQ
文字列から正規表現を生成するときのメモ - IT戦記
base2 のコードを見ていたら便利そうだったのでメモ http://code.google.com/p/base2/ 文字列から正規表現を作るとき RegExp("^hoge$"); // hoge とマッチ RegExp("^\\\\$"); // \ とマッチ RegExp("^\\[hoge\\]$"); // [hoge] とマッチ という感じで、バックスラッシュをいっぱい書かなければいけないので 以下のような関数を用意してやって function _r(str) { return (str + '').replace(/([\/()[\]{}|*+-.,^$?\\])/g, "\\$1"); } こんな感じで match(RegExp('^' + _r(prefix) + 'unko'), 'unko'); めもめも
UnicodeNormalizerをリリースしました。 - やればできる子の日記
JavaScriptによる、Unicode規格のNormalizeを行うライブラリをリリースしました。 (はじめてCodeReposを使わせていただいてます) コードはこちら↓ http://coderepos.org/share/browser/lang/javascript/UnicodeNormalizer ドキュメントとデモはこちら↓ http://svn.coderepos.org/share/lang/javascript/UnicodeNormalizer/index.html テストはこちら(実行に10分くらいかかります)↓ http://svn.coderepos.org/share/lang/javascript/UnicodeNormalizer/test.html 使い道ですが、日本語圏だと主にユーザの文字入力を正規化するのに使うんじゃないかと思います。多くのサービ
280 Slides - Create & Share Presentations Online
November 17, 2011 Thank you for participating in our 280 Slides beta program, and your evaluation of our 280 Slides software application. On December 21, 2011 we will be discontinuing this 280 Slides beta program. Please save your presentations created in 280 Slides using the "Download" button to enable you to access your content after 280 Slides is discontinued on December 21, 2011. We thank you
E4X の変数展開 深追い (1) - てっく煮ブログ
javascript, asE4X の変数展開が E4Xで変数展開、テンプレート - 素人がプログラミングを勉強するブログ で取り上げられていた。 var foo=123; <>変数fooは{foo}です。.toString(); // "変数fooは123です。" ほー。仕様書ではE4XのリテラルXMLでの式評価 - 0x廃棄階層 - 統治局 によると、仕様書には次のようなコードがあるらしい。 var tagname = "name"; var attributename = "id"; var attributevalue = 5; var content = "Fred"; var x = {tagname} {attributename}={attributevalue}>{content}{tagname}>; // Fred タグ名にも属性名にも属性の値にもタグの中身にも使える
Tanablog: == の代わりに === を使え
JavaScript: The Good Parts を斜め読みしていたら、面白いことが書いてあった。 比較演算子の == や != を、=== と !== の "evil twins" と呼び、"never use the evil twins" という。それはなんでかというと、型が違うときの評価が複雑だから。 以下のコードで理解度をレッツ、チェック。式をクリックすると答えが右に出る。 '' == '0' 0 == '' 0 == '0' false == 'false' false == '0' false == undefined false == null null == undefined ' \t\r\n ' == 0 自分はパーフェクトではなかったので、今後は === を使おうと思う。
JavaScriptのparseIntとmapを組み合わせる際の注意 - 金利0無利息キャッシング キャッシングできます - subtech
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
フォームのフリガナを自動入力させるAutoRuby.js | ホームページ制作・運営のヒント
&lt;script Language=”javascript” src=”http://ad.jp.ap.valuecommerce.com/servlet/jsbanner?sid=2456113&amp;pid=877160106″&gt;&lt;/script&gt;&lt;noscript&gt;&lt;a href=”http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=2456113&amp;pid=877160106″ target=”_blank” &gt;&lt;img src=”http://ad.jp.ap.valuecommerce.com/servlet/gifbanner?sid=2456113&amp;pid
Tanablog: JavaScript ライブラリの、ブラウザ判定ロジックを調べてみた
幾つかの JavaScript ライブラリから、ブラウザ判定部分だけを抜き出してみた。判定基準が userAgent だったり、ブラウザの実装だったり、多種多様で面白い。MooTools はレンダリングエンジンを返す所が他と違う。 Prototype (prototype-1.6.0.2.js) Browser: { IE: !!(window.attachEvent && !window.opera), Opera: !!window.opera, WebKit: navigator.userAgent.indexOf('AppleWebKit/') > -1, Gecko: navigator.userAgent.indexOf('Gecko') > -1 && navigator.userAgent.indexOf('KHTML') == -1, MobileSafari: !!na
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
特集：Firefox 3とFirebugで始めるJavaScript開発｜gihyo.jp … 技術評論社
Loading...