<?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>自転車で通勤しましょ♪ブログ &#187; 携帯サイト開発</title>
	<atom:link href="http://319ring.net/blog/category/mobile-site-dev/feed" rel="self" type="application/rss+xml" />
	<link>http://319ring.net/blog</link>
	<description>自転車とか、プログラムとか、書評とか、気になったものについて書いていきます</description>
	<lastBuildDate>Thu, 09 Sep 2010 15:38:07 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://319ring.net/blog/category/mobile-site-dev/feed" />
		<item>
		<title>WordPress: xreaでwp-super-cacheとktai-styleがうまくいかない</title>
		<link>http://319ring.net/blog/archives/1171</link>
		<comments>http://319ring.net/blog/archives/1171#comments</comments>
		<pubDate>Thu, 01 Apr 2010 18:15:34 +0000</pubDate>
		<dc:creator>パトラッシュ</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[携帯サイト開発]]></category>
		<category><![CDATA[ktai-style]]></category>
		<category><![CDATA[xrea]]></category>

		<guid isPermaLink="false">http://319ring.net/blog/?p=1171</guid>
		<description><![CDATA[昨日から、WordPressの見た目やパフォーマンスとかについていじってみようかと思って色々やってみてる。今回はwp-super-cacheを入れてみた。今のサーバは十分レスポンスが速いので、別に必要ないかもしれないが。 [...]]]></description>
			<content:encoded><![CDATA[<p>昨日から、WordPressの見た目やパフォーマンスとかについていじってみようかと思って色々やってみてる。今回はwp-super-cacheを入れてみた。今のサーバは十分レスポンスが速いので、別に必要ないかもしれないが。でも速くなった。</p>
<p>その後、ktai-style入れてみた。キャッシュがない状態だとうまく表示できた。</p>
<p>しかし、wp-super-cacheとktai-styleの組み合わせにすると、xreaでは文字化けした。ちなみにXAMPP環境では文字化けせず。safeモードとかが関係してるんだろうか？<a href="http://wppluginsj.sourceforge.jp/ktai_style/#supercache">ktai-styleの説明ページに書かれている設定</a>を行ってみたのだが、うまくいかず。ハーフオンだとこの設定ではダメなのかなぁ？</p>
<p>なんかもう3時になってるので、結局wp-super-cacheを諦めて停止させた。レスポンスは現在でも結構速いから、ケータイで閲覧できるほうを優先した。また時間があったらこの問題に取り組みたい。</p>
]]></content:encoded>
			<wfw:commentRss>http://319ring.net/blog/archives/1171/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://319ring.net/blog/archives/1171" />
	</item>
		<item>
		<title>CakePHP:AU携帯とSecurityコンポーネント</title>
		<link>http://319ring.net/blog/archives/1136</link>
		<comments>http://319ring.net/blog/archives/1136#comments</comments>
		<pubDate>Tue, 16 Mar 2010 14:47:25 +0000</pubDate>
		<dc:creator>パトラッシュ</dc:creator>
				<category><![CDATA[CakePHP]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[携帯サイト開発]]></category>

		<guid isPermaLink="false">http://319ring.net/blog/?p=1136</guid>
		<description><![CDATA[現在、とあるアイドルグループの携帯用アンケートサイトを5営業日以内で作れという至上命令が下っており、そのために久々にCakePHP復活！Ktai Libraryを使ってどのケータイでも対応しちゃうぜ！ちなみにKtai L [...]]]></description>
			<content:encoded><![CDATA[<p>現在、とあるアイドルグループの携帯用アンケートサイトを5営業日以内で作れという至上命令が下っており、そのために久々にCakePHP復活！Ktai Libraryを使ってどのケータイでも対応しちゃうぜ！ちなみにKtai Libraryを使うのは初。本は買ってた。</p>
<p>データベース設計は同僚がやってくれたので（彼はDBのスペシャリスト）、俺はBakeでソースを生成し、デザイナが作ったデザインをViewに組み込み、Modelの設定を行い、Captchaコンポーネントを使った画像認証を組み込み、コントローラーに処理をゴリゴリと書き（Fat Modelになるような仕様ではないため。まぁ汎用的なメソッドはModelに作ったけど）、FireMobileSimulatorで確認しながら開発。</p>
<p>一通り実装が完了したので、実機（俺のAU携帯と後輩のSoftbank携帯）とDoCoMoのシミュレータで試すとやっぱり動かなかったりした。まぁそういうことを試すためだからいいんだけど。ソースを修正しては試す。これによりDoCoMoはOK。SoftbankもOK。しかし、AUだけPOSTしたら404と言われる。なぜだ！</p>
<p>Ktai Libraryを使ってたら、redirectのところでURLの組み立てで変になった箇所があったので（Controller::redirect()の引数に配列形式で値を渡すと壊れる。引数をis_arrayでチェックすると直った）、また似たようなことが起こってるのかなぁ～とApacheのアクセスログを見てみると、ちゃんとPOST先のURLにアクセスしている。しかし、Content-lengthが0。0とはおかしいじゃないか！</p>
<p>まさかと思ってCSRF対策用に使っていたSecurityコンポーネントのBlackHoleCallback関数を設定してログを出すようにしてみたら、ビンゴ。BlackHoleに吸い込まれているじゃないか。しかも、俺はここのPOSTはデータベース更新に関係していないのでCSRF対策してない（$this->Security->requireAuthに追加していない）。にもかかわらず、トークンが発行されてるのにも納得がいかない。</p>
<p>何がなんだかわけがわからないので、CakePHPユーザ会で検索してみたら、有力な情報を得た。</p>
<p><a href="http://cakephp.jp/modules/newbb/viewtopic.php?topic_id=1899&#038;forum=3">携帯のblackhole 対策</a></p>
<p>Securityコンポーネントのトークンはfieldsetタグ中に囲まれているのだが、このfieldsetタグにはdisplay:none;が設定されている。AU携帯はPOSTするときにdisplay:none;が設定されている領域の値をPOSTしないらしい。サーバ上にはトークンが設定されているにも関わらずトークンがPOSTされないから、トークン不一致でブラックホール行きという仕組みだったのか。</p>
<p>今思いついてる解決策は、</p>
<ul>
<li>Formヘルパー自体を修正する（ライブラリ自体の修正はやりたくない）</li>
<li>$form->create(), $form->end()で取得したソースからfieldsetタグを正規表現で取り除く処理を実装する（若干難しそうだが一番意味がありそう）</li>
<li>Securityコンポーネントを使わずに独自のCSRF対策を施す（一番現実的か？）</li>
</ul>
<p>である。まぁ時間があれば2番目で行きたいが、3番目かな。原因が突き詰められたので、Securityコンポーネントを外してAUで試したところ、普通に動いてくれた。あ～、よかったぁ～。ひとまず安堵。</p>
<p>まぁセキュリティ系の課題はあるものの、処理自体は2人日で実装完了。やはりCakePHPの開発効率はかなりいいなぁと思う。簡単かつ早いかつ安心。ただ、時々超ハマる…。</p>
<p>【解決しました！】<br />
次の投稿でこの問題は解決したのでリンクはっておきます。<br />
<a href="http://319ring.net/blog/archives/1138">CakePHP:【解決】AU携帯でSecurityComponent</a></p>
]]></content:encoded>
			<wfw:commentRss>http://319ring.net/blog/archives/1136/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://319ring.net/blog/archives/1136" />
	</item>
		<item>
		<title>携帯サイトのキャッシュを防ぐ方法</title>
		<link>http://319ring.net/blog/archives/441</link>
		<comments>http://319ring.net/blog/archives/441#comments</comments>
		<pubDate>Mon, 07 Jul 2008 16:52:22 +0000</pubDate>
		<dc:creator>パトラッシュ</dc:creator>
				<category><![CDATA[携帯サイト開発]]></category>

		<guid isPermaLink="false">http://319ring.net/blog/archives/441</guid>
		<description><![CDATA[
]]></description>
			<content:encoded><![CDATA[<p>土日は五明に走りにいって、記録を出した後に、早速携帯で自転車でヒルクライムしようぜ！に記録を書こうとしたら、キャッシュの関係か、記録がなかなかできなかった。ドコモの携帯シュミレータでやってるときには全然出てこなかった問題なのだが、帰ってから検索してみたら、どうもAU固有の問題らしい。<br />
そこで、以下のメタタグをhtmlのheaderタグ中に追加。</p>
<pre>&lt;meta http-equiv="pragma" content="no-cache" /&gt;
&lt;meta http-equiv="cache-control" content="no-cache" /&gt;
&lt;meta http-equiv="expires" content="0" /&gt;</pre>
<p>まあ早い話が、キャッシュを許可しない設定です。<br />
これで、使いやすくなったなぁ〜。</p>
]]></content:encoded>
			<wfw:commentRss>http://319ring.net/blog/archives/441/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://319ring.net/blog/archives/441" />
	</item>
		<item>
		<title>携帯版　自転車でヒルクライムしようぜ！の公開！</title>
		<link>http://319ring.net/blog/archives/439</link>
		<comments>http://319ring.net/blog/archives/439#comments</comments>
		<pubDate>Mon, 23 Jun 2008 16:57:30 +0000</pubDate>
		<dc:creator>パトラッシュ</dc:creator>
				<category><![CDATA[携帯サイト開発]]></category>
		<category><![CDATA[日記]]></category>
		<category><![CDATA[更新情報]]></category>

		<guid isPermaLink="false">http://319ring.net/blog/archives/439</guid>
		<description><![CDATA[
]]></description>
			<content:encoded><![CDATA[<p><span class="mt-enclosure mt-enclosure-image"><img alt="qr_code.jpg" src="http://319ring.net/blog/images/qr_code.jpg" width="98" height="98" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;"/></span></p>
<p><a href="http://hillclimb.319ring.net/">自転車でヒルクライムしようぜ！</a>の携帯版が、やっと人様に見せられるレベルに到達したと思うので、公開しました。上のQRコードを携帯で読み込んでいただくと、簡単にアクセスできます。</p>
<p>もしくは、携帯から以下のURLにアクセスしてください。</p>
<p><a href="http://hillclimb.319ring.net/m/">http://hillclimb.319ring.net/m/</a></p>
<p>※PCでアクセスしても、PC版サイトにリダイレクトされるのであしからず(^^;)</p>
<p>これで、自転車で目的のコースに出かけながら、コースの位置を確認したいときなど、手軽に確認できます。また、走り終わったらすぐにまた記録を投稿することができます。自分が重宝するように作ったので、たぶん使いやすいと思うんだけど。</p>
<p>まだ愛媛のユーザがほとんどなので、ぜひ他県のユーザ、コースが増えていったらなぁと思う今日このごろ。</p>
]]></content:encoded>
			<wfw:commentRss>http://319ring.net/blog/archives/439/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://319ring.net/blog/archives/439" />
	</item>
		<item>
		<title>staticmapなんてあったのか！？</title>
		<link>http://319ring.net/blog/archives/438</link>
		<comments>http://319ring.net/blog/archives/438#comments</comments>
		<pubDate>Mon, 16 Jun 2008 16:40:28 +0000</pubDate>
		<dc:creator>パトラッシュ</dc:creator>
				<category><![CDATA[GoogleMaps]]></category>
		<category><![CDATA[携帯サイト開発]]></category>
		<category><![CDATA[日記]]></category>

		<guid isPermaLink="false">http://319ring.net/blog/archives/438</guid>
		<description><![CDATA[
]]></description>
			<content:encoded><![CDATA[<p>GoogleMapを動的でなく、静的な画像として取得する方法があることを初めて知った！これは現在、<a href="http://hillclimb.319ring.net">自転車でヒルクライムしようぜ！</a>を携帯対応してるから、どうやったらMAP表示できるかな〜と思って検索してたらヒット！すげー！静止画なのに、なぜか動的なGoogleMapsよりも感動した。</p>
<p><a href="http://ke-tai.org/blog/2008/02/26/gmapstatic/">http://ke-tai.org/blog/2008/02/26/gmapstatic/</a></p>
<p>静止画なので、imgタグで直接指定して、マップを取得できる。だからケータイで使える。</p>
<p>これって、取得した画像をローカルに保存したらやっぱりマズイんだろうな〜。でも逐一Googleにアクセスさせにいくのって無駄じゃない？とか思うんだけどな。静止画だし。</p>
<p>とりあえず、画像の取得はできたけど、コースの線を引くと、クエリで渡す値が長くなりすぎてバツ画像が表示されてしまった。。。詳細にコースを書いていると、逆にダメというオチか！ただでさえ、GoogleAPI Keyが長いのであんまり設定できんのに。</p>
<p>ドコモのURLの長さがどこまで処理できるか？わからんかったんだけど、1024〜2048byteくらいっぽい。雑に点を打てば、いけそうだけど、雑だとそれはそれでPCで困る。うーむ。線を引かずにスタートとゴールの点だけで表示させるかな？それならURL長くならなくて済む。</p>
<p>携帯対応、機能拡張欲がどんどん出てきて、ヤバイ。早いところ終わらせよう。</p>
]]></content:encoded>
			<wfw:commentRss>http://319ring.net/blog/archives/438/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://319ring.net/blog/archives/438" />
	</item>
	</channel>
</rss>
