聖剣風メニュー
<script type="text/javascript" src="./prototype.js"></script> <script type="text/javascript" src="./RingMenu.js"></script> <script type="text/javascript"> //ロード時にメニューを追加 window.onload=function(){ ringMenu = new RingMenu(); //アイコンの追加 ringMenu.addMenu("http://angel.s234.xrea.com/pureplus/bnr_yagi1.png","http://angel.s234.xrea.com/pureplus/"); ringMenu.addMenu("http://homepage1.nifty.com/ARUMA-C/ar^b
JavaScriptがプロトタイプベースのオブジェクト指向言語ってどういうこと？ - builder by ZDNet Japan
前回までのおさらいと今回のあらすじ 前回は、「プロトタイプチェインとは何か」について詳しくお話ししました。オブジェクトのメンバを検索するにあたって、JavaScriptランタイムがプロトタイプチェインを順々に検索していくと言う動作についてのお話でした。 今回は、きわめて単純に見えるこの仕組みが、JavaScriptにとっていかに重要であるかを説明したいと思います。そのために、まずプロトタイプチェインを用いて擬似的なクラスの継承を行い、その上でObjectクラスが持つメンバについてもお話ししておきたいと思います。 プロトタイプチェインを使った擬似的な継承 前回お話ししたプロトタイプチェインについては、しっかり理解していただけましたでしょうか。この一見単純な仕組みを応用すると、JavaScriptにおいても、擬似的なクラス継承を実現することができます。 例えばPersonクラスを継承したShi
JavaScriptクラス作成方法：とりあえずまとめ - builder by ZDNet Japan
前回までのおさらいと今回のあらすじ これまで二回にわたって、「JavaScriptでオブジェクト指向を行うには」というトピックについてお話ししてきました。 前々回は、「コンストラクタ＝関数」であるという事実を紹介し、独自のクラスを作成する方法についてお話ししました。 前回は、JavaScriptによるオブジェクト指向の中核とも言える「プロトタイプ」と言う仕組みについて紹介しました（プロトタイプについてのお話はまだ終わりではありません。次回、さらに進んだ「プロトタイプチェイン」と言うテクニックについてお話します）。 ここまでの説明で、JavaScriptでオブジェクト指向を行うための基本的な知識はほとんど押さえたことになります。そこで今回は、これまで学んだことをしっかり身につけるためにも「JavaScriptでクラスを作るには」という点をしっかりおさらいしておきたいと思います。その過程で、今
JavaScriptのオブジェクト指向：プロトタイプをきちんと理解する - builder by ZDNet Japan
はじめに JavaScriptをより深く知りたい人のための当連載、今回が10回目です。 前回から、JavaScriptでオブジェクト指向を行うために必要な知識を解説しています。今回はその続きとして、「オブジェクトのプロトタイプ」というものについてお話ししたいと思います。 前回のおさらい 前回、JavaScriptで「クラス」を作るもっとも単純な方法として、以下のような方法をお見せしました。 function Person(name) { // this演算子を用いて、メンバを追加 this.name = name; this.hello = function() { // this演算子を用いてメンバを参照 alert("こんにちは。私の名前は" + this.name + "です。"); }; } thisキーワードを使って、オブジェクトに変数やメソッドを追加しています。前回の記事の最後
JavaScriptの配列をも〜っと深く理解する：lengthの不思議な動作 - builder by ZDNet Japan
MSセキュリティ担当者が紹介 マルチクラウド環境の保護を追求する Microsoft Defender for Cloud データ活用は次のステージへ トラディショナルからモダンへ進化するBI 未来への挑戦の成功はデータとともにある ビジネスの推進には必須！ ZDNet×マイクロソフトが贈る特別企画 今、必要な戦略的セキュリティとガバナンス ID管理の基礎知識 新しい働き方におけるITガバナンスの 向上にむけて Kubernetes活用の最適解とは？ 今、注目のコンテナを活用した柔軟なIT基盤 運用、管理の課題を解決しメリットを最大化 いま求められるID管理：前編 有名コンサルが一堂に会し語り合う いま必要なサイバーガバナンスのありかた 現場主導のデジタル変革 ビジネス変革のための“ITの民主化” そして 変わるIT部門の役割 サービスを止めない！ サイバーエージェントに聞く高可用性の実現
とても”奇妙”なJavaScriptの配列：JavaやCとは違うのだよ - builder by ZDNet Japan
現場主導のデジタル変革 ビジネス変革のための“ITの民主化” そして 変わるIT部門の役割 膨大なアクセスを支える屋台骨 高い安定性とパフォーマンスを両立 ZOZOTOWNが選んだストレージ基盤を解説 仮想環境データ保護の新次元 高度化・複雑化するIT環境の課題への解決策 最新鋭データ保護・管理ソフトウェア基盤 コマース広告の大変動 プライバシー保護とパーソナライズの狭間で マーケティングの効果を最大化するためには A Business New Era あらゆるモノ・コトが変化している今 デジタルでビジネスは生まれ変わる これからの社内DX 真のDXのため、まずは社内のデジタル化を DXのファーストステップのヒント クラウド導入が進まない本当の課題 ITベンダーだからこそ知っている クラウドに二の足を踏む企業のボトルネック オリジナルコンテンツが満載！ 意外と知らないNutanix HCI
JavaScriptの配列をちゃんと理解する：JavaやCとは大違い - builder by ZDNet Japan
高い従業員満足度と安心・安全 新時代にむけた理想の業務環境こそ Anywhere Workspaceが目指す未来 コマース広告の大変動 プライバシー保護とパーソナライズの狭間で マーケティングの効果を最大化するためには 仮想デスクトップサービスの最新事情 複数の選択肢のあるMSのVDIサービス どう違うのかをわかりやすく解説 すぐに実践できる仕事効率アップ術 驚きの効果をもたらす外付けディスプレイ なんと最大50％の業務効率アップも！ Kubernetes活用の最適解とは？ 今、注目のコンテナを活用した柔軟なIT基盤 運用、管理の課題を解決しメリットを最大化 サービスを止めない！ サイバーエージェントに聞く高可用性の実現 そこにピュア・ストレージが選ばれた理由 勝つためのクラウド活用術 New Value on Azure ビジネスを次のステージへ！ 新OSのWin11はどう進化したか ビ
in演算子の使用法：続JavaScriptのオブジェクトについて - builder by ZDNet Japan
全世界22万以上の企業・組織で採用 DX時代の顧客価値創出に大きな役割を担う CI/CD環境の現実解を紐解く オリジナルコンテンツが満載！ 意外と知らないNutanix HCI の情報を集約 読めばわかる！いまHCIが注目される理由 これからの社内DX 真のDXのため、まずは社内のデジタル化を DXのファーストステップのヒント MSセキュリティ担当者が紹介 マルチクラウド環境の保護を追求する Microsoft Defender for Cloud 今時プライベートクラウドの作り方 2020年代のプライベートクラウド環境を AzureとVMwareを例に紹介 注目急上昇中のDaaS最新情報 コロナ禍を背景に利用者と機能を拡大中 Azure Virtual Desktop最新情報 ID管理の基礎知識 新しい働き方におけるITガバナンスの 向上にむけて エッジ市場の活性化へ 高まるIoTを中心
JavaScriptの変数のスコープについて学ぶ - builder by ZDNet Japan
RPA見直される”業務”と”人”の関係 人的リソースを単純作業から解放！ 高付加価値業務への転換のために Kubernetes活用の最適解とは？ 今、注目のコンテナを活用した柔軟なIT基盤 運用、管理の課題を解決しメリットを最大化 今時プライベートクラウドの作り方 2020年代のプライベートクラウド環境を AzureとVMwareを例に紹介 高い従業員満足度と安心・安全 新時代にむけた理想の業務環境こそ Anywhere Workspaceが目指す未来 最新ストレージで変わるIT運用 仮想化テクノロジーとFlashArrayの組合せで 運用負荷軽減と高性能化を実現したDMM サービスを止めない！ サイバーエージェントに聞く高可用性の実現 そこにピュア・ストレージが選ばれた理由 年間5,000件の問い合わせに対応 疑問を解消したいユーザーも答える情シスも みんな幸せになるヘルプデスクの最適解
JavaScriptの関数オブジェクトを完璧に理解する - builder by ZDNet Japan
前回までのおさらいと今回のあらすじ 前回は、thisキーワードについて深く解説しました。関数内で使用する「this」は、状況に応じて様々に変化する可能性がある、というお話でしたね。 これでやっと、JavaScriptの関数が持つ様々な機能を説明するための前提知識が整いました！ JavaScriptの関数については、当連載でも一度取り上げています。JavaScriptの関数は、単なる手続きの単位ではなくオブジェクトの一種なのだ、と言うことを取り上げたトピックでした。 そう、JavaScript関数の実体は、Functionクラスのオブジェクトです。Functionクラスには、関数を操るための様々なメソッドやプロパティが存在します。今回は、それらを網羅的に解説するとともに、関数内でのみ使用可能な「arguments」オブジェクトについてもお話ししたいと思います。 Functionクラスのメンバ
callとapply - こんにちはこんにちはmonmonです！
342 名前：Name_Not_Found[] 投稿日：2007/10/10(水) 13:05:02 ID:0D5oBjKl callとapplyがよくわかりません。理解のためのヒントお願いします。 343 名前：Name_Not_Found[sage] 投稿日：2007/10/10(水) 13:57:44 ID:??? >>342 JavaScriptでは関数を変数に入れておくことができるよね。 var fn = function(s, t) { alert(s+t); }; fn('hello', 'world'); ←呼び出す しかしこの方法だとオブジェクトのメソッド呼び出しはできない var obj = new XXX(...); obj.fn1 = fn; obj.fn1('hello', 'world'); 上記のように書き換えてしまえばできるけど書き換えたくないことも。で、
Latest > Flakes of Ideas > JavaScriptでDOMを使う――オブジェクト指向入門の入門 - outsider reflex
2003/9/3 2003/9/4 2003/9/5 2003/9/6 はじめに オブジェクトとプロパティ 連想配列 オブジェクトと連想配列 「クラス」というテンプレート オブジェクトとメソッド 特定の型専用の関数 「メソッド」というプロパティ クラスとメソッド 「オブジェクト指向」の簡単なまとめ DOMとオブジェクト指向 「DOM」とは何か？ インターフェースとクラス DOM操作の実例 簡単な処理の例 もっと複雑な処理の例 おわりに Cが分かる人には疑りぶかいあなたのためのオブジェクト指向再入門というページがお勧めです。僕の稚拙な説明よりずっと分かりやすいです。 Home Back to Flakes Prev. Next はじめに JavaScriptでDOMを使う。DOMはHTMLやXMLをスクリプトやプログラムで操作するのにとても便利な技術ですが、簡単なスクリプトくらい書けるからD
JavaScriptでHTMLをダイナミックに書き換える 前編
もともとは存在しなかったタグ要素を新たに追加したり、変更、削除するテクニックを学ぶ。こうした処理ができるのはDOMならではの魅力だ。 旧来のDHTMLの手法では、JavaScriptから操作できるHTML要素には限りがありましたが、DOMでは、HTML上のありとあらゆる要素を自由自在に読み取ったり、書き換えることができるようになります。本連載では、主にDOM Level 1で規定されている手法を使い、JavaScriptでどのようにHTML上の要素へアクセスするのか、そして、それをどうやって書き換えるのかを詳しく解説します。これにより、JavaScriptからHTML要素を手に取るように操れるようになります。 DOMスクリプティングでは、HTMLをJavaScriptから自由自在に書き換えられる点が大きな魅力です。これまで、HTMLに存在する要素の参照方法や属性の扱い方を学んできましたが、
Firefox、押下されたキーの文字列を取得する - FAX
JavaScriptXUL Tutorial:Keyboard Shortcuts - MDC keydownイベントで使う。「CTRL + SHIFT + CLOSE_BRACKET」みたいに、押されたキーの文字列表現を取得した。 function keyString(e){ var table = []; for(var name in e) if(name.indexOf('DOM_VK_')==0) table[e[name]] = name.substring(7); return (keyString = function(e){ var code = e.keyCode; switch (code) { case e.DOM_VK_CONTROL: case e.DOM_VK_SHIFT: case e.DOM_VK_ALT: return ''; } var res =
フォームのフリガナを自動入力させるAutoRuby.js | ホームページ制作・運営のヒント
&lt;script Language=”javascript” src=”http://ad.jp.ap.valuecommerce.com/servlet/jsbanner?sid=2456113&amp;pid=877160106″&gt;&lt;/script&gt;&lt;noscript&gt;&lt;a href=”http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=2456113&amp;pid=877160106″ target=”_blank” &gt;&lt;img src=”http://ad.jp.ap.valuecommerce.com/servlet/gifbanner?sid=2456113&amp;pid
JavaScriptでハマった件：さすがにJavaScriptだな、ウム - 檜山正幸のキマイラ飼育記 (はてなBlog)
「横道にそれすぎ」で騒いでいた「JavaScriptプログラムが動かない／解決できない」件。結局、僕の単純ミスでした。return [b];と書くべきところをreturn b;と書いていたのが原因でした。 ですが、この間違いがなかなか発見しにくかった事情が、いかにもJavaScriptらしいと笑ってしまいました（苦笑い）。 画面表示では区別できない値 まず、ブラウザのalertやRhinoのprintだと、次の3つの表示は区別できません。 alert(true); alert([true]); alert("true"); typeof演算子と組み合わせたり、nullでないオブジェクトならtoSource()メソッドを適用するなどしないと、[true]や"true"をtrueと誤解しかねません。次のコードで、最初の3つは同じ動作をしますが、後の3つは異なる動作をします。 if (true)
EmacsでJavaScriptソースを快適に読むために：js2-modeとエグズーベラントCtags - 檜山正幸のキマイラ飼育記 (はてなBlog)
「横道にそれすぎ」に書いた事情で、EmacsでJavaScriptソースコードを読む環境を少し整えようかと。 次の2つのツールを導入してみよう、っと。 js2-mode： http://code.google.com/p/js2-mode/ エグズーベラント（EXUBERANT）Ctags： http://ctags.sourceforge.net/ 内容： より良いEmacs JavaScriptモード -- js2-mode 強烈なタグファイル作成ツール -- エグズーベラントCtags エグズーベラントCtagsを調べてみる EmacsでJavaScriptソースを読む ●より良いEmacs JavaScriptモード -- js2-mode 以前（2006年7月）、ひげぽんさんの記事で、「ecmascript-mode.el ＜ javascript.el みたいだ」と書いてあった
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
JavaScriptのイロハ：特集 - builder by ZDNet Japan
はてなブログ | 無料ブログを作成しよう
