<?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>ECWorks Blog &#187; 新機能</title>
	<atom:link href="http://blog.ecworks.jp/archives/tag/%e6%96%b0%e6%a9%9f%e8%83%bd/feed" rel="self" type="application/rss+xml" />
	<link>http://blog.ecworks.jp</link>
	<description>CakePHPを中心としたサイト開発情報をメインに公開。新しもの好きなので時々製品レポートなんかも。</description>
	<lastBuildDate>Sun, 22 Aug 2010 01:28:26 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</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://blog.ecworks.jp/archives/tag/%e6%96%b0%e6%a9%9f%e8%83%bd/feed" />
		<item>
		<title>【KtaiLibrary】携帯向けCSS機能の実装(とりあえず)</title>
		<link>http://blog.ecworks.jp/archives/881</link>
		<comments>http://blog.ecworks.jp/archives/881#comments</comments>
		<pubDate>Sun, 06 Sep 2009 11:13:07 +0000</pubDate>
		<dc:creator>MASA-P</dc:creator>
				<category><![CDATA[CakePHP]]></category>
		<category><![CDATA[携帯ライブラリ]]></category>
		<category><![CDATA[新機能]]></category>

		<guid isPermaLink="false">http://blog.ecworks.jp/?p=881</guid>
		<description><![CDATA[最近更新頻度が増えているKtai Libraryですが、今回は新機能を実装しました。]]></description>
			<content:encoded><![CDATA[<p><a href="http://blog.ecworks.jp/wp-content/uploads/2009/03/icon_ktai.png"><img src="http://blog.ecworks.jp/wp-content/uploads/2009/03/icon_ktai-150x150.png" alt="icon_ktai" title="icon_ktai" width="150" height="150" class="alignleft size-thumbnail wp-image-433" /></a></p>
<p>最近更新頻度が増えているKtai Libraryですが、今回は新機能を実装しました。</p>
<p>何かと敬遠されていがちなcssですが、まあ理由はアレなんですよね。</p>
<p>「docomoではインラインでの記述しかできない」</p>
<p>つまり、divやらなんやらに「style=&#8221;～&#8221;」というように、毎度書かなければ行けなくて、大変に面倒なのです。<br />
手で埋め込むとなると結構な作業量になり、また修正も入れにくいです。</p>
<p>そこで、コントローラに配置できる「var $ktai」パラメータ内にインラインで利用するcssを連想配列で列挙しておくことで、ビューの中でそれを呼び出せるようにしました。これで擬似的に、class指定のようなことができるようになります。</p>
<p>具体的に利用方法を書きますと…</p>
<p>まず、コントローラ内にktaiプロパティを作成します。<br />
app_controllerに配置するのが簡単です。</p>
<p><strong>app/app_controller.php</strong></p>
<pre class="brush: php; ">

var $ktai = array(
　　～
　　&#039;style&#039; =&gt; array(
　　　　&#039;test_style&#039; =&gt; &#039;text-align:center;font-size:x-small;&#039;, //例えばセンタリングと文字サイズ指定
　　),
);
</pre>
<p>ビューでは、次のように記述します。</p>
<p><strong>app/foo/index.ctp</strong></p>
<pre class="brush: php; ">

&lt;div style=&quot;&lt;?php $ktai-&gt;style(&#039;test_style&#039;); ?&gt;&quot;&gt;てすとです～&lt;/div&gt;
</pre>
<p>こうすることで、とりあえずどのキャリア(ブラウザ)でもCSSが適用できるようになります。<br />
本当に最小限の機能で、本来ならcssファイルを持ってきて適用するとか、勝手にdivのclassを探し出して置き換えるとか、そういったことができるのかもしれませんが、ちょっと今の自分にはこれが精一杯ですし、結局のところ完全にclassやidを置き換えることはできないわけで、別物と思って使っていただく方がよろしいかと思います。</p>
<p>ちなみに、詳細なテストやドキュメント修正、アーカイブ化はちょっとできませんので、とりあえず使ってみたい方はgithubのリポジトリから落としてきてくださいませ。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.ecworks.jp/archives/881/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.ecworks.jp/archives/881" />
	</item>
	</channel>
</rss>
