## 答え "!=", "!==" を使う ## 詳細 文字列のHTMLエスケープはRailsやRack::Utilによって hヘルパメソッドとして提供されており、 ユーザはエスケープ処理を「hの有無」によって調整します。 |caption=例: hamlでのHTMLエスケープ | |コード,結果 | |= link_to(...),&lt;a href=... |=h link_to(...),&amp;lt;a href=... ### 自動エスケープモード 上記のようなユーザ駆動のエスケープ処理では100%の安全性を保証できないため、 hamlでは「デフォルトでエスケープする」というオプションが存在します。 ruby>> Haml::Template.options[:escape_html] = true <<-- これにより常時エスケープされるようになるのですが、 今度はh の逆とも言うべき「エスケープしない」方法が必要になります。 これがずっとわからなくて困っていたのですが、 「ドキュメントを見る」という手段を思い出して解決しました。 "!=" を使えばよいようです。 |caption=例: escape_html: true | |コード,結果 | |!= link_to(...),&lt;a href=... |= link_to(...),&amp;lt;a href=... |=h link_to(...),&amp;amp;lt;a href=... haml monk 2 2010-02-08T08:34:16+00:00 1334 blue_stole 1709 212 2010-02-08T07:55:00+00:00 6645c74c-12ca-4c1e-bc2e-1c20157319bd 2010-02-08T08:34:16+00:00 48

link_to 等のヘルパメソッドは sinatra 本体には含まれていませんが、 sinatra_more という gem が用意されています。 ## install shell>> % gem install sinatra_more <<-- ## standalone 利用の場合 直接 Sinatra::Base に register してしまいましょう。 ruby>> require 'sinatra' ... require 'sinatra_more/markup_plugin' Sinatra::Base.register SinatraMore::MarkupPlugin ... get '/' do ... <<-- ## クラス利用の場合 該当クラスで register します。 ruby>> require 'sinatra_more/markup_plugin' class Application < Sinatra::Base register SinatraMore::MarkupPlugin end <<-- ## MarkupPlugin link_to だけでなく、全56種(ver 0.3.33 現在)ものヘルパメソッドが利用できるようになります。 以下に、よく使いそうなものを抜粋します。 ruby>> link_to(*args, &block) stylesheet_link_tag(*sources) javascript_include_tag(*sources) image_tag(url, options={}) image_path(src) escape_html(text) h!(text, blank_text = '&nbsp;') content_tag(*args, &block) tag(name, options={}) input_tag(type, options = {}) form_for(object, url, settings={}, &block) text_field_tag(name, options={}) <<-- 詳細は lib/sinatra_more/markup_plugin/*.rb を確認して下さい。 ## その他のPlugin sinatra_more gem には、 MarkupPlugin 以外にも RenderPlugin、WardenPlugin、MailerPlugin、RoutingPlugin といったプラグインが用意されています。 利用方法は MarkupPlugin の場合と同じで、 利用したいプラグイン名を列挙していきます。 ruby>> require 'sinatra_more/markup_plugin' require 'sinatra_more/render_plugin' Sinatra::Base.register SinatraMore::MarkupPlugin Sinatra::Base.register SinatraMore::RenderPlugin ... <<-- 各プラグインの代表的なメソッドを記載します。 例えば、RenderPlugin にはみんな大好きな "partial" が入ってたりしますので、しっかりチェック&register しましょう。 ## RenderPlugin 描画系プラグイン ruby>> partial(template, options={}) erb_template(template_path, options={}) haml_template(template_path, options={}) render_template(template_path, options={}) <<-- ## WardenPlugin 認証系プラグイン ruby>> current_user authenticate_user! logged_in? authenticated?(&block) <<-- ## MailerPlugin メール関係？(使わないので未調査) ## RoutingPlugin ルーティング系プラグイン (named route?) ruby>> map(*args, &block) # map(:accounts).to('/accounts/url') # map(:admin, :show).to('/admin/show/:id') # map(:admin) { |namespace| namespace.map(:show).to('/admin/show/:id') } <<-- sinatra 0 2010-02-04T01:10:55+00:00 1330 blue_stole 1704 212 /articles/1704 2010-02-04T00:22:00+00:00 fcdd0c43-65f2-4a3c-9bc7-7abb53424726 2010-02-04T01:10:56+00:00 48

Rails + Cucumber で Culerity を使うと、 以下のような WARNING が大量に発生する。 これでは、いくらテストがgreenでも精神はredになってしまう。 shell>> % cucumber features/foo.feature Using the default profile... 2010/01/20 18:43:57 com.gargoylesoftware.htmlunit.IncorrectnessListenerImpl notify 警告: Obsolete content type encountered: 'text/javascript'. 2010/01/20 18:43:58 com.gargoylesoftware.htmlunit.IncorrectnessListenerImpl notify 警告: Expected content type of 'application/javascript' or 'application/ecmascript' for remotely loaded JavaScript element at 'http://z-ecx.images-amazon.com/images/G/01/nav2/gamma/amazonJQ/amazonJQ-combined-core-5113._V228305908_.js', but got 'application/x-javascript'. (...) . 1 scenario (1 passed) 1 step (1 passed) <<-- この警告メッセージは、 HtmlUnit が吐いているものであるが、 Culerity::RemoteBrowserProxy のオプション(log_level) で制御することができる。 具体的には、 "script/generate culerity" を利用した場合、 以下の step ファイル内で定義されている。 shell>> % vi features/step_definitions/culerity_steps.rb - $browser.log_level = :warning + $browser.log_level = :severe <<-- (celerity の default は :off だが、culerity が :warning にしている) 上記の修正によって、WARNING の表示が抑制される。 shell>> % cucumber features/foo.feature Using the default profile... . 1 scenario (1 passed) 1 step (1 passed) <<-- 新規プロジェクトの度に毎回変更するのが面倒であれば、 generator の template を直接変更するのもいいかもしれない。 shell>> % vi $GEM_PATH/gems/culerity-0.2.7/rails_generators/culerity/templates/features/step_definitions/culerity_steps.rb <<-- 指定可能な log_level は、 (高) :all, :severe, :warning, :info, :config, :fine, :finer, :finest, :off (低) であり、実際に以下のコードで確認することができる。(JRuby) ruby>> % irb irb(main):001:0> java.util.logging.Level.constants => ["FINE", "CONFIG", "FINEST", "FINER", "WARNING", "SEVERE", "OFF", "INFO", "ALL"] <<-- log level に関するさらなる詳細は java.util.logging.Level を参照のこと。 [http://java.sun.com/j2se/1.5.0/ja/docs/ja/api/java/util/logging/Level.html](http://java.sun.com/j2se/1.5.0/ja/docs/ja/api/java/util/logging/Level.html) Rails JRuby Celerity Culerity HtmlUnit 0 2010-01-20T10:39:01+00:00 1320 blue_stole 1690 206 2010-01-20T09:50:00+00:00 2358a602-f3f6-47bb-8382-db4520ae56b7 2010-01-20T10:39:01+00:00 48

(以下は PostgreSQL を例にしてますが、他のドライバでも通用すると思います) ## install まずは JRuby 用のドライバをインストールします。 shell>> % gem install activerecord-jdbcpostgresql-adapter <<-- ## 設定 通常は database.yml に "adapter: jdbcpostgresql" と記述して利用するのですが、ここでは別の方法を紹介します。 内容は簡単で以下のコードを評価するだけです。 ruby>> if RUBY_PLATFORM == "java" require "active_record/connection_adapters/jdbcpostgresql_adapter" end <<-- (Railsであれば "config/initializers/jruby_compat.rb" などに記述しておくとよいでしょう) ## メリット * MRI と同じアダプタ名 "postgresql" を利用できる * 変更なしで MRI, JRuby のどちらでも動作する ## 実行例 shell>> % rvm use system % ./script/console >> User.count => 6 >> User.connection.class => ActiveRecord::ConnectionAdapters::PostgreSQLAdapter % rvm use jruby % ./script/console >> User.count => 6 >> User.connection.class => ActiveRecord::ConnectionAdapters::JdbcAdapter <<-- JRuby はまだ発展途上ですので、 開発や挙動確認で MRI を利用する局面が多々あります。 そんな折、この方法であればいちいち database.yml の内容を変更する必要がないため、非常にシームレス＆快適に利用できると思います。 Rails JRuby ActiveRecord PostgreSQL 0 2010-01-18T23:44:18+00:00 1319 blue_stole 1689 206 2010-01-18T23:16:00+00:00 b2917863-a423-4720-8e99-2153ee184807 2010-01-18T23:44:18+00:00 48

chasen を久々に使ってみたところ以下のエラーが出ました。 (chasen-2.4.4-2 @ Ubuntu) pre>> % chasen foo.txt chasen: /var/lib/chasen/dic/debian/cforms.cha:9-21: no basic form <<-- 調べてみたところ、naist-jdic-utf8 パッケージの不具合で、 以下のコードを設定ファイルに追加することで解決するようです。 (場所はどこでもいいと思うのでとりあえず一番下に追加) pre>> # vi /usr/share/chasen/chasenrc-utf8 ... (ENCODE "w") <<-- (http://groups.google.co.jp/group/linux.debian.bugs.dist/browse_thread/thread/4fb69cc926bf8bc1?pli=1) pre>> % chasen foo.txt あ ア あ 感動詞 いう イウ いう 動詞-自立 ... え エ え 感動詞 お オ お 感動詞 EOS <<-- 次のリリースでは治る予定のようです。 0 2010-01-02T16:47:15+00:00 1312 blue_stole 1682 206 /articles/1682 2010-01-02T16:36:00+00:00 b8e8434b-c6a3-4d88-9d28-79cbd1a599ad 2010-01-02T16:47:16+00:00 48

haml は構造化文章をシンプルかつ強力に記述することができるが、 複数行のデータの扱いには以下の理由で不向きである。 * 行指向であるため適切なインデントの記述が強要される * 頑張って埋め込んでも可読性が落ちて全体の構造が把握し辛くなる これを改善するには、コード(構造情報)とデータの分離が必要になる。 ## inline filter module ruby>> module Inline include Haml::Filters::Base def self.[](key) @@data[key.to_s] rescue nil end def render(str) @@data = Hash[*str.split(/^\s*@@\s*(\w+)\s*\n/m)[1..-1]] return nil end end <<-- 上記を評価することで、 sinatra の in file template のようにデータ群を管理できるようになる。 ## 入力(haml) haml>> %h1 Inline Filter .describe= Inline[:describe] .author created by #{Inline[:author]} :inline @@ describe This filter easily separates structure and data. You can use in-file-templates like sinatra. @@ author maiha@wota.jp <<-- ## 出力(html) html>> <h1>Inline Filter</h1> <div class='describe'> This filter easily separates structure and data. You can use in-file-templates like sinatra. </div> <div class='author'>created by maiha@wota.jp</div> <<-- haml inline template 0 2009-10-20T20:59:32+00:00 1279 blue_stole 1645 198 2009-10-20T20:39:00+00:00 ff93839c-7fe4-46e6-b5ff-5f9ddb835cb5 2009-10-20T20:59:32+00:00 48

# Gears を使うには 1. gears_init.js の読み込み 2. 低レベルAPIを駆使 という面倒な作業が必要になる。 # 具体的には html>> <script type="text/javascript" src="gears_init.js"></script> <<-- javascript>> var db = google.gears.factory.create('beta.database'); db.open("database-demo"); var rs = db.execute("select name from users"); while(rs.isValidRow()) { name = rs.fieldByName('name'); rs.next(); } rs.close(); db.close(); <<-- のようなコードが必要になり、今日日こういうのは書きたくない。 そこで、 # active_record.js を使う Aptana が提供してる activejs プロジェクトの ActiveRecord ライブラリを利用すると、以下のようにすっきりする。 html>> <script type="text/javascript" src="active_record.js"></script> <<-- javascript>> ActiveRecord.connect(ActiveRecord.Adapters.Gears,'database-demo'); var User = ActiveRecord.create('users', {name:''}); User.create({name:'maiha'}); <<-- RailsのARを忠実にJavaScriptへ移植してあるため、 ARに慣れていればほぼドキュメントなしで使えるのが嬉しい。 javascript>> maiha = User.findByName('maiha'); // Dynamic Finder name = maiha.name; // Accessor methods maiha.name = 'foo'; maiha.save(); User.count(); User.find({all: true, order: 'name'}); <<-- 他にも * Validation * Callback * Relation (hasOne, hasMany, belongsTo) * Migration といった機能が実装されており、 ARの移植物としてみても完成度が非常に高い。 ちなみに、js のサイズは compaction なしで200KB程度。 # 参考 * http://activerecordjs.org/ JavaScript Gears AR 0 2009-10-19T05:51:56+00:00 1278 blue_stole 1644 198 /articles/1644 2009-10-19T05:12:00+00:00 a78a41f2-72bd-4db0-aa16-9071cf4c8511 2009-10-19T05:51:57+00:00 48

S-IDE では操作対象の要素を xpath で指定することができる。 |caption=例：xpathの明示 | |コマンド,対象,値 | |click,xpath=//h2/a, 対象要素を特定するこの機能は Element Locator と呼ばれ、 Selenium Core で提供されている。 javascript>> BrowserBot.prototype.findElement = function(locator, win) { var element = this.findElementOrNull(locator, win); if (element == null) throw new SeleniumError("Element " + locator + " not found"); return element; } <<-- (selenium-core-1.0.1/core/scripts/selenium-browserbot.js) 従って、S-IDE の対象指定以外での場所、 例えば自作関数内や getEval の中などで使いたい場合には、 上記の findElement を直接呼び出すとよい。 |HP,2703/2842 |MP,1413/1413 javascript>> function isHpFull(percent) { var path = '//tr[0]/td[1]'; var hp = selenium.browserbot.findElement(path).split('/'); var hp1 = parseInt(hp[0]); var hp2 = parseInt(hp[1]); return ((hp1 * 100 / hp2) > percent); } <<-- |caption=例：HPが90%以上ある場合は宿屋に入らない | |コマンド,対象,値 | |gotoIf,isHpFull(90),skip_inn |click,label=宿屋, |label,skip_inn, 関連として、Selenium 環境ではない状態の Mozilla で xpath を扱うには、 document.evaluate が便利である。 ruby>> function xpath2text(path) { var result = document.evaluate(path, doc, null, 7, null); var item = result.snapshotItem(0); return item.innerHTML; } <<-- 参考 * https://developer.mozilla.org/ja/Introduction_to_using_XPath_in_JavaScript Selenium xpath 0 2009-09-25T21:50:16+00:00 1262 blue_stole 1624 194 2009-09-25T21:51:00+00:00 06076d46-9b31-41b3-9517-53967a1af6c5 2009-09-25T21:56:07+00:00 48

S-IDE でループや条件分岐といったフローコントロールを行うためのメモ ## 下策：TRをコピペ [ユースケース] 無限でなくていいから適度にいますぐ |caption=例：好きなだけコピペ | |コマンド,対象,値 | |open,/users/new, |type,name,maiha |type,pass,xxxxx |open,/users/new, |...,, 1,000オペレーションは全然大丈夫だったけど、 10,000ぐらい書いたら色々重くなったので注意 ## 中策：flowControl extension を使う [ユースケース] ループだけでなく条件分岐もできる ### インストール Andrey が作った flowControl は Selenium 用であるが、 それを Darren が S-IDE に移植した(goto_sel_ide.js) ので Selenium Core 拡張として読み込ませる。 * http://51elliot.blogspot.com/2008/02/selenium-ide-goto.html |caption=例：華麗に goto | |コマンド,対象,値 | |label,create_user, |open,/users/new, |type,name,maiha |type,pass,xxxxx |goto,create_user, ## 上策：while で攻める [ユースケース] goto はリアルで無限なので while で回数指定する |caption=例：while で500ループ指定 | |コマンド,対象,値 | |store,0,i |while,storedVars.i++ < 500, |open,/users/new, |type,name,maiha |type,pass,xxxxx |endWhile,, flowControlのその他の命令及び詳細な使い方は * http://wiki.openqa.org/display/SEL/flowControl 0 2009-09-21T17:40:26+00:00 1258 blue_stole 1619 194 2009-09-21T16:58:00+00:00 5bc09df9-5ab1-4ff5-93b9-e07a5f33b2c5 2009-09-21T17:40:26+00:00 48

自作関数をIDE上で利用するには、 定義した js ファイルを[オプション]→[設定]にある「Selenium Core 拡張スクリプト」で指定する。 ### user.js javascript>> function eachTag(name, attr, value, func) { var win = selenium.page().getCurrentWindow(); var tags = win.document.getElementsByTagName(name); for (var i=0; i<tags.length; i++) { if (tags[i].getAttribute(attr) == value) { func(tags[i]); } } } function reportErrors() { eachTag('div', 'class', 'fieldWithErrors' , function(e) {LOG.warn(e.innerHTML);}); } <<-- |caption=例：エラー内容のデバッグ表示 | |コマンド,対象,値 | |open,/users/new, |type,name,maiha |clickAndWait,create, |getEval,reportErrors(), |caption=例：ランダムな文字列とか | |コマンド,対象,値 | |open,/users/new, |type,name,maiha |type,pass,javascript{randomWord(8)} (※ "function randomWord(size)" が user.js に定義済として) Selenium 0 2009-09-20T18:44:39+00:00 1257 blue_stole 1618 194 2009-09-20T18:26:00+00:00 be338dd0-ecec-4253-ab17-a7397dbd93da 2009-09-20T19:28:29+00:00 48