javascript
連載目次へ 以下のJavaScriptコードが意図した動作をしないのは，なぜですか。（制限時間１分）やりたい事： サーバサイドで、画面上のフォーム内に、大量のhiddenデータを描画する。 描画が終わったら、自動的にフォームを送信（submit）する。 <body> ↓このフォ</body>…
以下のものが，あればいいのに。 「レガシーJavaScript」に関する情報が完全に除去された，Google検索結果。 Windowsのウィンドウ部品を，jQueryのように操作できる，セレクタAPI。 COM経由で，マウスを自動操作するAPI。 「アプリケーションとしてのコマン…
JavaScriptプログラミングのTOPへ JavaScriptの例外（throw, try-catch-finally構文）の使い方について，以下の点を論じる。 （Ａ）breakとreturnとthrowの比較 （Ｂ）throwを利用した設計のイメージ （Ｃ）throwの使いどころ （Ｄ）例外処理のサンプルコー…
JavaScriptプログラミングのTOPへ JavaScriptのコーディングでオブジェクトを扱う際，「インスタンスがちょっとずつ異なっている」という場合は，その自由度に見合ったクラス（＝プロトタイプ）を１つだけ定義してやれば事足りる。 しかし，それに加えて「ク…
スキルチェックの目次へ JavaScriptはオブジェクト指向のスクリプト言語。オブジェクトやクラスの扱い方の基礎を理解していない場合，開発の戦力にならない。 JavaScriptの業務スキルレベル 判別表 （５段階） http://language-and-engineering.hatenablog.j…
連載目次へ 以下のJavaScriptコードが意図した動作をしないのは，なぜですか。（制限時間１分） やりたい事： 氏名を選択して，ボタンを押す。 ⇒氏名に対応する苗字と，苗字に対応するメッセージが表示される。 <body> 氏名を選んでください。 <select id="hoge"> <option>鈴木</option> <option>鈴木 太郎</option> <option>鈴</option></select></body>…
JavaScriptプログラミングのTOPへ JavaScriptで，文字列の内容を確認するためには alert( str ); のようなコードを書く。 しかし，本当は str.alert(); のような書き方をしたい。 そう思うのでは。 文字列（「str」とか 「"hoge"」 ）を書いてから，そのあと…
JavaScriptプログラミングのTOPへ Officeのヘルプキャラクタ（例えば「マーリン」とか，「カイル君」とか，「冴子先生」）を，ブラウザのHTML上で表示する。IE上だけでなく，WSHでバッチとしてデスクトップで呼び出す事も可能。 サンプル（IEで閲覧） http:/…
以下の記事では，IE上で，C#のDLLを動かす方法を述べた。 今から３分で，IE 上で .NET のDLLを動かそう （ブラウザ上で C# のコードを動かす方法） http://language-and-engineering.hatenablog.jp/entry/20100705/p1 今回は，同じものをVB.NETでも作ってみ…
今から３分で，Webページ上で，Microsoft .NET のコードを動かそう。JavaScriptにできない事も，.NETなら可能になる。 今回は，Windowsアプリ用のUI部品（カレンダー）を，Webページ上で使ってみる。 メモ帳さえあればよい。 Visual Studioは不要。 .NETの詳…
スキルチェックの目次へ JavaScript の簡易スキルチェックのための調査表。印刷用。 レベルは，０から４までの５段階。 （０） 非 JavaScript開発者 （１） 初学者（入門書を学習してゆく段階） （２） ノーマル（基礎的な知識があり，ある程度の動くものを…
もはやレガシー*1となりつつある，時代を作ったJavaScriptフレームワーク Prototype.js の盲点，注意点を書きためてゆく。 ※「JavaScriptの動かないコード(JavaScriptエラー集)」のprototype.js版，という位置づけである。ただしネタは多くない。 Download P…
連載目次へ 以下のJavaScriptコードが意図した動作をしないのは，なぜですか。（制限時間１分） やりたい事： ラジオボタンのチェック状態によって，表示文言を切り替える。 <input type="radio" name="msg_type" id="radio1">Aと表示<br> <input type="radio" name="msg_type" id="radio2">Bと表示<br> <br> <div id="div_msg1" style="display:none">A</div> <div id="div_msg2" style="display:none">B</div>
連載目次へ 以下のJavaScriptコードが意図した動作をしないのは，なぜですか。（制限時間１分） やりたい事： 「フォーカスを外す（blur）とメッセージを表示する」という，テキストボックスがある。 このテキストボックスの動作テストをしたい。blurのイベ…
連載目次へ 以下のJavaScriptコードが意図した動作をしないのは，なぜですか。（制限時間１分） やりたい事： 「クリックするとメッセージを表示する」という，テキストボックスがある。 このテキストボックスの動作テストをしたい。クリックのイベントを自…
連載目次へ 以下のJavaScriptコードが意図した動作をしないのは，なぜですか。（制限時間１分） やりたい事： ラジオボタンの中で，どれかボタンが選択されたかを検証する。 何も選択されていない場合，警告のメッセージを表示。 <body> どれか選択して下さい。<br> <input type="radio" name="hoge" value="0"> 0 <br></body>…
連載目次へ 以下のJavaScriptコードが意図した動作をしないのは，なぜですか。（制限時間１分） やりたい事： 「追加」ボタンを押すと，「メッセージ表示」ボタンが追加される。 どの「メッセージ表示」ボタンを押しても，メッセージが表示される。 <body> <input type="button" onclick="f()" value="ボタンを追加する"> <br> <div id="hoge"><input type="button" id="btn1" value="メッセージ表示"></div> <style type="text/css"> .bl</body>…
JavaScriptプログラミングのTOPへ 下記のようなUIを実現するための，クロスブラウザなJavaScriptライブラリ。 マウスのドラッグドロップで，行を入れ替え可能。 行の追加・削除ができる。 リストの中に，ドラッグ不可能かつ順序不動の「固定行」を作れる。（…
バッチ・マクロのTOPへ ※これより新しいバージョンがリリースされています。 http://language-and-engineering.hatenablog.jp/entry/20090826/p1 下記の「IEを自動操作するライブラリ」の改良版ができた。 UWSCで，IEを自動操作するためのライブラリ （ファ…
回帰テストツール「Selenium」の中級 Tips。 初級の使い方については 今から３分で selenium の使い方を身に付ける (回帰テスト自動化) http://language-and-engineering.hatenablog.jp/entry/20081016/1224080409 selenium 主なコマンド一覧 http://languag…
連載目次へ 以下のJavaScriptコードが意図した動作をしないのは，なぜですか。（制限時間１分） やりたい事： alertとかgetElementByIdなどの関数を，１文字の変数に代入して利用する。（つまり，ショートコーディングを試みる。） <html> <body> <input type="button" onclick="f()" value="１文字関数のテスト"> <div id="my_div">fuga</div> <script language="JavaScript"> function f(){ v</body></html>…
連載目次へ 以下のJavaScriptコードが意図した動作をしないのは，なぜですか。（制限時間１分） やりたい事： hello,world! と，２回表示したい。その際，出力用の処理を簡単に呼び出せるように，関数を変数に代入してから利用する。 <html> <body> <input type="button" onclick="f()" value="「hello,world」と２回表示"> <script language="JavaScript"> function f(){ var </body></html>…
連載目次へ 以下のJavaScriptコードが意図した動作をしないのは，なぜですか。（制限時間１分） やりたい事： 0から20000までループする。 そのループの途中にタイマーを設定して，ループの進捗を表示する。 <input type="button" value="ループを開始する" onClick="f()"> <div id="div_counter"></div> <div id="div_comment"></div>
simpleJsUnitは，JavaScriptのコードを単体テストするためのライブラリ。 シンプルさが特徴。（たった５キロバイト） コマンドラインでも ブラウザ上でも テストを実行可能。 以下は，このツールを使って，テストファーストなJavaScript開発を進める方法。 …
JavaScriptプログラミングのTOPへ JavaScriptで，グローバル変数が存在するかどうか判定するための３つの方法。 ３つのうち１つはよく使う。残りの２つは，特殊な状況（WSHとの使い分けなど）で役立つ。
JavaScriptプログラミングのTOPへ Web上で見つけたJavaScriptのコードを，その場ですぐに動かしてみたい時に。 javascript:(function(){var%20w=window.open('','w_code', 'width=280,height=220,resizable=no,scrollbars=no,status=no'); w.document.body.i…
連載目次へ 以下のJavaScriptコードが意図した動作をしないのは，なぜですか。（制限時間１分） やりたい事： 「２００８年１２月から何か月経ったか」を計算する。 <input type="button" value="期間を表示" onClick="f()"> 月を選択してください。 → ２００９年の <select id="select_month"> <option value="01">01</option> <option value="02">02</option> <option value="03">03</option> <option value="04">04</option></select>
.NET Frameworkが入っていれば，JScriptで本格的なアプリケーション開発ができる。その名もJScript.NET。JavaScriptの知識を生かしながら，.NETプログラミングをする。 これを習得するために必要な，４つのステップを考えてみる。
JavaScriptプログラミングのTOPへ input や textarea などのテキストボックスをフォーカスした際に表示される，「｜」の形をしたカーソルの事をキャレットという。また，Shiftキーを押しながらキャレットを移動させると，文字列が選択状態になる。 キャレッ…
連載目次へ 以下のJavaScriptコードが意図した動作をしないのは，なぜですか。（制限時間１分） やりたい事： 文字列が改行やスペースを含むかどうか，正規表現で調べる。 <input type="button" value="クリックして表示" onClick="f()"> <script language="JavaScript"> // 文字列が特殊文字を含むかどうか判定するためのオブジェクト。 var obj = { /* …
