Amazon | Javascript: The Definitive Guide | Flanagan, David | JavaScript
This Fifth Edition is completely revised and expanded to cover JavaScript as it is used in today's Web 2.0 applications. This book is both an example-driven programmer's guide and a keep-on-your-desk reference, with new chapters that explain everything you need to know to get the most out of JavaScript, including: Scripted HTTP and AjaxXML processingClient-side graphics using the canvas tagNamespa
川o・-・）＜2nd life - はてな注目キーワードをグラフ化する GreaseMonkey
http://rails2u.com/misc/hatena_hotkeyword_graph.user.js はてなの注目キーワードではその日どんなキーワードを注目されているかが解って結構面白いです。視覚的に解るともっと面白いかもー、というわけで PlotKit + GreaseMonkey でサクッと作ってみました。 こんな感じで表示されます。1画面内のグラフに主だったキーワードが表示されるので、「あっ、そういえばこの日こんな事あったよー」というのが解って割と面白いと思います。もちろんジャンル事の表示などにも対応してます。また例えば先日の大停電の日のグラフですが このように、普段あまり使われてない「東電」というキーワードが一時的にめちゃくちゃ使われてる事が解って面白いです。 技術的なところでは、GreaseMonkey の開発ならヤツに丸投げまかせろ！でお馴染みな砂糖さん の外部ライブ
川o・-・）＜2nd life - はてなブックマークのお気に入りユーザ数を視覚化 - Hatebu Domain Visualization
http://lab.rails2u.com/hatebu_domain_visualization/ はてなブックマークを見ていると、どのドメインのサイトが人気なのかを知りたくなるときがあります。そんなんでドメイン別にカウントを集計し、グラフ化してみました。最近の人気なドメインや月別人気のドメイン、日別人気のドメインなどを見ることができます。 一年前ぐらいのグラフはGIGAZINEが無くて今と傾向が違っておもしろいです。 グラフの表示には PlotKit (http://www.liquidx.net/plotkit/ ) という Canvas/VML/SVG を使ってレンダリングしてくれるライブラリを使っています。WinIE でも Canvas をエミュレートしてくれてきちんと綺麗なベクターグラフが出力されてスゴース！また PlotKit は MochiKit を使って作られてるので
Collection & Copy - 複数行の文字列
複数行の文字列 JavaScript Javascript Boot Camp Tutorial \を行端に置くことで、文字列を複数行に分けて記述できることを知った。 IE、Forefox、Operaで確認をした。 alert("<html>\ <body>\ <div>\ </div>\ </body>\ </html>"); 文字列リテラル (String Literals) ECMA Scriptの仕様を読んでも難しく、このことが記述されているのか否か判断ができない。 『JavaScript』の文字列リテラルの項を読み直してみたが記述は見当たらず、これまで色々なコードを読んだが利用されている例に会わなかった。 追記 2006/8/7 nanto_viさんから、詳細な情報をコメントで頂きました。 こちらへ転載させていただきます。 いつも、いつも、本当にありがとうございます。 nanto
簡単な記述でアサマシ
アサマシするにははてなダイアリーのisbn/asin記法が最強。比較的環境を選ばずに、ああいったソラでも打てるフォーマットでアサマシできれば良さそうだなというわけで作ってみた。面倒かなとか思ったけど、助言が多かったので結構簡単だった。 結果として、複数のアサマシも可能だとかそんな感じのサンプルが出来上がった。アクション！ 具体的には、アサマシHTMLコードを挿入したい場所に、 <script type="text/javascript" src="http://example.com/asamashi.js#{ASINコード}"></script> こんな感じできれば良いかなというイメージで考え始めた。 script要素のsrc属性に記述されたJavaScriptファイルのURLに引数を付けて実現している。引数の取得の方法はscript.aculo.usの動的ロードの仕組みから。scrip
New in JavaScript 1.7 - Archive of obsolete content | MDN
The following is a changelog for JavaScript 1.7. This version was included in Firefox 2 (October 2006). JavaScript 1.7 is a language update introducing several new features, in particular generators, iterators, array comprehensions, let expressions, and destructuring assignment. Using JavaScript 1.7 In order to use some of the new features of JavaScript 1.7, you need to specify that you wish to us
excanvas.js でクロスブラウザ canvas を使ってみた。 - IT戦記
excanvas.js は Google が作った js ライブラリで、これを使うと IE でも canvas 要素が使えるようになる。VML に canvas のインタフェースを持たせた感じです。 ためしに使ってみた。。。 http://sample.ecmascript.jp/20060531.html …しかし excanvas.js まだまだ互換性が足りない。 Firefox の canvas でアニメーションをさせるのが重すぎる。 Firefox リークしまくり。 やっぱり、まだまだ先の技術なのかなー。 とはいえ、VML、SVG、canvas で何が出来て、何が出来ないのかをしっかり理解しておきたい。絶対何かに使えるはず！ リンク canvas http://www.whatwg.org/specs/web-apps/current-work/#scs-dynamic VML h
fladdict.net blog: jsがメッサ楽しくなるフレームワークjQuery(1)
HATENA-TUBEで使っている、jQueryというjsフレームワークが楽しすぎる件について。 jQueryは、ちょっとダーティだけどスゴイお手軽に、色々なことができるステキライブラリっす。小さい実験でのプロダクティビティはもうprototype.jsの100倍ぐらいスゴイっす。 色々実験中なのでそのメモ。 まず、最新版を右クリックから保存して適当なフォルダに入れる。 まず、jQueryではdobument.body.onloadに相当する部分が、ちょっと独特なのでおまじないのつもりで以下のように書きます。 初期化 $(document).onready( function(){ //ここに初期化系の処理 }) で、jQueryもプロトタイプみたいに$()関数を多様するのだけど、その強力さが半端ありません。例えば、ノードの一括定義とかができちゃいます。 全ての＜p＞ノードの中身を”Hel
水面に反射するような効果を画像に加えるJavaScript「Reflection.js」
上記画像を見れば分かるように、水面やなめらかな金属などに映り込んだような効果を画像に簡単に持たせることができるようになります。わざわざ画像を加工するソフトウェアを起動する必要がなくなるというわけ。映り込みの度合いも調整可能です。 Internet Explorer 5.5以上、Firefox 1.5以上、Opera 9以上、Safariで動作する模様。 Reflection.js http://cow.neondragon.net/stuff/reflection/ 「class="reflect"」というのを加えるだけで基本的に利用可能になります。画像ごとに効果を加える必要がなくなるというのがメリットらしい。ブログのアバター画像などで使うことを主目的に開発されたらしいですが、そのほかにも何か面白いことができそうな気もする。 なお、上記サイトからWordpressやphpBB、vBulle
Doujin for PSP
PSP向けコンテンツの研究 ～ 個人の作品を PSP 向けに配布閲覧してみてほしい ～ このページは rerofumi が個人創作物配布形態として PSP 向けのあれこれを模索するページ。 かもしれません。 PSP 向けツール jpegbook はこちら。 PSP アプリについてのページはこちら。 最近の更新 Mar.10.2009 TEXT Index maker をちょっと改良。 実験いろいろ ■SDL を試してみよう (超上級者向け) Oct.02.2005 - 実験版を提供 Oct.25.2005 - PSP自作アプリについては別ページに分離 PSP-SDK を配布しているPS2DEV(PSPDEV) の svn リポジトリ( svn://svn.pspdev.org/psp/trunk/ )を眺めていると、色々なライブラリに混じって SDL が置いてあります。 グラフィックアクセ
[JavaScript] Animation.Raster - ラスタースクロールだ！
※4月2日が1日になっていた点と、 31日まであった点を修正しました。 JavaScript 技術メモ 先日書いた Nクイーン問題 を解く JavaScript と同様に、アニメーションの１コマずつ 1ミリ秒のタイマー割り込み(というかsetTimeout)を使って表示を行っています。 JavaScript の処理をロックせずに、ブラウザに画面描画を行わせるためのテクニックです。 もちろん、垂直同期とか本来のラスタスクロール的な技術は使っていません。 Raster.js スクリプトをロードした上で、以下のように使います。 var ras = new Animation.Raster( id_or_elem, image_url ); ras.scroll(); new() コンストラクタの 第1引数 id_or_elem は、描画キャンバスを設置する要素（または要素id文字列）を指定します
[JavaScript] Animation.Cube - サイコロ回転エフェクト (rotating cube animation)
Kawa.netxp [JavaScript] Animation.Cube - サイコロ回転エフェクト (rotating cube animation) Animation.Cube クラスは、JavaScript のみでサイコロ回転風の アニメーションエフェクト(rotating cube animation)を実現するライブラリです。 事前に画像ファイルを加工(拡大縮小や分割処理)せず、JavaScript のみで リアルタイムにアニメーション処理を行います。 2画像の切替えエフェクト処理用、または、 サイコロの4面に貼り付けた画像をループで回転させるような処理に利用できます。 画像の拡大縮小処理が入っているため、 ラスタスクロール よりもマシン負荷が高いようです。 Opera だと少しスムーズなようです。 画像サイズを抑えれば、Celeron 2.4GHz 機でも十分に回転してく
ダイアリーの新編集画面 (のテスト中) - かんばらにっき
http://d.hatena.ne.jp/hatenadiary/20060428/1146193726 http://d2.hatena.ne.jp/ でダイアリーの新しい編集画面と管理画面をテスト中です。興味がある方は試してみてください。 感想や不具合報告などいただけると助かりますです。 編集画面の主な新機能は２つ バックアップ機能 プレビュータブ あとはsplitterでテキストエリアのサイズ調節ができるようになってたり、きれいなアイコンや角丸を多用したデザインになってます。 目新しいのはバックアップで、Javascript -> Flash経由でローカルに日記本文のバックアップをとるようになっています。突然ブラウザが落ちたりネットワークが切れてしまってもこれで安心(たぶん)。 技術的にはJavascriptからflash.external.ExternalInterfaceを通じ
IT戦記 - FireBug の新しいバージョンが便利すぎる件について
FireFox の拡張機能 FireBug を更新したらすごいことになっていたので共有します。 まずこれを見てください http://Sample.ECMAScript.jp/20060331.html ぱっと見の機能 HTML のソースを見ながら、属性値を直接編集できる。 影響のある CSS を即時に表示 レイアウト情報を即時に表示 インスペクト中の要素に浮上したイベントをキャプチャ インスペクト中の要素の JavaScript オブジェクトを表示 Ajax レスポンスのヘッダも確認できるようになった。 FireBug のインストール https://addons.mozilla.org/extensions/moreinfo.php?application=firefox&id=1843
Script.aculo.us や Rico を使う前に JavaScript Effect の仕組みについて理解しよう - IT戦記
社外勉強会の講師をすることになりました。 テーマは「JavaScript Effect Programming」 資料を公開します。 http://Sample.ECMAScript.jp/20060329.ppt 内容は・・・ JavaScript Effect Programming Effect の仕組み クラス設計 Delay 機種依存性の解決 Busy 状態の緩和 おまけ(上の資料内容を使って実現したゲーム) http://Sample.ECMAScript.jp/20060329.html ← 昨日(というか今日)の日記の高速化バージョン ルールは、ブロックの光の移動を寸止めでクリック(or キープレス)で止める。それを繰り返す。 やっぱりあんまり昨日のと変わらないなぁ。もっと、重いプログラム書かないと・・・。
Prototype.js を使った JavaScript OOP 講座 #01
社内の精鋭エンジニアを中心に定期的に勉強会をすることになった。んで、 JavaScript の講義は僕がやることになった。 資料を社内だけでとどめておくのはもったいないので、ここに公開していきます。社内の人も社外の人も読んでください。 講義の内容は基本的にソース嫁。ソースレビュー形式。 ※ターゲットは JavaScript は書いたことない、オブジェクト指向言語プログラマ。 Section 00 Prototype.js の前に JavaScript のオブジェクトの概要・・・ オブジェクトを作ってみる。 var object = {};オブジェクトにメソッドとかプロパティを追加してみる。 var object = { field: 'IT戦士', method: function() { alert('hello ' + this.field); } }; object.method()
hori-uchi.com: _blankを使わないで別ウィンドウを開くにはre
はてなブックマークをみていたら、気になるエントリーを発見。 [戯] target="_blank" を使わないで新しいウィンドウでリンクを開く方法 target="_blank"という書き方がXHTML 1.1 や XHTML Basicに準拠していないので、これらに準拠するようにしつつ、別ウィンドウで開くにはどうすればよいかという話です。 別ウィンドウで開くにはJavaScriptを使えってのが推奨される方法なんですが、onclickを使って定義するのはめんどうということで、この記事では、aタグにclass="popup"という属性を与えておけば、JavaScriptで別ウィンドウを開くということをしています。 この件については友人のHTML、CSSマスターなkawachi君と話したことがあって、そのときは、下のエントリで紹介されているrel="external"という方法を使うのがいい
AjaxとFlashの融合コンポーネント、Macromediaより提供開始。
Flash / JavaScript Integration Kit (Beta) 昨日コンポーネント指向Ajaxとかのたまってたら、タイムリーにMacromediaから、Flash/JavaScript相互通信フレームワークとライブラリが発表されました。 驚くべきことに、これを使用すると、オブジェクトの型を保ったままJSとFlashでデータ通信ができるそうです。対応ブラウザも、モダンブラウザ全てサポート。 というわけで、次なる焦点は「FlashからJavaScriptを制御するか、JavaScriptがFlashを制御下に置くのか？」になりそう。ＤＯＭ操作とブラウザ互換依存部分以外はflashにコードを隠蔽してしまってもいい気がする。そのほうが動作安定しそうだし。しかし、三ヶ月ぐらいhidden進行でリサーチしてた分野が無駄になったよコンチクショー。 投稿者 Taka : 2005年06
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://blog.jolt.jp/2006/06/post_41.html
クライアントシステム開発の勉強 - 高原芳浩のKeep-Alive