<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss 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" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

<channel>
	<title>hayasaka修行ブログ～裏目人生脱却計画～</title>
	
	<link>http://blog.magical-remix.net/urame</link>
	<description>くだらないことをつらつらと</description>
	<lastBuildDate>Wed, 02 Jun 2010 01:59:05 +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://blog.magical-remix.net/urame/feed" />
		<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/urame" /><feedburner:info uri="urame" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><item>
		<title>[WordPress][Plugin]theTwitterプラグインをバージョンアップしました</title>
		<link>http://feedproxy.google.com/~r/urame/~3/sGGfOguB0-Q/611</link>
		<comments>http://blog.magical-remix.net/urame/archives/611#comments</comments>
		<pubDate>Wed, 02 Jun 2010 01:59:05 +0000</pubDate>
		<dc:creator>urame</dc:creator>
				<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://blog.magical-remix.net/urame/?p=611</guid>
		<description><![CDATA[以前から作成していた「theTwitter」プラグインのバージョンを上げました。
1.2となります。
今回のバージョンアップで「Widget」をサポートし、テーマ側でウィジェットをサポートしていれば登録することで使えるよ [...]]]></description>
			<content:encoded><![CDATA[<p>以前から作成していた「theTwitter」プラグインのバージョンを上げました。</p>
<p>1.2となります。</p>
<p>今回のバージョンアップで「Widget」をサポートし、テーマ側でウィジェットをサポートしていれば登録することで使えるようになります。</p>
<p>また、時期バージョンアップで<strong><span style="color: #ff0000;">関数型呼び出しをサポート外</span></strong>とする予定ですので、予めご了承ください。</p>
<p>ダウンロードは<a href="http://blog.magical-remix.net/urame/wp-content/uploads/2010/06/theTwitter.zip">こちら</a>から。</p>

<div class="wp_grostar_boxes">
<p>TasteRank</p><p class="wp_grostar_marker_group"><span class="wp_grostar_marker_name">度合い</span><span class="wp_grostar_marker" style="color:#CCCCCC;">*</span><span class="wp_grostar_marker" style="color:#CCCCCC;">*</span><span class="wp_grostar_marker" style="color:#CCCCCC;">*</span><span class="wp_grostar_marker" style="color:#CCCCCC;">*</span><span class="wp_grostar_marker" style="color:#CCCCCC;">*</span><span class="wp_grostar_display_count">(---)</span><!-- End .wp_grostar_boxes --></div>
<img src="http://feeds.feedburner.com/~r/urame/~4/sGGfOguB0-Q" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://blog.magical-remix.net/urame/archives/611/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.magical-remix.net/urame/archives/611" />
	<feedburner:origLink>http://blog.magical-remix.net/urame/archives/611</feedburner:origLink></item>
		<item>
		<title>[CakePHP]ID以外を条件として指定して更新処理を行う</title>
		<link>http://feedproxy.google.com/~r/urame/~3/Stal2n1hP3I/575</link>
		<comments>http://blog.magical-remix.net/urame/archives/575#comments</comments>
		<pubDate>Thu, 05 Nov 2009 06:22:32 +0000</pubDate>
		<dc:creator>urame</dc:creator>
				<category><![CDATA[cakePHP]]></category>

		<guid isPermaLink="false">http://blog.magical-remix.net/urame/?p=575</guid>
		<description><![CDATA[ちょこっとはまったので覚え書き程度に。。。
CakePHPでは、Model::save()によって自動的に、insertとupdateを振り分けるようになっています。
で、id以外を条件としたい場合（column1の値が [...]]]></description>
			<content:encoded><![CDATA[<p>ちょこっとはまったので覚え書き程度に。。。</p>
<p><span id="more-575"></span>CakePHPでは、Model::save()によって自動的に、insertとupdateを振り分けるようになっています。</p>
<p>で、id以外を条件としたい場合（column1の値がnのcolumn2の値を更新したい　などなど）は以下のような形で行えます。</p>
<p>test_controller.php</p>
<div class="codecolorer-container php vibrant" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br />2<br />3<br />4<br />5<br />6<br />7<br />8<br />9<br /></div></td><td><div class="php codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #000000; font-weight: bold;">function</span> update<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span><br />
<span style="color: #b1b100;">if</span><span style="color: #009900;">&#40;</span><span style="color: #339933;">!</span><a href="http://www.php.net/empty"><span style="color: #990000;">empty</span></a><span style="color: #009900;">&#40;</span><span style="color: #000088;">$this</span><span style="color: #339933;">-&amp;</span>gt<span style="color: #339933;">;</span>data<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span><br />
<span style="color: #000088;">$this</span><span style="color: #339933;">-&amp;</span>gt<span style="color: #339933;">;</span>Model<span style="color: #339933;">-&amp;</span>gt<span style="color: #339933;">;</span>updateAll<span style="color: #009900;">&#40;</span><a href="http://www.php.net/array"><span style="color: #990000;">array</span></a><span style="color: #009900;">&#40;</span><br />
<span style="color: #0000ff;">&quot;column2&quot;</span> <span style="color: #339933;">=&amp;</span>gt<span style="color: #339933;">;</span> <span style="color: #0000ff;">&quot;更新したい内容&quot;</span><br />
<span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span> <a href="http://www.php.net/array"><span style="color: #990000;">array</span></a><span style="color: #009900;">&#40;</span><br />
<span style="color: #0000ff;">&quot;column1&quot;</span> <span style="color: #339933;">=&amp;</span>gt<span style="color: #339933;">;</span> <span style="color: #0000ff;">&quot;hogehoge&quot;</span><br />
<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
<span style="color: #009900;">&#125;</span><br />
<span style="color: #009900;">&#125;</span></div></td></tr></tbody></table></div>
<p>※これで更新処理はおこなえますが、上述の状態では、インジェクションが行えるような状態（エスケープされていない）ので、エスケープ処理も含める必要があります。</p>
<p>第一引数は更新したいカラム名と値がペアになっている配列、第二引数が条件として指定したい配列を指定します。</p>
<p>後は注意書き通り、エスケープ処理を忘れずに施せば、完了です。</p>
<p>ちなみに、エスケープ処理はConnectionManagerからデータソースを引き上げて、Db::escape()で行えます。</p>

<div class="wp_grostar_boxes">
<p>TasteRank</p><p class="wp_grostar_marker_group"><span class="wp_grostar_marker_name">度合い</span><span class="wp_grostar_marker" style="color:#CCCCCC;">*</span><span class="wp_grostar_marker" style="color:#CCCCCC;">*</span><span class="wp_grostar_marker" style="color:#CCCCCC;">*</span><span class="wp_grostar_marker" style="color:#CCCCCC;">*</span><span class="wp_grostar_marker" style="color:#CCCCCC;">*</span><span class="wp_grostar_display_count">(---)</span><!-- End .wp_grostar_boxes --></div>
<img src="http://feeds.feedburner.com/~r/urame/~4/Stal2n1hP3I" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://blog.magical-remix.net/urame/archives/575/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.magical-remix.net/urame/archives/575" />
	<feedburner:origLink>http://blog.magical-remix.net/urame/archives/575</feedburner:origLink></item>
		<item>
		<title>GoogleChromeMac版をダウンロード</title>
		<link>http://feedproxy.google.com/~r/urame/~3/2jtCZSJ59yA/569</link>
		<comments>http://blog.magical-remix.net/urame/archives/569#comments</comments>
		<pubDate>Thu, 06 Aug 2009 09:07:04 +0000</pubDate>
		<dc:creator>urame</dc:creator>
				<category><![CDATA[Mac]]></category>
		<category><![CDATA[雑記]]></category>
		<category><![CDATA[Chrom]]></category>
		<category><![CDATA[google]]></category>

		<guid isPermaLink="false">http://blog.magical-remix.net/urame/?p=569</guid>
		<description><![CDATA[ダウンロードURLが以外と見つからなかったのでポスト。
以下のURLにアクセスし、「Accept and Download」を押すとダウンロードが開始されます。
http://www.google.com/chrome/ [...]]]></description>
			<content:encoded><![CDATA[<p>ダウンロードURLが以外と見つからなかったのでポスト。</p>
<p>以下のURLにアクセスし、「Accept and Download」を押すとダウンロードが開始されます。</p>
<p><a href="http://www.google.com/chrome/intl/en/eula_dev.html?dl=mac" target="_blank">http://www.google.com/chrome/intl/en/eula_dev.html?dl=mac</a></p>
<blockquote><p>グリモンとFireBug使えるようになればFxから乗り換えます。</p></blockquote>
<img src="http://feeds.feedburner.com/~r/urame/~4/2jtCZSJ59yA" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://blog.magical-remix.net/urame/archives/569/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.magical-remix.net/urame/archives/569" />
	<feedburner:origLink>http://blog.magical-remix.net/urame/archives/569</feedburner:origLink></item>
		<item>
		<title>アクセス制限かけました。</title>
		<link>http://feedproxy.google.com/~r/urame/~3/QIn6rjBosI4/567</link>
		<comments>http://blog.magical-remix.net/urame/archives/567#comments</comments>
		<pubDate>Thu, 30 Jul 2009 07:08:30 +0000</pubDate>
		<dc:creator>urame</dc:creator>
				<category><![CDATA[雑記]]></category>

		<guid isPermaLink="false">http://blog.magical-remix.net/urame/?p=567</guid>
		<description><![CDATA[一般ユーザーの方が相当な負荷を掛けている又は、SPAM業者などのIPでアクセス制限を掛けることにしました。
SPAM業者は片っ端から除外するようにし、一般閲覧者は過負荷になりうるユーザーは真っ向から遮断します。
※分間１ [...]]]></description>
			<content:encoded><![CDATA[<p>一般ユーザーの方が相当な負荷を掛けている又は、SPAM業者などのIPでアクセス制限を掛けることにしました。</p>
<p>SPAM業者は片っ端から除外するようにし、一般閲覧者は過負荷になりうるユーザーは真っ向から遮断します。<br />
※分間１００アクセスほどされた場合に限る</p>
<p>閲覧出来なくなる可能性がありますが、その際は管理者まで連絡を頂ければと思います。</p>
<img src="http://feeds.feedburner.com/~r/urame/~4/QIn6rjBosI4" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://blog.magical-remix.net/urame/archives/567/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.magical-remix.net/urame/archives/567" />
	<feedburner:origLink>http://blog.magical-remix.net/urame/archives/567</feedburner:origLink></item>
		<item>
		<title>オープンソースソフトウェアの育て方が欲しい！</title>
		<link>http://feedproxy.google.com/~r/urame/~3/bvJVxoBoNRM/564</link>
		<comments>http://blog.magical-remix.net/urame/archives/564#comments</comments>
		<pubDate>Sat, 18 Jul 2009 06:32:49 +0000</pubDate>
		<dc:creator>urame</dc:creator>
				<category><![CDATA[未分類]]></category>

		<guid isPermaLink="false">http://blog.magical-remix.net/urame/?p=564</guid>
		<description><![CDATA[mumumuさんの「オープンソースソフトウェアの育て方」の書籍版あげますというブログのポストがあったので早速。
自分はオープンソースとかの裏側全くわからない（金銭面とか開発フローとか）のでそういった事を勉強出来るような本 [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://mumumuorg.blogspot.com/2009/07/2.html">mumumu</a>さんの「オープンソースソフトウェアの育て方」の書籍版あげますというブログのポストがあったので早速。</p>
<p>自分はオープンソースとかの裏側全くわからない（金銭面とか開発フローとか）のでそういった事を勉強出来るような本が欲しいと思ってたところで<a href="http://mumumuorg.blogspot.com/2009/07/2.html">mumumu</a>さんが執筆に携わっている用だったのでものすごくこの本が欲しいとおもってた。</p>
<p>そしたらプレゼント企画が！！</p>
<p>もちろん買う気まんまんで待ち遠しかったっす。</p>
<p>これ、ホントに俺が頂けたら頂いて良いのかわからんですが、いただけたらいいなぁと淡い希望をば。</p>
<p>この本（買えた|頂けたら）オープンソースソフト開発に携われるようになりたいなー。</p>
<img src="http://feeds.feedburner.com/~r/urame/~4/bvJVxoBoNRM" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://blog.magical-remix.net/urame/archives/564/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.magical-remix.net/urame/archives/564" />
	<feedburner:origLink>http://blog.magical-remix.net/urame/archives/564</feedburner:origLink></item>
		<item>
		<title>[jQuery]jQueryを使って画像をいろいろやってみる</title>
		<link>http://feedproxy.google.com/~r/urame/~3/bAaHSQtwnsU/559</link>
		<comments>http://blog.magical-remix.net/urame/archives/559#comments</comments>
		<pubDate>Wed, 15 Jul 2009 01:07:07 +0000</pubDate>
		<dc:creator>urame</dc:creator>
				<category><![CDATA[jquery]]></category>
		<category><![CDATA[javascript]]></category>

		<guid isPermaLink="false">http://blog.magical-remix.net/urame/?p=559</guid>
		<description><![CDATA[jQueryを使って画像をいろいろ操作してみます。

いろいろといっても、基本中の基本かもしれないですが・・・。
画像の幅属性を取得する
画像の幅属性を取得し、何かするには以下のようなかんじで。
[javascript] [...]]]></description>
			<content:encoded><![CDATA[<p>jQueryを使って画像をいろいろ操作してみます。</p>
<p><span id="more-559"></span></p>
<p>いろいろといっても、基本中の基本かもしれないですが・・・。</p>
<h3>画像の幅属性を取得する</h3>
<p>画像の幅属性を取得し、何かするには以下のようなかんじで。</p>
<p>[javascript]<br />
jQuery(&quot;img&quot;).each(function(){<br />
var width = jQuery(this).attr(&quot;width&quot;) ;<br />
}) ;[/javascript]</p>
<h3>画像の高さ属性を取得する</h3>
<p>画像の高さ属性も幅属性を取得するのと同じように出来ます。</p>
<p>[javascript]<br />
jQuery(&quot;img&quot;).each(function(){<br />
var height = jQuery(this).attr(&quot;height&quot;);<br />
});[/javascript]</p>
<h3>画像につけられたクラス名を取得する</h3>
<p>画像だけに限らず、要素に当てられたクラス名を取得するには以下のような感じです。</p>
<p>[javascript]<br />
jQuery(&quot;img&quot;).each(function(){<br />
var class = jQuery(this).attr(&quot;class&quot;);<br />
})  ;[/javascript]</p>
<h3>画像につけられたalt情報を取得する</h3>
<p>画像につけられたalt（代替テキスト）を取得するには以下のような感じになります。</p>
<p>[javascript]<br />
jQuery(&quot;img&quot;).each(function(){<br />
var alt = jQuery(this).attr(&quot;alt&quot;) ;<br />
});[/javascript]</p>
<p>また、alt属性を持っている画像のみ抽出するには以下のようになります。</p>
<p>[javascript]<br />
jQuery(&quot;img[alt]&quot;).each(fucntion(){<br />
var alt = jQuery(this).attr(&quot;alt&quot;);<br />
});[/javascript]</p>
<p><span style="color: #ff6600;">ここで頻繁に使っている「each」ですが、これは多用しすぎるとscriptの実行速度が低下する場合があります。</span></p>
<p><span style="color: #ff6600;">なので、eachの多用はあまりおすすめしません。</span></p>
<p>ここに書いた例はあくまでも一例ですので、他にもっと効率が良い描き方などは存在するはずです。</p>
<p>テスト的に使う程度で利用するのがいいかもです。</p>
<img src="http://feeds.feedburner.com/~r/urame/~4/bAaHSQtwnsU" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://blog.magical-remix.net/urame/archives/559/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.magical-remix.net/urame/archives/559" />
	<feedburner:origLink>http://blog.magical-remix.net/urame/archives/559</feedburner:origLink></item>
		<item>
		<title>[as3]IEでstage.stageWidth及びstage.stageHeightが取得できない？</title>
		<link>http://feedproxy.google.com/~r/urame/~3/tPvlLCL978s/552</link>
		<comments>http://blog.magical-remix.net/urame/archives/552#comments</comments>
		<pubDate>Thu, 09 Jul 2009 02:56:53 +0000</pubDate>
		<dc:creator>urame</dc:creator>
				<category><![CDATA[ActionScript]]></category>
		<category><![CDATA[IE]]></category>
		<category><![CDATA[as3]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[IEたん]]></category>
		<category><![CDATA[SWFObject]]></category>

		<guid isPermaLink="false">http://blog.magical-remix.net/urame/?p=552</guid>
		<description><![CDATA[ちょっとIEたんでぶつかったのでポスト。

as3を使ってごにょごにょしていたら、2回目以降の読み込みでIEたんの表示が崩れた。
いろんな箇所でthrow new Errorを利用し、ブラウザで直接確認出来るようにしてい [...]]]></description>
			<content:encoded><![CDATA[<p>ちょっとIEたんでぶつかったのでポスト。</p>
<p><span id="more-552"></span></p>
<p>as3を使ってごにょごにょしていたら、2回目以降の読み込みでIEたんの表示が崩れた。</p>
<p>いろんな箇所でthrow new Errorを利用し、ブラウザで直接確認出来るようにしていたら、stage.stageWidthとstage.stageHegihtが2回目以降の読み込みが0になっていた。</p>
<p>なんでだろうと先生に聞いてみたら<a href="http://katapad.com/wp/2009/05/19/stage_size_zero_issue_with_swfobject_on_ie/">こんな</a>事が。</p>
<p>どうやらDynamic Publishingで表示するとこうなるみたい。</p>
<p>で、対処法は必要な幅と高さを直接指定してみました。</p>
<p>しかし、こういった変な挙動もあるのですね。。。</p>
<h2>結論</h2>
<p>stage.stageWidthや、stage.stageHeightなどを取得して動きをつけようとする場合は、SWFObjectを利用しないか、簡単なFlashなら直接幅などを指定してあげて、SWFObjectを利用して表示するのどちらかが良いかと思います。</p>
<p>上記だけに限りませんが、いろんな方法が世には出回っています。</p>
<p>それぞれのコンテンツに合わせた最適な解決策を利用するのが良いかと思います。</p>
<img src="http://feeds.feedburner.com/~r/urame/~4/tPvlLCL978s" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://blog.magical-remix.net/urame/archives/552/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.magical-remix.net/urame/archives/552" />
	<feedburner:origLink>http://blog.magical-remix.net/urame/archives/552</feedburner:origLink></item>
		<item>
		<title>[試してみた]yuga.jsの親フォルダへのリンクをカスタム</title>
		<link>http://feedproxy.google.com/~r/urame/~3/ITSuRRS4rlQ/549</link>
		<comments>http://blog.magical-remix.net/urame/archives/549#comments</comments>
		<pubDate>Wed, 08 Jul 2009 10:15:04 +0000</pubDate>
		<dc:creator>urame</dc:creator>
				<category><![CDATA[javascript]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[yuga.js]]></category>

		<guid isPermaLink="false">http://blog.magical-remix.net/urame/?p=549</guid>
		<description><![CDATA[タイトル通り試してみたのでポスト。

yuga.jsとは？
yuga.jsはWeb制作を優雅にするために作られたJavaScript ライブラリで、ロールオーバーや、カレントリンクなどが簡単に優雅に設定する事が出来るライ [...]]]></description>
			<content:encoded><![CDATA[<p>タイトル通り試してみたのでポスト。</p>
<p><span id="more-549"></span></p>
<h2>yuga.jsとは？</h2>
<p><a href="http://kyosuke.jp/yugajs/">yuga.js</a>はWeb制作を優雅にするために作られたJavaScript ライブラリで、ロールオーバーや、カレントリンクなどが簡単に優雅に設定する事が出来るライブラリです。</p>
<p>中の人は「kyousuke」さんというかたらしいです。</p>
<p>とても便利な扱いやすいライブラリを作成していただきありがとうございます:)</p>
<h2>本題</h2>
<p>で、本題のやってみた事ってのは、公式サイトだと、「親フォルダへのリンク」という項目で「http://example.com/company/index.htmlの場合はハイライトしません」となっていて、これをどうにかして対応出来ないものかと考えてみた。</p>
<p>というのが始まり。</p>
<h2>やりたいこと</h2>
<p>ファイル名が含まれた状態でもハイライト可能にしたい。</p>
<h2>実際にやってみた</h2>
<p>とりあえず今回はindex.htmlというファイル名が入った場合のみに対応するということでLet&#8217;sTry。</p>
<p>yuga.jsをダウンロードしてきて、開いて82行目を凝視。</p>
<p>どうやら絶対バスを検索してマッチしたのがあれば親ディレクトリの中だよ！ということをやっているらしい</p>
<p>なのでここに正規表現を追加</p>
<p>文字列のけつから見てindex.htmlが含まれるか？を見るので、後方検索で行う</p>
<p>location.href.match(href.absolutePath.replace(/index.html$/i, &#8220;&#8221;) );</p>
<p>こんなかんじでできたっちゃー出来たけど、これだとまだ問題が</p>
<h2>結果</h2>
<p>出来ないことは無いと思うけど、階層が深くなる旅に何かしかけなきゃいけなくなりそうなのと、カテゴリの考え方を用いたページの作成だと、ディレクトリ名が違う場合でもカテゴリは属するって言うことがあると思います。</p>
<p>その場合だと、jsだけだとかなり厳しくなり、あたまんなかぐしゃぐしゃになります。</p>
<p>こういう場合はMTやWordPress、Joomla!等を利用して、カテゴリ名のチェックをページ単位でかけて、trueならクラスでisCurrentを付け足す。</p>
<p>という方がシンプルだと思います。</p>
<p>ただ、案件によってはjsのみで簡潔させなければならない！ってのもあるので、そういう場合はすごい人にお願いしてみると良いかもしれません。</p>
<h2>別な話ですが・・・</h2>
<p>久しぶりにActionScript3を使ってごにょごにょしましたが、示唆しぶりすぎてクラス名とか全く忘れてました。</p>
<p>で、今日やってて思ったのが、as2ではMovieClip等に好きな変数名を持たせて、値を要素の中に保持することが出来ましたが、as3だと当然のことながらできません。</p>
<p>しばらくどうしようと思ってて出た結果が「配列」。</p>
<p>これはこれでいいのか迷ったけど、「こ、こいつ・・・っ！うごくぞっ！」ってなったのでひとまずOKとしておきました。</p>
<img src="http://feeds.feedburner.com/~r/urame/~4/ITSuRRS4rlQ" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://blog.magical-remix.net/urame/archives/549/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.magical-remix.net/urame/archives/549" />
	<feedburner:origLink>http://blog.magical-remix.net/urame/archives/549</feedburner:origLink></item>
		<item>
		<title>jQueryでの落とし穴</title>
		<link>http://feedproxy.google.com/~r/urame/~3/Wmt3VLj4Pr4/543</link>
		<comments>http://blog.magical-remix.net/urame/archives/543#comments</comments>
		<pubDate>Tue, 07 Jul 2009 03:39:02 +0000</pubDate>
		<dc:creator>urame</dc:creator>
				<category><![CDATA[jquery]]></category>

		<guid isPermaLink="false">http://blog.magical-remix.net/urame/?p=543</guid>
		<description><![CDATA[ちょっとはまったのでポスト。
jQueryのプラグインを使う際に気をつけなきゃいけないことなんですが、jQuery(function(){});でdocument読み込み完了後に処理させるようにするのはもちろんなんですが [...]]]></description>
			<content:encoded><![CDATA[<p>ちょっとはまったのでポスト。</p>
<p>jQueryのプラグインを使う際に気をつけなきゃいけないことなんですが、jQuery(function(){});でdocument読み込み完了後に処理させるようにするのはもちろんなんですが、プラグインによってはうまくCSSが当たらない等があります。</p>
<p>これは<span style="color: #ff6600;"><strong>jQueryプラグインを読み込んだ後にCSSをあてがう</strong></span>と起こります。</p>
<p>例えば「jquery.bar.js」とかいうプラグインがあるものとして例を挙げてみます。</p>
<p>例えば以下のような場合。</p>
<div class="codecolorer-container html4strict vibrant" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br />2<br />3<br />4<br />5<br />6<br />7<br />8<br /></div></td><td><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #ddbb00;">&amp;lt;</span>script type=&quot;text/javascript&quot; src=&quot;js/jquery-1.3.2-min.js&quot;<span style="color: #ddbb00;">&amp;gt;&amp;lt;</span>/script<span style="color: #ddbb00;">&amp;gt;</span><br />
<span style="color: #ddbb00;">&amp;lt;</span>script type=&quot;text/javascript&quot; src=&quot;js/foo/jquery.bar.js&quot;<span style="color: #ddbb00;">&amp;gt;&amp;lt;</span>/script<span style="color: #ddbb00;">&amp;gt;</span><br />
<span style="color: #ddbb00;">&amp;lt;</span>link href=&quot;/css/bar.css&quot; media=&quot;screen&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; /<span style="color: #ddbb00;">&amp;gt;</span><br />
<span style="color: #ddbb00;">&amp;lt;</span>script type=&quot;text.javascript&quot;<span style="color: #ddbb00;">&amp;gt;</span><br />
jQuery(function(){<br />
jQuery(&quot;#id&quot;).bar() ;<br />
}) ;<br />
<span style="color: #ddbb00;">&amp;lt;</span>/script<span style="color: #ddbb00;">&amp;gt;</span></div></td></tr></tbody></table></div>
<p>これはユーザーからみれば、ドキュメント読み込んでからCSS当たるんだもんね！って解釈になっているので本来なら「css読み込む→js読み込む→js実行される」と動いて欲しいところですが、これだと上から順番に実行されるのでうまくCSSが当たらない場合があります。</p>
<p>もし正しく動作させるならば、先ほどの読み込み順序は以下のようにならなければなりません。</p>
<div class="codecolorer-container html4strict vibrant" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br />2<br />3<br />4<br />5<br />6<br />7<br />8<br /></div></td><td><div class="html4strict codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #ddbb00;">&amp;lt;</span>link href=&quot;/css/bar.css&quot; media=&quot;screen&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; /<span style="color: #ddbb00;">&amp;gt;</span><br />
<span style="color: #ddbb00;">&amp;lt;</span>script type=&quot;text/javascript&quot; src=&quot;js/jquery-1.3.2-min.js&quot;<span style="color: #ddbb00;">&amp;gt;&amp;lt;</span>/script<span style="color: #ddbb00;">&amp;gt;</span><br />
<span style="color: #ddbb00;">&amp;lt;</span>script type=&quot;text/javascript&quot; src=&quot;js/foo/jquery.bar.js&quot;<span style="color: #ddbb00;">&amp;gt;&amp;lt;</span>/script<span style="color: #ddbb00;">&amp;gt;</span><br />
<span style="color: #ddbb00;">&amp;lt;</span>script type=&quot;text/javascript&quot;<span style="color: #ddbb00;">&amp;gt;</span><br />
jQuery(function(){<br />
jQuery(&quot;#id&quot;).bar() ;<br />
}) ;<br />
<span style="color: #ddbb00;">&amp;lt;</span>/script<span style="color: #ddbb00;">&amp;gt;</span></div></td></tr></tbody></table></div>
<p>理由はとっても簡単。</p>
<p>上から順に実行されるから。</p>
<p>でも上から順に実行されるからって理由だけじゃ満足されない方もいるかもしれないので、もう少し詳しく。</p>
<p>プラグイン内部では、たいがい「each」という関数が使われています。</p>
<p>その中で、抽出されたHTML要素に対してCSSを当てたり、クリックされたら動いてね！等の関数をあてがうことが出来ます。</p>
<p>このせいで後からCSSを読み込ませたりすると、CSSでの表示崩れが起こる場合があると言うことなのです。</p>
<p>なので、jQueryプラグインを使う際はCSSとJSの読み込み順序に気をつけましょう。＆前に戻りまくる事も大切。というお話でした。</p>
<blockquote><p>といっても、配布サイトに書いてあったりもするんですが・・・。</p></blockquote>

<div class="wp_grostar_boxes">
<p>TasteRank</p><p class="wp_grostar_marker_group"><span class="wp_grostar_marker_name">度合い</span><span class="wp_grostar_marker" style="color:#CCCCCC;">*</span><span class="wp_grostar_marker" style="color:#CCCCCC;">*</span><span class="wp_grostar_marker" style="color:#CCCCCC;">*</span><span class="wp_grostar_marker" style="color:#CCCCCC;">*</span><span class="wp_grostar_marker" style="color:#CCCCCC;">*</span><span class="wp_grostar_display_count">(---)</span><!-- End .wp_grostar_boxes --></div>
<img src="http://feeds.feedburner.com/~r/urame/~4/Wmt3VLj4Pr4" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://blog.magical-remix.net/urame/archives/543/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.magical-remix.net/urame/archives/543" />
	<feedburner:origLink>http://blog.magical-remix.net/urame/archives/543</feedburner:origLink></item>
		<item>
		<title>igoogleのyahoo!天気予報ウィジェットの表示がおかしい</title>
		<link>http://feedproxy.google.com/~r/urame/~3/L7fS__qot9E/539</link>
		<comments>http://blog.magical-remix.net/urame/archives/539#comments</comments>
		<pubDate>Fri, 26 Jun 2009 01:08:54 +0000</pubDate>
		<dc:creator>urame</dc:creator>
				<category><![CDATA[雑記]]></category>

		<guid isPermaLink="false">http://blog.magical-remix.net/urame/?p=539</guid>
		<description><![CDATA[
こんなんなってましたけど。
]]></description>
			<content:encoded><![CDATA[<p><a href="http://blog.magical-remix.net/urame/wp-content/uploads/2009/06/widget.png" rel="lightbox"><img class="alignnone size-thumbnail wp-image-541" title="widget" src="http://blog.magical-remix.net/urame/wp-content/uploads/2009/06/widget-150x150.png" alt="widget" width="150" height="150" /></a></p>
<p>こんなんなってましたけど。</p>
<img src="http://feeds.feedburner.com/~r/urame/~4/L7fS__qot9E" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://blog.magical-remix.net/urame/archives/539/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://blog.magical-remix.net/urame/archives/539" />
	<feedburner:origLink>http://blog.magical-remix.net/urame/archives/539</feedburner:origLink></item>
	</channel>
</rss>
