ブラウザを選ばずWebテストを自動化するSelenium
Webアプリケーションのファンクションテストを行うツールとして注目されている「Selenium」のバージョン1.0が6月20日にリリースされました。安定性が向上するとともに、Firefox 3.0、3.5（Selenium IDEは1.0.2から、Firefox 3.5に対応）や、Internat Explorer（以下、IE） 8などの最新のWebブラウザにも対応しました。 本稿では、Selenium 1.0をベースとしたSelenium IDEとSelenium RCを利用した効果的なSeleniumの利用方法を紹介します。 Webアプリのテストで誰もがイラつく大きな課題 Webアプリケーションテストを手で行うと、非常に煩雑です。Selenium登場以前の従来のやり方では、次のような問題がありました。 回帰テストに時間がかかる バグ修正や仕様変更などで、Webアプリケーションを変更した
PubSubHubbubでRSSもTwitter並にリアルタイムに － ＠IT
2009/08/19 「PubSubHubbub」（パブサブハブバブ）という奇妙な名前のプロトコルが注目だ。2009年8月5日にグーグルはRSSリーダーサービスのGoogle ReaderでPubSubHubbub対応を明らかにしたほか、国内ではライブドアが、同じくRSSリーダー「livedoor Reader」とブログサービスの「livedoor Blog」でPubSubHubbubに初対応したことを8月18日に発表している。まだ対応サービスは少なく、その“効能”も「ブログの更新がRSSリーダーに反映されるのが、ほぼリアルタイムになりました」というだけで小さく見えるかもしれない。しかしPubSubHubbubは、ネット全体のリアルタイムコミュニケーションプラットフォーム化を促す重要なキーとなるかもしれない。 Twitterが見せつけた“リアルタイム”のテンポの良さ Twitter人気が高
［気になる］JSONPの守り方
XSSにCSRFにSQLインジェクションにディレクトリトラバーサル……Webアプリケーションのプログラマが知っておくべき脆弱性はいっぱいあります。そこで本連載では、そのようなメジャーなもの“以外”も掘り下げていきます （編集部） JSONPだって、セキュリティを気にしてほしい 皆さんこんにちは、はせがわようすけです。今回は、JSONPを使用する場合のセキュリティについて解説しましょう。 JSONPとは、JSON with Paddingの名称が示しているとおり、JSON形式のデータにコールバック関数の呼び出しのためのコードを付加することで、クロスドメインでデータの受け渡しを実現するためのデータ形式です。JavaScriptからクロスドメインでのデータが簡単に扱えることなどを理由に、多数のWebアプリケーションでAPIの一部としてJSONP形式でデータの提供が行われています。 具体的な例を見
Webの3Dグラフィックスが変わる?!GoogleのO3Dとは？
Googleがリッチな3Dグラフィックスを制作できるWebアプリケーションO3Dを発表した。 Google Developer Day2009で、O3Dの開発に携わったグーグルソフトウェアエンジニアのグレッグ・タヴァレス（Gregg Tavares）氏とグーグルプロダクトマネージャーのヘンリー・ブリッジ（Henry Bridge）氏にO3Dの開発秘話やO3Dの可能性を聞いた。 Web 3Dの歴史 O3Dの話題に入る前にWeb上でのWeb 3Dの歴史について振り返ってみよう。実は約10年前の1990年代にもブラウザで3Dを表現する技術VRMLが登場した。Webの登場が1990年あたりと考えると、この段階で3Dを表現する技術が発表されたことには驚きを感じる。 しかし、当時はまだインターネットの回線速度が遅く、PCのスペックも高いものではなかった。モデリングツールも少なく、扱うには高度な技術が必
WebブラウザだけでRailsアプリ開発！？ － ＠IT
＠IT編集部 2009/3/25 Ruby on Railsでアプリケーション開発を始める場合、開発環境の準備が“ひと手間”となることがある。Heroku Gardenを使うと、Webブラウザだけ準備すればいい（編集部） Heroku Gardenは、RubyやRuby on RailsをインストールすることなくWebブラウザ（Firefox）上でRailsアプリケーション開発ができる統合開発環境（IDE）と、アプリケーションのホスティングサービスを提供するWebサイトです。「学習に最適（perfect for learning）」とあるように、Railsアプリケーション開発を試してみたい方にお勧めです。 Webブラウザから利用できるIDE機能に注目が集まっていますが、分散型バージョン管理システムのGitとの連携にも対応しているため、ローカル環境でアプリケーションを開発してHeroku G
DOMの基本。正しいHTMLとドキュメントツリーを理解しよう
DOMを介してHTMLを操作する方法を理解しよう。そのためには、正しいHTMLの概念とドキュメントツリーを知る必要がある。 旧来のDHTMLの手法では、JavaScriptから操作できるHTML要素には限りがありましたが、DOMでは、HTML上のありとあらゆる要素を自由自在に読み取ったり、書き換えることができるようになります。本連載では、おもにDOM Level 1で規定されている手法を使って、JavaScriptを使ってどのようにHTML上の要素へアクセスするのか、そして、それをどうやって書き換えるのかを詳しく解説していきます。JavaScriptからHTML要素を手に取るように操れるようになります。 ドキュメントツリーとは DOMスクリプティングでは、HTMLに関する正しい知識が求められます。まずは正しいHTMLとはなんなのかを理解していただきます。そして、DOMスクリプティングでは欠
危ないサイトをユーザーの代わりに見てきてくれる「aguse Gateway」 － ＠IT
2008/03/04 アグスネットは3月4日、入力したURLのWebサイトのキャプチャ画像を表示するサービス「aguse Gateway」のベータ版を公開した。アクセスするだけでウイルス感染の危険があるようなWebサイトでも安全に内容が確認できる。リンク先の安全度もチェックできる。 アクセスしたいWebサイトのURLを入力するとaguse Gatewayのサーバが閲覧し、キャプチャ画像を取得。ユーザーのWebブラウザに表示する。表示するのは画像だけなので、ページにウイルスなどが仕掛けられていても感染することはない。 表示したWebサイトのリンク先についても安全性を確かめ、安全なリンクだけがクリックできる。安全でないリンクにはアイコンが付き、クリックができない。
開発者タイプ別「Adobe AIR」の始め方 ― ＠IT
2008/02/27 JavaScriptやFlash、PDFなどWebと親和性が高い技術を使ってローカルで稼働するデスクトップアプリケーションが開発できる「Adobe AIR 1.0」が米国で2月25日に公開された。来日した米アドビのシニア プラットフォーム エバンジェリスト エンリケ・デュボス（Enrique Duvos）氏は「WebサービスやAPIをデスクトップに拡張できる。AIRはWebをプラットフォームとして利用できる技術だ」と説明した。 AIRはベータ版当時から国内外のコミュニティによってアプリケーションが開発されている。1.0の発表で企業がAIRを使って社内アプリケーションを開発する例が増えそうだ。シャープはSAPの基幹システムのデータを統合的に表示する経営陣向けのダッシュボードツール「エグゼクティブ・コックピット」をAIRで開発。すでに稼働している。 SAPジャパンと共同開
Flex／AIRウィジェットのデザインをCSSでカッコよく（1/4）- ＠IT
注意！ 前回の「いまさら聞けないAdobe AIR「超」入門」では、ベータ3版を扱っていましたが、記事に沿ってアプリケーションをコーディングしていくうえでは問題ありません。しかし、AIRの設定ファイル「SimpleTimer-app.xml」のバージョンが古いので、実行時にエラーが出ます。 すでに作成しているAIRウィジェットをFlex Builder 3上で動かす場合は、SimpleTimer.mxmlの内容を別のファイルなどにコピーしておいて、いったんSimpleTimer.mxmlを削除します。そして、再度Flex Builder 3上でSimpleTimer.mxmlを作成して退避しておいた内容を作成した新しいSimpleTimer.mxmlにペーストします。AIRの設定ファイルは再度自動作成されて最新のものとなります。
ClearTypeフォントの表示方法を調整する － ＠IT
マイクロソフトが無償提供しているClearType Tunerというツールを使うと、ウィザード形式で最適な表示形式を見ながら表示の調整を行うことが可能である。 Windows XPでは、ClearTypeと呼ばれるアンチエイリアシングの技術がフォント表示機能に追加されており、ディスプレイでの文字表示をなめらかにすることができる。ClearTypeは、ディスプレイの「赤（R）」「緑（G）」「青（B）」のサブピクセルを使って階調を表現し、アンチエイリアシングを行う技術だ。特に、小さな文字が読みやすくなるという長所がある。 ただしデフォルトではClearTypeは有効化されていないので、利用するには明示的に有効化しなければならない。ClearTypeのしくみと有効化の方法については、別稿「Windows XPの正体：文字表示を滑らかにする新技術『ClearType』」が参考になる。 ただし、MS
テキスト・ファイルの行末コードを変更する ― ＠IT
対象OS：Windows 2000 Professional／Windows 2000 Server／Windows XP Professional／Windows XP Home Edition／Windows Server 2003 解説 「テキスト・ファイル」や「テキスト形式」といえば、一般的には特殊なバイナリ・データを含まず、英数字や記号、漢字／ひらがな／カタカナなどの可読文字ばかりを含むデータ・フォーマットのことを指す。テキスト形式はデータとしての互換性も高く、多くのアプリケーションでそのまま取り扱うことができる。 だが行末コードの違いにより、同じテキスト形式といっても、一般的には次の3種類が存在する（文字コードの違いは除く）。行末コードとは、改行コードなどと呼ばれることもある文字コード・シーケンスのことであり、PC/AT互換機では一般に［Enter］キーを押すと入力されるコード
【特集】Silverlightは次世代のJavaScriptフレームワーク？（1/3） － ＠IT
ついに正式リリース！ いまこそ知りたい!! Silverlightは次世代のJavaScriptフレームワーク？ Microsoft MVP 松原晋啓 2007/9/7 編集部注：具体的なSilverlightアプリケーションの開発の仕方について詳しく知りたい読者は、本稿と併せて連載「.NETを知らない人でも分かるSilverlight入門」や連載「Silverlight 2で.NET技術をカッコよく使おう」もご参照ください。また、最新版のSilverlight 3に関しては、記事「Silverlight 3、ここがすごい！」をご参照ください。 いまこそ知りたい、“Silverlight”って何？ Silverlightは、マイクロソフトによって開発されたクロスブラウザ（※1）・クロスプラットフォーム（※2）・高度なメディアエクスペリエンスや RIA（Rich Interactive Ap
Silverlight開発を始めるための基礎知識（1/3） － ＠IT
編集部注：本稿はSilverlight 1.0の入門連載です。Silverlight 2アプリケーションの開発の仕方について詳しく知りたい読者は、連載「Silverlight 2で.NET技術をカッコよく使おう」をご参照ください。また、最新版のSilverlight 3に関しては、記事「Silverlight 3、ここがすごい！」をご参照ください。 次世代のRIA（Rich Interactive Application：表現力／操作性に優れたアプリケーション）技術として脚光を浴びているマイクロソフトのSilverlightですが、まだまだ事例も少なく、資料も日本語ではほとんど用意されておりません。そのため、言語としては多くの優れた機能と可能性を秘めているSilverlightの恩恵を受けることが簡単ではありません。 そこで、本連載では初心者から中級者を対象にSilverlightが持つ機
AIRアプリはドラッグ＆ドロップでこんなことまで！（1/3） ─ ＠IT
Apollo改めAIRプログラミング入門（1） AIRアプリはドラッグ＆ドロップでこんなことまで！ クラスメソッド 横田聡 2007/7/12 2007年6月11日、Adobe AIR（Adobe Integrated Runtime）の公開ベータ版がAdobe Labsのサイトよりリリースされました。いままでApolloというコードネームでしたが、今後AIRという名前になります。 編集部注：今回より、連載「Apolloプログラミング入門」は本連載「Apollo改めAIRプログラミング入門」にリニューアルしました。この連載をより深く理解するためには、連載「Apolloプログラミング入門」も併せてご覧ください。 連載中に新しいバージョンが出ましたので、AIRベータ版の新機能をご紹介しようと思います。今回は、ドラッグ＆ドロップに注目して2つのサンプルを作成します。 デスクトップとドラッグ＆ドロ
Flex／AIRの開発環境Flex Builder 3を使ってみよう（1/2） - ＠IT
2007年6月11日のAdobe AIRの登場と同時にAIRおよび次期FlexであるFlex 3の開発環境であるFlex Builder 3が発表されました。 Flex 3に関しては「現場で使えるFlex実践テクニック」を、AIRに関しては「Apollo改めAIRプログラミング入門」を参照してもらうこととして、今回は「現場で使えるFlex実践テクニック」の特別編としてFlexの次期開発環境であるFlex Builder 3のインストールと最新の機能を簡単に紹介していきたいと思います（注意：本稿執筆時点でのFlex Builder 3はM2 Beta 1です）。 最新の開発ツールをインストールし、最新のRIA開発を体験してみてください。 Flex Builder 3をインストールしてみよう Flex Builder 3のインストール要件としてはFlex 3:Release Notes、Sys
第1回 JavaScriptの復権 ― ＠IT
連載目次 JavaScriptが、いま注目を浴びている。JavaScriptの復権、といってもよい。 最初にJavaScript（当初は「LiveScript」と呼ばれていた）がブラウザに実装されたのが1995年の「Netscape Navigator 2.0」というWebブラウザでのことであるから、すでに登場から10年以上も経過しているわけであるが、そんな枯れた言語がなぜいまごろになって注目されているのか。 いうまでもない。昨今、GoogleやYahooをはじめとした多くの企業が積極的にJavaScriptを採用したリッチなユーザー・インターフェイスを公開し、これが「Ajax（Asynchronous JavaScript And Xml）」という名前とともに急速に注目を浴びたことが、その理由である（Ajaxについては拙稿「枯れた新しいUI革命「Ajax」をASP.NETで活用する」を参
JavaScript開発ツールの本命！ FirebugとAptana（1/3） − ＠IT
JavaScript開発ツールの本命！ FirebugとAptana：どこまでできる？ 無料ツールでWebサイト作成（4）（1/3 ページ） ついに「Aptana STUDIO」がリリース 先日、連載第1回と第2回で紹介したAptanaが、2年にわたる開発期間を経て「Aptana STUDIO 1.0」としてリリースされた。 「Aptana STUDIO 1.0」には、「Community Edition」と呼ばれるフリー版と、「Professional Edition」と呼ばれる製品版が存在し、製品版は1年間の更新と優先的なサポート、最新開発版へのアクセスパスが付いて199ドル（現在はセール中？）で、以降更新のために1年ごとに79ドル、というプランが用意されている。Professional EditionはIE（Internet Explorer）のデバッグサポート、JSONエディタ、S
AptanaでAjax・AIR・iPhone用ページの開発を行う（1/3） ― ＠IT
AptanaでAjax・AIR・iPhone用ページの開発を行う：どこまでできる？ 無料ツールでWebサイト作成（2）（1/3 ページ） 第2回は、前回に引き続き「Aptana」を取り上げ、プログラミング的な観点から紹介しよう。Webオーサリングツール紹介が主のため、プログラミングそのものの説明は省略させていただくが、「こんなことも可能なんだ」と私自身が記事を書きながら再認識した驚きを、皆さまとも共有したい。 早速プログラミング時の特徴を確認、という前にもう一度「Aptana」がどのようなアプリケーションであったのかを振り返ってから、プログラミングという側面を見ていくこととしよう。 「Aptana」とは何かをもう一度振り返ってみる 「Aptana」はEclipseベースのJavaScript統合開発環境（IDE）だが、前回解説したとおり、HTMLやCSSの構文の誤りを指摘してくれたり、構造
AptanaでWebページ作成はここまでできる！（1/3） ― ＠IT
AptanaでWebページ作成はここまでできる！：どこまでできる？ 無料ツールでWebサイト作成（1）（1/3 ページ） 以前、無償版のWebオーサリング（サイト作成）ツールを特集でカタログ的に紹介したが、皆さまの興味は「業務レベルでどの程度使えるのか」という部分にあるのではないだろうか？ そこで、本連載では各ツールを使用したサイト開発を掘り下げていこう。 まずは第1弾として、2回にわたり「Aptana」の紹介を進めていく。第1回では静的なサイト構築を想定した開発、第2回ではプラグインの追加により可能となるAdobe AIRなどの動的コンテンツ開発を中心に紹介していこう。 無料Webサイト作成ツールの最有力候補「Aptana」 EclipseベースのIDE（統合開発環境）であるAptanaは、コード補完機能やリファレンス機能など、充実度の高さが売りのオーサリングツールである。 オープンソー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQueryを使ってTwitterをおいしくマッシュアップ （1/4） ─ ＠IT
