JS入門、福岡 - FAX
JS入門、福岡 JavaScript こんにちは。 ちょっと集まってJavaScriptを勉強しようということになりました。 正晃テックの桜井さんと、新井さんの会社メロートーンにお邪魔してやる予定です。 やりたいことは、たくさんあります。 まずは、JavaScriptをきちんと理解しようと思います。 if文やwhile文、varによる変数の宣言、型変換の法則、スコープ/Callオブジェクト、クロージャー、Function#apply/callなど、備わっている機能を一通りちょっとづつ勉強します。 &&、||を使った判断と実行、v-0、''+v、!!vなどのイディオム的な記述も見ていきたいです。 SICPや、HTDP、Rubyクイズ、Perlクイズなどから問題をもらって解く、プログラミングの時間もあります。*1 桜井さんは、どうも、SICPやHTDPにある、プログラミングの抽象化のエッセンス
[WikiParser][JavaScript] WikiParserのJavaScript移植版 (18:50) - いしなお! (2005-04-03)
_ 花見 (00:14) 昨日は会社の花見だったんだけど、ここのところ花粉症がひどいし、いつもの渋谷近辺ではなく上野会場ってことでいまいち土地勘もないし、面倒くさいなーと思いつつも、終わる時間頃を狙ってちょっとだけ顔を出しに行った。けど、場所取り予定地近辺にそれらしい集団は見つからず。携帯に電話してまで合流すると二次会に連れて行かれそうな気がしたんで、上野公園内を散歩して偶然であったら合流しようと思いつつ1時間ほどうろうろしたけど、結局出会えず。まあいいかってことでそのまま帰ってきた。ちなみに桜は1割くらいが咲いている感じ。一分咲きとかではなく、1割の木がほぼ満開になっている、って感じね。 _ JavaScriptでpreg_replace_callback 2 (11:14) 『JavaScriptでpreg_replace_callback』の続き。replaceの第2引数で関数が呼べ
ブラウザの表示領域のサイズを取得する方法。 - Enjoy*Study
ブラウザの表示領域を取得するに当たって、「ブラウザの種類」×「表示モード(標準/互換)」によって参照するプロパティが変わってきます。 IE、FireFox、Opera、Safariにて、表示モード毎に参照すべきプロパティをまとめてみました。(Safariについては2007/05/20に追記) 調査したのは、下記のプロパティです。 window.innerWidth window.innerHeight document.body.scrollWidth document.body.scrollHeight document.body.offsetWidth document.body.offsetHeight document.body.clientWidth document.body.clientHeight document.documentElement.scrollWidth d
Javascriptでポートスキャン - 技術メモ帳
ITMediaの記事が抽象的すぎて原理がわからなかったので、 BlackHat のやつのソースを斜め読みしてみた。 僕はいつも適当なので、間違いがあるかもしれません。 http://www.spidynamics.com/spilabs/js-port-scan/ http://japan.cnet.com/news/sec/story/0,2000056024,20185667,00.htm 簡単にまとめさせていただくと、 IFrame と Image#src により 任意のIPアドレスにアクセスさせ、 特定のタイムアウト時間(ハードコーディング/マジックナンバー) が 過ぎたらそのホストは生きていない判定をしている。 これは、Firebug で試してみたらなんとなく体感。 (new Image()).src = "http://IPアドレス"; としたときに、本当に存在すると 一瞬だが
Musings from Mars ≫ Ajax/DHTML Library Scorecard:How Cross Platform Are They?
Ajax/DHTML Library Scorecard: How Cross Platform Are They? As I mentioned in an earlier post, the whole Ajax/Web 2.0 thing that’s happened this last year reminds me vividly of the mid-1990’s. Back then, the web was brand new, it was exciting, everyone was learning how to build web applications, developers were totally turned on and creative, everybody was pointing out cool new apps and sites, and
JavaScript用Flashプロキシ、Javascript Sound Kit - FAX
JavaScriptFlashProxy 学習のためJavascript Sound Kitを読み、より汎用的に使えるプロキシを切り出してみました。addListnerの部分や、ディスパッチの部分など、とても面白かったです。(時間があれば、図を書きたいんだけど...)作者のGustavo Ribeiro Amigoさん、ありがとう、ごちそうさま！ ActionScript内でのevalや、プロパティ列挙、new Functionなどが十分に行えなかったため、ターゲットのプロパティを自分で初めに列挙する必要があります。thisまわりや、スコープの扱いも、MTASCはちょっと変でクセがあります。 コンセプトコードに近く、ActionScriptについての知識が皆無なため、見落としだらけだと思います。MP3の再生だけなら、Javascript Sound Kitで十分です。なにかの参考になれば。
CSS切り替えテンプレート
以前から予告していたCSS切り替えによる典型的な段組のパターンを網羅したテンプレート（ようやくブログで試用する段階になりました）。 フォーラムでよく見かける「2カラムを3カラムにしたい（あるいはその逆）」「サイドバーの左右を入れ替えたい」という要望を簡単に実現することができます。 このテンプレではエリア変数の使用は控えめです。 とりあえずHTMLはこんな感じになっています（3カラムのHTMLのケース4）。 <div id="container"> <h1></h1> <p></p> <form></form> <div id="primary"> <h2></h2> </div> <div id="secondary"> <h2></h2> </div> <div id="tertiary"> <h2></h2> </div> <div id="footer"></div> </div>
Website Options - read a little.
Website Options とは？ JavaScript で作られている、ページの使いやすさの向上を 目的とした機能を持つスクリプトです。 あらゆるページに適用できるように設計しており、HTML/4.01 (text/html) では勿論の事、XHTML/1.1 (application/xhtml+xml) でも動作します。 また、Mozilla Firefox/1.5.x での厳格な構文チェックを通しています。 以前は Preferred Style Generator という名前で配布していました。 簡単な設定を行うだけで、次のような機能を使う事ができます。 動的なスタイルシート切り替え スタイルシートを簡単に切り替えられる機能をユーザーに提供します。 クッキーを使ってスタイルシートの設定をブラウザに記憶させ、 ページを移動しても表示スタイルを維持します。 XHTML に書かれた
JSmartyとは？ - Thousand Years
概要 JSmartyはPHPのSmartyを模したJavaScriptで動くテンプレートエンジンです。テンプレートAPI部分についてはSmartyを準拠しており、それ以外にも文字列処理が便利になるようにAPIを提供します。 デモ http://www.starmsg.net/samples/JSmarty/plugin.html ダウンロード http://code.google.com/p/jsmarty/downloads/list Hello World!! <script src="JSmarty.js"></script> <script src="JSmarty/Compiler.js"></script> var smarty = new JSmarty(); smarty.assign("foo", "Hello World!!"); smarty.display("str
Object#eval - FAX
Object#eval JavaScript MDC - Core JavaScript 1.5 Reference:Global Functions:eval id:mal_blueさんより、Object#evalは後方互換のために残されているメソッドとご指摘いただきました。 なるほどー、ありがとうございます。 dojoのソースを読み、evalがObjectのメソッドだと知った。 var obj = {year : 2006}; obj.eval("alert(year)"); // 2006 with(obj){alert(year)}; // 2006 関連リンク 最速インターフェース研究会 :: JavaScriptでDebugScreen、その2 A. Sundararajan’s Weblog - More JavaScript debugging tips (Mustang
YouOS--ウェブOSのメリットと可能性を垣間見る - CNET Japan
いわゆるウェブメールをはじめ、「Google Spreadsheet」や「Writely」など、これまでデスクトップ上で動いていたものがオンライン上で再現されてもあまり驚かなくなった今日この頃。ですが、最近MITを卒業した4人の若者が、「YouOS」というウェブOSをつくってしまったという話にはちょっとびっくり・・・というよりも、ある種の不思議な感覚にとらわれました。 このYouOSを使うのに必要なのは、基本的にブラウザだけ。そして、同サイトへアクセスして自分のアカウントにログインすると、ブラウザの画面内にもうひとつのデスクトップが展開されます。左上端には「YOS Stufｆ」というWindowsの「スタートボタン」に相当するものがあり、これをクリックすると、チャットやメール用ソフト、リッチテキストエディター、ファイルブラウザー、スティッキーズ、FlickrやYouTube専用のRSSリー
Collection & Copy - [JavaScript]キャッシュ、メモ化
キャッシュ、メモ化 JavaScript IT戦記 - 要素をキャッシュして $ 関数をちょっと高速化 JavaScript++かも日記: 【チューニング】キャッシュ付ちょい$関数 上記を読み、以下のメモ化を利用できないか試してみた。 d.y.d. - memoization: ちょい補足 function memoize(f) { var memo = {}; var join = Array.prototype.join; return function() { var key = join.call(arguments); return memo[key] || (memo[key] = f.apply(this,arguments)); } } $ = memoize($); // Firebugの時間計測を利用 console.time("$"); for(var i = 0 ;
要素をキャッシュして $ 関数をちょっと高速化 - IT戦記
prototype.js の $ 関数で あっちこっちで、$、$、ってやるとその都度ノード探索発生してうざいので ↓prototype.js 1.5 の $ 関数 function $() { var results = [], element; for (var i = 0; i < arguments.length; i++) { element = arguments[i]; if (typeof element == 'string') element = document.getElementById(element); results.push(Element.extend(element)); } return results.length < 2 ? results[0] : results; } キャッシュしてみますた。 でも、IDがダイナミックに変更される場合(あんまな
Googleがonclickにはhref="javascript:void(0)"も付ける理由？
Googleはonclickなアイテムにはhref="javascript:void(0)"も付けてくれることが多いあるのだが、このお陰で（少なくともFxなら）フォーカスを合わせることが出来る（フォーカス状態でEnterを押せばクリックと同じ動作になる）。対してLDRなどはonclick属性しか使用していないらしく、Tabキーでブラウジングしてる場合などに、フィードの一覧にどうやってもフォーカスが移らないため、とても残念な気持になる。 例えばspan要素などにonclick属性を付けてイベントを発生させている場合はこの方法は使えない（そもそもhref属性がない）ため、表面上のユーザビリティ的には、クリックイベントを取得する場合はa要素を使い、onclick属性と一緒にhrefも付けておくのがよいと言うことになる。 フォロー記事 フォーカスとjavascript:void(0)の話・2
GIGAZINE - 画像を使わず、角にアンチエイリアスをかけて丸くする「curvyCorners」
「curvyCorners」はフリーのJavaScriptで、角が丸いコーナーをDIV要素で簡単に作ることが可能。特徴は画像を使ったのと同じくらい角がなめらかに丸くなる点と、いたって利用が簡単な点。 どれぐらい丸くなるのかという実例とコードのダウンロード、設置方法は以下を参照。 例その1、3ピクセルの白いボーダーを使い、角は半径20ピクセルで丸くなってます 例その2、固定幅と高さで画像を固定し、角は半径20ピクセルで丸くしている例 ダウンロードはこちらから 使い方は以下を参照 http://www.curvycorners.net/ ほとんどのメジャーなブラウザをサポートしているので汎用性も高く、使い勝手もいい感じです。
我的春秋: 振る舞い分離 JavaScript ライブラリ一覧（途中）
とりあえず、昨日（「続 JavaScript ソースが HTML から消える日」）の続きです。 あとで、対応ブラウザと対応セレクタ、ライセンスの一覧をアップしますが、とりあえずは現時点で把握している選択肢だけでも挙げておきます。 と昨日いいましたけど、ちょっと検証までやってる時間がないので、現時点で把握している範囲内の情報だけでもアップしておきます。（参考リンクもあらためて探し直してきたらボロボロ出てきたので整理しないと..。）また追々情報を追加していくつもりですけど、情報リーク大歓迎です。 対照表へ こういう情報って配信形態として Blog よりも Wiki の方が向いてるよなぁ..とかいうジレンマも自覚しつつ..。(- -;) それと、一応、この振る舞いの完全分離 —特に getElementsById の枠を超える部分のマイナスの面にも言及しておくべきでしょうね。 Shibuya.j
fladdict.net blog: jsがメッサ楽しくなるフレームワークjQuery(1)
HATENA-TUBEで使っている、jQueryというjsフレームワークが楽しすぎる件について。 jQueryは、ちょっとダーティだけどスゴイお手軽に、色々なことができるステキライブラリっす。小さい実験でのプロダクティビティはもうprototype.jsの100倍ぐらいスゴイっす。 色々実験中なのでそのメモ。 まず、最新版を右クリックから保存して適当なフォルダに入れる。 まず、jQueryではdobument.body.onloadに相当する部分が、ちょっと独特なのでおまじないのつもりで以下のように書きます。 初期化 $(document).onready( function(){ //ここに初期化系の処理 }) で、jQueryもプロトタイプみたいに$()関数を多様するのだけど、その強力さが半端ありません。例えば、ノードの一括定義とかができちゃいます。 全ての＜p＞ノードの中身を”Hel
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://js-introduction.infogami.com/resouces
コラボレータをオートワイヤリングする
JavaScript++かも日記 - 1997年からの