変態記法 Sharp Variables - 地獄のネコブログ
A sharp variable is a syntax in object initializers that allows serialization of objects that have cyclic references or multiple references to the same object. #数字に代入することで、他のプロパティをリテラル内で参照できるらすぃ。 let hoge = ({obj: #1={neko: 'cat'}, meow: #1#.neko}); alert(hoge.meow); // 'cat' alert(hoge.obj.neko); // 'cat' // ({obj: {neko: 'cat'}, meow: 'cat'}) 使えるパターン let いらずですね！ (#1=alert, #1#('hoge')); 終わらない旅 l
Google Analytics Launches Asynchronous Tracking
Today we're excited to announce our new Google Analytics Asynchronous Tracking Code snippet as an alternative way to track your websites! It provides the following benefits:Faster tracking code load times for your web pages due to improved browser executionEnhanced data collection & accuracyElimination of tracking errors from dependencies when the JavaScript hasn't fully loadedHere is the JavaScri
IT戦記2
このブログの目的 色んな人に何回も同じことを教えるのは効率的ではないので、この先 2 回以上教えなきゃいけなさそうなことをここにまとめていこうかと思います。
配列の再・初期化 - mtoyoshi開発メモ
var ary = []; ary.push('a'); ary.push('b'); ary.push('c'); ary = []; 「a」「b」「c」を追加した後、再度新たな配列をaryに代入する事で再初期化される。 けど新たに生成するのも気が引けるし、前のインスタンスをGC頼みにするってのもなぁ。 ・・・と思っていたら。なんとこれで、初期化と同じになるみたい。 ary.length = 0;
javascript - Yet Another Base64 transcoder : 404 Blog Not Found
2008年06月18日16:00 カテゴリLightweight Languages javascript - Yet Another Base64 transcoder すでにJavaScriptによるBase64 Encodingの実装は複数あるのですが、これまた気に入った車輪がなかったので再発明。 dankogai's js-base64 at master - GitHub Demo Textにはencodeすべき文字列を、Base64にはdecodeすべき文字列を入力 TextBase64 (URL Safe ) Roundtripiframe w/ data: Discussion まず車輪の再発明に至った理由ですが、 Firefox 2以降とSafari 3.1以降には、window.atobならびにwindow.btoaが実装されているので、使える時にはこれを使いたかった。
クリックジャックの脆弱性があるみたい - hogehoge @teramako
Firefox 3.0.5 にステータスバーを偽装できる欠陥 - Windows Livebookmark ステータスバーの表示を偽装できてしまう脆弱性があるようです。「ようです」というか実装コードのサンプルもあるのでやってみると確かにステータスバーに表示されているURLとは別のURLへ飛んだ。 ポップアップでURLバーを偽装している風のやつかなと思ったので、ステータスバーが標準と異なるVimperatorなら問題ないんじゃないかと思ったが、作りが全然違ってVimperatorでも偽装されてしまった。 作りはサンプルを見てくださいな。 Safari,Chromeでも動作するようです。GeckoもKHTMLも同じような実装方法なんだろうけど、リンクのクリック時の動作ってどうなっているんだろう。クリックイベントを受け取ってtargetからURLを割り出してオープンしているのとは違うっぽい感じ。
14KB JavaScriptマリオをコードリーディングしてみたよ - aike’s blog
JavaScriptで書かれたスーパーマリオ。わずか14KBのサイズであのマリオを再現したということで話題です。 http://blog.nihilogic.dk/2008/04/super-mario-in-14kb-javascript.html これはソースを読まねばなるまい、ということでコードリーディングしてみました。14KBといってもYUI compressorで圧縮されているので、見るべきは圧縮前の方のソースです。 http://www.nihilogic.dk/labs/mario/mario.js 圧縮前といってもものすごいですよ、これ。空行やコメントを適切に入れて、分かりやすい変数名をつけて、しかも画像や音楽もすべてテキストデータとしてソース中に定義して、それでたったの35KB、1200行。 うーむ、信じられない。敵キャラのAIは？画像データは？JavaScriptでどう
JavaScriptで履歴管理 - tkkochanの日記
最近、jsでメニューを開けたり閉じたりした操作や、AJAXやJavaScriptによる動的差し替えを行った際に、ブラウザの戻る・進むボタンが使えず、直感的な操作でないような気がしたので、いろいろ調べつつ、クロスブラウザなライブラリを作ってみた。 （とりあえず、現時点でIE6/7・FireFox2・Safari3.1・Opera9.23で検証） （2008.06.14追記。Opera9.50でも動いた。） とりあえず、ぐぐったりなんかして、断片的に調べてみたところ、以下のようなことがわかる。 ■ページ内のアンカージャンプを利用して履歴を残す。 ページ内に存在しないアンカーに対してジャンプさせることで、ページ移動せずに履歴を残すことができる。 ＜この方法の問題＞ ・IEの場合、アンカージャンプでは履歴が残らない。 ■上との組み合わせ、アドレスの変化を監視して、変更時にアクションを起動。 win
転送中
リダイレクトします 以前ここにあったブログは、現在 http://blog.suz-lab.com/2008/08/javascript.html にあります。 リダイレクトしますか。
jQuery.autouploader Pluginを作成しました。 : tech.kayac.com - KAYAC engineers' blog
AutoHotKeyの設定ファイルが意味不明で困ってます。agoです。 このたび弊社ではにおい部 - においフェチに捧げるコミュニティとして、におい部をOPENしました。 今回はこのサイトで使用している、ファイル選択時の自動プレビューjavascriptをjQuery.autouploaderとしてjQuery Plugin化したので公開したいと思います。 使い方はjQueryと一緒にpluginを読み込むだけ。 <script type="text/javascript"jquery.autouploader.js"></script> これで<form enctype="multipart/form-data">の中にある、<input type="file">に対して自動的にプレビュー機能が追加されます。 サーバサイドはアップロードされたファイルを保存し、そのURIを返すAPIを作成
cvTabGuitarをリリース - Vox
たまには何かしてみようということでJavascriptとcanvas要素でギタータブ譜を表示するcvTabGuitarをアップしました。 ソースはgithubに。サンプル HTML側にcanvasを用意しておいて <canvas id="tab1"> <canvas id="tab2"> こんなふうに使います。 <script type="text/javascript">window.onload = function() { var g1 = new tabGuitar("tab1"); g1.draw("C@x32010"); var g2 = new tabGuitar("tab2"); var list = [ { "cd" : "Cm", "ly":"♪すいめんが" }, { "cd" : "Gm", "ly"
window.toStaticHTML() - Thousand Years
IE8からwindow.toStaticHTML()メソッドが追加されました。引数に与えられたHTMLの断片からscriptタグや、onclick属性などのDynamic HTMLの要素を削除するためのメソッドです。 XDomainRequestのレスポンスに、意図しないscriptタグなどが入ってきたときにまずいことにならないようにそれを削除する用途で利用できます。 toStaticHTMLの利用方法 HTMLStr = "Hello<script>alert('foo');</"+"script> World!!"; alert(window.toStaticHTML(HTMLStr)); // Hello World!! alert(toStaticHTML(HTMLStr)); // Hello World!! toStaticHTMLの実行結果 例:その１ <span oncli
ハーフトーニング（拡散誤差法） - f8g
パターンを用いたものではなく、空間フィルタリングのときのようなフィルタを掛けて2値化。 コード これ使用 ImageProcessing.prototype.errorDiffuse = function(flt){ var self = this; // init var w = this.canvas.width; var h = this.canvas.height; var sum = 0; // total of flt values var tmp = []; // temporary colors var fw = flt[0].length; // filter width var cur = parseInt(fw / 2, 10); // current pixel (X) of flt // init sum flt.forEach(function(_){ _.fo
ページ遷移前に確認をする、onbeforeunload - 実用
JavaScriptwindowのonbeforeunloadハンドラで、Event#returnValueに値を入れると、ページ遷移直前にユーザーに確認ダイアログを表示することができる(んだって)。 以下コードの正常動作を、Firefox 2.0とIE 7で確認した。Operaでは実行されなかった。 window.onbeforeunload = function(event){ event = event || window.event; event.returnValue = '?'; } 以下は、IEとFirefoxの確認ダイアログのキャプチャ。 MochiKitでは、Event#confirmUnloadで確認ダイアログを出せる。 connect(window, 'onbeforeunload', function(event){ event.confirmUnload('?'
Pathtraq のランキングを「ながら見」出来る！ Pathtraq TV というのを作りました - IT戦記
はじめに Pathtraq API で何かできないか考えていて、 JavaScript だけで色々できそうだったので Hatebu TV をパクって Pathtraq TV というのを作ってみました。 クリックしてみてください。 http://amachang.art-code.org/pathtraq/ 使い方は まあ、そのまんまです。 手ぶらで Pathtraq のランキングを 1 位から 50 位まで流し見できます。 ページを見てる間に次のページをロードしてくれるのが、ちょっと便利です。 使っている Pathtraq API は http://api.pathtraq.com/pages の nextpage と prevpage http://api.pathtraq.com/popular です。 まとめ Pathtraq TV は JavaScript と Pathtraq の
Latest topics > 僕があまりDocumentFragmentを使っていない理由 - outsider reflex
Latest topics > 僕があまりDocumentFragmentを使っていない理由 宣伝。日経LinuxにてLinuxの基礎？を紹介する漫画「シス管系女子」を連載させていただいています。 以下の特設サイトにて、単行本まんがでわかるLinux シス管系女子の試し読みが可能！ « スマートロケーションバーでNOT検索できるようにしたXUL/Migemo 0.10.5をリリースしたよ Main 遊びとか本気とか » 僕があまりDocumentFragmentを使っていない理由 - Jul 07, 2008 自分にはちょっと承伏できない理由でJintrick氏にDISられてるので、一応釈明しておきます。 ――「一応」と書いておきながら、Jintrick氏に「バカじゃねーの」みたいに煽られたような気がして感情的になってクドクド書き過ぎてしまったので、最初に例だけ示しておきます。 <?xml
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
thePeoplesToolbox - Programming Tools
...
はてなブログ | 無料ブログを作成しよう
yukobaのブログ