皆様のお話し、とても勉強になりました。そして、楽しかったです。 自分自身にこのような機会を与えてくれた、id:secondlife さん及び Shibuya.js の皆様に感謝します。 また、別のテーマでも話せる機会があれば、ぜひ、挑戦してみたいと思います。 これからも、amachang をよろしくお願いします。 資料をアップしました。 http://sample.ecmascript.jp/20060414.ppt
とりあえず、昨日(「続 JavaScript ソースが HTML から消える日」)の続きです。 あとで、対応ブラウザと対応セレクタ、ライセンスの一覧をアップしますが、とりあえずは現時点で把握している選択肢だけでも挙げておきます。 と昨日いいましたけど、ちょっと検証までやってる時間がないので、現時点で把握している範囲内の情報だけでもアップしておきます。(参考リンクもあらためて探し直してきたらボロボロ出てきたので整理しないと..。)また追々情報を追加していくつもりですけど、情報リーク大歓迎です。 対照表へ こういう情報って配信形態として Blog よりも Wiki の方が向いてるよなぁ..とかいうジレンマも自覚しつつ..。(- -;) それと、一応、この振る舞いの完全分離 —特に getElementsById の枠を超える部分のマイナスの面にも言及しておくべきでしょうね。 Shibuya.j
behaviour.js リバースエンジニアリング その1 は急いで書いたので、大事な部分を見落としてたように思うので、もうちょっと詳細に見てみます。 おもしろかったのはBehaviour.apply()の部分 apply : function(){ for (h=0;sheet=Behaviour.list[h];h++){ for (selector in sheet){ list = document.getElementsBySelector(selector); if (!list){ continue; } for (i=0;element=list[i];i++){ sheet[selector](element); } } } }, ユーザーが指定した「セレクタ名:関数」をプールしている配列Behaviour.listから、要素を抜きだして for 文で処理しているんですが
話題のbehaviour.jsのソースを見ていきます。 behaviour.jsの使い方から var myrules = { 'b.someclass' : function(element){ element.onclick = function(){ alert(this.innerHTML); } }, '#someid u' : function(element){ element.onmouseover = function(){ this.innerHTML = "BLAH!"; } } }; Behaviour.register(myrules); となっております。このエントリーではライブラリのソースを見てどんな仕組みで動いているかを検証するのが目的なので、もしライブラリの詳しい利用法が知りたいという方はこのスクリプトの紹介元である 【我的春秋さん】 http://my-c
上記画像を見れば分かるように、水面やなめらかな金属などに映り込んだような効果を画像に簡単に持たせることができるようになります。わざわざ画像を加工するソフトウェアを起動する必要がなくなるというわけ。映り込みの度合いも調整可能です。 Internet Explorer 5.5以上、Firefox 1.5以上、Opera 9以上、Safariで動作する模様。 Reflection.js http://cow.neondragon.net/stuff/reflection/ 「class="reflect"」というのを加えるだけで基本的に利用可能になります。画像ごとに効果を加える必要がなくなるというのがメリットらしい。ブログのアバター画像などで使うことを主目的に開発されたらしいですが、そのほかにも何か面白いことができそうな気もする。 なお、上記サイトからWordpressやphpBB、vBulle
[2006-06-10 付記]このエントリーは、2006-01-05 時点のもので情報が古くなってます。現時点で把握している最新情報を「続 JavaScript ソースが HTML から消える日」にアップしましたので、あわせてご参照ください。 Behaviour.js ― JavaScript ソースを (X)HTML から完全分離できるライブラリ 昨日、職場の同僚の人がたまたま見つけた JavaScript ライブラリを教えていただたんですけど、これがもうびっくり!なんと、このライブラリがあれば、イベントハンドラーも含めて JavaScript ソースが (X)HTML の body 内から、ほぼ完全に分離できてしまいます! しかも、HTML 内で JavaScript 関数を適用する場所は、なんと JavaScript ソース内に CSS セレクタを書き込むことで指定!あまり日本では取
点列をベジェ曲線に変換する BezierGenerator.js のサンプルです。 このサンプルは Firefox, Opera くらいでしか動きませんが、BezierGenerator.js 自体に環境依存性はありません(たぶん)。
引数に全部$したい場合。 arguments = $A(arguments).map(function(e){ return $(e); });これより arguments = $.apply(null, arguments)こうすると楽チンだし、ちょっと速い。 え?当たり前? すみません。今日気が付きました。
Editable JavaScript TreeGrid Version 3.7 News 15th May 2006 TreeGrid 3.7 released Added possibility to choose what to send to server - changes only, configuration, whole xml, etc. Added support for many invisible columns, now grid supports unlimited count of invisible columns. Updated dragging functions among more grids. You can see this feature in Expert tutorial, the fifth example Dragging. From
JavaScript var sql = SELECT * FROM EMP alert(sql); alert(<> AB CD ); 関連リンクCollection & Copy - ヒアドキュメント、IE専用、コメントCollection & Copy - GM_addStyle、E4XJSAN - Test.Base 0.13
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
Yahoo!が使っている各種JavaScriptが「Yahoo! UI Library」という名前で公開されているが、そのYahoo! UI Libraryを使ったテトリスがある。 操作スタイルはともかく、今までの各種JavaScriptで作成されてきたテトリスとは一線を画する再現性と出来だ。 YUI Tetris! http://www.dustindiaz.com/basement/tetris.html 下にある「START」ボタンを押して開始。「S」で左、「F」で右、「D」で下移動。回転は「←」「→」キー、あるいは「<」「>」キーで行う。ちゃんと上まで詰まったら画面全体がブロックで覆われたりと芸が細かい。 お仕事中の息抜きにどうぞ。
AdobeはWebページにAjaxを組み込むためのWebデザイナー向けフレームワークを公開した。HTML、CSS、JavaScriptの基本的な知識があれば簡単に導入できるという。 米Adobe Systemsは5月11日、WebページにAjaxを組み込むためのWebデザイナー向けフレームワーク「Spry framework for Ajax」のリリース1を公開した。同社サイトから無償でダウンロード提供している。 Spryフレームワークでは、HTMLとCSSおよび最低限のJavaScriptを使い、HTML文書にXMLデータを組み込むことが可能。HTML、CSS、JavaScriptの基本的な知識があれば簡単に導入できるという。 ダウンロードにはJavaScriptライブラリと同フレームワークについての説明、利用例を示すデモアプリケーションが含まれる。 Adobeでは、今回リリースしたのは
Ajaxに対応したオープンソースの開発ツールを推進するコミュニティ「Open Ajax」に,新たに13社が加わった。Open Ajax設立メンバーである米IBMが米国時間5月9日に明らかにした。これにより,同コミュニティの参加メンバーは28組織となる。 同コミュニティは,IBM社をはじめ,米BEA Systems,米Borland Software,Dojo Foundation,Eclipse Foundation,米Google,米Laszlo Systems,Mozilla,米Novell,米Openwave Systems,米Oracle,米Red Hat,米Yahoo!,イスラエルZend Technologies,米Zimbraの15組織が2006年2月に立ち上げた。今回加入した13社は,米Adobe Systems,Backbase社,米Fair Isaac,ICEsoft社
Kawa.netxp [JavaScript] Animation.Cube - サイコロ回転エフェクト (rotating cube animation) Animation.Cube クラスは、JavaScript のみでサイコロ回転風の アニメーションエフェクト(rotating cube animation)を実現するライブラリです。 事前に画像ファイルを加工(拡大縮小や分割処理)せず、JavaScript のみで リアルタイムにアニメーション処理を行います。 2画像の切替えエフェクト処理用、または、 サイコロの4面に貼り付けた画像をループで回転させるような処理に利用できます。 画像の拡大縮小処理が入っているため、 ラスタスクロール よりもマシン負荷が高いようです。 Opera だと少しスムーズなようです。 画像サイズを抑えれば、Celeron 2.4GHz 機でも十分に回転してく
The Flash / JavaScript Integration kit makes it possible to seamlessly communicate between Flash and JavaScript. You can call JavaScript functions from Flash, and ActionScript functions from JavaScript. Download the latest release of the Flash / JavaScript Integration Kit. Go to the project page (on OSFlash). Go to the development site (view the source code or log a bug). License The Flash / JavaS
アメリカ政府は各国との貿易品にかける関税の引き上げを行っており、2025年7月31にはドナルド・トランプ大統領が新たな関税率を定める大統領令に署名しました。そんな中、トランプ大統領は台湾への関税率を20%から引き下げる条件として、「Intel株の49%取得」を大手半導体ファウンドリのTSMCに要求していると台湾メディアが報じました。 關稅難題卡台積1/台灣對美貿易逆差超過日韓 傳川普只給2條路解套 https://www.mnews.tw/story/mm-20250804fin003 Desperate measures to save Intel: US reportedly forcing TSMC to buy 49% stake in Intel to secure tariff relief for Taiwan - NotebookCheck.net News https:/
SPECIAL!! MONDAY - THURSDAY ONLY 5-Hour Combination Trolling/Bottom Fishing Trip, $1000 For Up To 10 People! Need a place to stay for your fishing trip? Check out our Motorhome Rental Join Captain Dewitt Sightler for great fishing year-around on the charter boat C-Rose. We supply everything you need to catch fish--you only need to bring food and drink. Equipped with brand new engines, the C-Rose i
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く