Selenium IDE on Firefox 4 is Available for Testing! Now! | Really Simple Thoughts of a Perpetual Learner
Selenium IDE on Firefox 4 is Available for Testing! Now! There have been a lot of questions about the support for Firefox 4 in Selenium IDE. We know that the current Selenium IDE v1.0.10 does not support Firefox 4. It is not a simple matter of bumping the maxversion to make it compatible. There are core technical changes that make the existing Selenium IDE incompatible. So, Selenium IDE v1.0.10 wi
第3回 少し高度なSVG | gihyo.jp
前回はSVGの基本的な書き方を解説しました。今回は前回触れなかった座標変換・テキスト関連に、グラデーションを解説していきます。 座標とグループ化 SVGにはg要素という複数の要素をまとめるための要素があります。このg要素によってグループ化した要素に同じ色を適用したり、座標変換（後述）をすることなどができます。 グループ化のサンプルコード(SVG) <g fill="#33ff33"> <rect x="40" y="40" width="30" height="30" /> <polygon points="0,0 43.3,25 0,50"/> </g> グループ化のサンプルコード(SVGDOM) // g(group)要素を作成 var g = document.createElementNS(SVG, 'g'); g.style.fill = '#3333ff'; var rect
XML －SVG（Scalable Vector Graphics）－
■ SVGとは SVG（Scalable Vector Graphics）とは、その名の通りベクタ画像であり、２次元の図形をXMLで 保存する為の技術です。ベクタ画像はjpegやgif、pngなど（ラスタ画像）と異なり、四角形や楕円などの図形の情報から 表現されるので拡大縮小に関係なくブラウザできれいに表示させる事ができます。 またDOMでも扱うことができたり、CSSで色や大きさなどの指定なども可能です。 ■SVG（Scalable Vector Graphics） http://www.w3.org/TR/SVG/ 但し、Internet ExplorerにはSVGを表示する機能がないので、 SVG Viewerというソフトをインストールする必要があります。 ここではAdobe社のSVG Viewerを下記のAdobe社のウェブサイトからダウンロードしてインストールすることにします。 ■
ブラウザを選ばずWebテストを自動化するSelenium
Selenium RCで自動テストを実行するには 作成したテストスィートやテストケースをSelenium IDEで読み込めば、作成したテストを実行できます。しかし、Selenium IDEは、Firefoxのプラグインなので、この方法ではFirefox上でしかテストできません。そこで、Firefox以外のWebブラウザでテストするには、Selenium RCを利用します。 またSelenium RCを利用すると、人手を介さずにテストを実行し、テストの実行結果をファイルに出力できるため、継続的インテグレーション（CI）でも利用できます。 それでは、Selenium RCを利用して、Selenium IDEで作成したテストを実行してみましょう。 Selenium RCのインストール Selenium RCはJavaアプリケーションとして動作するので、あらかじめJRE（Javaの実行環境。バージ
Selenium RCの紹介 | feedforce Engineers' blog
Selenium RCとは Selenium RCは、 OpenQAによって提供されているSelenium製品ファミリの１つです。 2007/02/02現在、 Apache License, Version 2.0の下に配布されています。 Selenium RCは、 Selenium Remote Control という名が表すとおり、Seleniumテストを遠隔操作するための製品です。 これは、JAVAの Jetty Web Serverを利用した Selenium Server を利用して実現されています。 Selenium RCとは 準備 Selenium RC PHPUnit3.0 インタラクティブモードで実行 PHPUnitから実行 Selenium Serverをデーモンとして実行 サンプルコード 実行 さいごに Selenium RCとは Selenium RCは、 Open
[Think IT] 第6回：SeleniumRC−Javaによるテストの作成と実施 (4/4)
ではJavaでテストケースを記述していきます。HTMLの場合と比較するため、HTMLで作成したのと同じ試験項番1-1をJavaで実装してみることにしましょう。 Javaなどの開発言語を使う場合でも、テストコードの作成方法はHTMLの場合と基本的には同じです。すなわち、手動での操作手順をSeleniumコマンドに置き換えていきます。その際に使用するコマンドはHTMLの場合とほとんど同じですが、テストコードの書き方は以下のようになります。なお検証はSeleniumコマンドとJUnitのメソッドを組み合わせて実施し、組み合わせ方には2つのパターンがあります。 Webブラウザの操作 Seleniumオブジェクトのメソッドとして実行する 例：selenium.open("/MyMibo/index.jsp"); パターン1：対象の値を取得して検証する Seleniumオブジェクトのget〜メソッドで
Selenium 中級者になろう （変数＋XPath＋JavaScriptを，テストケース中で利用する方法） - 主に言語とシステム開発に関して
回帰テストツール「Selenium」の中級 Tips。 初級の使い方については 今から３分で selenium の使い方を身に付ける (回帰テスト自動化) http://language-and-engineering.hatenablog.jp/entry/20081016/1224080409 selenium 主なコマンド一覧 http://language-and-engineering.hatenablog.jp/entry/20081016/1224123118 で入門のこと。 Seleniumのより便利な使い方として，下記で （１）変数の使い方 （２）XPathの使い方 （３）テストケース中へのjavascriptの埋め込み （４）Ajaxアプリのテスト方法 を学ぶ。 まず，まとめを掲載。そのあとで，実際のテストでどう役立つのか詳しく解説する。 まとめ 要素の指定方法まとめ
今から３分で selenium の使い方を身に付ける (回帰テスト自動化) - 主に言語とシステム開発に関して
seleniumは，Webアプリの回帰テストツール。 ブラウザ上での画面表示・入力・送信・値チェックなど，手動＋目視でいちいちカバーしきれない操作が，全て自動化できる。 このツールの初歩を今から３分で習得するための記事。 わずか３分と思って集中されたい。 (1) DL 下記サイトから Selenium Core を取得する。 Selenium-Core: Download http://selenium-core.openqa.org/download.jsp Downloads: Full release をダウンロード。 サーバの htdocs 直下に置く。 (2) ページ ダウンロード終了を待たずに，テスト対象のページを用意する。やはり htdocs 直下。 下記をコピペして a.php で保存 <form id="f1" action="a.php" method="post">
git addとgit commitのundo方法(ver.2) - 西尾泰和のはてなダイアリー
チートシート作りの練習としてとりあえずaddとcommitで何が起きて、各段階でのundo方法がなんなのかを図にしてみた(注:間違いがあるので最後まで読んでね) 縦3つでセットで1つの時点だってのがわかりにくいのでもうちょっと縦幅を縮めた方がいいのかもなぁ？ あ、あと下の一番右だけ省略されているHEADを明示してみたけど、そこを明示するなら右から二番目も明示すべきだし、それをやると長過ぎてうっとうしいからやっぱ両方省略した方がいいかな。 p.s. 左端のgit rm Aはgit rm --cached Aの間違い。ここでgit resetではダメなのは、この時点ではまだinitial commitができていないから。 git resetにを指定できるのは--hardや--softの付いていない時だけだった…。checkoutを使うのがよさそう。thanks id:Yuichirou ! v
seleniumのバージョンを1.0に上げるときに注意すべき二つのポイント
以前にもご紹介したとおり、弊社では、eclipseの上でseleniumを使って、webサービスのテストを行っているのですが、seleniumの0.9で環境を構築したので、テストに使うFireFoxはずっと2.0系を使っていました。 （以前のエントリーは、こちらにまとめてありますので、ぜひご覧ください。 よしづみぶろぐの隠れた人気エントリーです。） しかし、さすがにFireFoxを3.0にしたいと思い、安易にseleniumのバージョンを1.0にあげたところ、全く動かなくなってしまいました…。戻すまでに少し苦労したので、備忘録として対処方法を書いておきます。 ①seleniumの最新版を取得する ダウンロードサイトから、最新版を取得して、 ・selenium-java-client-driver.jar ・selenium-server.jar の二つのライブラリを差し替えます。 当初はこ
スタイルと色を適用する - MDC Doc Center
目次1. 色1.1.1. fillStyle の例1.1.2. strokeStyle の例2. 透明度2.1.1. globalAlpha の例2.1.2. rgba() を使った例3. 線のスタイル3.1.1. lineWidth の例3.1.2. lineCap の例3.1.3. lineJoin の例3.1.4. miterLimit プロパティのデモ4. グラデーション4.1.1. createLinearGradient の例4.1.2. createRadialGradient の例5. パターン5.1.1. createPattern の例6. 影付き効果6.1. 影付きテキストの例 図形を描く についての章では私はデフォルトの線と塗りつぶしのスタイルしか使いませんでした。この章では使用できる全ての canvas オプションを探検していき、最終的に私たちの図形をもう少し魅力
JavaScript: canvas で点線・破線を描くためのライブラリを作ってみた | anobota
JavaScript: canvas で点線・破線を描くためのライブラリを作ってみた Javascript + canvas で点線・破線を描画するためのライブラリです。 Description: A library to draw dotted/dashed line for Javasctipt/canvas. canvas を使ってちょっとした折れ線グラフを書かせてみようとしたところ、点線・破線が描けないので困りました。 なぜ困るかというと、モノクロ印刷するときに系列の区別を付けにくくなるからです。 という訳であまり出来の良くない再発明っぽいですが作ってみました。 ベタに書いてみただけなのでパフォーマンスとかはあまり良くない（アニメーションなどさせると辛い）と思います。 Firefox でしか動作確認していません。 円弧やベジェ曲線は描けません（自前で何とかする必要があります）。 パ
【Photoshopチュートリアル】マスキングテープ素材 | 07design.blog
今回はデザインのお勉強ではなく、趣味に走ったチュートリアル記事を書きます。たま～に若い女の子向けのグラフィックデザインをやるのですが、マスキングテープを使ったデザインをよく作ります。その素材のチュートリアルを個人的なメモとして記録しておきます。…今回はデザインのお勉強ではなく、趣味に走ったチュートリアル記事を書きます。 たま～に若い女の子向けのグラフィックデザインをやるのですが、 マスキングテープを使ったデザインをよく作ります。 その素材のチュートリアルを個人的なメモとして記録しておきます。 我流なので、参考になるか分かりませんが森ガールテイストのデザインを作る際などにお役立てください。 マスキングテープ、かわいいですよね。個人的にも集めてたりします。 mtって略すらしいですが、どうしてもMovableTypeしか浮かばないのでマステって略してます… こういったものをつくっていきま
チリの火山噴火の写真がマジでやばいと話題に : 痛いニュース(ﾉ∀`)
チリの火山噴火の写真がマジでやばいと話題に 1 ：名無しさん＠涙目です。(東京都)：2011/06/07(火) 18:13:14.24 ID:HIauYXi40 ?2BP 【チリ】 噴火した火山の写真がマジでやばい 4日、チリ南部のプジェウエ（Puyehue）火山（標高2240メートル）が半世紀ぶりに噴火した。 海外メディアによれば、噴煙は上空10kmまで舞い上がっており、3500人以上の人が避難したという。また、火山灰はアルゼンチンまで到達するなど、多くの人たちを現在もなお恐怖の渦に巻き込んでいる。 そんな中、この噴火の写真が衝撃すぎると話題だ。これは、海外ニュースメディア 「the Atlantic」がまとめているものだが、稲妻を伴った噴煙や、噴煙が街中を 包みこむシーンなどその様子は我々の想像を超えている。火山灰も数十センチほど 道に降り注いでおり、その光景はまるで砂漠のよう。 この
[JavaScript] newは大事だよ！ / LiosK-free Blog
2010-07-19 カテゴリ: Client Side タグ: JavaScript トラックバック JavaScriptのnewって何？一体何なの？という話 - 愛と勇気と缶ビール クラスってものはJavaScriptにはないはずなのに、 new ClassName();と書くとあたかもClassNameクラスのオブジェクトのインスタンスが生成され、それが返ってくるかのような挙動をしている。 これは気持ち悪い。言語仕様としてはクラスは本来存在しないのに、クラスのようなものが導入されている。まともな神経を持った人間なら、一体 new演算子って何なの？という疑問を持つのが当たり前である。 こんな扱いを受けているnewがあまりにも不憫で涙した＞＜ newはprototype-basedなJavaScriptを書くための唯一の手段[1]で、真にJavaScriptらしいコードを書くためには欠か
javascript - プロトタイプ的継承 : 404 Blog Not Found
2006年10月18日09:20 カテゴリLightweight Languages javascript - プロトタイプ的継承 がーん。この感動はY combinatorを見たときに匹敵する。 Prototypal Inheritance function object(o) { function F() {} F.prototype = o; return new F(); } なぜこれがそれほど感動的かというと.... これを使えば、ArrayやObjectといったBuilt-Inからも難なく継承できるから。 継承のやり方としてはPrivate Members in JavaScriptが圧倒的に有名で、日本でもbrazilさんによる邦訳、Collection & Copy - JavaScriptにおける古典的継承もよく知られていると思うけど、この三行を目の前にしては霞む。でもp
new を不当に貶める陰謀と JavaScript におけるクラスの継承構造の話 - vivid memo
私は陰謀論者じゃないですし JavaScript の new 演算子が大好きなわけでも大嫌いなわけでもないです。 念のため。 本記事は Hiraku さんが書かれた下記記事への言及です。 newを封印して、JavaScriptでオブジェクト指向する(1) newを封印して、JavaScriptでオブジェクト指向する(2) newを封印するべき4つの理由 new 演算子は使うな!? 「newを封印するべき4つの理由」 でも new がいかに糞であるかが書かれていますし、その記事からも言及があるように Crockford さんが書かれた書籍 『JavaScript: The Good Parts ―「良いパーツ」によるベストプラクティス』 でも new 演算子は Bad Parts に分類されています。 new 演算子が忌避される理由はいろいろあるみたいですが、Hiraku さんの記事では n
Scalable Vector Graphics - Wikipedia
Scalable Vector Graphics（スケーラブル・ベクター・グラフィックス、SVG、日: 変倍ベクタ図形[2][3]）は、XMLベースの、2次元ベクターイメージ用の画像形式の1つである。アニメーションやユーザインタラクションもサポートしている。SVGの仕様はW3Cによって開発され、オープン標準として勧告されている。 概要[編集] 1998年にアドビシステムズ・IBM・ネットスケープコミュニケーションズの3社によって提案されたPGML（英語版）(Precision Graphics Markup Language)[4]と、Autodesk・ヒューレット・パッカード・Macromedia・マイクロソフト・Visio（英語版） の5社によって提案された VML (Vector Markup Language)[5]をもとにして、W3C SVG ワーキンググループにより開発された[
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
デザインパターン[モデリング] -TECHSCORE-
HTML5 canvas -その１- | LayOut blue
Emacsのデフォルトの文字コード指定 - あいぷらぷら;
svgリファレンス