<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
		xmlns:xhtml="http://www.w3.org/1999/xhtml"
>

<channel>
	<title>tech-memo &#187; GoogleChartAPI</title>
	<atom:link href="http://tech.hapicky.com/archives/tag/googlechartapi/feed" rel="self" type="application/rss+xml" />
	<link>http://tech.hapicky.com</link>
	<description>ソフトウェアエンジニアリングに関するメモ書き</description>
	<lastBuildDate>Tue, 02 Feb 2010 05:42:30 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.4</generator>
<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://tech.hapicky.com/archives/tag/googlechartapi/feed" />
		<item>
		<title>Google Chart APIを使ってQRコードを生成する</title>
		<link>http://tech.hapicky.com/archives/353</link>
		<comments>http://tech.hapicky.com/archives/353#comments</comments>
		<pubDate>Thu, 28 Jan 2010 11:01:56 +0000</pubDate>
		<dc:creator>hapicky</dc:creator>
				<category><![CDATA[今日のテストコード]]></category>
		<category><![CDATA[GoogleChartAPI]]></category>
		<category><![CDATA[rails]]></category>
		<category><![CDATA[rspec]]></category>
		<category><![CDATA[ruby]]></category>
		<category><![CDATA[テストコード]]></category>

		<guid isPermaLink="false">http://tech.hapicky.com/?p=353</guid>
		<description><![CDATA[QRコードの生成にGoogle Chart APIを使ってみました。 rspec-railsのhave_tagマッチャを使うときはassert_selectのドキュメントを見ながらの場合が多いですね。早く覚えてしまいたい。 app/helpers/chart_helper.rb ?View Code RUBY1 2 3 4 5 6 7 8 9 10 11 12 13 14 module ChartHelper &#160; def qr_code_tag&#40;text, options = &#123;&#125;&#41; param = &#123; :cht =&#62; 'qr', :chl =&#62; text &#125; param&#91;:chs&#93; = options.delete&#40;:chart_size&#41; &#124;&#124; '120x120' uri = URI::HTTP.build&#40;:host =&#62; 'chart.apis.google.com', :path =&#62; '/chart', :query =&#62; param.to_query&#41; [...]]]></description>
			<content:encoded><![CDATA[<p>QRコードの生成にGoogle Chart APIを使ってみました。<br />
rspec-railsのhave_tagマッチャを使うときはassert_selectのドキュメントを見ながらの場合が多いですね。早く覚えてしまいたい。<br />
<img src="http://chart.apis.google.com/chart?chl=http%3A%2F%2Ftech.hapicky.com%2F&amp;chs=120x120&amp;cht=qr" alt="tech-memo" /><br />
app/helpers/chart_helper.rb</p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p353code3'); return false;">View Code</a> RUBY</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p3533"><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
</pre></td><td class="code" id="p353code3"><pre class="ruby" style="font-family:monospace;"><span style="color:#9966CC; font-weight:bold;">module</span> ChartHelper
&nbsp;
  <span style="color:#9966CC; font-weight:bold;">def</span> qr_code_tag<span style="color:#006600; font-weight:bold;">&#40;</span>text, options = <span style="color:#006600; font-weight:bold;">&#123;</span><span style="color:#006600; font-weight:bold;">&#125;</span><span style="color:#006600; font-weight:bold;">&#41;</span>
    param = <span style="color:#006600; font-weight:bold;">&#123;</span> 
      <span style="color:#ff3333; font-weight:bold;">:cht</span> <span style="color:#006600; font-weight:bold;">=&gt;</span> <span style="color:#996600;">'qr'</span>,
      <span style="color:#ff3333; font-weight:bold;">:chl</span> <span style="color:#006600; font-weight:bold;">=&gt;</span> text
    <span style="color:#006600; font-weight:bold;">&#125;</span>
    param<span style="color:#006600; font-weight:bold;">&#91;</span><span style="color:#ff3333; font-weight:bold;">:chs</span><span style="color:#006600; font-weight:bold;">&#93;</span> = options.<span style="color:#9900CC;">delete</span><span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#ff3333; font-weight:bold;">:chart_size</span><span style="color:#006600; font-weight:bold;">&#41;</span> <span style="color:#006600; font-weight:bold;">||</span> <span style="color:#996600;">'120x120'</span>
    uri = <span style="color:#CC00FF; font-weight:bold;"><span style="color:#6666ff; font-weight:bold;">URI::HTTP</span></span>.<span style="color:#9900CC;">build</span><span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#ff3333; font-weight:bold;">:host</span> <span style="color:#006600; font-weight:bold;">=&gt;</span> <span style="color:#996600;">'chart.apis.google.com'</span>, <span style="color:#ff3333; font-weight:bold;">:path</span> <span style="color:#006600; font-weight:bold;">=&gt;</span> <span style="color:#996600;">'/chart'</span>, <span style="color:#ff3333; font-weight:bold;">:query</span> <span style="color:#006600; font-weight:bold;">=&gt;</span> param.<span style="color:#9900CC;">to_query</span><span style="color:#006600; font-weight:bold;">&#41;</span>
&nbsp;
    image_tag uri.<span style="color:#9900CC;">to_s</span>, options
  <span style="color:#9966CC; font-weight:bold;">end</span>
&nbsp;
<span style="color:#9966CC; font-weight:bold;">end</span></pre></td></tr></table></div>

<p>spec/helpers/chart_helper_spec.rb</p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p353code4'); return false;">View Code</a> RUBY</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p3534"><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
</pre></td><td class="code" id="p353code4"><pre class="ruby" style="font-family:monospace;"><span style="color:#CC0066; font-weight:bold;">require</span> <span style="color:#996600;">'spec_helper'</span>
&nbsp;
describe ChartHelper <span style="color:#9966CC; font-weight:bold;">do</span>
&nbsp;
  it <span style="color:#996600;">'指定したテキストを含むQRコードを得られること'</span> <span style="color:#9966CC; font-weight:bold;">do</span>
    tag = helper.<span style="color:#9900CC;">qr_code_tag</span><span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#996600;">'http://tech.hapicky.com/'</span><span style="color:#006600; font-weight:bold;">&#41;</span>
    expected_src = <span style="color:#996600;">'http://chart.apis.google.com/chart?chl=http%3A%2F%2Ftech.hapicky.com%2F&amp;amp;chs=120x120&amp;amp;cht=qr'</span>
    tag.<span style="color:#9900CC;">should</span> have_tag<span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#996600;">'img[src=?]'</span>, expected_src<span style="color:#006600; font-weight:bold;">&#41;</span>
  <span style="color:#9966CC; font-weight:bold;">end</span>
&nbsp;
  it <span style="color:#996600;">'サイズ指定できること'</span> <span style="color:#9966CC; font-weight:bold;">do</span>
    tag = helper.<span style="color:#9900CC;">qr_code_tag</span><span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#996600;">'http://tech.hapicky.com/'</span>, <span style="color:#ff3333; font-weight:bold;">:chart_size</span> <span style="color:#006600; font-weight:bold;">=&gt;</span> <span style="color:#996600;">'300x300'</span><span style="color:#006600; font-weight:bold;">&#41;</span>
    expected_src = <span style="color:#996600;">'http://chart.apis.google.com/chart?chl=http%3A%2F%2Ftech.hapicky.com%2F&amp;amp;chs=300x300&amp;amp;cht=qr'</span>
    tag.<span style="color:#9900CC;">should</span> have_tag<span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#996600;">'img[src=?]'</span>, expected_src<span style="color:#006600; font-weight:bold;">&#41;</span>
  <span style="color:#9966CC; font-weight:bold;">end</span>
&nbsp;
  it <span style="color:#996600;">'altの指定ができること'</span> <span style="color:#9966CC; font-weight:bold;">do</span>
    tag = helper.<span style="color:#9900CC;">qr_code_tag</span><span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#996600;">'http://tech.hapicky.com/'</span>, <span style="color:#ff3333; font-weight:bold;">:alt</span> <span style="color:#006600; font-weight:bold;">=&gt;</span> <span style="color:#996600;">'tech-memo'</span><span style="color:#006600; font-weight:bold;">&#41;</span>
    expected_src = <span style="color:#996600;">'http://chart.apis.google.com/chart?chl=http%3A%2F%2Ftech.hapicky.com%2F&amp;amp;chs=120x120&amp;amp;cht=qr'</span>
    tag.<span style="color:#9900CC;">should</span> have_tag<span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#996600;">'img[src=?][alt=tech-memo]'</span>, expected_src<span style="color:#006600; font-weight:bold;">&#41;</span>
  <span style="color:#9966CC; font-weight:bold;">end</span>
&nbsp;
<span style="color:#9966CC; font-weight:bold;">end</span></pre></td></tr></table></div>

<p>参考:</p>
<ul>
<li><a href="http://rspec.rubyforge.org/rspec-rails/1.3.2/classes/Spec/Rails/Matchers.html#M000019">have_tag &#8211; RSpec Documentation</a></li>
<li><a href="http://api.rubyonrails.org/classes/ActionController/Assertions/SelectorAssertions.html#M000569">assert_select &#8211; Rails Framework Documentation</a></li>
<li><a href="http://code.google.com/intl/en/apis/chart/types.html#qrcodes">Google Chart API (QR Code)</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://tech.hapicky.com/archives/353/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://tech.hapicky.com/archives/353" />
	</item>
	</channel>
</rss>

