読者です 読者をやめる 読者になる 読者になる

JavaScript

Node.js, Express3, Socket.ioで作る、コマンド実行Webインターフェース

序 動画をポータブルな形式に変換したり、DVDのバックアップとったり、BitTorrentのファイルダウンロードを登録したり、 ejectコマンドでディスクトレイを開けたり、とか、たまーにサーバー上で簡単なコマンドを実行したいこととかありますよね。 そういうの…

Sails.js の res.view() でのviewファイル指定の仕方の話

Sails.js のviewは、デフォルトではURLから自動で解決して任意のviewファイルを表示してくれる。 けど、自分で指定して任意のファイルを使う場合で少しハマったので記録しておく。 参考ディレクトリ構成 views ├── 404.ejs ├── 500.ejs ├── foo │ ├── hoge.e…

Sails のレイアウトに任意のブロックを追加する話

トップのページだけそのページ用の js とか css とか読ませたいときにどうすればいいのか知りたかったけど、Sails の View のドキュメント http://sailsjs.org/#!documentation/views だと Partial の説明くらいしかなかった。 なので、ちょろっと調べてみた…

JavaScript: The Good Parts――「良いパーツ」によるベストプラクティス 読了

JavaScript: The Good Parts ―「良いパーツ」によるベストプラクティス作者: Douglas Crockford,水野貴明出版社/メーカー: オライリージャパン発売日: 2008/12/22メディア: 大型本購入: 94人 クリック: 1,631回この商品を含むブログ (183件) を見る 200ペー…

nicovideo_watchlater.user.jsを更新

10月9日あたりのニコニコ動画のHTML変更で、クリックする場所がなくなってたので修正。 とか思ってたらソートがされないじゃん。明日直す。 http://coderepos.org/share/browser/lang/javascript/userscripts/nicovideo_watchlater.user.js ランク番号のあた…

主要ブラウザ間でのlocaleCompareの挙動の違い

依頼されたので調べてみたけど、Operaも実装がないっていうのにちょっと驚いた。 ブラウザ Firefox IE IE Opera Google Chrome Safari (Windows) バージョン 3.0.3 7.0.5730.13 6.0.2900.5512 9.52 0.2.149.30 3.1.2 JavaScriptエンジン Tracemonkey IEエン…

nicovideo_watchlater.jsをcodereposにcommitした

nicovideo_watchlater.user.jsを更新 - Bouldering & Com.に最新があります。 8月のニコニコ動画の仕様変更の影響で動かなくなってたのは知ってたけど、面倒くさくて対応してなかったけど、なんか急にやる気でたので直した。 ついでに、前からやろうと思って…

対話的にJScriptを実行

入力補完があればもっといいですが、インタラクティブにコードを試せるのだけでもはるかにマシ。 WshConsole http://d.hatena.ne.jp/Mug/20070221/1172076477 JScriptもVBScriptもどっちもできるっぽい。 ijsc.js http://d.hatena.ne.jp/hetappi/20071125/11…

JScriptでrequireとかimportとかロードみたいな

http://iriyak.adam.ne.jp/wiliki/uwsc.cgi?iriyak%3AJScript%3A%A5%D5%A5%A1%A5%A4%A5%EB%A4%F2%A5%ED%A1%BC%A5%C9:tilteのまんま。 実行側 eval(contentsOfFile('.\\mylib.js')); p(globalVar1); p(globalVar2); func1(); func2(); function contentsOfFil…

FreeStyleWikiの入力欄をリサイズ可能にしてみた

sudo vi ./fs_wiki/tmpl/site/default/default.tmpl 記述内容は上のと同じ。

Hikiの入力欄をリサイズ可能にしてみた

いろいろ考えるのが面倒くさかったので、jquery-uiで。 sudo vi ./hiki/plugin/00default.rb <script type="text/javascript" src="http://example.com/js/jquery-1.2.6.min.js"></script> <script type="text/javascript" src="http://example.com/js/jquery-ui-personalized-1.6b.min.js"></script> <script type="text/javascript"> $(functio…

functionベースのスコープについて

会社でやったJSのセミナーで、functionで変数スコープ作るのは強引だなぁ、という感想をもらったときに考えた言い訳。 JSではスコープを強く意識するような大きなコードはあまり書かない オブジェクトを扱うときはスコープを意識するが、オブジェクトとfunct…

特定のフォルダ以下のExcelファイルのシートをひとつのファイルにまとめるJScript

Windows Scriptドキュメントと、Excel VBAのヘルプを見ながら書き書き。ついでにシート名もファイル名にそうかたちに変更。 copy_and_merge(); function copy_and_merge() { var excel = WScript.CreateObject("Excel.Application"); var fso = new ActiveXO…

ゆるふわjQueryで愛されJavaScript開発

というタイトルの社内セミナーをやることにした。角谷さんリスペクトというのはたぶん誰もわかってないと思う。 スイーツ

Amazonのリストマニア作成が死ぬほど使いにくいのでJSでモニョった

http://www.amazon.co.jp/lm/R1QSDVS2KJEFIE/ http://www.amazon.co.jp/lm/R50X12W7HYC9Y/ を作ってるときに、順番の並べ替え程度の機能もないことに驚愕。 あまりのストレスに死にそうになったのでテキトーにスワップするのをでっち上げ。 なんとか生き延び…

FireFoxでXPathならdocument.evaluate

http://developer.mozilla.org/ja/docs/Introduction_to_using_XPath_in_JavaScript MozillaでXPathを使うならこんなん。 res = document.evaluate('xpath_query', document, null, XPathResult.ANY_TYPE, null ); res.iterateNext(); res.value; アサマシリ…

ニコニコ動画で気になる動画をマークできるGMスプリプトの更新

ニコニコ動画のランキング一覧ページで気になる動画を目立つようにしてソートできるようにする - Bouldering & Com.のやつ。 今日も使おうと思ったらHTMLの構造が変更されたので追従。 ニコニコ動画2月変更への追従 検索結果ページ、タグ検索結果ページでも…

ニコニコ動画のランキング一覧ページで気になる動画を目立つようにしてソートできるようにする

Python温泉の成果がJSなのはどうかと思う。 ニコニコ動画のランキング一覧ページで気になる動画を目立つようにする - Bouldering & Com.で目立つようにしてみたけど、それだけだとやっぱ使い勝手がよくないので、チェックしたエントリを集められるボタンを上…

jQueryを使うメリット

の一番大きいところはコードがシンプルになって可読性があがることだと思う。jQueryをちゃんと使ったサイトのJSのコードはすげー読みやすい。ステキ! それを実現するのに役立ってるのが、メソッドチェインなのね。ようやく実感として理解できた。Ressigに抱…

jQueryのeachとgrepはcallback関数の引数の順番が逆

ドキュメントのサンプルをみると、jQuery.each関数は function callback(indexInArray, valueOfElement) { var booleanKeepGoing; this; // == valueOfElement return booleanKeepGoing; // optional, unless false // and want to stop looping } って書い…

ニコニコ動画のランキング一覧ページで気になる動画を目立つようにする

自分の使い方が、ランキング一覧ページではじめに一覧をざっとみて、その後、個別のページを開いていく、という感じなので、書いてみた。 順位の書いてあるあたりをクリックすると、その行全体の背景色が変わります。もう一度クリックすると、白の背景に変わ…

ニコニコ動画でcookie内にマイリスト登録するGMスクリプトの修正

cookie内にマイリスト登録するGMスクリプトの修正 - Bouldering & Com.からさらに少しだけ修正 http://www.ne.jp/asahi/shrkw/shrkw/add_in-cookie_my-list.user.js 個別の動画画面で、登録ボタンを押したら、マイリストページへ遷移していたのを修正 個別の…

cookie内にマイリスト登録するGMスクリプトの修正

ニコニコ動画でcookie内にマイリスト登録するGMスクリプトの修正 - Bouldering & Com.でちゃんと修正した版があります少しだけjQueryらしくなるようにGreasemonkeyスクリプトを改造してみた - Bouldering & Com.からさらに少しだけ修正 in-cookieなマイリス…

少しだけjQueryらしくなるようにGreasemonkeyスクリプトを改造してみた

cookie内にマイリスト登録するGMスクリプトの修正 - Bouldering & Com.に更新版ありニコニコ動画でcookieにマイリスト登録するGreasemonkeyスクリプト - Bouldering & Com.で書いた、cookie内にマイリスト登録するGMスクリプトをちょっとだけjQueryぽく替え…

JavaScript Coding Guidelines for Mac OS X

Page Not Found - Apple Developer Dashboardウィジェット作ろうとしてドキュメントをさらってたら見つけたので読んでみた。 JavaScript Basics 普通のJavaScriptのことしか書いてない。 Object-Oriented JavaScript Getters and Setters JavaScriptでこんな…

Dashboard widgetオブジェクトの使い方

Page Not Found - Apple Developer execするときは widget.system(command, endHandler) を使う。 endHandlerを指定すれば非同期処理になってコールバックでendHandlerが呼ばれる。 endHandlerがnullなら、同期処理になってexecしたのが終わるまで処理が止ま…

DashboardウィジェットからファイルIO

オフィシャルのドキュメントも少しさらってみたけど、ファイルIOに特化した記事がなさそうだったので、メモ系のウィジェットのソースみた。 ClassicNotePad widget.system でexecできるのか。system経由でcatかー。わかりやすい。 NOTEZAR XHRでサーバに全部…

Dashboardウィジェット開発の情報源

なんか全般的に時間の経ったものが多い気がするけど。 Dashboard Reference Technical Notes ↑の部分翻訳 DashboardWidgetのデバッグ方法 Dashboard Widgetの作成方法その1 も、2005年の記事だけど参考になった。

外部リンクへの遷移を記録するときに、外部リンクへのジャンプ用ページじゃなくてJavaScriptを使う

Page not available - AdWords Help 外部リンクのクリックカウントを数えるのに、外部リンクへのジャンプ用ページを作ったりしますが、JavaScriptのonclickでカウントするようにしたほうがかっこいいですね。DOMをいじってaタグには全てonclickでログを記録…

JavaScriptの正規表現関係のreplaceメソッドで、IEとFFとで繰り返しに関する挙動が違った訂正:JavaScriptのreplace関数は正規表現

IEとFFでtextarea内の改行コードが違うっていう話があるので、 s = s.replace("\r\n","\n"); みたいなのを書いてIEでもFFでも透過的に改行コードを扱えるようにしてみて、わーい動いたー、とかって思ってたんですが、IEだと対象文字列中のCRLFしか変更されて…

Firebug LiteをBookmarklet

Firebug Lite をブックマークレット化しました - WebOS Goodiesのをまるまるパクらせていただいて、Firebug Liteをbookmarkletにして使ってみてますが、JSのコード中に console.log("hoge"); とかって書いても、JSのロード時にはconsoleオブジェクトがないか…

JSEclipseがまあまあ便利

入力補完があるとなにも考えずにコードが書けるので素敵です。

同一サーバ内での複数のTracをまたいでの検索するページのソース

JQueryは1.0系じゃないと動かないみたいです。JavaScriptとJQueryの練習で書いてみた。適当なロゴ画像とローディング画像を持ってきて、以下のコードを貼っつけるとこんな感じになります。普通にリクエスト投げてHTMLのスクレイピングしてるけど、XML-RPCプ…

FireFoxだとIMEが起動中はkeyupイベントが発生しない

超いまさらなネタだけど、仕事で遭遇したので。 tonextone.com/note/ - JavaScript の *.onkey* と IME の事情。その1FFで対応するには、ポーリングで監視しないといけないということ。Google Suggestの解析ネタの記事をどっかで流し読んでた記憶があったの…

createElementしたエレメントでもJQueryオブジェクトとして扱えた

JQueryというかJavaScriptの練習 - Bouldering & Com.だと、あらかじめHTMLのほうに用意しておいたテンポラリー領域に取得した文字列を展開して、それからテンポラリー領域を"$()"でJQueryオブジェクトにしてたけど、 $(document.createElement("div")); み…

JQueryというかJavaScriptの練習

jQuery 開発者向けメモと、Visual JQueryを見ながら、JQueryの練習中。 JQueryって、 $(expr, context); ってやるとコンテキストを指定して、JQueryオブジェクトを取得できますが、Ajaxで取得したデータはただの文字列データだから、コンテキスト足り得ない…