前節ではオブジェクトを作成して使う方法について述べました。あるオブジェクトについてこのような立場をとる人間、オブジェクトをクライアントといいます。クライアントは「顧客」とか「依頼人」という意味です。つまりオブジェクトから見れば「お客」なのです。それ故オブジェクトはクライアントを中心に振舞わなければなりませんし、クライアントとの契約が守れないときはそれなりの対処をしなければいけません (「2. 例外」を参照) この節で解説するのはオブジェクトを定義する方法です。JavaScript についてよく知らない多言語プログラマは「JavaScript はオブジェクトのクライアントとしてはまあまあだが、クラスを定義できないから駄目だ」と言うかもしれません。確かに JavaScript にはクラスを定義するための構文が存在しません。しかしそれは言語が貧弱だからではなく、JavaScript がクラスベー
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. Learn moreSee full compatibilityReport feedback this キーワードは、関数本体などのコードを実行するコンテキストを指します。最も一般的な用途はオブジェクトメソッドで、この場合、this はメソッドが関連付けられているオブジェクトを指し、これにより、同じメソッドをさまざまなオブジェクトで再利用することができます。 JavaScript で this の値は、関数がどのように定義されているかではなく、どのように呼び出されるか(実行時のバインド方法)によって決まります。通常の
前回、__proto__チェーンとそれを使ったプロパティ検索の話をしました。オブジェクトの__proto__プロパティは、(このプロパティが公開されているなら)プログラマが勝手にいじることもできます。ですが、人為的操作を受けない自然状態の__proto__はどのように設定されているのでしょうか。自然状態とはつまり、生まれたままの状態です。といういことは、オブジェクト誕生の瞬間に立ち会えば事情がわかるはずです。 そういうわけで今回は、オブジェクト生成と、生成時に__proto__が設定される仕掛けを調べます。 今回の内容: コンストラクタとは何なのか 関数オブジェクトのprototypeオブジェクト オブジェクトはこうして生まれる オブジェクトは生みの親を憶えているか 今回のまとめ ハブエントリー(全体目次) 前回 - プロトタイプ継承の正体 ●コンストラクタとは何なのか JavaScrip
Please notice: This domain name registration has expired and renewal or deletion are pending. If you are the registrant and want to renew the domain name, please contact your registration service provider. Bitte beachten Sie: Diese Domainregistrierung ist abgelaufen und die Verlängerung oder Löschung der Domain stehen an. Wenn Sie der Registrant sind und die Domainregistrierung verlängern möchten,
このページは Perl5.6 を対象としています. perl スクリプトは EUC-JP で書かれることを想定しています. このページは 正規表現メーリングリスト を参考に,私が独自にメモとしてまとめたものです. このページの正規表現やスクリプトについての詳しい説明, わかりやすい説明はおそらくできません. このページに書かれているスクリプトは, 個人の責任において実行してください. このページに書かれているスクリプトの 利用・改造は自由 です. その際はどこかにこのページの URI( http://www.din.or.jp/~ohzaki/regex.htm )を参考として記述していただければ幸いです(任意). ご意見・ご感想・ご要望などは にお願いします.こう書いた方がいい, 動かん,わからん,バグってる,これ書け,などなどお待ちしています. このページへの リンクは自由 に張ってく
注意 日本語翻訳集は w3c-translators@w3.org メーリングリスト上で報告された日本語翻訳文書へのリンクを集めたものです. リンクされた翻訳はボランティアによって行われたものです. またこれらの翻訳には誤りが含まれる可能性もあります. 正式なものはあくまでも英語版ですので, この点をご理解頂いた上でご利用下さい. またコピーライトに関する情報を含め,W3Cの文書の翻訳に関しての一般的な情報や, 翻訳の際のヘルプは, http://www.w3.org/Consortium/Translation/にあるW3C翻訳ページ(英語版) をご覧下さい. TR集 勧告 ・ 勧告案 ・ 勧告候補 ・ 草案 ・ 技術ノート その他の文書等 FAQ集 ・ その他 TR集 勧告 HTML 4 (勧告) http://www.asahi-net.or.jp/~bd9y-ktu/html4re
2007-09-08 カテゴリ: Client Side タグ: JavaScript Ajax XMLHttpRequest Tips ブラウザ DOM XML PHP XMLHttpRequestのresponseXMLを使ってJavaScriptでXMLを読み込んでいたときにいろいろとつまづいたので、サンプルコードを書きつつメモ。間違いやもっといい方法などがあればぜひ教えていただきたい。 サンプルのXMLは、ホットペッパー Webサービスの料理名マスタAPI(application/xml)のデータを使わせてもらった。 一部抜粋すると↓のような感じ。 - 料理名マスタAPI <Results> <NumberOfResults>64</NumberOfResults> <APIVersion>1.11</APIVersion> <Food> <FoodCD>R001</FoodCD>
完全な初心者はこちらから!ウェブ入門ウェブ入門基本的なソフトウェアのインストールウェブサイトをどんな外見にするかファイルの扱いHTML の基本CSS の基本JavaScript の基本ウェブサイトの公開ウェブのしくみHTML — ウェブの構造化HTML概論HTML 入門HTML を始めようヘッド部には何が入る? HTML のメタデータHTML テキストの基礎ハイパーリンクの作成高度なテキスト整形文書とウェブサイトの構造HTML のデバッグ手紙のマークアップコンテンツのページの構造化マルチメディアと埋め込みマルチメディアとその埋め込みHTML の画像動画と音声のコンテンツobject から iframe まで — その他の埋め込み技術ウェブへのベクターグラフィックの追加レスポンシブ画像Mozilla のスプラッシュページHTML 表HTML 表HTML の表の基本HTML 表の高度な機能とア
Ajax(エイジャックス)の登場によって、ブラウザのプラグインソフトに頼らなくても、見た目が華やかで動きも面白いWebアプリケーションの開発が可能となりつつあります。筆者のみならず、読者の皆さんもこの技術の行方に興味津々といったところでしょう。本連載では、ブラウザ上での「見た目」だけに注目するのではなく、本技術の背景や目に見えない通信内容、セキュリティといったところにも焦点を当て、より深く掘り下げていきたいと考えています。 はじめに まず、読者の皆さんは、なぜAjaxに興味を持たれたのだろうか? おそらく、GoogleローカルやGoogleサジェストが、そのきっかけの1つになったのではないかと予想する。確かに、地図が滑らかにスクロールしたり、キーを入力するたびに画面がリアルタイムに切り替わったりする点は、これまでのWebページにはなかった新しい「感触」で、感嘆の声を上げた方も少なくないだろ
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. Learn moreSee full compatibilityReport feedback XMLHttpRequest (XHR) オブジェクトは、サーバーと対話するために使用されます。ページ全体を更新する必要なしに、データを受け取ることができます。これでユーザーの作業を中断させることなく、ウェブページの一部を更新することができます。 EventTarget XMLHttpRequestEventTarget XMLHttpRequest XMLHttpRequest という名前ではあるものの、 XML だけでな
またFirefoxは短縮形で取得しようとすると、設定していないプロパティにデフォルト値が入った状態で返ってくるので注意する。 getStyleValue( "div.hoge", "background" ) //Mozilla : rgb(17, 34, 51) none repeat scroll 0% 0% ルールを削除する function deleteRule( index, sheetindex ) { if( sheetindex == undefined ) sheetindex = 0; document.styleSheets[ sheetindex ].deleteRule( index ); } 全てのルールにはインデックスが振られており、それを指定することでルールから消すことができる。 ただ、同じセレクタで上書きするのとほとんど変わらないので、あまり必要にならない
css + javascript の質問です。 javascript 中で css (外部ファイル) を読み込みたいと思っています。 そこで以下のような javascript を書いてみました。 var cs = document.createElement("link"); cs.rel="stylesheet"; cs.href="http://foobar.com/styles-site.css"; cs.type="text/css"; document.body.appendChild(cs); IEなどではうまく動くのですが、残念ながら Safari だけはスタイルシートを読んでくれません・・・。 document.write('<link src=... >'); とすれば大丈夫なのですが、できれば document.write は使いたくないのです。 Safari でも使え
それで、動的に変化させる「きっかけ」として、HTML 4.0では以下のような内在イベントが定義されています。 onload ウインドウあるいは全てのフレームの読み込みが完了した時に発生する。BODYかFRAMESET要素に設定することが出来る。 <BODY onload="function()"> <!-- 読み込みが完了したら呼び出す --> <BODY onload="setTimeout('function()',n)"> <!-- 読み込みが完了してからnミリ秒後に呼び出す --> onunload ウインドウあるいはフレーム内の文書を破棄する時に発生する。BODYかFRAMESET要素に設定することが出来る。 onclick 要素上でポインティングデバイスのボタンがクリックされた時に発生する。ほとんどの要素に設定することが出来る。 <SPAN id="c1">変化させたい要素<
【お知らせ】 Firefox の 拡張(アドオン)版 を作りました。Firefoxの拡張版の方が、数倍良いものとなっておりますので、Firefoxを使ってらっしゃる方は、ぜひ下記をお使いください。 Hatebu IncSearch - Firefox Extension Greasemonkeyを使って、はてなブックマークをインクリメンタルサーチするUIを提供します。 タイトル、コメントからインクリメンタルサーチを行い、一致したブックマークを一覧表示。 複数キーワード(スペース区切り)による絞込み検索。 一致した文字をハイライト表示。 1ページ20件でページングして表示。ページの移動は、Ctrl+→、Ctrl+← のショートカットが使用可能。 一度取得したブックマークをブラウザ側でキャッシュ(GM_setValue/GM_getValueを使用)し、2回目からの起動を高速化。 はてなブック
Greasemonkeyを使って、ブックマークをインクリメンタルサーチするUIを提供します。 Greasemonkeyを使うことにより、クロスドメインでのブックマーク取得が可能になり、Bookmarkletのようにとあるページ開いて、Bookmarkletを起動という手間が省かれます。 またGM_setValue/GM_getValueを使用し、一度取得したブックマークをブラウザに保存するので、必ずしも毎回起動するごとに全ブックマークの取得を待つ必要はありません。 現在(2007/04/08)、下記の3種類をスクリプトを提供しています。 del.icio.us はてなブックマーク del.icio.us+はてなブックマーク インストール&使い方 下記のページをご参照ください。 del.icio.us - del.icio.us IncSearch - del.icio.usをインクリメンタ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く