Editing JavaScript in Emacs
Skip to main content Let’s skip right to the chase: I recommend using Steve Yegge’s js2 mode. If you want to read about the other options and how they compared with one another in September 2005, read on! You may also be interested in other things I’ve written about Emacs or on JavaScript. If you find yourself doing substantial hacking on complicated websites, you’ll probably find yourself needing
Meadow に JavaScript メジャーモードを追加する - WebOS Goodies
私はテキストエディタとして Meadow を愛用しているのですが、実は Meadow には JavaScript モードが付いていません（代わりに Java モードが使われる）。 Infosketch の開発にあたりこれでは不便なので、 JavaScript モードを探してみました。 少しググってみたところ、こちらのページにいくつかの Emacs lisp スクリプトが紹介されているのを見つけました。その中から最も評価が高そうな Karl Landström 氏制作の javascript.el をインストールしてみたのですが、これが素晴らしい。正規表現リテラルの色分けや関数呼び出しの引数リストに記述された無名関数内のインデントなども完璧にこなします。もちろん Meadow でもバッチリ動きます（Meadow 3.00 開発版で確認）。 そんなわけで、本日はこの javascript.el
マイミクのページから直接「足あと」を消せる、グリースモンキー - IT戦記
はじめに mixi の足あと機能がパワーアップしましたね！ 「足あと」の機能改善においては、ページデザインのリニューアルと同時に、「マイミクシィ」（友人）の表示に加えて、これまで足あとページでは分からなかった「マイミクシィのマイミクシィ」（友人の友人）についても、アイコンが表示されるようになりました。これらの機能改善により、自分のページを訪れたユーザーとのつながりが、今まで以上に分かりやすくなります。 また、新機能「自分の足あと」の提供により、自分が訪問した先(プロフィールや日記など)のユーザーのニックネームを、時系列で最大30件表示いたします。なお、意図しないユーザーのページへ訪問してしまったときのために、相手の足あとページから自分の足あとを削除できる機能*1を追加しています。 株式会社ミクシィ どうやら 自分の足あとを削除できるようになったみたいですね！ ただ この機能、便利なんですけ
シングルクォートもきちんとエスケープする - 素人がプログラミングを勉強していたブログ
追記2：2007-10-11 - hoshikuzu | star_dust の書斎を見ると、下に書いてるような対策では不十分なようだ。 追記：エスケープすべき文字は、Re: JavaScript内（文字列）にデータを出力する場合の適切なエスケープ手順｜freeml byGMOなどを参考に。 シングルクォート(')をエスケープせずXSSの原因になっているサイトをけっこう見かけたので、どういう時問題になるのか書いておく。 JavaScriptの文字列を動的に埋め込む場合。 <script> var q = 'hoge"fuga'; document.getElementById('word').appendChild(document.createTextNode(q + 'の検索結果')); </script> のように、変数に代入する文字列を動的に作っている場合、RubyのCG
jParallax - webdev.stephband.info
France Italy Greece Ireland Turkey Athens to Istanbul Return to Joigny Tanzania Czech Republic Tahiti Switzerland Germany WWII Reunion Mediterranean Cruise Athens to Venice Budapest to Bucharest Cuba Brussels to Amsterdam Costa Rica Myths & Tips Useful Links Photo Albums All who wander are not lost! Why this site This site describes как стать Мидл Python-разработчиком, пройдя курс на Девман, и the
for 文 2.0(笑) - IT戦記
まぁ、かなり知られてる話ですが JavaScript は .(ドット) の計算がかなり遅い。まぁ、簡単なスクリプトなら問題にならないが。web2.0的には大違いなのであります。ちなみに、.(ドット) の計算に比較演算の 3 倍のコストがかかる（IEはとくに）。 ということで、for 文は下のように(比較に .(ドット) を使わない)書くくせをつけましょう。地道な差が大きなパフォーマンスを生みます。 // for 文 2.0 for(var i = 0, len = array.length; i < len; i++) { .... }各種ライブラリの for 文 1.0 を for 文 2.0 化するだけで、CPU 使用率がけっこう下がりました。 予断ですが、間違っても .(ドット) を避けるために with 文を使うようなことはやめてください。 with 文のコストは 比較演算の 8
高木浩光＠自宅の日記 - 楽天ad4Uの隠しリンクを露出させるユーザスタイルシート
■ 楽天ad4Uの隠しリンクを露出させるユーザスタイルシート 脆弱性を突いてブラウザの閲覧履歴を調べるという禁じ手に手を出した、掟破りの（自称「次世代」）行動ターゲティング広告「楽天ad4U」について、amachangの「IEのinnerHTMLやappendChildで要素が挿入された瞬間を取得する方法」を参考に、その隠しリンクを露出させるユーザスタイルシートを作ってみた。（Internet Explorer用。） #ad4u_list { display: expression(function() { if (!this.__mark) { this.__mark = true; // alert(this.innerHTML); var o = '<div style="overflow:scroll; border:dashed 4px red;">'; o = o + this
はてなブックマークのコンテンツの JavaScript を高速化する - IT戦記
はじめに 「新はてなブックマーク」になったということで、とっても便利になったのですが、ブックマーク一覧ページ*1が若干 JavaScript に時間が掛かっているみたいです。 というわけで 調査してみたいと思います。調査して、改善できそうなところは後で纏めて「はてなアイデア」にでも登録しようと思います。 この日記は調査しながら、過程を書いていくつもりです。 準備 まずは、人のサイトの JavaScript を書き換えて試してみるための環境を作ります。 作業用ディレクトリを作る とりあえず、ホームに HatenaJS というディレクトリを作ります。 $ mkdir HatenaJS $ cd HatenaJS CocProxy をダウンロードしてくる 以下から CocProxy というツールをダウンロードしてきます。 http://coderepos.org/share/wiki/CocPr
とにかく.でつなげて使うjsライブラリ? - hogehoge @teramako
1〜2ヵ月前くらいに作ったやつをCodeReposのsvnにaddしたままcommitしてなったプラグインを思い出してcommitした。 http://coderepos.org/share/browser/lang/javascript/vimperator-plugins/trunk/i_love_echo.js 名はi_love_echo.jsであるw オイラは:echoコマンドが大好き。 タブ補完も大好き。 発想は、○○をあーしてこーして××して...という極めて日本語的なことをするにはオブジェクト指向(?)って便利だよね。.で繋げれば良いんだもん、って感じ。 コマンドもマップもないプラグインである。あるのはメソッドのみで、:echo,:jsから呼び出すのが基本。 起点のメソッドは $ $x のみ。 説明を書こうと思ったのだけれど、うまく書けそうにない。 ソースを読んで理解した人が
del.icio.usに特定のタグを付けて一発ブックマークするブックマークレットを作る奴
Sveta Good site: circut city�ircut city�ircut city�rica durance�rica durance�rica durance�emjoy�emjoy�emjoy�cpenny�cpenny�cpenny�avalife�avalife�avalife�edu ceramic hair straighteners�edu ceramic hair straighteners�edu ceramic hair straighteners�edu flat irons�edu flat irons�edu flat irons�edu tourmaline hair straightener�edu tourmaline hair straightener�edu tourmaline hair straightener�olia flat
JavaScript はどのように実行されるか - IT戦記
JavaScript はどのように実行されるか Safari*1 の実装を例に JavaScript はどのようにして実行されているかを書く。自分用のメモ。日本語の出来は気にしない 1. ブラウザを起動して以下のようなページを開いたとする <html> <head> <script> var a = 1; var b = 2; alert(a + b); </script> </head> <body> </body> </html> 2. インターネットからデータが到着する そうすると WebCore::FrameLoader::write という関数に生の文字列が渡される。型は char* だ。 http://trac.webkit.org/browser/trunk/WebCore/loader/FrameLoader.cpp#L990 この関数の中では、到着した文字の文字コードを解
Safari4 と IE8 で実装された DOM Storage とは何か - IT戦記
はじめに 皆様 JavaScript のスピード競争が激化し、 ECMAScript 3.1 の仕様の策定が進むなど、激動の JavaScript 時代をいかがお過ごしでしょうか。 さて今日は、今、ちまたで大ブレイクの兆しを見せている DOM Storage という仕様を紹介したいと思います。 DOM Storage とは何か まず、 DOM Storage とはどんなものなのでしょうか。 とても簡単に言ってしまえば、とてもたくさんのデータが保存できてサーバーに自動で送られない Cookie みたいなものです。 さらに、 Cookie とは違って JavaScript からとても扱い易く作られています。 では、この DOMStorage の具体的なソースコードを見てみましょう。 <!DOCTYPE html> <html> <head><title>DOMStorage の使い方</tit
オレの名は「ジェイ・スクリプト」…… - in between days
以下、郷田ほづみの声でお読みください。 オレの名は「ジェイ・スクリプト」。20世紀最末期の「第一次ブラウザ戦争」でエース部隊に徴用され、最前線で殺戮を繰り広げた。オレたちに課せられた課題は重大だった。相手方ブラウザの殲滅。オレたちはマイクロソフト帝国の最新鋭上陸艦「IE4」に搭載され、次から次へとコードを実行した。戦いは熾烈を極めた。オレたちはどんな汚いコードでも動いた。カーソルをクマさんに変える。アイコンを点滅させる。今日のお知らせをポップアップさせる。世界時計をスクロール表示させる。それが果たして本当にそのウェブページに必要なユーザビリティなのかを問うこともなかった。しかしいつしかオレたちは気づいた。敵艦「NN4」に搭載されているのもオレたちとまったく同じスクリプトなのだと。やがてオレたちが属する帝国が領土のほぼ九割を制圧するに至り、戦争は膠着状態にはいった。敵国は壊滅されたかに見えた
最速インターフェース研究会 :: Firefoxでテキストをクリップボードにコピーする方法
動作デモ http://la.ma.la/misc/js/setclipboard_for_firefox.html Firefox1.5 + FlashPlayer8.5で動作確認してます。Opera8.5では動いたがOpera9では動作せず。Safariは知らない。FlashPlayerのバージョンによっても何か違うのかもしれない。 元ネタ http://a-h.parfe.jp/einfach/archives/2005/0706043145.html IEではデフォルト設定でブラウザからクリップボードの読み書きができる、というのは割と有名な話ですが、Flashを使うとIE以外でもクリップボードにテキストをコピーすることができます。上書きのみで読み込みはできないようなので多少は安心です。(クリップボードが勝手に置き換わってしまう、という悪戯はできる) で、このFlashを使ったクリッ
ウノウラボ Unoh Labs: JavaScriptでクリップボードを使う(IE/Firefox)
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
JavaScript実行が高速化する「Firefox 3.1」--ウェブ開発者のIE離れ加速か
「Firefox」は、現時点でも十分に高速である。ある調査テストでは、わずかに「Safari」よりも遅いとの結果が出たものの、ここで意味する「わずかに（Safariより）遅い」とは、「猛烈に速い」ことを意味してもいる。 Mozillaが革新的に開発を進める「TraceMonkey」によって、さらにFirefoxは速くなろうとしている。パフォーマンスの大幅な改善を考えてみてほしい。 CNETのStephen Shanklandが、すでに詳細を伝えているため、ここで筆者が論ずるまでもないが、これはとりわけFirefoxにとって、ブラウザパフォーマンスの目ざましいブレークスルーとなることは確実だろう。Mozillaでエンジニアリング担当の暫定バイスプレジデントを務めるMike Shaver氏は、次のように語っている。 TraceMonkeyプロジェクトが目指すところは、まだ現時点では初期段階に過
HolyGrail――オンライン勉強会Roppongi.JSの挑戦 － ＠IT自分戦略研究所
オンラインとリアル。現代のエンジニア・コミュニティには、2つの活動領域が存在する。その境界線を越えて活動する人たちにフォーカスを当て、これからのコミュニティ像を探る。 第2回｜1 2｜次のページ エンジニアが開く数々の技術勉強会。その開催場所を見ると、やはり東京を中心とした関東圏が多い。そんな中で一時期、不思議な「場所」で開かれる勉強会が存在した。名前は「Roppongi.JS」、場所は「オンライン」。 オンラインで勉強会、というユニークな試みは、試行錯誤の連続だったようだ。2008年3月にスタートしたこの勉強会は、同年7月に「一時凍結」を宣言した。 なぜオンラインだったのか。リアルな勉強会との違いは。そして「凍結」の意図とは。主催者である「HolyGrail」氏に伺った。 ■初心者にもJavaScriptを使ってほしい Web上ではHolyGrailという名前で通っている、堀邦明氏。某W
具体例で説明するデザインパターン - てっく煮ブログ
JavaScriptデザインパターンってなんだかたいそうなものに考えられがちだけど、実は、そこかしこのライブラリや仕様に取り込まれていることが多い。「デザインパターン分からん」とか「で、どうやって使うのよ」と悶々としている人には、「どういうところで使わているのか」を知っておけばイメージも沸きやすいし、意外にたいしたことないんだな、ということが分かるんじゃないだろうか。そこで、JavaScript やその周辺の技術で、デザインパターンがどのように使われているかを紹介してみることにする。ここでは、GoF本の順番に沿って、以下の11個のパターンを取り上げる。生成に関するパターン Factory MethodAbstract FactoryBuilderPrototypeSingleton構造に関するパターン AdapterComposite振る舞いに関するパターン Chain Of Respon
JavaScriptからFlashの関数を呼ぶ：getURLでなくExternalInterfaceを使用する利点｜アークウェブのブログ
2008年5月13日 JavaScriptからFlashの関数を呼ぶ：getURLでなくExternalInterfaceを使用する利点 SEの竹村です。 弊社のGoogle Analyticsを確認すると、下記の記事が結構見られているようです。 ▼JavaScriptからFlashの関数を呼ぶ - Flash Java Script Integration Kit https://www.ark-web.jp/blog/archives/2006/02/javascriptflash_1.html 上記のブログでは、JavaScriptとFlashを連携させるために「osflash: Flash JavaScript Integration Kit」を使用していました。ですが、この記事は2006年と古くなっており、現在私が実際に利用しているライブラリとは異なるため、新たに記事を書くことに
Firebug Lite: すべてのブラウザで動作するデバッグツール | WIRED VISION
Firebug Lite: すべてのブラウザで動作するデバッグツール 2008年8月 6日 IT コメント： トラックバック (0) ウェブ開発者にとってあらゆるブラウザ環境で動作保証するのはもちろんのこと、バグが発生した際、すべてのブラウザで障害調査・追跡をすることはとても難しく悩ましい問題だ。 Firefox なら Firebug、Opera なら Dragonfly といったツールは存在するが、もし Firefox/Opera 以外のファンならどうするか？ そんなとき Firebug Lite は一見の価値がある。 Firebug Lite は各種ブラウザでブックマークレットとして起動可能な JavaScriptライブラリとなっていて、Firebug と同様に Console、HTML/CSS/JavaScriptインスペクタ、XmlHttpRequestインスペクタなどの機能がある
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
