キー操作可能なカスタム DHTML ウィジェット | MDN
増加傾向にあるウェブアプリケーションは、JavaScript を使用してメニューやツリービュー、リッチテキストフィールド、タブパネルなどのようなデスクトップウィジェットを模倣しています。Web 開発者は絶えず表計算やカレンダー、構造図などのような対話的な要素を取り入れ、新たなアプリケーションは複雑化しています。現在まで、Web 開発者はスタイル付けられた <div> や <span> を基にして、正しい技術を欠いたウィジェットをキーボードで利用できるようにしようとしています。しかしながら、キーボードアクセシビリティは Web 開発者が知っておくべき最小限必要なアクセシビリティの一部でしかありません。 実例を挙げると、ほとんどの DHTML メニューは、キーボードアクセスを尊重した正規のメニューのようには動作しません。キーボードでとにかくメニューを利用できるようにする場合によくある共通の間違
Events - keydown, keypress, keyup
The keydown, keypress and keyup events fire when the user presses a key. keydown Fires when the user depresses a key. It repeats while the user keeps the key depressed. keypress Fires when an actual character is being inserted in, for instance, a text input. It repeats while the user keeps the key depressed. keyup Fires when the user releases a key, after the default action of that key has been pe
JavaScript - Detecting keystrokes
iCab doesn't support the key events at all. Many thanks to Hallvord Steen for his summary of the key events in Windows browsers; his page saved me quite a bit of work. Detecting the user's keystrokes turns out to be a rather specialised branch of event handling. This page details some of the more obnoxious problems, and gives the inevitable compatibility table. The first problem is that there is n
keydown、keypressイベントのブラウザ毎の挙動の違い - Enjoy*Study
こないだMac OS XのFirefoxで日本語入力ソフト使用時にEnterキーによる変換確定をkeydownイベントで拾ってしまう現象にヤラレたので、その問題を対処するにあたって他のブラウザでの動作を再確認しました。 その時の結果を、、イベントの発生有無とkeyCodeについて表にまとめてみました。数字はkeyCodeの値で、"-"になっているのはイベント自体が発生しなかったという意味になります。 Google Docs & Spreadsheets - keydown、keypressイベントのブラウザ毎の挙動 みごと、同じ挙動なのが1つも無いといった結果になりましたが、実際、よく問題になるのは下記の2点だと思います。 Mac OS X Safari 2.0.4 にて、カーソルキー(Up/Down/Left/Right)は1回押しただけで2度同じイベントが発生する。Safari 3.0
SimpleBoxes | keypressとkeydownの関係
javascriptでキーが押された時のイベント処理について、調べてみました。 prototype.jsでは、以下のサイトで触れられているような処理を行っているようです。 Enjoy*Study - prototype.jsでの、keypressイベントの扱いについて 山岸めも - 「Operaを使つてゐる場合、Prototype.jsは、keypressをkeydownに置換へてしまふ」件をどうにかしてみた 確認したブラウザは以下の通り。 Safari 2.0.4 for Mac OS X Opera 9.20 for Mac OSX Firefox 2.0.0.3 for Mac OS X iCab 3.0.3 for Mac OS X Internet Explorer 5.2.3 for Mac OS X Internet Explorer 5.5 for Windows XP I
DOM - MDC
ドキュメントオブジェクトモデル (Document Object Model, DOM) は、ウェブページを表す HTML のような文書の構造をメモリー内に表現することで、ウェブページとスクリプトやプログラミング言語を接続するものです。ふつうは JavaScript を使用しますが、HTML、SVG、XML などの文書をオブジェクトとしてモデリングすることはコア JavaScript 言語の一部ではありません。 DOM は文書を論理的なツリーで表現します。ツリーのそれぞれの枝はノードで終わっており、それぞれのノードがオブジェクトを含んでいます。 DOM のメソッドでプログラム的にツリーにアクセスできます。これにより、文書構造やスタイルやコンテンツを変更することができます。 ノードにはイベントハンドラーを割り当てることができます。イベントが発生すると、イベントハンドラーが実行されます。 DO
JavaScript - MDC
JavaScript チュートリアル 初級編 JavaScript の基礎 JavaScript の第一歩 JavaScript の構成要素 JavaScript オブジェクト入門 JavaScript ガイド 入門編 文法とデータ型 制御フローとエラー処理 ループとイテレーター 関数 式と演算子 数と日付 テキスト処理 正規表現 インデックス付きコレクション キー付きコレクション オブジェクトを利用する Using classes プロミスの使用 JavaScript 型付き配列 イテレーターとジェネレーター メタプログラミング JavaScript モジュール 中級編 クライアントサイド JavaScript フレームワーク クライアントサイド Web API Language overview JavaScript のデータ構造 等値比較と同一性 プロパティの列挙可能性と所有権 クロ
ログピ | あきた。なんかすごい無駄なとこあるけどめんどくさいので完成。 http://wys.hetem...
ログイン - ユーザー登録 - ヘルプ みんなのログ タイトルリスト カレンダー « 2010年03月 » S M T W T F S 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 more » アーカイブ つぶやき(584) TODO(14) Scala(13) 本日見る予定のテレビ(3) キリンチャレンジカップ(2) 食事メモ(1) ( ´Д⊂(1) あいうえお(1) 業務連絡(1) 禁煙(1) 最近使ったタイトル つぶやき 禁煙 TODO 業務連絡 本日見る予定のテレビ サービス モバイルログピ（α版） ケータイでいつでもログピ！ http://m.logpi.jp/ more » ログピからのお知らせ 昨日、見事「H22年2月22日 22時22分22秒P
tokuhirom blog
Blog Search when-present<#else>when-missing. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)?? ---- ---- FTL stack trace ("~" means nesting-related): - Failed at: ${entry.path} [in template "__entry.ftlh" at line 3, column 25] - Reached through: #include "__entry.ftlh" [in template "entry.ftlh" at
OpenOffice.org: バッチ処理で .odt-.doc 相互変換、PDF出力 | anobota
JsUnit: テスト実行とエラーメッセージ表示をキーボード操作で行う JsUnit を使う場合、 エディタでコード書く→ブラウザでテストという一連の操作の途中で どうしてもマウス操作が必要になる場面があり、とてもだるいのでどうにかしたい。 自分が使う場合、操作の 9割は （1）テストの実行 （2）エラーメッセージの表示。 の 2つ。その他の操作はたまにしか行わないので、マウス操作でも構わない。 jsunit/app/main-data.html の 以下の行をコメントアウト。 giveFocusToTestFileNameField(); 同じく jsunit/app/main-data.html の body 要素の最後に以下を追加。 新たに生成して画面左上に配置した input 要素 keyCapture でキー入力を拾い、 r, a キーでそれぞれテスト実行、エラーメッセージの表示
JsUnitを使ってJavaScriptをTDDしてみる - プログラマ憧れプログラマ日記
JavaScriptをユニットテスト XUnitの中のひとつとしてJsUnitがあります。 文字通りJavaScriptをユニットテストできるシロモノなのですが、JavaScriptのライブラリが台頭するこのご時世、自らも濃いJavaScriptを書く方も多いのではないでしょうか？実際どんな感じで書いていけるのかTDDと絡めてざっくりとまとめてみます。 テストケースの書き方 今回は引数が空であるかをチェックするisEmpty関数を実装してみることにします。 TDDに習ってまずはテストケースから書いてみましょう。JsUnitのテストケースはhtmlで書きます。例えばこんな感じ。 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html
InfoQ: JsUnitとJSMockを使ったJavaScriptのテスト駆動開発
テスト実行部上の最も重要な部分はページの上部にあるファイル参照用のフォーム部品になります。この部品はテスト・ページまたはテスト・ページのスイート・ファイルへのパスを保持します。ではJsUnit用のテスト・ページの簡単な例を見てみましょう。 <html> <title>A unit test for drw.SystemUnderTest class</title> <head> <script type='text/javascript' src='../jsunit/app/jsUnitCore.js'></script> <script type='text/javascript' src='../app/system_under_test.js'></script> <script type='text/javascript'> function setUp(){ // perfor
グランピアンズ - marqs blog
オーストラリアのグランピアンズ国立公園。とても綺麗な場所でした。駐車場に車を置いて、徒歩で1〜2時間で巡れるようなトレイルも結構多くありました。あまり有名ではないけれど、手軽に自然の風景を見たい人にはお勧めの場所です。
いまからでも間に合う開発者テスト - mixi engineer blog
はじめまして。開発部じゃない加藤和良です。 最近、mixi では Buildbot をつかった継続的インテグレーションをはじめています。安定版の mixi のソースコードにコミットすると Buildbot がそれを検知し、自動的にテストが走るようになりました。 ここでの「テスト」は Test::Simple や prove(1) をつかった、Perl でかかれた開発者テストを指しています。mixi の開発者テストをとりまく環境は、ここ数年でかなり改善されました。今回はその歩みをふりかえりながら、テストの無いコードベースをどこからどうやって変えていったかという話をしたいと思います。 開発環境 はじめに、前提となる mixi の開発環境について説明します。mixi では複数人の開発者がひとつのマシンで作業を行います。それぞれの開発者は、あらかじめ割り当てられたポートで Apache を起動し、
実用Git - D-6 [相変わらず根無し]
実用Git 「実用Git 」を献本でいただきました。ありがとうございます！ gitは毎日使っていて、もう大体躓きどころとかもわかってきたんだけど、正直自分のは我流なので色々と知らない事がたくさん。cvs→p4→svn→svk→bzrと手を出してきた自分でもこうなんだから、多分今時のVCSだからとか言っていきなりgitを覚えなきゃいけない初心者の人とか大変だよなぁと常々思っていた。 実用Gitはまず全ての実行例がちゃんとつながっているのが学習用には良いなという感想。自分で本を書いてても思うけど、例をちゃんと辻褄を合わせつつずっと繋げていくのは大変難しいのだけど、例を一個一個実行したい人には大変素晴らしいのではないだろうか。 一般的なVCSの使い方に関して特に問題がない、という方は多分4章「基本的なGitの概念」、それと9章から12章の「マージ」「コミットの変更」「リモートリポジトリ」「リポジ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
サービス終了のお知らせ
メッセージ。 - [日記] 派遣での収入
Animoto - Make & Share Beautiful Videos Online
JSUNIT.NET