※本ページは、アフィリエイト広告を利用しています。 🙏ソシム社大感謝祭🙏 Kindle特大セールが開催しています!! このセールを待っていた人も多いと思います! 今年発売された新刊をはじめ、ベストセラーのデザイン書も55%オフ。当ブログで紹介した書籍も多数あり、どれもお勧めです。 セール期間は7/31まで。 ソシム社のセールは貴重なので、気になっていた書籍は迷わず買いです!
前回までのおさらいと今回のあらすじ これまで二回にわたって、「JavaScriptでオブジェクト指向を行うには」というトピックについてお話ししてきました。 前々回は、「コンストラクタ=関数」であるという事実を紹介し、独自のクラスを作成する方法についてお話ししました。 前回は、JavaScriptによるオブジェクト指向の中核とも言える「プロトタイプ」と言う仕組みについて紹介しました(プロトタイプについてのお話はまだ終わりではありません。次回、さらに進んだ「プロトタイプチェイン」と言うテクニックについてお話します)。 ここまでの説明で、JavaScriptでオブジェクト指向を行うための基本的な知識はほとんど押さえたことになります。そこで今回は、これまで学んだことをしっかり身につけるためにも「JavaScriptでクラスを作るには」という点をしっかりおさらいしておきたいと思います。その過程で、今
JavaScriptでクラス(のようなもの)を定義・使用することが出来る。 Javaではクラスを定義して その中に変数とメソッドを記述していくが、JavaScriptではメソッドとなる関数を普通の関数と同じように定義し、コンストラクタとなる関数を作って その中で変数と関数を自分自身に代入する形をとる。文章だけだと分かりづら~(爆) クラス(のようなもの)の例 クラス(のようなもの)をJavaとJavaScriptで対比させると、以下のような感じになる。 Java JavaScript クラス定義
クラスを定義する方法です。考え付くだけでも、これだけたくさんの方法があります。やっぱり、 JavaScript って柔軟であり複雑な言語ですね。 ちなみに、以下のすべての例はこのクラスを定義しています。 ちなみに、僕は一番下の書き方ですね。 皆さんはどのようにプログラミングしていますか? プロトタイプを使わない。クロージャを使う。 // プロトタイプを使わない。 // クロージャを使う。 function Item(price) { this.showPrice = function() { alert(price); }; } プロトタイプを使わない。クロージャを使わない。 // プロトタイプを使わない。 // クロージャを使わない。 function Item(price) { this.price = price; this.showPrice = function() { aler
「エレメントのclassを取得/設定」サンプルコード <html> <head> <title>element.className - エレメントのclassを取得/設定</title> </head> <body> <!--エレメントのclassを取得/設定のサンプル--> <form method="post" action="index.php"> <input type="checkbox" name="chk" id="chk" class="cls"> check <input type="submit" value="submit"> </form> <script type="text/javascript"> var element = document.getElementById("chk"); document.write("id=chkのアイテムのclassは、"
JavaScriptが、いま注目を浴びている。 JavaScriptがこれだけの注目を浴びた理由の1つとして、Ajax技術の登場とも相まって、JavaScriptに対する確かな理解の必要性が高まったという事情は否定できない。しかし、それだけでは説明できない急速な注目の理由として、もう1つ、JavaScriptという言語そのものが持つユニークさが開発者の目を引いたという点は看過できないだろう。 もっとも、このユニークさは同時に、多くの開発者が感じているJavaScriptに対する苦手意識と同義でもある。これまでVisual BasicやC#、Javaといった言語でオブジェクト指向構文になじんできた開発者にとって、JavaScriptのオブジェクト指向構文はいかにも奇異なものに映るのだ。ようやくクラスという概念を理解した開発者が、JavaScriptという言語の背後にたびたび見え隠れする「プロ
display プロパティは表示の仕方を指定するプロパティです。 display:none; 指定した要素は表示されず領域も確保されません。 display:inline; 指定した要素はインラインレベルで表示されます。 display:block; 指定した要素はブロックレベルで表示されます。 display:list-item; インライン要素をリスト形式で表示します。 サンプル a.showmoji span{display:none;} a.showmoji:hover span{display:inline;} <div><A href="javascript:void(0);" class="showmoji"> 表示されていない <span>display inline</span> 文字を表示します。</A></div>
tMenu = document.all[tName].style; if (tMenu.display == 'none') tMenu.display = "block"; else tMenu.display = "none"; <a href="javaScript:exMenu('treeMenu1')">~</a> <a href="javaScript:exMenu('treeMenu2')">~</a> ツリーメニュー(Explorerのような階層表示型メニュー)はスタイルシートのdisplayプロパティを操作することで簡単に実現できます。表示しない場合はdisplayにnoneを、表示する場合はblockを設定します。複数のツリーメニューにする場合はdivタグのid名が同じにならないように気を付けてください。また、<a href="javaScript:exMenu('t
What is Highslide JS? Highslide JS is an image, media and gallery viewer written in JavaScript. These are some of its advantages: Tip! Use the visual Highslide Editor to set up your Highslide installation without writing code. Quick and elegant looking. No plugins like Flash or Java required. Popup blockers are no problem. The content opens within the active browser window. Single click. After ope
Home Archive 画像を同一画面に表示するjavascriptライブラリ Lightbox JS v2.0 画像を同一画面に表示するjavascriptライブラリ Lightbox JS v2.0 2007年03月15日 category:javascript Comment(2) Trackback(0) 画像を同一画面上に表示することができるjavascriptのライブラリ「Lightbox JS」ですが、最近では使用しているサイトを多く見かけるようになってきました。今回はLightbox JS v2.0の使い方をメモ程度に書いておきます。ダウンロードは下記サイトから。 Lightbox JS v2.0 まずダウンロードしたファイルを解凍して、解凍したフォルダをlightboxとかにリネームしてアップします。フォルダの中にはサンプルが入っていますので、動作確
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く