Paulo Caroli ThoughtWorks* Henrik Lindahl Google* 目次 はじめに ソリューション概要 FlashSeleniumコンポーネント Selenium RCクライアント 印刷用に表示 作成日:2008年6月23日 更新日:2008年7月1日 ユーザレベル:中級 製品:Flash Flex 機能テストでは、システムが全体として期待どおりに機能することを検証します。すべてが正しく接続されていることも確認します。Selenium*は、Webアプリケーション用のオープンソーステストツールです。Seleniumは、Webブラウザ自体内で直接実行し、実際のユーザの操作をシミュレートします。Seleniumは、様々なブラウザとプラットフォームをサポートしています。特に、Webアプリケーションの機能やユーザアクセプタンスの検証テストを実行するときに役立ちます。
注意:このコンテンツの初出はArtima Developer*です。 ActionScriptの親言語に当たるJavaScriptは混交語の面があり、ときに異常な動作をします。ただし、通常、異常な点がまったくない言語というのはありません。そのような不具合を完全に排除した言語は、Python3.0と次期バージョンのRubyぐらいではないでしょうか。 ときどきの異常な動作を除けば、ActionScriptは言語ツールの威力とハイブリッド型チェック(通常、Flex Builderのツールサポートでは静的型チェックだが、必要に応じて動的型チェック)により、Javaよりもわかりやすくて楽しい言語です。 以下に述べる内容は、JavaScriptにも該当しますが、テストはActionScriptでのみ行っています。JavaScript言語の機能は、ブラウザ間やブラウザのバージョン間で異なる場合があります
Flexで開発を行う際に、画面デザイン(MXML)、スクリプトを1つのMXMLファイルに記述せずに、画面デザイン部(MXMLファイル)、プログラムコードを記述するロジック部(ActionScriptファイル)のように分けて作成する方法が採用されることがあります。今回はいくつかある分割テクニックのうち、IMXMLObjectインターフェースを使用した方法、更にその方法を発展させた方法を紹介します。
はじめに この記事の発端は、 2008 年に行われた第 1 回 Adobe AIR コンテストに著者がエントリーした AIR アプリケーション『 AIR ThermoHygrometer 』です。 コンテスト終了後日、Flex User Group の勉強会で開発手法を紹介した縁で、本記事を公開するに至ります。 開発環境 Adobe Flex Builder 3 Professional Adobe AIR 1.1 Microsoft Visual C# 2008 Express Edition (無償版) Microsoft Windows 2000/XP(デバイスの動作条件) AIR ThermoHygrometer の紹介 開発手法を解説する前に、AIR ThermoHygrometer の紹介をします。AIR ThermoHygrometer は、Adobe Flex Builde
Tritonn(MySQL+Senna)+Mecab+Apahce+PHP5.2(with APC & imagick)をCentOS5にインストールする 2008-09-12 バージョン等の最終更新:2009-10-24 PHPからTritonn(MySQL+Senna)を使うためのセットアップに若干ハマったので、メモ的にエントリー。 Tritonn(MySQL+Senna)だけでPHPからMySQLに接続するときは、Tritonnをソースからインストールしなくてはなりません。というのも、Tritonnプロジェクトではコンパイル済みのrpmをリリースしていますが、このrpmにはmysql-devel的なライブラリが同梱されていません。Tritonnだけをrpmからインストールした場合、PHPの./configure時にlibmysqlclient.soが見つからず、PHPのインストールを
まずは、図2のソースコードをこちらよりダウンロードしておいてください。 ■ サンプルプログラムの注意事項 本稿のサンプルプログラムについては、以下の注意事項がありますので、気を付けてください。 Java動作確認環境は、JDK 6 Update 5ですJDK 6 Update 5です Office 2007でdocx/xlsx/pptxサンプルファイルの編集や保存を行うと、元のサンプルにないコードが挿入されます テキストエディタでサンプルのXMLファイルを編集する場合、文字コードをUTF-8に設定してください。エンコーディングが正しく設定されないと、Office 2007でdocx/xlsx/pptxファイルが開けない場合があります文字コードをUTF-8に設定してください。エンコーディングが正しく設定されないと、Office 2007でdocx/xlsx/pptxファイルが開けない場合があり
本をじっくり読むことができなくなった。 作文ができなくなった。 語彙を増やすことができなくなった。 色々な事に興味を持って取り組めなくなった。 物事を継続することができなくなった。 集中して一つの作業を続けることができなくなった。 実は全部、できなくなったんじゃなくて、やらなくなったこと。 やらない→感覚を忘れる→できなくなる→やろうしても(うまくできないから)続かない→益々やらなくなる このスパイラルに陥ってから、何もかもうまくいかなくなった。 大体、20歳を超えたくらいにターニングポイントがあるかな。 この時期に楽をすることを覚えると、アタマが成長を止めてしまうのかもしれない。
jParallaxは、複数のパネルをパララックスで奥行きを表現し、マウスの動きに合わせてダイナミックにスクロールさせるスクリプトです。 jParallax 複数のイラストを重ねただけでも面白いですが、下記のデモのように写真画像を使用したものや、単に大きい画像のビューアーとしても面白いものとなっています。
iPhoneのカメラを飛躍的に性能アップさせる「Snapture」が、マルチタッチにも新対応2008.08.28 11:00 せっかくのiPhoneだから、カメラもマルチタッチでズーム撮影したいな~ iPhoneのカメラって、本当にシンプルで、シャッターを切るボタンと、撮影画像を確認するカメラロールへの切り替えボタンくらいしか付いてません。でも、わりときれいな写真が撮れちゃったりするんですよね。 だから、もうちょっとこのカメラを使いこなせるような機能を追加してよ…という、そんなiPhoneユーザーの願いをかなえてくれる、かなり高機能な拡張アプリ「Snapture 2.0」が登場しました! この絶対マストゲットしておきたいSnapture 2.0の詳細を、続きでチェックしてください。 実は、すでに以前のバージョンから、iPhoneのカメラに、セルフタイマー撮影、画像サイズの変更、デジタルズー
全キャリア対応のデコメールの作成・変換が行えるPHPライブラリQdmail Tweet 2008/8/28 木曜日 matsui Posted in 記事紹介・リンク | 3 Comments » スポックさんからのタレコミです。 (情報提供ありがとうございます) PHP用のメール送信ライブラリ「Qdmail」が、デコメール関連の機能を強化しされたそうです。 → Qdmail PHP高機能日本語メール送信ライブラリ・文字化けフリー [hal456.net] → デコメールまとめ – Qdmail → CPA-LABテクニカル デコメテンプレート変換はじめてガイド (Qdmailを使ったデモ) Qdmailには次のような特徴があるようです。 PHP4,5の両方に対応 mail関数送信、SMTP送信の両方に対応 Dcomo,au,Softbank,イーモバイル,Willcomの各キャリアを自動
Webサイトを構築する際に、どのバージョンのブラウザまでサポートするかが問題になりやすい。最新のバージョンだけであれば良いのだが、不特定多数へのサービス提供となればそうもいかないだろう。 様々なバージョンのIEが立ち上げられる IEの場合で言えば5.5以降を対象とする場合が多いように思う。だがそんなバージョンのIEを簡単に用意できるだろうか。そこで使いたいのがこのソフトウェアだ。 今回紹介するフリーウェアはInternet Explorer Collection、様々なバージョンを収録したIEだ。 Internet Explorer Collectionで提供されるバージョンは1.0/1.5/2.01/3.0/4.01/5.01/5.5/6.0/7.0/8.0となっている。8.0β版まで収録されているので、今後を見越した上でのテストが実行できるようになる。 なぜかインストーラーはVista
疲れにくいワーキングチェアの必要性 腰痛・肩こり・眼精疲労。 パソコンと毎日長時間向かい合っている人の大半がこうしたテクノストレスを経験しているという。 だけど、パソコンを止めるだなんてとんでもない!! そこで、高級なワーキングチェアを購入することを提案したい。 価格帯としては、10万円以上。 実際に、そうした高級なワーキングチェアに変えただけで、症状が無くなったという人が腐るほどいる。 (ただし、治療は病院が原則。治療効果は期待せず予防効果を期待して購入するのが賢明だろう) さあて、まずはまとめサイトから。 優れたまとめサイト。このサイトを拠点にしてチェア選びを進めていくといいだろう。 ↓ ワーキングチェア総合スレッドWiki http://www.wikihouse.com/wchair/index.php ワーキングチェアをどうやって選べばいいの? 机の高さと合ったものを選ぶ、革張り
今回は、A List Apart.掲載のLuke Wroblewski氏による記事、"Sign Up Forms Must Die"をご紹介します。 ユーザにウェブサービスを提供する上で、まずは「会員登録」を求めることはよくあることだと思いますが、今回は、「まずは会員登録」から始めずユーザの会員化を実現する方法についての記事です。 旧来の「まずは会員登録」の事例: 動画共有サイトの一つ、 Google Video( http://video.google.com/)を例にとります。ユーザはGoogle Videoに訪問し、色々な動画を見ていく中で、自分もウェブ上に動画を公開してみたいと思います。そこで、「ビデオをアップロードする(Upload Video)」を押すと、その機能を利用するためのアカウント作成を初めに求められ、以下の会員登録ページにたどり着いてフォームへの情報入力を求められます
開発者やシステム管理者などであれば日常的に利用するコマンドプロンプトですが、中には全く使わないという方や、苦手という方も少なくありません。確かに、マウスで簡単に操作できるGUIに比べ、コマンドの操作は直観的ではありません。しかし、大量のファイルの名前を変更したり、大量のフォルダを一定の命名規則で新規作成するといった作業を考えるとGUIでは非常に面倒になります。こうした作業を行ってくれるフリーソフトも存在しますが、仕事用のコンピュータであれば定められたソフトウェア以外、インストールが禁止されていることも珍しくないでしょう。 コマンドプロンプトを使えば、こうした面倒な作業や、日常的に行っている作業の一部分を自動化できる可能性があります。ファイル操作やアプリケーションの起動といったコマンドは、Windowsにデフォルトでインストールされている機能であり、加えて複雑なプログラミング言語を覚えること
仕様 mixi OpenID は mixi 内のユーザー情報を外部サイトでの認証に使用するためのサービスです。この文章では mixi OpenID の仕様について説明します。 FAQ mixi OpenID について、よくある質問とその答えをまとめました。 mixi Platform用素材利用ガイドライン ユーザーに簡単にわかりやすくログインできるようにするために、専用ログインボタンを配布しています。また、利用ガイドラインに沿ったボタンの利用をお願いしています。 ガイドライン mixi OpenIDを導入いただくにあたってのガイドラインとなります。本記載内容に沿った対応サイトを作成いただくことで、ユーザーにメリットのあるコミュニケーションがもたらされることを望んでいます。
と言う訳でついに来ましたね。 http://mixi.jp/openid.pl mixi OpenID << mixi Developer Center (ミクシィ デベロッパーセンター) 中の人、お疲れ様でした。 実はさっきまで mixi に行って技術的な意見交換などしてきました。mixi OpenID の技術的な側面なんかを簡単に紹介したいと思います。 ミクシィ認証 これは普通の OpenID Provider の挙動と同じです。僕のアカウントは http://mixi.jp/show_profile.pl?id=29704 なので僕の OP Local Identifier は、 https://id.mixi.jp/29704ここでお気づきの方も居るかと思いますが、OP Local Identifier 自体も https で提供されています。さて最初の html の内容を確認して
コーディングはさっと済ませたい。 そんなあなたにおすすめなのが、『Blank Themes, Frameworks and Templates: Resources to Speed Up Your Development Time』。コーディングをさっと済ませるためのCSSテンプレート集だ。 以下にいくつかご紹介。 ↑のキャプチャはDynamic Drive。2カラムや3カラム、固定幅、リキッドレイアウトなど、たくさんのCSSレイアウトを配布 » Code Sucks 90のフリーCSSレイアウト » Layout Gala 40のCSSレイアウト » CSS Creator 幅や背景色などを指定してXHTMLソースが生成できる » Whiteboard フリーのワードプレステーマフレームワーク » Yet Another Multi-Column Layout モダンで拡張性のあるレイ
Deziner Folioのエントリーから、ウェブサイトのデザインに使用されている、最近の7つのトレンドとそのチュートリアルを紹介します。 Design Trendz ※チュートリアルのいくつかは当方で追加しています。 Lights n Shadows ライトを当てているように、シャドウ効果を持たせます。
mod_cidr_lookupというApacheモジュールを公開しました。 http://lab.klab.org/wiki/Mod_cidr_lookup mod_cidr_lookupは、アクセスしてきたクライアントのIPアドレスが、指定したCIDRブロック群のいずれかにマッチするかどうかを判別するApacheモジュールです。 Apache 2.0と2.2系に対応しています。 マッチした結果は、環境変数 (X_CLIENT_TYPE) とHTTPリクエストヘッダ (X-Client-Type) にセットするので、Apache自身とバックエンドのWebアプリの両方で同じ情報を参照することができます。 このモジュールを使うメリット 簡単にクライアントの種類を知ることができる 判別処理はモジュールが行ってくれるので、のちほどお見せるように、Webアプリやhttpd.confでは環境変数やリク
A List Apartのエントリーから、CSS Spriteを使用したナビゲーションに、マウスオーバー時にアニメーションのエフェクトをつける「CSS Sprite2」を紹介します。 CSS Sprites2 - It's JavaScript Time demo 5 demo 6 CSS Spriteとは、スタイルシートで一枚の画像から複数箇所に配置をしたり、マウスオーバー時の画像指定を行うものです。 CSS Sprite2は、そのCSS Spriteにスクリプトを使用して、アニメーションのエフェクトつけたものです。 使用するスクリプトは、デモではjQueryが使用されていますが、PrototypeでもYUIなど他のスクリプトでも実装は可能です。 CSS Sprite2のベースとなっているのは、下記ページとのことです。
いいね! 11 ツイート B! はてブ 734 Pocket 58 ここ2・3日、ひたすら色々なサイトの会員登録フォームやコマースサイトの購入フローを見ていました。 また、フォームのユーザビリティについて語っているブログやサイトをみて研究していました。 こうすれば登録数が劇的に上がる!とか、売上が上がる!といった方法はありませんが、少しだけユーザーに安心感を与えたり、ストレスを取り除いたりする方法はたくさんありますし、見ていたサイトでも登録しやすいサイトには共通点が多くありました。 少し量が多いですが、自分で意識的に行ってきたこと、登録しやすいサイトの共通点、ブログやサイトをみて参考になる点をまとめてみました。 1つ1つはよく言われていることで、大したことありませんが、こういった小さなディティールにこだわって行きたいと思います。ケースバイケースの側面も強いのですが、何かの参考になればと思い
かっこいいナビゲーションメニューをさくっと実装したい。 そんなあなたにおすすめなのが、『300+ Jquery, CSS, MooTools and JS navigation menus』。jQueryやCSSを使ったナビゲーションメニュー300選だ。 以下にいくつかご紹介。 » Fancy menu かっこいいナビゲーションメニュー » Amazing apple style navigation menu Appleのサイトのようなナビゲーションメニューの作り方。↑のキャプチャはこちら » jQuery idTabs 8つのクールなjQueryメニュー » navigation-3 プルダウンメニューなど4つの例 » block-navigation CSSデザインのメニュー9選 その他のリストは以下から。 » 300+ Jquery, CSS, MooTools and JS na
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く