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.
JsDoc 形式のコメントを Emacs で扱うための elisp パッケージ js-doc.el を作成しました。 ソースコードなどは no title に置いてあります。 ダウンロード git コマンドが使える方は、 git clone git://github.com/mooz/js-doc.git とすればプロジェクトを一括ダウンロードすることが出来ます。 ソースコードだけであれば、最新版を直接ダウンロードすることも出来ます。 インストール ロードパスの通った場所へ js-doc.el を保存し、 .emacs などの初期化ファイルに (require 'js-doc) の一行を記述して下さい。 機能 現在のところ、 js-doc.el は次のような機能を備えています。 関数のドキュメント入力 例えば次のような関数があったときに、 関数内で M-x js-doc-insert-fu
エルニーニョ!だと暖冬。雪降るか心配ななっくるです。 みなさんJsonData、何で確認してますか? JSON Editerをつかっていましたが、FireBugでもコンソールで見れるんですね。 nagayasuさんに教えてもらいましたー。 見方は、FireBugのコンソールを表示します。 その右側に()で囲んでJSONDataいれます。で、実行すると。 でてきたObjectをクリックすると 結構見やすいし便利ですー
2007年01月21日22:07 JavaScriptでクリックログをとる カテゴリIT JavaScriptを使ってページの全てのリンク(ただしAjax表示部分をのぞく)についてログがとれるようにする方法。 以下のスクリプトをjsファイルにして<body>〜</body>内で<scritpt src="xx">でインクルードすると、全てのリンクについてクリックログがとれるようになります。クリックログは一般的にはリダイレクトするcgiなどを一度挟むことが多いのですが、それだとアンカーURLと目的ページURLが異なるためSEO的に好ましくありません。この方法ならばURLはそのままです。またJavascriptをインクルードするだけなので既存ページへの設置も簡単。 原理は、ページの読み込みが終わった時点で全てのリンク対してonclickハンドラを追加し、クリックされたら画像タグを追加するように
License: Same as jQuery (Dual GPL + MIT) Author: Doug Neiner Download: InFieldLabels.zip Source: GitHub Size: Under 1KB Minified and gzipped Overview: This is a simple plugin that turns properly formatted HTML forms into forms with in-field label support. Labels fade when the field is focussed and disappear when text entry begins. Clearing a field and leaving brings back the label. Browser Suppor
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
同じ事をやるにも、いろんな書き方があるわけでいかにして短くてわかりやすいコードを書くかというノウハウを紹介します。 例として"abcde"を80回繰り返した文字列を作るとして実際に自分のコーディングスタイルがどんな風に変化していったのか、という。 短くなるのは確かなんだけどわかりやすいかというと、人によるかもしれない。 グローバル関数を定義2年前なら、多分こういう具合だった。 //ふつうに関数として定義する function x(str,num){ var tmp = ""; for(var i=0;i<num;i++){ tmp += str; } return tmp; } x("abcde",80) Stringのメソッドとして定義1年前だとこんな感じ。 //Stringのメソッドとして定義する String.prototype.x = function(num){ var tmp
for(var i = 0; i < 10; i++){処理・・・} for(var i in object){処理・・・} なんてのは、よく目にしますが・・・。 for(var i = ['あ', 'い', 'う']; i[0]; i.shift()){ alert(i[0]); } これでも。i に配列を代入して、i[0] が false を返すようなものではない間、shift で i に代入された配列を削っていきます。ということで、この場合は、あ、い、う、と表示される。 当然。もっと自由に考えれば。
srcに url突っ込むのは割りと広く知れているようですが、困ったのは書き込む場合。 DOM で script要素を作成して、jsファイルを読み込んだり、書き込んだりする手法です。 JavaScriptを JavaScript内で構成して、これをscript要素に突っ込むのはどうすれば良いのかちょいと試してみました。 ■ まずは外部スクリプトファイルを読み込む場合 var ele = document.createElement("script"); ele.type = "text/javascript"; ele.src = "外部 jsファイルの url"; document.body.appendChild(ele); てな感じで、script要素を作成してドキュメントに投入。 これに関するサイト http://www9.plala.or.jp/oyoyon/html/script
なんだかよくわからないことになったのでメモしておく。きっかけはある要素ノード中のすべてのノード (テキストノードも含む) を集めようと思ったこと。childNodes では子要素の内容が取得できないし、getElementsByTagName("*") ではテキストノードが取得できない。今までの自分だったらこうしていただろう。 function getDescendants(node, previousNodes) { if (!previousNodes) previousNodes = []; var children = node.childNodes; for (var i = 0, length = children.length; i < length; i++) { var child = children[i]; previousNodes.push(child); if
XPath を用いたデータの取り出しは、XSLT を用いる事によって、より簡単に実現できます。 Mozilla では、selectNodes が使用できませんでしたが、同様の結果を得る事ができます 以下は、XSLT によって、1番目のコンボボックスのデータを取り出します。 ( list[position()=1] ) <?xml version="1.0" encoding="shift_jis" ?> <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"> <xsl:output method="text" /> <xsl:template match="/"> <xsl:value-of select="combodata/list[position()=1]" /> </xsl:t
Updated: April 1st, 16' (v3.02): Fixed Chrome desktop falsely reporting as touch enabled, requiring clicking on menu items to drop down. Description: Smooth Navigation Menu is a multi level, CSS list based menu powered using jQuery that makes website navigation a smooth affair. And that's a good thing given the important role of this element in any site. The menu's contents can either be from dire
Perhaps unfairly, I had a lot of trouble getting a new remote control infrared receiver set up to control my XBMC media center. I eventually ended up using some advice from this guide. But getting there wasn’t easy. Part of the problem was that this remote control receiver registers itself as a keyboard. This isn’t a problem really, it just made me confused. Another part of the problem is that mos
npm install @fullcalendar/angular import { Component } from '@angular/core' import { CalendarOptions } from '@fullcalendar/angular' @Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.scss'] }) export class AppComponent { calendarOptions: CalendarOptions = { initialView: 'dayGridMonth', events: [ { title: 'event 1', date: '2019-04-01' }, { title: 'e
JavaScriptにおいて関数というのはFunctionオブジェクトで、他のビルトインオブジェクトと同様に、組み込みのメソッドがある。これがapplyとcallしかないのだけれど、こんな感じに使う。 func.apply(thisObj,arguments) func.call(thisObj,arg1,arg2,arg3) thisObjには、その関数内で「this」として使うオブジェクトを指定する。applyの第二引数はargumentsオブジェクトを指定する。配列か、現在実行中の関数のargumentsオブジェクトを丸ごと別の関数に引き渡せる。つまり引数の長さが良くわかってなくても使える。 callは代わりに func.apply(thisObj,[arg1,arg2,arg3]) と書けるので、実はいらないんじゃないかと思う。 これらは多分、ふつうにJavaScriptを書く上で
« Japanize - Opera9に対応しました | メイン | Firefox Developers Conference での質疑応答メモ » 2006年12月14日 setTimeout をオブジェクト指向にしてみる setTimeout と setInterval が window オブジェクトのプロパティなのは、それがブラウザの機能であって言語処理系自体の機能でないことを考えれば当然だと思います。しかし、それがゆえかに、this が引き継げなかったり、IE では引数が渡せなかったりといった不便があります。どうせだったら、こうなっていたらよかったのにね、ということで、Function.prototype をイジってみました。すでにありそうなネタですが (苦笑) Function.prototype.applyTimeout = function (ms, self, args)
JavaScript MochiKit.Async.Deferredは、「現時点ではまた利用できない値」を扱うためのクラスです。 以下のように、コールバックを並べ、イベントを発火させると、各々の返り値が次のコールバックへ渡され実行されていきます。 function increment(value){ alert(value); return value+1; } var d = new Deferred(); d.addCallback(increment); // alert(1) d.addCallback(increment); // alert(2) d.addCallback(increment); // alert(3) d.callback(1); この時、コールバックは以下のようにチェーンを形成しています。(本当はエラーバックも合わせて一つのチェーンを形成しているのですが、
JavaScriptで必要なデータ構造の覚書です。 目次 配列 配列を生成する。 配列にデータを追加する。 配列にデータを格納する。 配列からデータを取得する。 配列中のすべてのデータに同じ処理をする。 オブジェクト オブジェクトを生成する。 オブジェクトにデータを格納する。 オブジェクトからデータを取得する。 オブジェクト中のすべてのデータに同じ処理をする。 関連記事 配列 配列は複数件のデータを扱うためのデータ構造です。 ■配列を生成する。 配列の生成は以下のように行います。 var 配列の名前 = []; var 配列の名前 = [ データ, データ, … ]; 配列の生成では、配列の名前を指定します。 もし、生成時にデータを格納する場合に、[]内にデータを指定します。 なお、JavaScriptでは配列の生成時にサイズを指定しません。 例えば、空の配列array1を生成するには、以
JavaScript setTimeoutで実行される関数の中で発生するエラーは、セットした部分のtry/catchで補足することはできません。 function throwError(){ throw new Error('ERROR'); } try{ setTimeout(throwError, 3000); } catch(e){ // ここには到達しない alert(e); } MochiKit.Async.Deferredを使うと、エラーバックでエラーを補足できます。 callLater(3, throwError).addErrback(function(e){ alert(e); }); エラーの補足以外にも、Deferredのインターフェースから以下が行えます。 キャンセル(cancel)状態(fired)コールバックの追加(addCallback)エラーバックの追加
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く