IBM Developer is your one-stop location for getting hands-on training and learning in-demand skills on relevant technologies such as generative AI, data science, AI, and open source.
1. URL の # 以降の文字列 ウェブページで、特定の場所にアンカーを指定するには、要素の属性に id または name を指定する。これにより、特定の場所へ # を使いリンクを貼ることができる。 この # 以降の文字列は、フラグメント識別子と言う。 フラグメント識別子とは - はてなキーワード によると、 「id属性やa要素のname属性で指定するアレ」の正式名称。 例えば、http://ja.wikipedia.org/wiki/Javascript#.E6.AD.B4.E5.8F.B2 からフラグメントを取得するには、 location.hash 逆に、フラグメント以外を取得するには、 location.protocol + "//" + location.hostname + location.pathname cf. ロケーション(Location) 2. クエリ文字列 クエ
キャッシングサービスとは、要するにお金を借りることで、最近はインターネットを活用して業者に融資申請をして、指定の銀行口座へ現金振り込みをしてもらえるという、大変便利なサービスを利用することができます。しかし、キャッシングをしているという事実を家族にばらしたくないという方も多いので、銀行口座への振込は履歴が残ってばれる可能性があるから、望ましくないと考える方も多くいます。そんな時には、キャッシング業者の店舗に足を運んで、直接受け取りの方法を選択することができます。キャッシング業者のほとんどが無人ATM機を導入していて、土日祝日関係なく、いつでも融資申請をすることができます。その場で所定の手続きを進め、審査に通過することができれば現金を手にすることができます。この方法だと、銀行口座を経由することなく、融資金を借り入れすることが可能となります。一度所定の手続きを踏めば、キャッシング専用のカードが
Web 開発や拡張機能開発で JavaScript のコードを書いていると、誰もが一度は次のようなことで悩むかと思います。 ブロックスコープと名前空間 (グローバル変数汚染の回避) 読み書きしやすくデバッグしやすいコードスタイル コールバック関数と this オブジェクトの取り扱い デバッグ方法とデバッグ支援モジュール 非同期処理の書き方 いずれも解決方法は人によって様々で、これが常にベストと言えるものがなさそうですが、私なりにそれぞれ検討したことなどを書いてみようかと思います。もっと良い方法があるとか色々皆さんのご意見やツッコミをいただければ幸いです。 JavaScript では名前空間は言語仕様でサポートされておらず、ライブラリや拡張機能などのコードを書くときにはグローバル変数の使用を最小限に抑える必要があります。先日の Mozilla 勉強会@東京 3rd でも佐藤さんと守山さんの発
Prereqs Requires the jQuery Library as well as the Easing plugin. <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js'></script> <script type='text/javascript' src='js/jquery.easing.1.2.js'></script> <script type='text/javascript' src='js/jquery.circulate.js'></script> Usage / Options / Defaults $("#anything).circulate({ speed: 400, // Speed of each qu
JavaScript 2.0(ECMAScript第4版と事実上同じ)ではクラスが正式に採用されます。しかし、バージョン1.5までのJavaScriptにはクラスがありません。今回は、前回までに述べたことをもとに、クラスレスなJavaScriptにおいて、“クラスの継承”をシミュレートしてみます。 最初に、「クラスやクラス継承をシミュレートするやり方は一通りではない」ことを注意しておきます。ここで述べる方法は一例に過ぎません。ちなみに、JavaScript 2.0においてクラス概念を導入する理由のひとつは:「従来の機能を組み合わせて十分にクラスを実現できるが、そのやり方が色々あると、可搬性、相互運用性に問題が生じる」からだそうです -- だよなぁ。 今回の内容: いままでの復習と用語の約束 基底クラスの事例:Point 派生クラスの事例:ColoredPoint クラス継承を実現するための
こちらのサイト『JavaScriptで継承やるときにprototype書きまくるのめんどい人は – あ、いしかわですね』で Function.apply を使って継承を記述する方法が紹介されていた。 apply と call の使い方を今一度復習しておく。 Function.apply function.apply(obj, args) function を obj のメソッドとして呼び出す。 引数として配列 args を渡すことができる。 function のボディ内では obj に this でアクセスできる。 /* オブジェクトにメソッドを適用させる */ console.log(Array.prototype.reverse.apply([1, 2, 3])); /* [ 3, 2, 1 ] */ console.log(String.prototype.split.apply('
この件について。 http://d.hatena.ne.jp/iskwn/20091215/1260828978 継承というかスコープがわかりやすいというのもメリットだと思うけど、カプセル化しやすいのも大きなメリットかなと思う。 function Foo(){} (function(){ var bar = 'bar'; this.bar = bar.toUpperCase(); function baz () { console.log('baz'); } this.baz = function() { baz(); console.log('BAZ'); } }).call(Foo.prototype); function Bar(){} Bar.prototype = new Foo(); (function() { this.hoge = 'hoge'; this.baz = fu
2010年03月16日02:00 カテゴリLightweight Languages javascript - 万能継承関数 JavaScript: The Good Parts Douglas Crockford / 水野貴明訳 [原著:JavaScript: The Good Parts] うーん、かっこいいけど、これでも冗長。 JavaScriptで継承やるときにprototype書きまくるのめんどい人は - あ、いしかわですね こうすればいいよ たとえば、 (function(o){ o.jump = function() { alert("Jumps, jump, jumpoo!!"); }; o.sayOwnFavorite = function() { alert("I like "+this.favorite+"!"); }; })(Child.prototype); と書
クロージャを使ってクラス定義する例が以下。 function FooClass(a) { this.getA = function() { return a; } this.square = function() { return a * a; } } prototypeを使ってクラス定義する例が以下。 function BarClass(a) { this.a = a } BarClass.prototype = { "getA" : function() { return this.a; }, "square" : function() { return this.a * this.a; } } クロージャを使っている場合は、オブジェクトが生成されるたびに違った関数オブジェクトがメソッドとして登録されるが、prototypeを使っている場合は、オブジェクトが生成された時にメソッドとして
■cakephpでの javascript(js)ファイルの読み込み ・コントローラーに指定 class HogeController extends AppController { var $helpers = array('Javascript','他のオブジェクトを指定',); // viewで $javascriptオブジェクトを使う場合はhelpersの設定が必要 // function内部ではなく、classの直下に書くんだよ。 ・Viewに指定(.thtml内) <?php echo $javascript->link('prototype');?> 上記2つの設定でOK!
Rhino(ライノー)とはオープンソースで開発されているJavaScriptの実装 (JavaScriptエンジン) である。RhinoはJavaで記述されており、Mozilla Foundationによって管理、配布されている。Mozilla Foundationでは、C言語による実装のSpiderMonkeyというソフトウェアの提供も行っている。 Rhinoの開発は1997年にネットスケープコミュニケーションズによって始められ、1998年にMozilla Foundationに譲渡された後、オープンソースソフトウェアとなった。Rhinoの名はオライリー社によって出版されたJavaScriptの書籍(ISBN 4-87311-027-0; リンクは現行版)の表紙に描かれた動物(サイ)から名付けられた。 RhinoはJavaScriptのコードをJavaのクラスへと変換する。変換にはコンパ
IE7/IE8 The selectors and properties below should all work according to the W3C specifications. IE7.js CSS Selectors
気づいたことやミスしたことなどメモしていたので確認作業。細かい仕様だったり暗黙のルールだったり、テクニックだったり。JSに慣れていたら当たり前なことばかりかもしらん。 追記のところはid:os0xさんより。ありがとうございます! undefined var a; alert(a) // undefined 宣言だけだとundefined。undefinedというのは、宣言している変数に値が入っていませんよ、ということ。 そしてオブジェクトには無いプロパティとか参照すると出てくる。 var a = 100; alert(a.length); // undefined さらに引数も。 function func(val) { alert(val); } func() // undefined 引数はCallオブジェクトってのに格納される。このオブジェクトはローカルの変数が格納されるオブジェクト
サイト内検索 この記事は、html5doctor に掲載されている記事「How to get HTML5 working in IE and Firefox 2」を日本語訳したものです。この記事では、新要素に対応していない IE や Firefox 2 で、新要素を適切にレンダリングさせる方法を分かりやすく解説しています。HTML5 でサイトを作る場合には、必須の知識となります。 原文タイトル How to get HTML5 working in IE and Firefox 2 原文ページ URL http://html5doctor.com/how-to-get-html5-working-in-ie-and-firefox-2/ 著者 Remy Sharp 氏 原文投稿日 2009-06-20 一部、直訳ではなく意訳した部分がございます。原文と表現が異なることがございますので、ご了
uuAltCSS.js は Webページデザイン を簡単にする JavaScript ライブラリです。 独自のアプローチで、ブラウザ と CSS を切り離し、 古いブラウザでも最新の CSS の仕様に基づいたデザインを可能にします。 また、WebKit系ブラウザでしか利用できないはずの最先端の機能を、様々なブラウザで利用可能にします。 Features - 特徴 CSS3 Selector ready - CSS3 セレクタによる Webページデザインが可能になります。 No! CSS Hack - CSS Hack は一切使えません。 ブラウザ毎のレンダリングの違いはコンディショナルセレクタでスマートに解決できます。 Include cutting-edge technologies - 未来の技術を先取り。豪華なオマケ付きです。 Acid2 Safe - u
この文書は、W3C 標準情報 (TR) の覚書 (NOTE)、"HTML Components" <http://www.w3.org/TR/1998/NOTE-HTMLComponents-19981023> を ToyFish.Net が独自に翻訳したものです。この仕様書の正式なものは W3C のサイトにある英語版であり、その著作権は W3C が保有しています。また、翻訳に誤りがある可能性に留意してください。 翻訳の最終更新日: 1999 年 10 月 20 日 NOTE-HTMLComponents-19981023 HTML Components ウェブアプリケーションのコンポーネント化 この版 (原文): http://www.w3.org/TR/1998/NOTE-HTMLComponents-19981023 最新版: http://www.w3.org/TR/NOTE-HT
ie.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja"> <head> <title>test</title> <!--[if IE]> <link rel="stylesheet" type="text/css" href="/ie.css"> <![endif]--> </head> <body> <!--[if IE]> <script type="text/javascript" src="/ie.js"></script> <![endif]--> </body> </html> ie.css * { behavior: url("/ie.htc"); } ie.htc <public:component>
追記 2010.02.25 jQuery 1.4以降ではこの方法は使えません。詳しくはこっちの記事で jQueryでtoggleの状態によって挙動を変える2 (jQueryで独自のプロパティの設定) - そうだ?Blogを書こう? toggle(fn1, fn2, ..., fnN) $('target').toggle(fn1,fn2)で、 targetがクリックする度にfn1,fn2と順番に実行させる事ができます。 toggle(fn1, fn2, ..., fnN) - jQuery 日本語リファレンス toggleの状態で挙動を変えたい このイベントは、$('target').click()で他から呼ぶこともできます。 でもそれだと、 fn2が実行された状態だとfn1を実行したいけど、fn1が実行された状態の時はそのままでいい、 みたいな事がしたい時、ちょっとめんどうですね。 で、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く