IT戦記 - JavaScript の名前空間
JavaScript での大規模開発では シンボルの衝突が非常に大きな問題となる。その代表例が Firefox の拡張機能内のシンボルである。 で、こんな記述ルールはどうだろう window['http://d.hatena.ne.jp/amachang/']={}; // URI (function(){with(this){ // ここにコードを書く }}).apply(window['http://d.hatena.ne.jp/amachang/']); // URI 例えば window['http://d.hatena.ne.jp/amachang/']={}; (function(){with(this){ var hoge = 'hoge'; // このスコープ内で共有するシンボル this.fuga = 'fuga'; // 同じ名前空間で共有するシンボル window.p
JavaScript変態文法最速マスター - 葉っぱ日記
Java変態文法最速マスター - プログラマーの脳みそをリスペクト。 JavaScriptの変態文法・技法一覧です。あんまり使わないけど、知ってるとXSSとか攻撃したいのにWAFに妨害されるなど、いろいろ制約があるという場合に便利。 文字列の生成 引用符を使わずにさくっと文字列を作る。fromCharCode とか使ってもいいけどめんどくさいので、正規表現やE4Xを利用。 alert( /string/.source ); alert( <>string</> ) 空白文字を使わず記述 文脈上、スペースを書きたいけれどいろいろ制約があって書けない場合にはコメントで代替。実行するコードを作り上げてevalしてもいいけど大袈裟なので。 var/**/x=1; */ を含むコードブロックをコメントアウト コードの塊りをコメントアウトしようと思って /* */ で囲むと、コード内に string.
javascriptプログラマのレベル10 : tech.kayac.com - KAYAC engineers' blog
週末料理をしていて足を切ってしまいました。agoです。 以前Perlは書いていたんですが、その頃以下の記事を読んで非常に感銘を受けました。 Perlプログラマのレベル10 - Perlプログラミング救命病棟より - naoyaのはてなダイアリー 当時あまりコミュニティとのつきあいがなかったので、「自分のスキルの絶対位置」、「次のレベルへ行くために必要なもの」を知ることで非常に安心感を感じた記憶があります。 いま確認したところ、「JavaScriptプログラマのレベル10」はないようなので書いてみました。 Perlプログラマ Schemeプログラマ Rubyプログラマ （本家に直接リンクできるURLが無かったため、参照ページへリンクしています） haskellプログラマ 堕落したCプログラマ HTML知識レベル プログラマレベル 企業法務 JavaScriptの業務スキルレベル 判別表 （５
JavaScriptパフォーマンス改善(3) オブジェクトが配列かどうか判定する方法 - sarapapaブログ
JavaScriptパフォーマンス改善(3) オブジェクトが配列かどうか判定する方法 【調査対象】 ブラウザ： IE，Firefox 比較対象JavaScriptコード： (e instanceof Array) vs (e.length > 1) 比較結果： (e instanceof Array)の方が数倍早かった。IEは約1.5倍，Firefoxは約5倍。 【Sample Code】 (Abbreviation) if (e instanceof Array) { // fast. IE 1.5 times. FF 5 times. } (Abbreviation) if (e.length > 1) { // slow } (Abbreviation)
Yahoo! UI Library 3（YUI3）の基本
「Yahoo! User Interface Library Ver.3」（YUI3）はYahoo!が開発した、Webのページを作成するための汎用ツールライブラリーです。オープンソースで無償で提供されており、アニメーション効果やドラッグ＆ドロップ、データ取得やイベントの応答など、多岐にわたる機能がサポートされています。今回はまずYUI3の全体像を紹介します。 はじめに Yahoo!は、米国時間9月29日に「Yahoo! User Interface Library Ver.3」（YUI3）をリリースしました。YUI3はJavaScriptやCSS（Cascading Style Sheet）で書かれた、Ajaxライブラリーです。 Yahoo!は今まで、インターネットによる情報提供のためのさまざまなツールを作成してきました。開発したツールの中でも、Webのページを作成するのに汎用的に使えるツ
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
動的にiframeを生成してクロスドメインなPOSTを投げる方法 - Okiraku Programming
※2015/3/15追記 2015/2月ごろから本記事の方法はTwitterでの実利用は困難になりました。レスポンスヘッダに"content-disposition: attachment; filename=json.json"が追加されるようになったため、json.jsonというファイルとしてダウンロードが行われてしまいます。現状でこれを回避する方法はないと思われ、POSTはサーバ経由で行うしかなさそうです。（JSONPを利用したGETはこのヘッダがあっても可能です。） =====追記以上==== twicli開発メモ - Okiraku Programming で、iframeをtargetに指定してformを送信することで、外部ドメインに対してPOSTメソッドを発行する方法を書きました。が、iframeをあらかじめ準備する必要があったため、複数のクエリを同時発行できないといった欠点
Eudyptes Chrysocome | JSONPをYUI（Yahoo!UI）のconnectionっぽく扱うマネージャ
事始 とあるウェブサービスを使うアプリケーションを最初はPHPで作っていたが、Ajaxで作ってみるかなーと思い、いつものようにYAHOO.util.connectionで取得しようとしたらJavascriptが「書き込みできません」とぬかしやがる。 考えてみればクロスドメインなので取得できなくて当然！ 今まではproxyを作ってそれを通して取得していたが、今回Ajaxで作ろうと思ったきっかけがそのウェブサービスが「同一IPアドレスから1秒間に大量のリクエストを投げたら拒否るからよろしく」というルールから逃れるためなので、proxyを作っていたら意味がない。 かといって、久しぶりにJSONPを使うとなると、YUIで書きなれていたためにコールバックを匿名関数（無名関数）で書けないのがつらくてつらくて仕方がない。 なんぞJSONPを匿名関数で使えるライブラリーはないものかと探
JSONをevalを使わずにパースしよう | @blog.justoneplanet.info
■前置き JavaScriptにおけるevalとは非常に強力である反面、危険でもある（正しくパースされていないJSONなど）。またscriptの実行速度を低下させたりもする。そんな訳で以下のようなコードが世界には存在する。 ■json.js // JavaScript Document var json_parse = (function(){ //JSONをパースして、JavaScriptのデータ構造を生成する関数。 //これはシンプルな再帰下降パーサである //グローバル変数を生成することを避けるため、 //この関数は他の関数の中で定義される var at; var ch; var escapee = { '"' : '"', '\\': '\\', '/' : '/', b : 'b', f : 'f', n : 'n', r : 'r', t : 't' }; var text;
JavaScript var_dump (Mark 2) [javascript] [variable] [debug] [var_dump]
Never been to DZone Snippets before? Snippets is a public source code repository. Easily build up your personal collection of code snippets, categorize them with tags / keywords, and share them with the world Same as var_dump for PHP, but for JavaScript. Useful if you do not have Firebug. A typical useage: document.write(var_dump(ANY-JS-VAR,'html')); 1 2 function var_dump(data,addwhitespace,safe
addEventListener/attachEventをラップする at Flabo
function setEventListener(element, type, listener) { if (element.addEventListener) element.addEventListener(type, function(event){listener(this)}, false); else if (element.attachEvent) element.attachEvent('on' + type, function(event){listener(event.srcElement)}); element document.getElementById('hoge')等で取得したDOM Element type イベントの種類。"click"とか"focus"とか"blur"とか。"on"抜きで渡しませう。 listener イベントが起こったときに叩く関数
JavaScriptのthisキーワードをちゃんと理解する - builder by ZDNet Japan
前回までのおさらいと今回のあらすじ 前回までの記事で、JavaScriptでオブジェクト指向を行うにあたって必要な知識を一通り網羅しました。その中で、オブジェクトに属する関数＝メソッドについても触れました。 今回は、オブジェクトやメソッドと深い関わりのあるキーワード、「this」について解説したいと思います。 thisキーワードについてきっちり理解する 「thisキーワードについてお話しする」と言いましたが、実はthisキーワードは連載中で既に触れています。連載第９回で、このように述べています。 「（thisキーワードは）実行中のコードが「自分自身」を表すオブジェクトにアクセスするためのキーワードです。」 「実行中のコード」とされているのは、関数（メソッド）などの実行可能なコードということです。つまり、thisキーワードはメソッドをメンバに含むオブジェクトを指す、と言って良いでしょう。 例
複数のjsライブラリを利用する際にonloadを書き換える方法[to-R]
複数のjsライブラリを利用する際にonloadを書き換える方法 複数のJavaScriptライブラリを利用していて、正常に動作しないや、どちらか一方しか動作しないなどの状況に陥ることがあります。 原因は様々なのですが、一番多いのがJavaScriptライブラリのonload記法に依存する問題です。 onload記法とはJavaScriptを実行するタイミングをonloadイベント（ブラウザがすべてを読み込んでから実行）に設定する際の書き方です。 DreamWeaverを利用している方は、以下のようなソースをよく見るかもしれません。 <body onload="MM_preloadImages('hogehoge')"> これはonloadイベントにMM_preloadImagesという関数を設定しているという意味です。 他にもソースコード中の window.onload = functio
![複数のjsライブラリを利用する際にonloadを書き換える方法[to-R]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a9717624309e36a795026e1b70982163687ccca2/height=288;version=1;width=512/https%3A%2F%2Fblog.webcreativepark.net%2Ficon_200x200.png)
A JavaScript Module Pattern
Eric Miraglia (@miraglia) is an engineering manager for the YUI project at Yahoo. Eric has been at Yahoo since 2003, working on projects ranging from Yahoo Sports to YUI. For the past several years, Eric and his colleagues on the YUI team have worked to establish YUI as the foundation for Yahoo's frontend engineering work while open-sourcing the project and sharing it with the world under a libera
JavaScriptの巧い書き方 - Archiva
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。 Webに言語は数あれど、特に玉石混淆の激しいJavascriptの書き方について纏めてみた。間違い指摘大歓迎！ 発端はYahoo!の Eric Miraglia による、YUI 式モジュールの作り方をまとめた記事。ざっくりまとめると、以下の手順になる。 YAHOO.myProject.myModule = function () { //"private" variables: var myPrivateVar = "I can be accessed only from within YAHOO.myProject.myModule."; //"private" m
PHPer向けJavaScript入門
操作方法 → キー: 次のページへ ← キー: 前のページへ ↑ キー: 目次ページへ ↓ キー: 目次ページから戻る 目次ページでは ← → キーで一覧を移動し、クリックで選択します
YUI 2.7.0 Released
The YUI development team is pleased to release version 2.7.0 of the YUI Library. You can download YUI 2.7.0 from YUILibrary.com or configure your implementation using the YUI Configurator. Version 2.7.0 introduces a new StyleSheet component, graduates three components out of "beta", improves support for the upcoming release of IE8, includes over 180 bug fixes and enhancements, and ships with more
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Yahoo! UI Library 3で驚きのアニメーションを作成 (1/5)
Not Found — Domainr
IBM Developer
