JavaScrip ライブラリの基本スケルトン
Firebug Lite がサンプルです。 実際そんなに気にする必要は無いですが、二重にロードされても 最初のものしか実行されません。 var _jslibname = "lightbox"; if (!window[_jslibname]) { ( function() { window[_jslibname] = { // プロパティ version: 1.01 , // メソッド trim : function( str ) { var regL = /^[ \s]+/; var regR = /[ \s]+$/; var len = arguments.length; str = str.replace(regL,""); str = str.replace(regR,""); return str; } }; } )(); // 定義された 無名 function の実行 } /
Let's make the web faster - Google Code
Optimizing JavaScript code Authors: Gregory Baker, Software Engineer on GMail & Erik Arvidsson, Software Engineer on Google Chrome Recommended experience: Working knowledge of JavaScript Client-side scripting can make your application dynamic and active, but the browser's interpretation of this code can itself introduce inefficiencies, and the performance of different constructs varies from client
JavaScriptの最適化について、code.google.comの記事の適当訳 - それ図解で。・・・tohokuaikiのチラシの裏
GoogleがWeb全体のスピードアップにいよいよ本格的に着手, 一社だけではできないと強調 からリンクのあった、 http://code.google.com/intl/ja/speed/articles/optimizing-javascript.html が日本語かと思ったら日本語じゃなかった・・・・。 いやー、意外とというか文字列については、全然知らんかった。 Closureって便利だし、「おぉ〜俺って使ってるジャン」みたいな気になれるからついつい使っちゃうんだけど、高コストなのね・・・・。反省。 ということで、超適当翻訳。どっかの誰かが書いてるかも。 前おき 著者: Google Chromeのエンジニア Gregory Baker, Software Engineer on GMail & Erik Arvidsson 推奨される経験：JavaScriptの実践的な知識 クライ
javascript - にはクラスはない : 404 Blog Not Found
2009年06月13日22:00 カテゴリLightweight Languages javascript - にはクラスはない かえってわかりにくくなっている感じをかつてさんざん実感したので。 JavaScriptのオブジェクトについて考察してみた - あと味 JavaScriptにおけるほとんど全てのデータはオブジェクトである オブジェクトの定義にもいろいろありますが、ここでは「メソッドを持つ」という狭い意味においても事実だということです。実際に見てみましょう。 p(true.toString()); p("String".toString()); p((1).toString()); p((3.14159265).toString()); p([0,1,2,3].toString()); p({q:"answer to life, the universe, and everythi
404 Blog Not Found:javascript - から数字と記号以外の文字を取り除く
2009年06月01日07:30 カテゴリLightweight Languages javascript - から数字と記号以外の文字を取り除く 見落としていた。 アルファベット禁止でjavascriptを書いてみた - sub Diary (仮) …ね、簡単でしょう？ お詫びというのも変だけど、もっと簡単にしてみた。 これで、任意のJavaScriptから数字と記号以外を取り除けます。アルファベットだけではなく、漢字も。 二種類作りました。まず一つ目。 var a = parseInt(999*Math.random()); var b = parseInt(999*Math.random()); var c = prompt([a,'+',b, '= ?'].join(' ')) == a+b ? '' : '不'; alert(c + '正解!'); ソースは至ってシンプル。 $_
JavaScript正規表現メモ。 (JavaScriptでよく使う書き方。) - こせきの技術日記
タイトル変えました。旧タイトル「JavaScriptでよく使う書き方」。よく使うけど毎回忘れる。 正規表現にマッチするかどうか。 RegExp#testを使う。 /abc/.test("abcdefg") // => true String#searchはマッチした位置を返す。マッチしない場合は-1。先頭にマッチすると0でfalseなので注意。真偽値が欲しい場合はString#searchを使わない。 "abcdefg".search(/xxx/) // => -1 "abcdefg".search(/def/) // => 3 "abcdefg".search(/abc/) == false // => true 正規表現の部分マッチを得る。 部分マッチを得るには、RegExp#execかString#matchを使う。execとmatchの速度は大して変わらない。 正規表現のベンチマー
高木浩光＠自宅の日記 - 「NoScript」をやめて「RequestPolicy」にした
■ 「NoScript」をやめて「RequestPolicy」にした セキュリティ屋が、Firefoxユーザに「NoScript」の使用を推奨することがしばしばあるが、私は賛同しない。 JPCERT/CC、技術メモ「安全なWebブラウザの使い方」を公開, INTERNET Watch, 2008年11月4日 *1 技術メモ − 安全なWebブラウザの使い方, JPCERT/CC, 2008年11月4日 IV. 各 Web ブラウザに共通する設定上の注意事項 1. スクリプト等の実行を制限する JavaScript 等のスクリプトや（略）は（略）Ajax に代表されるインタラクティブなインターフェースが実現できるなど、高い利便性が得られます。反面、PC 上の重要なファイルを削除・変更するなど、悪意を持った処理が行われる可能性もあります。従って無制限にスクリプト等を実行できるようにしておくのは
最近のjsプログラムの組み方 - nazokingのブログ
僕はコードスタイルが一定しないのですが、最近はクロージャ！クロージャ！ 最近は Firefox拡張/Greasemonkey/userChrome.js 系の javascript しか書いてないんだけど、そのあたりで「オブジェクトの継承」とかしたいと思うことがなく、 prototype とかややこしいだけなので全然使わなくなりました。 昔 function myClass(){ this.init.apply(this,arguments); } myClass.prototype.init=function(name){ this.name=name; } myClass.prototype.hoge=function(){ return "hoge" } myClass.prototype.huga=function(){ return this.name+this.hoge()+"
call使わなくても、document.getElements〜の戻り値にforEachとか使える！ - 素人がプログラミングを勉強していたブログ
ページが見つかりません | Mozilla Developer Networkには書いて無いけど、forEachがもっとお手軽に使える。 具体的には、今まで僕が書いてたのは Array.prototype.forEach.call(document.links, function(link){ console.log(link); } ) みたいな非常に格好の悪いスクリプトだったんだけど、実はこんなにシンプルに書けることを知った。 Array.forEach(document.links, function(link){ console.log(link) } ) おお、ArrayっぽいものにちゃんとArrayのメソッドが使える。
価格.comのスペック検索の検索結果ページにpermalinkを追加するGreasemonkeyスクリプト
価格.comではカテゴリごとにスペックで絞込み検索ができる。絞込み検索のフォームの送信はPOSTで行われるので、検索結果のページにはpermalinkらしきものは無いように見えるが、検索結果をメールで送信するというリンクがページの最後の方にあり、そのリンク先のURLからpermalinkがあることがわかる。ということで検索結果ページのh1要素の最後にそのpermalinkを追加するGreasemonkeyスクリプトを作った。 インストールすると、 という感じにスペック検索のタイトルの後ろにオレンジ色で「#」が挿入される。価格.comの「o」の色に合わせてオレンジ色にした。 スクリプト自体は特に難しいこともせず普通に書いた。特に遅いこともなさそう。Array.forEach()の第一引数にArrayっぽいものを渡すとうまいこと回せるというのは最近知った。 価格.comのスペック検索は漠然と買
みんなもっと JavaScript Shell 使おうぜ!! - hagino3000's blog
今日の若手IT勉強会でちょっとしたデモをやるのに使ったのですが、そんなに知名度が高くなかったみたいなので紹介。簡単に説明するとブラウザ上で動作する対話式JavaScript実行環境です。Firebugのスクリプトコンソールと同等の機能ですが、シェルっぽい動作が私は好きなので使っています。フォントも大きくできるので、発表か何かでデモを見せる時にも活用できます。 JavaScript Shell http://www.squarefree.com/shell/ Firefoxの場合はブックマークレット版を使えば、開いているページのコンテキスト上で任意のコードが実行できます。 機能(一部) JavaScriptの実行(入力してEnterキー)。複数行入力する場合はShift+Enterで改行 TABキーでプロパティ名の補完 ↑↓キーで実行履歴の参照 ans で前回の評価結果の参照 print で
wxJavaScriptを使ったデスクトップアプリケーションの作成
JavaScriptを用いて、ローカルで使うちょっとしたツールが書けたら便利だろうなあと思ったことはありませんか？ 本稿ではJavaScript向けのwxWidget実装である「wxJavaScript」というライブラリおよびJavaScript実行環境を用いて、JavaScriptで作るちょっとしたデスクトップアプリの実装法について可能な限り多くの実装例を交えながら解説したいと思います。 はじめに JavaScriptを用いて、ローカルで使うちょっとしたツールが書けたら便利だろうなぁと思ったことはありませんか？ JavaScriptはオブジェクト指向、正規表現、匿名関数などをサポートする強力なスクリプト言語です。 しかし、その利用範囲はほぼウェブ開発に限定されています。 最近でこそ兄弟言語とも言えるActionScriptがAIRテクノロジの登場によってデスクトップ分野に進出しましたが、
JavaScriptでJSON2XML
多くのウェブサービスで提供されるJSONデータは改行もインデントもなく読みづらい。PipesとかPipesとかPipesとか。Big SkyではGUIツールを作っていたけど、単にデータの構造を把握したいだけとかならXMLに変換してブラウザで見るのでも良いと思う。今まではその変換を適当なPerlスクリプトでやってたが、JavaScriptだけで出来そうな気がしたのでとりあえず作ってみた。そこそこ使えそう。 コアになるコードは20行ほどの再帰的に呼ばれる関数だけ。 function JSONtoXML (obj, depth) { var result = "", indent = ""; for (var i = 0; i < depth; i++) { indent += " "; } for (var key in obj) { var name = key; if (key.match
利用者に対し非常に分かりやすい通知を行うためのJavaScriptライブラリ「Notimoo」:phpspot開発日誌
Notimo Demos site 利用者に対し非常に分かりやすい通知を行うためのJavaScriptライブラリ「Notimoo」。 次のリンクをクリックしてみてください。 → 通知を表示してみる ページの右上にフェードインで表示するのはなかなかインパクトが大きいですね。 スクロールしても、いやみではない感じにちゃんとついてきてくれます。 使い方もかなり簡単で、必要なJSとCSSを読み込んだ後、インスタンスをnewして show メソッドを呼び出すだけです。 showは２回連続で呼び出しても、ちゃんと１個目と区別して表示してくれます。 <script type="text/javascript"> var notimooManager = new Notimoo(); // 通知を表示 notimooManager.show({ title: 'タイトル', message: 'メッセージ
Ajax - tips - JSONPをブラウザにキャッシュさせない : 404 Blog Not Found
2009年04月13日12:00 カテゴリTips Ajax - tips - JSONPをブラウザにキャッシュさせない というわけで、添削おじさん登場。 [を] 笑い顔顔文字APIを作りました （なお、なぜか IE と Safari だと一回しか動きません。添削希望！）理由は単純で、IEとSafariはJSONPをキャッシュしてしまうのです。 理由がわかれば、解決法も簡単です。たとえば以下のようにしてURIをUniqueにしちゃえばOK. function WarosuJSON(cb){ this.proxy = 'http://mimitako.net/api/warosuapi.cgi'; this.cb = cb; this.count = 0; this.parse = function(cb){ var script = document.createElement('scri
8のjQueryのすごいTIPS
8のjQueryのすごいTIPS 原文：8 awesome JQuery tips and tricks 微妙なTIPSもあるのですが、役に立つのもあるのでご紹介。 target="_blank" のリンクの作成 XHTML 1.0 Strict ではtarget=blank属性が利用できない。そこでjQueryを利用して別ウィンドウを開く方法を紹介しよう。 $('a[@rel$='external']').click(function(){ this.target = "_blank"; }); <a href="http://www.lepinskidesign.com.br/" rel="external">lepinskidesign.com.br</a> [to-R補足] 実際に利用する際はjavascript部分を$(function(){...})などで包む必要があります。[
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
運営者情報 | どこで買う安く買う販売店情報サイト｜BuyWrite EX
responseXml？responseXML？ - Do You PHP はてブロ
http://japan.internet.com/developer/20090320/26.html
運営者情報 | どこで買う安く買う販売店情報サイト｜BuyWrite EX