未だに半年前のエントリにブクマされるみたいなので、もう少しjavascriptについて書いてみる。 今回は大規模化開発におけるJavascriptの注意点とかそういうの。当てはまらない環境の方もいます。(しかも基本的な事だらけで大したことは書いてないです) ほぼリッチクライアントを主目的としたjavascripterとコードを対象とします。 どちらかというと、ライブラリを提供する側の視点から 1.ログを出力せよ あなたが書いたコードは遅い、と必ず言われます。なので言われる前から、自分の書いたコードの処理時間をログするようにしましょう。 次のような処理時間を計測するロガーを作ります。 var TraceLog = function (){ this.startTime = -1; var outer = document.getElementById('_outer'); if(oute
またFirefoxは短縮形で取得しようとすると、設定していないプロパティにデフォルト値が入った状態で返ってくるので注意する。 getStyleValue( "div.hoge", "background" ) //Mozilla : rgb(17, 34, 51) none repeat scroll 0% 0% ルールを削除する function deleteRule( index, sheetindex ) { if( sheetindex == undefined ) sheetindex = 0; document.styleSheets[ sheetindex ].deleteRule( index ); } 全てのルールにはインデックスが振られており、それを指定することでルールから消すことができる。 ただ、同じセレクタで上書きするのとほとんど変わらないので、あまり必要にならない
Download Get the latest version of the XPath in JavaScript implementation: xpath.js Here is an implementation of XPath 1.0 in JavaScript. It's not completely tested but it seems to work with the few tests I've been doing. It is released under a Creative Commons Licence. Please let me know if there are any bugs. There is a mailing list for discussing the library. You can subscribe by going to the l
Selamat datang di situs terbaru dan terupdate hari ini, yang menyediakan game slot gampang menang Jackpot. Jika Anda ingin mendapatkan atau merasakan kemenangan jackpot terbesar dalam bermain slot online? Tentunya Anda sudah berada ditempat yang tepat, karena situs kami dapat memberikan pengalaman bermain yang spektakuler. Tidak hanya itu, Anda juga [...] Jika Anda masih mencari situs slot online
コードを書く人には便利そうなツールのご紹介。 ↑ かなり高機能なエディターです。是非触ってみてください。 JavascriptでできたCodePressを使えば、以下のようなことができてしまいます。 コードを色分け(定数や命令文などがわかりやすくなりますね)。 命令を書いてTABを押すと対応する括弧などを自動補完。 括弧を自動補完。 ショートカットを装備(CTRL+SHIFT+SPACEで「 」など) 対応している言語はPHP、JS、Java、Perl、SQL、HTML、CSSとのこと。これはかなり使えるのでは・・・。 実際の動作デモ&ダウンロードは以下からどうぞ。 » CodePress – Real Time Syntax Highlighting Editor written in JavaScript
自分用のメモも兼ねてエントリー。JavascriptやらAjaxやらで何かやりたいときに便利そうなリンク集のまとめです。 Javascript Libraries 主要なライブラリーとエフェクト用の拡張機能、その他ツールなどです。まずはこちらからいろいろ試してみるのがよさげですね。 » Javascript Libraries Ajax Rain Ajaxの小技いろいろ集です。ちょっとしたスクリーンショット付きのこうしたリンク集は眺めていて楽しいですね。 » 485 + Ajax/Javascript/Dhtml examples and demos to download Mini Ajax こちらもAjax Rainと同様です。こちらも綺麗なサイトで眺めていて楽しいですよ。 » MiniAjax.com / A showroom of nice looking simple downl
JavaScriptでコナミコマンドや波動拳を実装するというジョーク機能を試しているサイト [NS] お知らせ:「コナミコマンド」を実装しました JavaScript で波○拳を繰り出すことはできるか? 懐かしい&面白い機能ですね。 ジョーク機能といっても、隠しコマンドを実行すると何かが起こる、といったサイトの仕組み作りには真面目に役立ちそうです。 他にも色々JavaScriptで実装していって欲しいですね:-)
Javascript で diff というのはいくつか試された例はあるようですが、まだこれといった決定打は出ていない様子です。 実は diff は見た目ほど軽い処理ではないので、Javascript にやらせるのはこれが結構大変…… diff の計算量は、おおざっぱに言うと比較対象の要素数の二乗に比例し(実際にはそれより小さくすることができるのですが、まあ話のイメージとして)、かつメモリを大量に消費するので、バッチ的な処理に最適化されていない Javascript にはどうしても荷が重いものとなってしまいます。 比較対象の要素数を減らせば当然計算量は減りますが、行単位で比較してもあまり嬉しくない(わざわざ Javascript で処理するということは自然文が対象と思って良いでしょう)。最小の文字単位だとギブアップ。 ということは形態素解析で分かち書きして、単語単位で diff するのが J
はてブ追加画面にサイトを表示するGreasemonkey 2007-02-22 2007-02-23 14:39(JST)以前に公開されていたスクリプトにXSS脆弱性がありました。現在は修正されていますので、ダウンロードされた方は再インストールをお願いいたします。→ 脆弱性の詳細について はてなブックマークの追加確認画面の右側に、追加しようとしているページを表示するGreasemonkeyスクリプトを作りました。 こんなときに便利かなと。 ブックマーク先の内容をちょっと抜粋したいときに ブックマーク先を読みながらコメント書きたいときに なんとなくさみしい追加確認画面をゴージャスにしたいときに 動作イメージは以下のようになります。 http://www.akiyan.com/js/viewSiteAtHatenaBookmark.user.jsからインストールできます。 (FirefoxとG
スクロール可能なテーブルを作成するJavaScriptライブラリ「ScrollableTable」 2007年03月16日- Scrollable HTML table This JavaScript code can be used to convert tables in ordinary HTML into scrollable ones. スクロール可能なテーブルを作成するJavaScriptライブラリ「ScrollableTable」。 次のようなスクロールしてもカラム名が消えず、小さいスペースで配置できるテーブルを作成できます。 (※↓は画像です) 知っておくと、レイアウトを崩さないでテーブルのようなUI が必要な部分で使えそうですね。 設置方法は次の様に簡単 1.ライブラリを読み込み <script type="text/javascript" src="webtoolkit
The Ultimate Ajax Object Ajax 機能をオブジェクト化してAjax機能のみ単体で使える「Ajax Object」。 prototype.jsなどを使えば、Ajaxは簡単に使えるけど、Ajaxのみの機能を使いたいのに、要らない機能までもブラウザに読み込ませるのは無駄な場合も多いことと思います。 そんな際に使える、ajaxObjectの紹介。ほんの45行程度のライブラリですが、クラス化されていて再利用が容易です。 使い方は次のように簡単です。 myRequest = new ajaxObject('http://somedomain.com/ad.html'); // オブジェクト初期化 myRequest.callback = function(responseText) { // ajax成功時のコールバック document.getElementById('so
valid.tjp.hu - tjpzoom.js 2.0 - JavaScript / CSS / DOM image magnifier As you may have realized, this is a tool that brings images closer. This is the new version of my script, tjpzoom. 画像カーソル位置をズームインできるライブラリ「tjpzoom.js」。 次のように、カーソル位置の画像をズームできます。 知っておけば、ウォーリーを探せ風の簡単なゲームを作ったり、サイトのキャンペーンとしての面白い1要素として使えそう。 設置方法は簡単で、まず、次のようにスクリプトを読み込みます。 <script type="text/javascript" src="http://valid.tjp.hu/zoom2/tj
Ten Javascript Tools Everyone Should Have Javascript frameworks have exploded on the scene over the last few years but they're no replacement for a good toolbox とても便利なJavaScript関数集。 次のような便利な関数が紹介されてます。 空白スペースを取り除く trim, ltrim, rtrim 関数 配列の数値ソート 番号フォーマット関数 配列検索 HTMLのエスケープ関数 クッキー処理関数 getElementsByClassName Ajax機能提供 trim や HTMLのエスケープ なんかは、ブラウザで動くものは直接JavaScriptに実装してほしいですね。 prototype.jsなどのフレームワークを使わず、
NoFunc Nomadic Functions 超シンプルで使い勝手のよいJavaScriptコード集「Nomadic Functions」。 他のどのライブラリにも依存しない、★投票システムや、Ajaxリクエスト、カラーピッカー、ドラッグ&ドロップ、テーブルソートなどを実現するためのJavaScriptコード集です。 例えば、ajaxリクエストをするのに、次の関数があって、wReq('http://www.YourDomain.com/',0,function(v) { alert(v); }); のようにシンプルに呼び出せるコードが紹介されています。 function wReq(u,s,change) { var r=[function(){ return new XMLHttpRequest(); },function(){ return new ActiveXObject("Ms
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く