<?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>STUDIO Bloom 大阪・北摂地域を中心としたWebサイト・システム制作</title>
	<atom:link href="http://www.studio-bloom.net/feed" rel="self" type="application/rss+xml" />
	<link>http://www.studio-bloom.net</link>
	<description>高槻を拠点に、大阪・北摂を中心としたWebデザイン・システム構築 STUDIO Bloom</description>
	<lastBuildDate>Tue, 31 Aug 2010 06:28:01 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.studio-bloom.net/feed" />
		<item>
		<title>横画面で戻る処理時にレイアウト・アニメーションが崩れる</title>
		<link>http://www.studio-bloom.net/archives/2269</link>
		<comments>http://www.studio-bloom.net/archives/2269#comments</comments>
		<pubDate>Tue, 31 Aug 2010 06:28:01 +0000</pubDate>
		<dc:creator>板</dc:creator>
				<category><![CDATA[iPhoneアプリ]]></category>

		<guid isPermaLink="false">http://www.studio-bloom.net/?p=2269</guid>
		<description><![CDATA[このところ語る内容がiPhoneアプリネタばかりなのですが。。。
UINavigationViewControllerの下にUIViewControllerが居て、ビューにはUIViewとその下にUITableViewと [...]]]></description>
			<content:encoded><![CDATA[<p>このところ語る内容がiPhoneアプリネタばかりなのですが。。。</p>
<p>UINavigationViewControllerの下にUIViewControllerが居て、ビューにはUIViewとその下にUITableViewという構成の時。<br />
（もしかしたらUITableViewは関係ないかも…）<br />
デバイスを横向きにしてnavigationBarの「戻る」を押した時にviewが少々崩れ（HTML的に言うとpadding:50px;みたいな）、左右遷移せずに下に落ちて行くという、これまた表現しにくい症状が起きる事があります。</p>
<p>本来、想定している動きとしては右に流れて行く、という。</p>
<p>縦向き時には起きないんですわ、これ。</p>
<p>対策方法は、delegateを指定してあげる事と、各UIViewControllerにshouldAutorotateToInterfaceOrientationでYESを返してあげる事。</p>
<p>前者はなくていいのか？とにかく後者が必須です。<br />
日本語で書かれたページとかないし、英語でもどうやってググったものか…と思ってたら偶然にヒットw</p>
<p>そんなこんなで、もう少しでAppStoreに申請を行います。どんなアプリかはお楽しみに。ニッチな内容です〜</p>
<p>このブログもホームページも構成に思う所があるので、もう少し手が空いたら変更する予定にしています。<br />
もうちょっと更新するようにしなければ〜</p>
]]></content:encoded>
			<wfw:commentRss>http://www.studio-bloom.net/archives/2269/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.studio-bloom.net/archives/2269" />
	</item>
		<item>
		<title>UIAlertでテキスト編集</title>
		<link>http://www.studio-bloom.net/archives/2267</link>
		<comments>http://www.studio-bloom.net/archives/2267#comments</comments>
		<pubDate>Thu, 05 Aug 2010 14:17:27 +0000</pubDate>
		<dc:creator>板</dc:creator>
				<category><![CDATA[iPhoneアプリ]]></category>

		<guid isPermaLink="false">http://www.studio-bloom.net/?p=2267</guid>
		<description><![CDATA[よくアラートダイアログ内でパスワードとか入力を求めるのがあるけど、標準ではそんな事出来ないので、中にUITextField仕込んであげましょう、ということで。
PLAIN TEXT
C:




UIAlertView  [...]]]></description>
			<content:encoded><![CDATA[<p>よくアラートダイアログ内でパスワードとか入力を求めるのがあるけど、標準ではそんな事出来ないので、中にUITextField仕込んであげましょう、ということで。</p>
<div class="igBar"><span id="lc-3"><a href="#" onclick="javascript:showCodeTxt('c-3'); return false;">PLAIN TEXT</a></span></div>
<div class="syntax_hilite"><span class="langName">C:</span>
<div id="c-3">
<div class="c">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#4D4D4D;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">UIAlertView *alert = <span style="color: #66cc66;">&#91;</span><span style="color: #66cc66;">&#91;</span><span style="color: #66cc66;">&#91;</span>UIAlertView alloc<span style="color: #66cc66;">&#93;</span> init<span style="color: #66cc66;">&#93;</span> autorelease<span style="color: #66cc66;">&#93;</span>;</div>
</li>
<li style="font-weight: bold;color:#121212;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; alert.<span style="color: #202020;">title</span> = @<span style="color: #ff0000;">"編集"</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#4D4D4D;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; alert.<span style="color: #202020;">message</span> = @<span style="color: #ff0000;">"編集してください。<span style="color: #000099; font-weight: bold;">\n</span><span style="color: #000099; font-weight: bold;">\n</span><span style="color: #000099; font-weight: bold;">\n</span>"</span>;</div>
</li>
<li style="font-weight: bold;color:#121212;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; alert.<span style="color: #202020;">delegate</span> = self;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#4D4D4D;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; </div>
</li>
<li style="font-weight: bold;color:#121212;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; UITextField *field = <span style="color: #66cc66;">&#91;</span><span style="color: #66cc66;">&#91;</span>UITextField alloc<span style="color: #66cc66;">&#93;</span> initWithFrame:CGRectMake<span style="color: #66cc66;">&#40;</span><span style="color: #cc66cc;color:#800000;">20</span>.<span style="color: #cc66cc;color:#800000;">0</span>, <span style="color: #cc66cc;color:#800000;">70</span>.<span style="color: #cc66cc;color:#800000;">0</span>, <span style="color: #cc66cc;color:#800000;">245</span>.<span style="color: #cc66cc;color:#800000;">0</span>, <span style="color: #cc66cc;color:#800000;">25</span>.<span style="color: #cc66cc;color:#800000;">0</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#93;</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#4D4D4D;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #66cc66;">&#91;</span>field setBackgroundColor:<span style="color: #66cc66;">&#91;</span>UIColor whiteColor<span style="color: #66cc66;">&#93;</span><span style="color: #66cc66;">&#93;</span>;</div>
</li>
<li style="font-weight: bold;color:#121212;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #66cc66;">&#91;</span>alert addSubview:field<span style="color: #66cc66;">&#93;</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#4D4D4D;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; </div>
</li>
<li style="font-weight: bold;color:#121212;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #66cc66;">&#91;</span>alert addButtonWithTitle:@<span style="color: #ff0000;">"キャンセル"</span><span style="color: #66cc66;">&#93;</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#4D4D4D;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #66cc66;">&#91;</span>alert addButtonWithTitle:@<span style="color: #ff0000;">"実行"</span><span style="color: #66cc66;">&#93;</span>;</div>
</li>
<li style="font-weight: bold;color:#121212;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; alert.<span style="color: #202020;">cancelButtonIndex</span> = <span style="color: #cc66cc;color:#800000;">0</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#4D4D4D;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; </div>
</li>
<li style="font-weight: bold;color:#121212;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #66cc66;">&#91;</span>alert show<span style="color: #66cc66;">&#93;</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#4D4D4D;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; </div>
</li>
<li style="font-weight: bold;color:#121212;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #66cc66;">&#91;</span>field becomeFirstResponder<span style="color: #66cc66;">&#93;</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#4D4D4D;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #66cc66;">&#91;</span>field release<span style="color: #66cc66;">&#93;</span>; </div>
</li>
</ol>
</div>
</div>
</div>
<p></p>
<p>んで、クリック後の処理は…</p>
<div class="igBar"><span id="lc-4"><a href="#" onclick="javascript:showCodeTxt('c-4'); return false;">PLAIN TEXT</a></span></div>
<div class="syntax_hilite"><span class="langName">C:</span>
<div id="c-4">
<div class="c">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#4D4D4D;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">- <span style="color: #66cc66;">&#40;</span><span style="color: #993333;">void</span><span style="color: #66cc66;">&#41;</span>alertView:<span style="color: #66cc66;">&#40;</span>UIAlertView *<span style="color: #66cc66;">&#41;</span>alertView clickedButtonAtIndex:<span style="color: #66cc66;">&#40;</span>NSInteger<span style="color: #66cc66;">&#41;</span>buttonIndex <span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-weight: bold;color:#121212;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #b1b100;">if</span> <span style="color: #66cc66;">&#40;</span>buttonIndex != alertView.<span style="color: #202020;">cancelButtonIndex</span><span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#4D4D4D;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #b1b100;">for</span> <span style="color: #66cc66;">&#40;</span>UIView *subView in alertView.<span style="color: #202020;">subviews</span><span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-weight: bold;color:#121212;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #b1b100;">if</span> <span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#91;</span>subView isKindOfClass:<span style="color: #66cc66;">&#91;</span>UITextField class<span style="color: #66cc66;">&#93;</span><span style="color: #66cc66;">&#93;</span><span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#4D4D4D;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; NSString *text = <span style="color: #66cc66;">&#91;</span><span style="color: #66cc66;">&#40;</span>UITextField *<span style="color: #66cc66;">&#41;</span>subView text<span style="color: #66cc66;">&#93;</span>;</div>
</li>
<li style="font-weight: bold;color:#121212;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #66cc66;">&#125;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#4D4D4D;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #66cc66;">&#125;</span></div>
</li>
<li style="font-weight: bold;color:#121212;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #66cc66;">&#125;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#4D4D4D;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #66cc66;">&#125;</span> </div>
</li>
</ol>
</div>
</div>
</div>
<p>
UITextFieldが1個しか追加されてない事が前提のテキスト取得方法ですけどね〜</p>
<p>現状の構成がUITabControllerの上にUIViewControllerが3つ載ってて、うち2つがUINavigationControllerでかつUITableViewという感じになってます。<br />
Appleのガイドラインに引っかかってしまわないかと戦々恐々ではあるんですが、上手い事行ったらそこら辺のTipsも出していければ。</p>
<p>さ〜申請はいつになるかな〜</p>
]]></content:encoded>
			<wfw:commentRss>http://www.studio-bloom.net/archives/2267/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.studio-bloom.net/archives/2267" />
	</item>
		<item>
		<title>【備忘録】リソースにjsonファイルを仕込んで読み込む</title>
		<link>http://www.studio-bloom.net/archives/2263</link>
		<comments>http://www.studio-bloom.net/archives/2263#comments</comments>
		<pubDate>Mon, 02 Aug 2010 20:52:25 +0000</pubDate>
		<dc:creator>板</dc:creator>
				<category><![CDATA[iPhoneアプリ]]></category>
		<category><![CDATA[覚え書き]]></category>

		<guid isPermaLink="false">http://www.studio-bloom.net/?p=2263</guid>
		<description><![CDATA[PLAIN TEXT
C:




NSError *err;


NSString *path = &#91;&#91;NSBundle mainBundle&#93; pathForResource:@"hoge.j [...]]]></description>
			<content:encoded><![CDATA[<div class="igBar"><span id="lc-6"><a href="#" onclick="javascript:showCodeTxt('c-6'); return false;">PLAIN TEXT</a></span></div>
<div class="syntax_hilite"><span class="langName">C:</span>
<div id="c-6">
<div class="c">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#4D4D4D;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">NSError *err;</div>
</li>
<li style="font-weight: bold;color:#121212;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">NSString *path = <span style="color: #66cc66;">&#91;</span><span style="color: #66cc66;">&#91;</span>NSBundle mainBundle<span style="color: #66cc66;">&#93;</span> pathForResource:@<span style="color: #ff0000;">"hoge.json"</span> ofType:nil<span style="color: #66cc66;">&#93;</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#4D4D4D;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">NSString *data = <span style="color: #66cc66;">&#91;</span>NSString stringWithContentsOfFile:path encoding:NSUTF8StringEncoding error:&amp;err<span style="color: #66cc66;">&#93;</span>;</div>
</li>
<li style="font-weight: bold;color:#121212;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#4D4D4D;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">arrHoge = <span style="color: #66cc66;">&#91;</span>data JSONValue<span style="color: #66cc66;">&#93;</span>; </div>
</li>
</ol>
</div>
</div>
</div>
<p></p>
<p>pathForResourceに拡張子を含めちゃえば、ofTypeはnilで大丈夫。<br />
ただし.jsonはデフォルトではバンドルリソースに含まれないので、<br />
ターゲット→アプリ名→バンドルリソースをコピー<br />
にファイルを持って行っておく必要がある。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.studio-bloom.net/archives/2263/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.studio-bloom.net/archives/2263" />
	</item>
		<item>
		<title>ドットコーダーセッション2で喋ってきました</title>
		<link>http://www.studio-bloom.net/archives/2258</link>
		<comments>http://www.studio-bloom.net/archives/2258#comments</comments>
		<pubDate>Sun, 25 Jul 2010 16:13:45 +0000</pubDate>
		<dc:creator>板</dc:creator>
				<category><![CDATA[Web関係]]></category>

		<guid isPermaLink="false">http://www.studio-bloom.net/?p=2258</guid>
		<description><![CDATA[生きてますよｗ
この放置っぷり…スイマセン…orz
最近はネイティブなiPadアプリにも手を出したりしてて、もうちょっとしたらお見せできるかと思います。
そんな近況ですが、この頃なにかと顔を出してるドットコーダーのゆるふ [...]]]></description>
			<content:encoded><![CDATA[<p>生きてますよｗ</p>
<p>この放置っぷり…スイマセン…orz</p>
<p>最近はネイティブなiPadアプリにも手を出したりしてて、もうちょっとしたらお見せできるかと思います。</p>
<p>そんな近況ですが、この頃なにかと顔を出してる<a href="http://dotcoder.net/2010/06/20/1902">ドットコーダーのゆるふわ会</a>に行って喋ってきました。今回のテーマはjQuery。基礎的な所は他の人が話すので、応用的な内容で喋って欲しい、と。<br />
こういう喋る内容ってターゲット層にバラつきがあるので、どこら辺にターゲットを置いて内容を決めるのかが難しいところではあるのですが…</p>
<p>まーボチボチjQueryのメソッドをちょいと使った感じで且つJavascriptのTips的なことも盛り込める「画像切り替えスライダー」を作ることをテーマにしてみました。というのも、先日のコーディング案件で作ったばかりだったんで…（ちゃんと受注元にも許可を貰いましたよｗ）<br />
実際に使用されている物の方が参考にもなりません？</p>
<p>ちょっと他のプレゼンターがゆるふわな雰囲気だったので、一人お堅い感じで進めてしまいましたが…何かの参考になったりモチベーションの向上の一助になれたとしたら発表者冥利に尽きます。不手際とかお叱りの言葉もありましたら真摯に受け止めたいと思います。。。<br />
少しずつ発表には慣れてきましたが、いやー喉がカラカラでひっつく感じでしたよ。まだまだ緊張しながらの発表です。</p>
<p>もうちょっと全体的な雰囲気とか感じ取りながら話せるようにならねば、といった感じです。</p>
<p>しかしjQueryっていつになっても人気の話題ですねぇ。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.studio-bloom.net/archives/2258/feed</wfw:commentRss>
		<slash:comments>7</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.studio-bloom.net/archives/2258" />
	</item>
		<item>
		<title>週末記</title>
		<link>http://www.studio-bloom.net/archives/2246</link>
		<comments>http://www.studio-bloom.net/archives/2246#comments</comments>
		<pubDate>Mon, 21 Jun 2010 00:18:07 +0000</pubDate>
		<dc:creator>板</dc:creator>
				<category><![CDATA[バー]]></category>
		<category><![CDATA[フォトログ]]></category>

		<guid isPermaLink="false">http://www.studio-bloom.net/?p=2246</guid>
		<description><![CDATA[
ここ最近は打ち合わせばかりで実作業がなかなかありません。面白そうな小話もシガラミがあって出せない感じ。ま、出せる時が来ればｗ
今年は数年振りに蛍を見に行くことが出来ました。落ち着きますね（ただし蚊に10箇所以上刺されな [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.studio-bloom.net/wp-content/uploads/2010/06/040.jpg" alt="" title="040" width="560" height="250" class="alignnone size-full wp-image-2247" /></p>
<p>ここ最近は打ち合わせばかりで実作業がなかなかありません。面白そうな小話もシガラミがあって出せない感じ。ま、出せる時が来ればｗ</p>
<p>今年は数年振りに蛍を見に行くことが出来ました。落ち着きますね（ただし蚊に10箇所以上刺されながら…orz）。</p>
<p>さてさて週末ですが、同業者と京都で飲んでうっかり終電を逃し、話題のカプセルホテルに泊まる企画に参加してきました。えぇ、ついうっかりです。うっかり終電を逃してしまうので、事前にホテルの予約をしておきましたｗ</p>
<p>飲むお店は仕事仲間のカメラマンに紹介して貰ったフレンチバールの「<a href="http://r.tabelog.com/kyoto/A2602/A260201/26003819/">ONZE</a>」。初めて行った時もバカバカワイン飲んで終電を逃したのですが、その時はツレと二人でタクシーで帰りましたけどねｗ<br />
なにしろ料理が旨い。メニューが魅力的。思ってるより量が多い。パンが大きい。落花生は掴み取りｗ</p>
<p class="clearfix"><a href="http://www.studio-bloom.net/wp-content/uploads/2010/06/025.jpg" rel="sexylightbox"><img src="http://www.studio-bloom.net/wp-content/uploads/2010/06/025-150x150.jpg" alt="" title="025" width="150" height="150" class="alignleft size-thumbnail wp-image-2248" /></a><a href="http://www.studio-bloom.net/wp-content/uploads/2010/06/028.jpg" rel="sexylightbox"><img src="http://www.studio-bloom.net/wp-content/uploads/2010/06/028-150x150.jpg" alt="" title="028" width="150" height="150" class="alignleft size-thumbnail wp-image-2249" /></a><a href="http://www.studio-bloom.net/wp-content/uploads/2010/06/029.jpg" rel="sexylightbox"><img src="http://www.studio-bloom.net/wp-content/uploads/2010/06/029-150x150.jpg" alt="" title="029" width="150" height="150" class="alignleft size-thumbnail wp-image-2250" /></a></p>
<p>終電を逃しちゃいけない人がリアルに終電を逃しそうになったりしながらも、満足頂けた様で1つめのミッション終了。ちなみに今回もワインをボトルでバカバカ空けて行き、一人5,000円ほどでしたｗ<br />
<a href="http://maps.google.com/maps?f=q&amp;hl=ja&amp;geocode=&amp;q=35.0031044598064,135.77063083648682&amp;ie=UTF8&amp;ll=35.0031044598064,135.77063083648682&amp;t=h&amp;z=17&amp;t=n&amp;maptype=G_NORMAL_MAP" title="ONZE"><img src="http://maps.google.com/staticmap?markers=35.0031044598064,135.77063083648682,red&amp;zoom=17&amp;size=560x250&amp;key=ABQIAAAA1Tx_jia4QwEVq-GubtvUOxSFa7pHk5QX2BPepJMcxsJVsSLpbhQjwdas_bpsKXCS7yM8OoZf2iy-vA&amp;hl=ja" alt="ONZE" title="ONZE" /></a></p>
<p>飲み足りない人たちはさらにバーへ繰り出して行ったのですが、連日飲みが続いている自分はお先にドロンさせて頂き、第2の目的であるオサレカプセルホテル「<a href="http://9hours.jp/">nine hours</a>」へ。カプセルホテルながら洗練されたデザインで建築系の賞を受賞しまくってるなう、なところ。<a href="http://twitter.com/ninehours_9h">twitter</a>を使ったプロモーションや客からの要望収集・対応など新しい試みも取り入れられてます。</p>
<p class="clearfix"><a href="http://www.studio-bloom.net/wp-content/uploads/2010/06/030.jpg" rel="sexylightbox"><img src="http://www.studio-bloom.net/wp-content/uploads/2010/06/030-150x150.jpg" alt="" title="030" width="150" height="150" class="alignleft size-thumbnail wp-image-2253" /></a><a href="http://www.studio-bloom.net/wp-content/uploads/2010/06/032.jpg" rel="sexylightbox"><img src="http://www.studio-bloom.net/wp-content/uploads/2010/06/032-150x150.jpg" alt="" title="032" width="150" height="150" class="alignleft size-thumbnail wp-image-2254" /></a></p>
<p>カプセルの中も一般的な物と異なり、広さを感じさせるサイズ。圧迫感がありません。ありがちなテレビなどは無く、入眠・起床の事を考えられた照明システムが入っています。起床時間を設定しSleepを押すとだんだん暗くなり、設定時間の30分前からじわじわと明るくなっていきます。</p>
<p>じわじわ暗くなるのが気になって、いちいち目を開けて確認。朝も明かりが付く前から目が覚めてしまい、じわじわ明るくなるのを観察してました。えぇ、まったく意味なしｗ</p>
<p>京都観光だけでなく、ちょっとリフレッシュしてみたい時など、是非是非足を運んでみてください。<br />
<a href="http://maps.google.com/maps?f=q&amp;hl=ja&amp;geocode=&amp;q=35.002423370344246,135.7667577266693&amp;ie=UTF8&amp;ll=35.002423370344246,135.7667577266693&amp;t=h&amp;z=17&amp;t=n&amp;maptype=G_NORMAL_MAP" title="nine hours"><img src="http://maps.google.com/staticmap?markers=35.002423370344246,135.7667577266693,red&amp;zoom=17&amp;size=560x250&amp;key=ABQIAAAA1Tx_jia4QwEVq-GubtvUOxSFa7pHk5QX2BPepJMcxsJVsSLpbhQjwdas_bpsKXCS7yM8OoZf2iy-vA&amp;hl=ja" alt="nine hours" title="nine hours" /></a></p>
<p>おまけ。<br />
プランター菜園で一人気を吐くレモンバームの花が咲きました。<br />
<a href="http://www.studio-bloom.net/wp-content/uploads/2010/06/018.jpg" rel="sexylightbox"><img src="http://www.studio-bloom.net/wp-content/uploads/2010/06/018-560x373.jpg" alt="" title="018" width="560" height="373" class="alignnone size-large wp-image-2255" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.studio-bloom.net/archives/2246/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.studio-bloom.net/archives/2246" />
	</item>
		<item>
		<title>jQTouch &#8211; 画面遷移の前にデータ処理</title>
		<link>http://www.studio-bloom.net/archives/2240</link>
		<comments>http://www.studio-bloom.net/archives/2240#comments</comments>
		<pubDate>Tue, 08 Jun 2010 23:29:21 +0000</pubDate>
		<dc:creator>板</dc:creator>
				<category><![CDATA[jQTouch]]></category>

		<guid isPermaLink="false">http://www.studio-bloom.net/?p=2240</guid>
		<description><![CDATA[jQTouchネタが多いですね。案件で蓄積してるノウハウの小出しですｗ
あるボタンやリストをタップした時、画面が遷移する前にデータの取得やら処理を行いたい、という状況は多いかと思います。タップのイベントを拾って処理して、 [...]]]></description>
			<content:encoded><![CDATA[<p>jQTouchネタが多いですね。案件で蓄積してるノウハウの小出しですｗ</p>
<p>あるボタンやリストをタップした時、画面が遷移する前にデータの取得やら処理を行いたい、という状況は多いかと思います。タップのイベントを拾って処理して、処理後に遷移すればOK。ということで</p>
<div class="igBar"><span id="ljavascript-11"><a href="#" onclick="javascript:showCodeTxt('javascript-11'); return false;">PLAIN TEXT</a></span></div>
<div class="syntax_hilite"><span class="langName">JAVASCRIPT:</span>
<div id="javascript-11">
<div class="javascript">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#4D4D4D;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">$<span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">'#hoge'</span><span style="color: #66cc66;">&#41;</span>.<span style="color: #006600;">tap</span><span style="color: #66cc66;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-weight: bold;color:#121212;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #009900; font-style: italic;">// 処理</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#4D4D4D;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp;</div>
</li>
<li style="font-weight: bold;color:#121212;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; jQT.<span style="color: #006600;">goTo</span><span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">'#next'</span>, <span style="color: #3366CC;">'slide'</span><span style="color: #66cc66;">&#41;</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#4D4D4D;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #66cc66;">&#125;</span><span style="color: #66cc66;">&#41;</span>; </div>
</li>
</ol>
</div>
</div>
</div>
<p></p>
<p>上のネタはどこかのブログでも記事にされていたのを見たことがあるのですが、実はこれだけだと連打や他のボタンをタップしてしまうと画面遷移でブッ飛びます…orz<br />
LocalDBに保存してる分でも後処理によってはタイムラグも発生するし、Ajaxで外部のDBサーバーに問い合わせするとボチボチ時間が掛かったりして余裕で連続タップされてしまうわけで。</p>
<p>こんな時は単純にフラグ立てちゃえばいいですね。</p>
<div class="igBar"><span id="ljavascript-12"><a href="#" onclick="javascript:showCodeTxt('javascript-12'); return false;">PLAIN TEXT</a></span></div>
<div class="syntax_hilite"><span class="langName">JAVASCRIPT:</span>
<div id="javascript-12">
<div class="javascript">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#4D4D4D;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">$<span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">'#hoge'</span><span style="color: #66cc66;">&#41;</span>.<span style="color: #006600;">tap</span><span style="color: #66cc66;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-weight: bold;color:#121212;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">if</span> <span style="color: #66cc66;">&#40;</span>!tapNow<span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#4D4D4D;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; tapNow = <span style="color: #003366; font-weight: bold;">true</span>;</div>
</li>
<li style="font-weight: bold;color:#121212;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#4D4D4D;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #009900; font-style: italic;">// 処理</span></div>
</li>
<li style="font-weight: bold;color:#121212;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #66cc66;">&#125;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#4D4D4D;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #66cc66;">&#125;</span><span style="color: #66cc66;">&#41;</span>; </div>
</li>
</ol>
</div>
</div>
</div>
<p></p>
<p>フラグを倒すタイミングはページの遷移が終了した時で良いので</p>
<div class="igBar"><span id="ljavascript-13"><a href="#" onclick="javascript:showCodeTxt('javascript-13'); return false;">PLAIN TEXT</a></span></div>
<div class="syntax_hilite"><span class="langName">JAVASCRIPT:</span>
<div id="javascript-13">
<div class="javascript">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#4D4D4D;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">$<span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">'body &gt; div'</span><span style="color: #66cc66;">&#41;</span>.<span style="color: #006600;">bind</span><span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">'pageAnimationEnd'</span>, <span style="color: #003366; font-weight: bold;">function</span><span style="color: #66cc66;">&#40;</span>event, info<span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-weight: bold;color:#121212;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; touchNow = <span style="color: #003366; font-weight: bold;">false</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#4D4D4D;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #66cc66;">&#125;</span><span style="color: #66cc66;">&#41;</span>; </div>
</li>
</ol>
</div>
</div>
</div>
<p>
で一括でフラグを倒すことが出来ます（エラー発生時などは個別に対応が必要ですが）</p>
<p>さらに、slideを繰り返すとgoBackでリストの.activeが解除されない（？）という謎なアレがあるので、ついでに</p>
<div class="igBar"><span id="ljavascript-14"><a href="#" onclick="javascript:showCodeTxt('javascript-14'); return false;">PLAIN TEXT</a></span></div>
<div class="syntax_hilite"><span class="langName">JAVASCRIPT:</span>
<div id="javascript-14">
<div class="javascript">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#4D4D4D;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">$<span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">'body&gt; div'</span><span style="color: #66cc66;">&#41;</span>.<span style="color: #006600;">bind</span><span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">'pageAnimationEnd'</span>, <span style="color: #003366; font-weight: bold;">function</span><span style="color: #66cc66;">&#40;</span>event, info<span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-weight: bold;color:#121212;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; touchNow = <span style="color: #003366; font-weight: bold;">false</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#4D4D4D;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp;</div>
</li>
<li style="font-weight: bold;color:#121212;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">if</span> <span style="color: #66cc66;">&#40;</span>info.<span style="color: #006600;">direction</span> == <span style="color: #3366CC;">"in"</span><span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#4D4D4D;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; $<span style="color: #66cc66;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span><span style="color: #66cc66;">&#41;</span>.<span style="color: #006600;">find</span><span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">'a.active'</span><span style="color: #66cc66;">&#41;</span>.<span style="color: #006600;">removeClass</span><span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">'active'</span><span style="color: #66cc66;">&#41;</span>;</div>
</li>
<li style="font-weight: bold;color:#121212;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #66cc66;">&#125;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#4D4D4D;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #66cc66;">&#125;</span><span style="color: #66cc66;">&#41;</span>; </div>
</li>
</ol>
</div>
</div>
</div>
<p>
としておけば解除されますよ。</p>
<p>という小ネタでした。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.studio-bloom.net/archives/2240/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.studio-bloom.net/archives/2240" />
	</item>
		<item>
		<title>jQTouchちらつき対応(6/4追記)</title>
		<link>http://www.studio-bloom.net/archives/2235</link>
		<comments>http://www.studio-bloom.net/archives/2235#comments</comments>
		<pubDate>Wed, 02 Jun 2010 08:29:08 +0000</pubDate>
		<dc:creator>板</dc:creator>
				<category><![CDATA[jQTouch]]></category>

		<guid isPermaLink="false">http://www.studio-bloom.net/?p=2235</guid>
		<description><![CDATA[ここ数日jQTouchでiPad用ローカルアプリを作ってるんですが、jQTouchオフィシャルではiPad用に2カラムを制御するための仕様策定が進んでいるようですね。
お手軽にiPhone・iPadの動きを伴ったjQTo [...]]]></description>
			<content:encoded><![CDATA[<p>ここ数日jQTouchでiPad用ローカルアプリを作ってるんですが、jQTouchオフィシャルではiPad用に2カラムを制御するための仕様策定が進んでいるようですね。</p>
<p>お手軽にiPhone・iPadの動きを伴ったjQTouchですが、画面遷移時に遷移後の画面が一瞬チラついたりして少し微妙な点があります。ソースを追って見たところ、アニメーションにはCSS3のアニメーション機能を使っているようです。<br />
アニメーションを開始させるタイミングで、適したCSSをJSで指定してあげることで要素をアニメーションさせ、終わった段階でアニメーション用CSSを外してあげる。</p>
<p>ちらつきが発生する原因としては、アニメーション終了でCSSを外す時に同時にdisplay:noneになるのですが、ブラウザの仕様（？）で一瞬ちらつくみたいです。</p>
<p>ということで色々と対策を考えてdisplay:noneだけタイミングをずらしてみたりとか試してみたのですが上手く行かず。。。で、ググって見たら出てきました…orz</p>
<p>jqtouch.js</p>
<div class="igBar"><span id="ljavascript-16"><a href="#" onclick="javascript:showCodeTxt('javascript-16'); return false;">PLAIN TEXT</a></span></div>
<div class="syntax_hilite"><span class="langName">JAVASCRIPT:</span>
<div id="javascript-16">
<div class="javascript">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#4D4D4D;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #003366; font-weight: bold;">function</span> animatePages<span style="color: #66cc66;">&#40;</span>from, ...</div>
</li>
<li style="font-weight: bold;color:#121212;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#4D4D4D;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #006600;">scrollTo</span><span style="color: #66cc66;">&#40;</span><span style="color: #CC0000;color:#800000;">0</span>, <span style="color: #CC0000;color:#800000;">0</span><span style="color: #66cc66;">&#41;</span>;</div>
</li>
<li style="font-weight: bold;color:#121212;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#4D4D4D;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900; font-style: italic;">// 追加ここから</span></div>
</li>
<li style="font-weight: bold;color:#121212;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #003366; font-weight: bold;">var</span> toStart = <span style="color: #3366CC;">'translateX('</span> + <span style="color: #66cc66;">&#40;</span>backwards ? <span style="color: #3366CC;">'-'</span> : <span style="color: #3366CC;">''</span><span style="color: #66cc66;">&#41;</span> + window.<span style="color: #006600;">innerWidth</span> + <span style="color: #3366CC;">'px)'</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#4D4D4D;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900; font-style: italic;">// 6/4追記ここから</span></div>
</li>
<li style="font-weight: bold;color:#121212;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #000066; font-weight: bold;">if</span> <span style="color: #66cc66;">&#40;</span>animation.<span style="color: #000066;">name</span> == <span style="color: #3366CC;">'slideup'</span> &amp;&amp; backwards != <span style="color: #003366; font-weight: bold;">true</span><span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#4D4D4D;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; toStart = <span style="color: #3366CC;">'translateY(0px)'</span>;</div>
</li>
<li style="font-weight: bold;color:#121212;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #66cc66;">&#125;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#4D4D4D;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900; font-style: italic;">// 追記ここまで</span></div>
</li>
<li style="font-weight: bold;color:#121212;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">fromPage.<span style="color: #006600;">css</span><span style="color: #66cc66;">&#40;</span> <span style="color: #3366CC;">'webkitTransform'</span>, toStart <span style="color: #66cc66;">&#41;</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#4D4D4D;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900; font-style: italic;">// 追加ここまで</span></div>
</li>
<li style="font-weight: bold;color:#121212;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#4D4D4D;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #003366; font-weight: bold;">var</span> callback = <span style="color: #003366; font-weight: bold;">function</span><span style="color: #66cc66;">&#40;</span>event<span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-weight: bold;color:#121212;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #009900; font-style: italic;">// 追加1行</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#4D4D4D;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; fromPage.<span style="color: #006600;">css</span><span style="color: #66cc66;">&#40;</span> <span style="color: #3366CC;">'webkitTransform'</span>, <span style="color: #3366CC;">''</span><span style="color: #66cc66;">&#41;</span>;</div>
</li>
<li style="font-weight: bold;color:#121212;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#4D4D4D;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">if</span> <span style="color: #66cc66;">&#40;</span>animation<span style="color: #66cc66;">&#41;</span> </div>
</li>
</ol>
</div>
</div>
</div>
<p>
（元ネタのページは失念です。。。）</p>
<p>元のソースに手を入れるのは気が引けるところですが、これでバッチリちらつきを無くすことが出来ます。お悩みの方は是非お試し下さいませ。</p>
<p>(6/4追記)<br />
slideupのアニメーションで、遷移前のページが消えてしまう為、ソース改変の一部を変更しました。<br />
ちなみにドキュメントには書かれてない（？）と思うんですが、縦スライドさせたいときは「slideup」ですが、任意で横スライドさせたい場合は「slide」です。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.studio-bloom.net/archives/2235/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.studio-bloom.net/archives/2235" />
	</item>
		<item>
		<title>jQueryでアニメーションさせるとき</title>
		<link>http://www.studio-bloom.net/archives/2229</link>
		<comments>http://www.studio-bloom.net/archives/2229#comments</comments>
		<pubDate>Mon, 31 May 2010 01:34:49 +0000</pubDate>
		<dc:creator>板</dc:creator>
				<category><![CDATA[javascript]]></category>

		<guid isPermaLink="false">http://www.studio-bloom.net/?p=2229</guid>
		<description><![CDATA[
jQueryに限った話では無いかとも思うのですが…
ブロック要素をスライドさせたりしてアニメーションさせる時、表示がガタガタと乱れて見苦しい時があります。そんな時は…
アニメーションさせるブロック要素に「overflo [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.studio-bloom.net/wp-content/uploads/2010/05/0531.gif" alt="" title="0531" width="560" height="200" class="alignnone size-full wp-image-2233" /><br />
jQueryに限った話では無いかとも思うのですが…</p>
<p>ブロック要素をスライドさせたりしてアニメーションさせる時、表示がガタガタと乱れて見苦しい時があります。そんな時は…</p>
<p><strong>アニメーションさせるブロック要素に「overflow:hidden」を指定するとよろし</strong>。というTips</p>
<p>スクロールバーが既に出てるブロック要素なら、アニメーションの開始直前に指定してあげれば見た目上にはあまり違和感無しです。<br />
んでここからが大事で、iPhone用のWebアプリを作る時にそれっぽいUIを実現することが出来る「jQTouch」。画面遷移アニメーションで結構ガタつきます。<br />
そんな時にもこのTips、画面単位のDIVにoverflow:hiddenを指定してあげると（多少ｗ）改善されます。</p>
<p>ちなみにローカルアプリをHTML+CSS+JSで構築し、DBにはHTML5のClient-side Databaseを使いましたが、PhoneGapでアプリ化しても何のトラブルも無くiPadアプリとして使用できました。スゲー。<br />
（結局は色々な問題点があってWebアプリとしてサーバー上にリソースを置くことになったんですけどね…）</p>
<p>PhoneGap使えばGPS拾ったりコンタクトリストからデータを引っ張ったり、カメラを起動したりと結構色々な事が出来るので、UIが少し緩かっても大丈夫とか高機能性を求めないのであればオススメですよー（って何記事？）</p>
]]></content:encoded>
			<wfw:commentRss>http://www.studio-bloom.net/archives/2229/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.studio-bloom.net/archives/2229" />
	</item>
		<item>
		<title>走ります。</title>
		<link>http://www.studio-bloom.net/archives/2224</link>
		<comments>http://www.studio-bloom.net/archives/2224#comments</comments>
		<pubDate>Thu, 27 May 2010 14:25:56 +0000</pubDate>
		<dc:creator>板</dc:creator>
				<category><![CDATA[趣味]]></category>

		<guid isPermaLink="false">http://www.studio-bloom.net/?p=2224</guid>
		<description><![CDATA[
家から一歩も外に出ないことがある仕事柄もあって、恰幅の良さは止まるところを知らない今日この頃。
一念発起して近所のトレーニングジムに行ったものの、GWが間に入ったお陰でリズムが崩れてしまい（言い訳）少し足が遠のいてしま [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.studio-bloom.net/wp-content/uploads/2010/05/0527.jpg" alt="" title="0527" width="560" height="200" class="alignnone size-full wp-image-2225" /><br />
家から一歩も外に出ないことがある仕事柄もあって、恰幅の良さは止まるところを知らない今日この頃。<br />
一念発起して近所のトレーニングジムに行ったものの、GWが間に入ったお陰でリズムが崩れてしまい（言い訳）少し足が遠のいてしまっています（1ヶ月更新でちょうど更新日が来てるのもあるけど）。</p>
<p>そんな折り、iPhoneのGPSを活用して走った距離や時間を記録してくれて、無料で使えるインターネットのサービスに蓄積してくれる「<a href="http://runkeeper.com/">RunKeeper</a>」という物を知る。iPhoneアプリも無料で提供されている物で必要十分だし、最近一般の層にも認知され始めたTwitterに投稿する機能もあったり。</p>
<p>こういう切っ掛けがあれば始めやすいのかも。</p>
<p>ということでランニング用にnew balanceのスニーカーを購入（ここ数年NB以外の靴を買った記憶がないｗ）、ユニクロでシャツとパンツを購入。これで準備は万全。まずは形が大事ｗ</p>
<p>色々考慮して、走るのは早朝にしてみます。目が覚めて仕事も捗るだろう、という算段です（疲れて寝るんちゃう？というツッコミは無しの方向でｗ）。<br />
無理がなく、続けられるような構成で進めていきたいと思います。</p>
<p>あ、間違ってもマラソン大会に出場する、とかは考えてませんw</p>
]]></content:encoded>
			<wfw:commentRss>http://www.studio-bloom.net/archives/2224/feed</wfw:commentRss>
		<slash:comments>8</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.studio-bloom.net/archives/2224" />
	</item>
		<item>
		<title>3RING SWEETS</title>
		<link>http://www.studio-bloom.net/archives/2212</link>
		<comments>http://www.studio-bloom.net/archives/2212#comments</comments>
		<pubDate>Wed, 26 May 2010 14:39:20 +0000</pubDate>
		<dc:creator>板</dc:creator>
				<category><![CDATA[スイーツ]]></category>

		<guid isPermaLink="false">http://www.studio-bloom.net/?p=2212</guid>
		<description><![CDATA[
今日、”よーいどん”の「本日のイチオシ」のコーナーでタージンが紹介してた新感覚のモチドーナツを買いに行ってきました（関西ローカル過ぎるネタですいません）。
いや、わざわざ買いに行ったわけではなくて、ちょうど三宮に事務所 [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.studio-bloom.net/wp-content/uploads/2010/05/0526.jpg" alt="" title="0526" width="560" height="200" class="alignnone size-full wp-image-2213" /><br />
今日、”よーいどん”の「本日のイチオシ」のコーナーでタージンが紹介してた新感覚のモチドーナツを買いに行ってきました（関西ローカル過ぎるネタですいません）。</p>
<p>いや、わざわざ買いに行ったわけではなくて、ちょうど三宮に事務所があるFaith Createsさんに借りたい物があって&#038;営業しに行ってきたわけで、そのお土産に（+家で食べるようにｗ）ちょうどいいや、ということで。</p>
<p>はい。行列出来てました。<br />
多くは語りませんが、オペレーションで改善できるレベルかと。</p>
<p>30分程並んで購入。</p>
<p>品切れ多数。</p>
<p>帰って食べてみました。</p>
<p>食感のアンバランスさが売りなのだろうな、と感じつつ、過ぎたるはなお及ばざるがごとし。。。</p>
<p>ドーナツ、と思って食べるとアレなので、形を真似た新しいスイーツ、という認識で食べるとハッピーだと思います。<br />
会社に営業などに行く際に、話のネタとしてお土産に持って行くには最適かもしれません。デコレーションや色が可愛いと感じる女子は多いと思われ→モテモテ。<br />
4個がセットになった物もありましたよ。</p>
<p>自宅用に買って帰ることはもう…ゲフンゲフン。</p>
<p>あ、なんか高槻 西武にも出店するらしいです。<br />
<a href="http://maps.google.com/maps?f=q&amp;hl=ja&amp;geocode=&amp;q=34.693929499580655,135.19373059272766&amp;ie=UTF8&amp;ll=34.693929499580655,135.19373059272766&amp;t=h&amp;z=17&amp;t=n&amp;maptype=G_NORMAL_MAP" title="兵庫県神戸市中央区三宮町"><img src="http://maps.google.com/staticmap?markers=34.693929499580655,135.19373059272766,red&amp;zoom=17&amp;size=560x200&amp;key=ABQIAAAA1Tx_jia4QwEVq-GubtvUOxSFa7pHk5QX2BPepJMcxsJVsSLpbhQjwdas_bpsKXCS7yM8OoZf2iy-vA&amp;hl=ja" alt="兵庫県神戸市中央区三宮町" title="兵庫県神戸市中央区三宮町" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.studio-bloom.net/archives/2212/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.studio-bloom.net/archives/2212" />
	</item>
	</channel>
</rss>
