JavaScript の new 演算子の意味: Days on the Moon
JavaScript における new 演算子の動作は大まかにいって以下のとおりである。(new F() とした場合。) 新しいオブジェクトを作る。 1 で作ったオブジェクトの [[Prototype]] 内部プロパティ (__proto__ プロパティ) に F.prototype の値を設定する。 F.prototype の値がオブジェクトでないのなら代わりに Object.prototype の値を設定する。 F を呼び出す。このとき this の値は 1 で作ったオブジェクトとし、引数には new 演算子とともに使われた引数をそのまま用いる。 3 の返り値がオブジェクトならそれを返す。そうでなければ 1 で作ったオブジェクトを返す。 ここで「オブジェクトである」というのはプリミティブ値 (文字列、数値、真偽値、undefined 、null) ではないということだ。new Stri
Class-Based vs. Prototype-Based Languages - JavaScript | MDN
クラスベース言語とプロトタイプベース言語 Java や C++ といったクラスベースのオブジェクト指向言語はクラスとインスタンスという 2 つの異なる実体があるという概念に基づいています。 クラスはあるオブジェクトの集合を特徴付けるすべてのプロパティ（Java ではメソッドとフィールドを、C++ ではメンバをプロパティと見なす）を定義する。クラスとはそれが表すオブジェクトの集合の特定のメンバではなく、抽象的なものである。例えば、Employee クラスで従業員すべてを含む集合を表す。 一方、インスタンスはクラスを実例にしたものである。つまり、そのメンバの 1 つということである。例えば、Victoria は Employee クラスのインスタンスとなることができる。このクラスは特定の個人を従業者として表すものである。インスタンスはその親クラスのプロパティを正確に保持する（それに他ならない）
amachang - JavaScript 入門
ここで言う名前空間とは 名前空間とは、一つの名前が一意のものを表す空間。例えば、大きな目で見れば、日本語は自然言語の名前空間である。また、専門用語なども名前空間と考えることが出来る。 日本語 { コンニチワ = 挨拶 : : } 中国語 { ニーハオ = 挨拶 } 英語 { ハロー = 挨拶 } また、名前空間は重なり（優先順位）を持つ 同音異義語などの言葉は、それぞれの細かい名前空間の重なりによって一意のものに特定されると考えられる たとえば、「コイが好き」と言った場合 池に関する名前空間 { コイ = すいすいパクパク } チャライ話題に関する名前空間 { コイ = ドキドキきゅんきゅん } お茶に関する名前空間 { コイ = にがーい } 名前空間の優先順位を考えると、一意の意味を知ることができる。
JavaScriptで動的にWAVデータを生成して再生 - 音楽方丈記
JavaScriptで動的にWAVデータを生成して再生 » 音楽コンテンツ(楽曲再生) [編集] こういう手があったのかと、まさに目から鱗の方法。 JavaScript で動的に WAV フォーマット (RIFF waveform Audio Format) のデータを生成して data URI スキーム (data:audio/wav;base64, に続いてデータ列)に変換して EMBED 要素で音声プレイヤーに流し込むというものです。 ただしこの方法には制限があって、IE6/7 は data URI スキームに対応していないので Firefox、Safari、Opera、Chrome でないと動きません。 指定の周波数のサイン波を再生Dynamic .WAV Generation in JavaScript 独自のミュージックマクロ (MML) を定義してメロディを再生JavaSc
はてなブックマークのコンテンツの JavaScript を高速化する - IT戦記
はじめに 「新はてなブックマーク」になったということで、とっても便利になったのですが、ブックマーク一覧ページ*1が若干 JavaScript に時間が掛かっているみたいです。 というわけで 調査してみたいと思います。調査して、改善できそうなところは後で纏めて「はてなアイデア」にでも登録しようと思います。 この日記は調査しながら、過程を書いていくつもりです。 準備 まずは、人のサイトの JavaScript を書き換えて試してみるための環境を作ります。 作業用ディレクトリを作る とりあえず、ホームに HatenaJS というディレクトリを作ります。 $ mkdir HatenaJS $ cd HatenaJS CocProxy をダウンロードしてくる 以下から CocProxy というツールをダウンロードしてきます。 http://coderepos.org/share/wiki/CocPr
高木浩光＠自宅の日記 - 新はてなブックマークの登録ブックマークレットは使ってはいけない
はてなブックマーク（以下「はてブ」）がリニューアルされ、ブラウザからブックマークレットでブックマーク登録（以下「ブクマ登録」）しようとすると、図1の画面が現れるようになった。「こちらから再設定をお願いします」と指示されているが、この指示に従ってはいけない。ここで提供されている新型ブックマークレットは使ってはいけない。（この指示には従わなくてもブクマ登録はできる。） 新型ブックマークレットを使用すると図2の画面となる。ブクマ登録しようとしているWebサイト（通常、はてな以外のサイト）上に、はてブの画面のウィンドウが現れている。これは、Ajaxと共に近年よく使われるようになった「ページ内JavaScriptウィンドウ」である。（ポップアップウィンドウとは違い、ウィンドウをドラッグしてもブラウザの外に出すことはできず、あくまでも表示中のページ上のコンテンツであることがわかる。）
ハッカーに憧れてたダケのオマエらに捧ぐ（序＋目次） - Eloquent JavaScript - 暗号、数学、時々プログラミング
Eloquent JavaScript | 06:06 | 心配するな。日本語は死なんよ 来たか、ハッカー大好きはてなー野朗。ちょっとオマエ、ブクマを見せてみろ。ん？なんだこの大量の「あとで読む」タグは？！ で、これは読んだのか？ 何？ まだだと？ あ？「だって英語で書いてあるしー」だ？ で、「その前に英語やらなくっちゃ！」と思ってやった事が、英語Tips のページにブクマして「あとで読む」タグを付けること？ おめでてーなー。オマエは本当におめでてーヤツだよ。今日も新たな教材探しか？ おい、、、図星かよ。涙目になんなよ。。 今日から、そんなオマエのヘタレな日常とサヨナラ出来るよう、またオレが教材を用意してやったぞ。喜べ。元ネタは"Eloquent JavaScript （オレ的な超訳では「スゴいよ JavaScript」）"だ。コイツの出来の良さは関係各方面でお墨付きが出てるから安心しろ。
Ubiquityのjavascriptコマンドを修正 - IkeTの日記
UbiquityでJavaScriptリファレンスとマッシュアップ - IkeTの日記 （自コメント） ブックマークコメントよりGJをいただきましたが、実際に使ってみるとこれが結構使い辛い。 ある使い方においては有効であるが、ある使い方においては問題は多々あり。 確かにOpenSpaceさんのコンテンツとUbiquityとの親和性もよく、マッシュアップ自体のアイデアは悪くないが、機能がいまいち洗練されていない。 ってことで、少しまじめに機能を検討し、大幅な変更を入れてみました。 中途半端なコマンドを提供することにより、Ubiquityが"おもちゃ化"するのも忍びないので... インストール gistからインストールしてください。 no title ※既にインストールされていて「Auto-update this feed.」にチェックを入れていない方は自動更新されません。Ubiquityの「
Xヶ所村: ウェブ上でゲームボーイ音っぽさで遊べるサウンドアプリ「pitchhiking」
ウェブ音アプリ「PitchHiking」を作りました。 *とりあえずtry demoでアカウントなしに遊べます。 *ログインするとサーバーにデータを保存できます。 動画のチュートリアルを見ていただくと大体わかります。 遊び方 キーボードの矢印で表を移動して、 aまたはbキーで値を変え、 sキーで再生/停止して、 wキーでサーバーに保存できます。 機能とか ブラウザがあれば遊べます。 矩形波２つとノイズと32バイト波形メモリの4声で、それらはゲームボーイ風の音を意識しています。 データをサーバーに保存できます。 インターフェイスはmod tracker風味です。あのゲームボーイで遊べる"ほにゃらら"から直感されてます。 環境とか ・サーバーはgoogle app engineを利用していて言語は当然pythonです。 ・インターフェイスはjavascriptです。
第6回 イベントハンドラから脱却しよう
今回はイベントについて学んでいきましょう。JavaScriptによるアプリケーションを作成するうえでは，イベントは欠かすことができない要素です。 ここでは，旧来より使われてきたイベントハンドラのおさらいと，イベントハンドラの問題点を考察します。そして，イベントハンドラに置き換わるW3C DOMイベントモデルの基礎を学んでいきます。 イベントとは イベントとは，ブラウザ上で発生した出来事全般のことを表します。例えば，ブラウザに表示された画面上でマウスをクリックしたり，テキストボックスに文字を入力するといったように，閲覧者が何か操作したときにイベントが発生します。また，HTMLがブラウザに読み込まれたり，別のページに移動したという現象もイベントとして認識されます。 まずはじめに，旧来より使われてきたイベントハンドラについておさらいしましょう。 イベントハンドラ イベントをJavaScriptで
HTML Canvasの3D対応への道を探る
はじめに Webの世界はベクタグラフィックスで溢れており、FlashやSVGなど、さまざまなグラフィックスのフォーマットが登場しています。その中でも比較的最近登場したHTML Canvasは、他のベクタグラフィックスシステムと異なる独特の立ち位置にあります。 SVGはどんなプログラムからもレンダリングできる宣言型グラフィックスのファイルフォーマットであり、Flashはある完結したマルチメディアシステム（ブラウザ用のプラグインライブラリと、スクリプト言語の ActionScript、そしてコンテンツ作成ツール群で構成されるシステム）を中心に築かれています。これに対し、HTML CanvasはHTMLそのものです。事実、HTML Canvasは来るべきHTML 5仕様に含まれています。それゆえ、HTML CanvasはDOMツリーに統合されます。つまり、JavaScriptからアクセスできると
MooToolsドキュメント カテゴリー「MooTools」 | 高橋文樹.com
MooToolsは中級から上級のJavaScript開発者のために設計された軽量で、モジュール化された、オブジェクト志向のJavaScriptフレームワークです。これを使えば、エレガントで、きちんとした裏付けのある、一貫したAPIにより、パワフルに、柔軟に、そしてクロス・ブラウザなコードを書くことができます。 MooToolsのコードは標準準拠しており、どんな警告も出しません。拡張性のあるコーディングと、わかりやすい変数名：ブラウズしやすく、わかりやすい。 オープンソース・ライセンス MooToolsはオープンソースMITライセンスの元にリリースされています。つまり、あなたはどんな状況でもこれを使用し、修正することができるのです。
ハタさんのブログ : Javascriptによる大規模開発の覚え書き
未だに半年前のエントリにブクマされるみたいなので、もう少しjavascriptについて書いてみる。 今回は大規模化開発におけるJavascriptの注意点とかそういうの。当てはまらない環境の方もいます。(しかも基本的な事だらけで大したことは書いてないです) ほぼリッチクライアントを主目的としたjavascripterとコードを対象とします。 どちらかというと、ライブラリを提供する側の視点から 1.ログを出力せよ あなたが書いたコードは遅い、と必ず言われます。なので言われる前から、自分の書いたコードの処理時間をログするようにしましょう。 次のような処理時間を計測するロガーを作ります。 var TraceLog = function (){ this.startTime = -1; var outer = document.getElementById('_outer'); if(oute
WSH再入門 / Admintech.jp 勉強会資料
2007年6月9日 Admintech.jp 勉強会 はせがわ <hasegawa@openmya.hacker.jp> * なぜ今さらWSH? - インストール不要 - 他アプリケーションとの連携 - 何でもできる!? * なぜ今さらWSH? - インストール不要 - 他アプリケーションとの連携 - 何でもできる!? * なぜ今さらWSH? >> インストール不要 - 現行の Windows なら追加インストールなしで動作 - 余計なバイナリは入れたくないよね - メモ帳だけで編集可能 * なぜ今さらWSH? - インストール不要 - 他アプリケーションとの連携 - 何でもできる!? * なぜ今さらWSH? - インストール不要 - 他アプリケーションとの連携 - 何でもできる!? * なぜ今さらWSH? >> 他アプリケーションとの連携 -
JavaScript-XPath をリリースしました！さあ、あなたも XPath を使おう！（解説付き） - IT戦記
JavaScript-XPath とは JavaScript-XPath は、 DOM 3 XPath を実装していないブラウザに対して、実用的な速度で動作する DOM 3 XPath のエンジンを追加します。 一言で乱暴に言ってしまえば、どのブラウザでも document.evaluate って関数で XPath 使えるようになるよ！ってことです。 以下が公式サイトになります。 http://coderepos.org/share/wiki/JavaScript-XPath DOM 3 XPath ってなんなの！？ めっちゃ簡単（で、ちょっとだけ適当）なDOM 3 XPath の説明をします＞＜。 JavaScript でよく使う document.getElementById や document.getElementsByTagName って関数ありますよね？ DOM 3 XPath
ここギコ！: Xpathでページの好きなところにリンクするGreasemonkeyスクリプト
Posted by nene2001 at 01:38 / Tag(Edit): javascript xpath greasemonkey / 0 Comments: Post / View / 1 TrackBack / Google Maps なんか情報まとめ記事とか作るときに、他の人のページの特定の場所に「ここ見て！」とリンクを張りたい時とかありますけど、相手がそこにアンカー置いていてくれなかったらリンクが貼れません。 （多分、今でも、貼れないままだと思います...しばらくPCのWebから遠ざかってたので、もうとっくに貼れるようになってたらスンマセン、激しくスルーしてください...） でも貼りたいなと思ってたんですが、そういう際に、相手先の任意の場所をXPathの形式で示したリンクが作れるGreasemonkeyスクリプト作ってみました。 xpath_fragme
コードをプリティに整形するjavascript「code prettifier」
twitter facebook hatena google pocket コードを整形するjavascriptはありましたが、使用するファイルが多く導入が煩雑になっていました。 code prettifierは、jsファイル、CSSファイル２つだけで、コードをわかりやすく整形することができます。 sponsors 使用方法 code prettifierからprettify.jsとprettify.cssをダウンロードします。 <script type="text/javascript" src="http://yourdomain/prettify.js"></script> <link rel="stylesheet" href="http://yourdomain/prettify.css" type="text/css"> 以上のように記述したらbodyに以下のように付け加えます
暴満館 » js-markdown-extra
js-markdown-extra ver 1.0 based on PHP Markdown Extra 1.01 これは何？ js-markdown-extraはPHP Markdown ExtraをJavaScript上で再現しようとしたものです。 正規表現に互換性が無い為に完全に再現できませんでしたが、 単純なmarkdown文法ならば、問題無く変換してくれます。 たぶん。 デモ 実際に試すことができます。 デモページ ダウンロード ダウンロード js-markdown-extra.js 使い方 htmlのhead内でスクリプトを読み込ませた後、任意の箇所でMarkdown関数を呼び出してください。 //例 : var html = Markdown( text ); 使用上の注意 PHP Markdown Extraを互換性の無い正規表現で不完全に再現しようとしているので、 入
テキストをXHTMLに変換するJavaScript製「Markdown」ライブラリ:phpspot開発日誌
Showdown - Markdown in Javascript テキストをXHTMLに変換するJavaScript製「Markdown」ライブラリ。 次の画像を見てください。左の入力欄にテキストを入力すると、リアルタイムで右のウィンドウにHTMLに変換されたページが表示されます。 要は、Markdownとは、WIKIのような文字列変換を行うもののようですね。 ライブラリ自体はダウンロードして自分のツールに独自に組み込んだり出来そうです。 JavaScriptで出来ているということで、サーバに依存せず、アイデア次第で面白いもの/便利なものが作れるかもしれませんね。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScriptのイロハ：特集 - builder by ZDNet Japan