改行コード、pre、textarea - FAX
JavaScriptpre要素内の文字を変更する際、改行コードの扱いが各ブラウザで異なるようなので以下コードで調べました。 var pre = document.getElementsByTagName('pre')[0]; pre.innerHTML='[R]\r[N]\n[NR]\n\r[RN]\r\n[END]'; pre.appendChild(document.createTextNode('[R]\r[N]\n[NR]\n\r[RN]\r\n[END]')); innerHTMLで追加した結果は以下です。IEOperaFirefox\r空白のみ○○\n空白のみ○○\n\r空白のみ改行×2改行×2\r\n空白のみ○○ createTextNodeで追加した結果は以下です。IEOperaFirefox\r○○×\n空白のみ○○\n\r○改行×2○\r\n改行+空白○○ この結果を見
iTunesで聴いてる曲をTwitterにポストする - 実用
JavaScript iTunes2Twitter.zip iTunesで聴いてる曲を、TwitterにポストするHTA(HTML Applications)です。iTunesと併せて起動しておくと、自動で一定時間おきにTwitterへ曲名がポストされます。ポストされる内容は、以下の形式です。 Listening: アーティスト - アルバム - 曲名 最初に iTunes2Twitter.hta をエディタで開き、以下を書き換えてから起動します。 var USER = 'your_name'; var PASSWORD = 'your_password'; var INTERVAL = 20 * 60 * 1000; デフォルトでは20分に一回Twitterにポストする設定になっています。(その間に聞いた曲はポストされないという、少しランダムな仕様にしています。 頻繁にポストしすぎるのも
Collection & Copy - ヒアドキュメント、IE専用、コメント
JavaScript function hdoc(){ return arguments.callee.caller.toString().match(/hdoc\(\/\*(([\n\r]|.)+)\*\/\)/m)[1]; } function hdocTest(){ var message = hdoc(/* Peter Piper picked a peck of pickled peppers; A peck of pickled peppers Peter Piper picked. If Peter Piper picked a peck of pickled peppers, Where's the peck of pickled peppers Peter Piper picked? */); alert(message); } 関連リンクCollection & C
Collection & Copy - Greasmonkey、はてなブックマーク追加時にコメントを表示する、E4X
JavaScript スクリプトの内容更新されています。ファイルの配布先は変わっていないため、そのままここからインストールできます。 はてなブックマーク追加時にコメントを表示するGreasemonkeyスクリプト、更新 hb_display_comment.user.js はてなブックマークの追加画面の下部にコメントの一覧を表示するGreasmonkeyスクリプト。基本デザインの要素を非表示にするので、いる場合はGM_addStyleの部分から削ってください。 JSONを取得しテーブルを表示している部分は以下。 GM_xmlhttpRequest({ method : "GET", url : "http://b.hatena.ne.jp/entry/json/" + decodeURIComponent(location.href.match(/url=(.*)/)[1]), onl
Collection & Copy - MochiKit - スタイルガイド
MochiKit - スタイルガイド 翻訳 原文：StyleGuide - MochiKit - Trac MochiKitのコーディング規約の大部分はPythonのPEP8とPEP 7(この順に優先される)に従っている。しかし、JavaScript特有の点もいくつかある : ビルトイン・オブジェクト、およびそのプロトタイプを絶対に変更しない。(例えば、このようなことは行わない: Object.prototype.foo = REALLY_BAD! ) 代わりに関数の使用を志向する。 関数のようにtypeof演算子を使用する : typeof x ではなく typeof(x) コンストラクタを使用するときには引数を括弧に入れる : new Error, foo ではなく new wError("foo") 常に完全修飾子で他の関数を呼び出す。また利便性のための記号的なエイリアスも用いない
ページで使われている色をDel.icio.usにポストするブックマークレット(Firefox専用) - 実用
JavaScript ※2006/5/23 22:50 外部スクリプトの設置先に問題があり動作が不安定だったため、変更いたしました。 koyachiの日記 - del.icio.usで色カタログを作るcaramel*vanilla » del.icio.usをカラースキーム･ギャラリーにする’hceT’.sub(/￥Z/,’bus’).reverse - del.icio.us - tag/ColorScheme ページ内で利用している色を抽出し、Del.icio.usにポストできるウィンドウを表示します。いらない色をクリックすると、その色は取り除かれます。Firefox専用です。 javascript:(function(){window.postColorSchemeWindow=window.open('','','width=800,height=400,resizable=ye
RAID01とRAID10の違い - FAX
RAID01とRAID10に違いってご存知ですか？専門家やストレージベンダーのホームページでさえ両者は同じものであると説明されている場合がありますが、実は明確に違います。 ―RAID01とRAID10の違い : ITpro Watcher とのこと。ベンダーのページでは、 富士通のディスクアレイでは、RAID0+1を構成するディスクドライブのひとつが故障しても、残りのディスクドライブへの処理に影響はありません。このような、ストライピング処理されているディスクドライブのひとつが故障した場合に、ストライピング全体が閉塞されない機能を「RAID1+0」と呼ぶこともあるようです。その定義に従えば、富士通のディスクドライブも「RAID1+0」ということになります。 ―ストレージ ETERNUS > 用語解説 > RAID機能 > RAID 0+1 : 富士通 こんな風に言っています。用語の違いなのか
内部DSL、密結合、非コンポーネント指向 - FAX
内部DSL、密結合、非コンポーネント指向 「3年で陳腐化するWebサイトの構築には軽量言語のほうが向いている」，日本Rubyの会，高橋征義会長：IT Pro 密結合、非コンポーネント指向を自信を持って話せることを素晴らしいと思う。 Javaでは、コードはコンパイルする必要があるため、簡単に書き換えできる設定ファイルでお互いを結び、柔軟性を得る確保する。 間接化の、間接化の、間接化の....。(XMLは、柔軟じゃないけどね :-P) スクリプト言語では、くっつけるお互いが充分にやわらかい、つまり簡単に変更できるから、間を取り持つ必要はない。 言語の裏づけにより見やすく短く書けるため「内部DSL」が実現できて、それにより「密結合」してもよくなって、結果的に「非コンポーネント指向」になるってことなんだろう。 関連リンク Martin Fowler’s Bliki in Japanese - 言
Collection & Copy - [翻訳]JSON in JavaScript
翻訳 原文：JSON in JavaScript JavaScriptは、 Netscape Navigator用のページスクリプト言語として広まった汎用のプログラミング言語です。Javaのサブセットであると広く信じられていますが、それは違います。Cのような構文とソフトオブジェクトをもつSchemeに類似した言語です。JavaScriptは、ECMAスクリプト言語仕様-第3版で標準化されました。 JSONの表記法は、JavaScriptのリテラルオブジェクトの表記法のサブセットです。JSONはJavaScriptのサブセットであるため、あれこれ悩まずにJavaScript言語で使用できます。 var myJSONObject = {"bindings": [ {"ircEvent": "PRIVMSG", "method": "newURI", "regex": "^http://.*"
Collection & Copy - ドキュメントのロード完了に合わせて関数を実行する
JavaScriptページロード時にプログラムを実行するためにwindow.onloadやbody.onloadがしばしば使われる。しかし、ページ内に大きな画像が存在する場合などは、画像のロードを待つため、実行が遅れてしまう。「ドキュメントのロードが終わっていて、かつ、イメージのロードが完了する前」に関数を実行する方法のリンク2つの要点をコピー。 script要素defer、DOMContentLoadedイベントを利用する方法The window.onload Problem - Solved! Firefoxの場合非公式のイベントハンドラ、DOMContentLoadedを利用する。 // for Mozilla browsersif (document.addEventListener) { document.addEventListener("DOMContentLoaded",
Collection & Copy - JavaScriptにおける古典的継承
翻訳 原文：Classical Inheritance in JavaScript著者：Douglas Crockford ※原文のコード内に誤りがあり、このまま記述しても動作しません。著者のコメント及び補足情報は翻訳メモを参照下さい。 君は自分が利口で階級にも属さず 自由だなんて思い込んでる―John LennonJavaScriptは、クラスという概念に囚われていない言語です。JavaScriptでは、古典的な継承の代わりにプロタイプ的な継承を使用します。これはC++やJavaのような旧来のオブジェクト指向言語に長けたプログラマを当惑させるかもしれません。JavaScriptのプロトタイプ的継承が、古典的継承に比べていかに表現力が優れているかを、これから見ていきましょう。 JavaJavaScript強い型付け弱い型付け静的動的古典的プロトタイプ的クラス関数コンストラクタ関数メソッド関
Collection & Copy - JSON入門
翻訳(thanks to JavaScript++かも日記) 原文：Introducing JSON JSON(JavaScript Object Notation)は、軽量のデータ交換フォーマットです。人間にとって読み書きが容易で、マシンにとっても簡単にパースや生成を行なえる形式です。JavaScriptプログラミング言語（ECMA-262標準第3版 1999年12月）の一部をベースに作られています。JSONは完全に言語から独立したテキスト形式ですが、C、C++、C#、Java、JavaScript、Perl、Python、その他多くのCファミリーの言語を使用するプログラマにとっては、馴染み深い規約が使われています。これらの性質が、JSONを理想的なデータ交換言語にしています。 JSONは2つの構造を基にしています。 名前/値のペアの集まり。様々な言語で、これはオブジェクト、レコード、構
JavaScript: 世界で最も誤解されたプログラミング言語 - 実用
翻訳 原文:JavaScript: The World’s Most Misunderstood Programming LanguageCopyright 2001 Douglas Crockford. All Rights Reserved Wrrrldwide. JavaScript(別名：Mocha、LiveScript、JScript、ECMAScript)は、世界で最も人気のあるプログラミング言語の一つです。世界中のほとんどのパソコンには、少なくとも1つはJavaScriptインタープリタがインストールされ動いていることでしょう。JavaScriptは、WWWのスクリプト言語としての確かな地位により広く利用されるようになったのです。 しかしその高い普及率にもかかわらず、JavaScriptが汎用的でダイナミックな優れたオブジェクト指向プログラミング言語であることはあまり知られて
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
自分のブックマークを「お気に入り」に入れている人を検索する - FAX