<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
    <title>Notebook</title>
    <link rel="alternate" type="text/html" href="http://hamagucci.com/note/" />
    <link rel="self" type="application/atom+xml" href="http://hamagucci.com/note/atom.xml" />
    <id>tag:hamagucci.com,2005-09-28:/note//2</id>
    <updated>2012-03-28T11:22:33Z</updated>
    <subtitle>しがないWebデザイナーのメモ（XHTML, CSS, JavaScript, PHP, Ajax, Weblog, CMS, SNS他）</subtitle>
    <generator uri="http://www.sixapart.com/movabletype/">Movable Type 5.12</generator>

<entry>
    <title>MTで記事を削除時に複数ブログを再構築する方法</title>
    <link rel="alternate" type="text/html" href="http://hamagucci.com/note/2012/03/28_2003/" />
    <id>tag:hamagucci.com,2012:/note//2.179</id>

    <published>2012-03-28T11:09:31Z</published>
    <updated>2012-03-28T11:22:33Z</updated>

    <summary> 	MTで記事を削除したときに同じブログのメインページは再構築してくれます（MT...</summary>
    <author>
        <name>hamagucci</name>
        <uri>http://hamagucci.com</uri>
    </author>
    
        <category term="Movable Type" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://hamagucci.com/note/">
        <![CDATA[<p>
	MTで記事を削除したときに同じブログのメインページは再構築してくれます（MT4.2〜）が、複数ブログを運営していて他のブログにも記事一覧を表示させている時は、手作業で再構築を行わなければいけません。</p>
<p>
	そこで記事を削除時に複数のブログ記事一覧から再構築（削除）してくれるプラグインを記しておきます。</p>
]]>
        <![CDATA[<p>
	MultiBlogExt プラグインの詳細<br />
	<a href="http://tec.toi-planning.net/mt-column/plugin/multiblogext/">http://tec.toi-planning.net/mt-column/plugin/multiblogext/</a></p>
<p>
	ダウンロードページ<br />
	<a href="http://code.google.com/p/toiplan-mtplugin-directory/downloads/list?q=label:MultiBlogExt">http://code.google.com/p/toiplan-mtplugin-directory/downloads/list?q=label:MultiBlogExt</a></p>
<p>
	上記ページよりダウンロードしMTのpluginsディレクトリへアップロードするだけです。設定等はいっさいありません。</p>
<p>
	記事を削除したら、他のブログにも掲載してあった記事タイトルが削除されていました。MultiBlogで使用するのは当たり前なってきているので、意外と便利なプラグインでした。</p>
]]>
    </content>
</entry>

<entry>
    <title>Firefox使用中にPCの動作が重くなった時の対処法</title>
    <link rel="alternate" type="text/html" href="http://hamagucci.com/note/2011/08/02_1808/" />
    <id>tag:hamagucci.com,2011:/note//2.168</id>

    <published>2011-08-02T09:28:46Z</published>
    <updated>2011-08-03T02:07:18Z</updated>

    <summary> 	Firefoxを使用していて、動作が重くなることが多々ありますが、これを根本...</summary>
    <author>
        <name>hamagucci</name>
        <uri>http://hamagucci.com</uri>
    </author>
    
        <category term="Application" scheme="http://www.sixapart.com/ns/types#category" />
    
        <category term="Browser" scheme="http://www.sixapart.com/ns/types#category" />
    
        <category term="PC" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="firefox" label="Firefox" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="pc" label="PC" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="plugins" label="plugins" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="プラグイン" label="プラグイン" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://hamagucci.com/note/">
        <![CDATA[<p>
	Firefoxを使用していて、動作が重くなることが多々ありますが、これを根本的になくす対処法を記しておきます。</p>
<p>
	そもそも何が原因かというと、[ctrl]+[alt]+[del]でWindowsタスクマネージャを起動してプロセスを確かめると、plugin-container.exe というファイルが随分CPUを使っています。このファイルは、FlashやQuicktime、Silverlightなどのプラグインが壊れうまく動作しなくなるのを防止してくれるようです(Firefox 3.6.4以降)。</p>
<p>
	一時的な対処法は、このプロセスを終了すれば済みますが、Firefoxのヘビーユーザーである私のような方は始めから起動しないようにしたいですね。その方法を下記の通りです。</p>
<p>
	※PC環境/設定によっては良い効果が得られず、逆に動作が不安定になる可能性がありますので、設定変更は各自の自己責任でお願いします。<br />
	追記（2011/08/03）: USTREAMの1本だけアーカイブページで動画再生中にFirefoxがかたまる状態になることを確認しています。因果関係は不明です。</p>
]]>
        <![CDATA[<ol>
	<li>
		アドレスバーに about:config と入力し、Enterキーを押す(Firefoxのconfig設定)</li>
	<li>
		「動作保障対象外になります！」の警告メッセージ画面が表示、「細心の注意を払って使用する」ボタンをクリックして次へ。</li>
	<li>
		フィルタの部分に dom.ipc と入力する（フィルタをかけて該当する設定をさがす）<br />
		6件ほど表示された中の下記4項目の値が true になっていたら、false に変える（ダブルクリック）
		<ul>
			<li>
				dom.ipc.plugins.enabled.npctrl.dll</li>
			<li>
				dom.ipc.plugins.enabled.npqtplugin.dll</li>
			<li>
				dom.ipc.plugins.enabled.npswf32.dll</li>
			<li>
				dom.ipc.plugins.enabled.nptest.dll</li>
		</ul>
	</li>
	<li>
		Firefoxを再起動する（設定終了）<br />
		[ctrl]+[alt]+[del]でWindowsタスクマネージャを起動して、プロセス中の plugin-container.exe が起動していないことを確認</li>
</ol>
<p>
	プラグインが壊れるのを防ぐためにPC自体の動作が重くなってしまうのは考え物です。プラグインを使用してるページすら表示が遅くなって使い物にならなくなっては意味がない気がします。</p>
]]>
    </content>
</entry>

<entry>
    <title>私的MTアップグレードの手順</title>
    <link rel="alternate" type="text/html" href="http://hamagucci.com/note/2011/07/05_1707/" />
    <id>tag:hamagucci.com,2011:/note//2.167</id>

    <published>2011-07-05T08:35:06Z</published>
    <updated>2011-07-07T00:39:49Z</updated>

    <summary> 	 		静的ファイル・DB・プロフィール画像、オリジナルテーマなどで使用してい...</summary>
    <author>
        <name>hamagucci</name>
        <uri>http://hamagucci.com</uri>
    </author>
    
        <category term="Movable Type" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="movabletype" label="Movable Type" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="procedure" label="procedure" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="upgrade" label="upgrade" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://hamagucci.com/note/">
        <![CDATA[<ol>
	<li>
		静的ファイル・DB・プロフィール画像、オリジナルテーマなどで使用していた静的ファイル（下記）のバックアップ<br />
		※プロフィール画像、オリジナルテーマなどで使用していた静的ファイル<br />
		/(アプリケーションディレクトリ)/mt-static/support ディレクトリ内（asset_c,theme_static,uploadsなどのディレクトリ）</li>
	<li>
		旧バージョンのアプリケーション・スタティックディレクトリをリネーム(&quot;mt-5.11&quot;など)</li>
	<li>
		新バージョンのアプリケーション・スタティックディレクトリをアップロード</li>
	<li>
		プラグイン関連の静的ファイルのアップロード<br />
		/(アプリケーションディレクトリ)/mt-static ディレクトリ内</li>
	<li>
		旧バージョンで使用していたmt-config.cgiファイルのアップロード<br />
		/(アプリケーションディレクトリ)/mt-config.cgi</li>
	<li>
		検索結果用テンプレートのアップロード（テンプレートファイルをアプリケーションディレクトリ内にファイルを置いている場合）</li>
	<li>
		新バージョンのCGIファイルのパーミッションの設定</li>
	<li>
		新バージョンのmt.cgiディレクトリへアクセス</li>
	<li>
		DBアップグレード開始～アップグレード完了</li>
</ol>
<p>
	REV1.0.0:05-07-2011</p>
]]>
        <![CDATA[<h3>
	最新のMovableType本</h3>
<div class="affiliateBox" style="margin-bottom: 0px;">
	<div class="affiliateImage" style="float: left; margin: 0px 12px 1px 0px;">
		<a href="http://px.a8.net/svt/ejp?a8mat=1NWEXU+A0SQ56+249K+BWGDT&amp;a8ejpredirect=http%3A%2F%2Fwww.amazon.co.jp%2FMovable-Type-5-1-%25E3%2583%2597%25E3%2583%25AD%25E3%2581%25AE%25E7%258F%25BE%25E5%25A0%25B4%25E3%2581%25AE%25E4%25BB%2595%25E4%25BA%258B%25E8%25A1%2593-%25E8%258D%2592%25E6%259C%25A8-%25E5%258B%2587%25E6%25AC%25A1%25E9%2583%258E%2Fdp%2F4839937311%253FSubscriptionId%253DAKIAJG4HK2PMU5Z4Q6YQ%2526tag%253Da8-affi-27346-22%2526linkCode%253Dxm2%2526camp%253D2025%2526creative%253D165953%2526creativeASIN%253D4839937311" target="_blank"><img alt="" border="0" src="http://ecx.images-amazon.com/images/I/51sr6oVEDKL._SS120_.jpg" /></a> <!-- /image --></div>
	<div class="affiliateInfo" style="line-height: 120%; margin-bottom: 10px;">
		<div class="affiliateName" style="margin-bottom: 10px; line-height: 120%;">
			<a href="http://px.a8.net/svt/ejp?a8mat=1NWEXU+A0SQ56+249K+BWGDT&amp;a8ejpredirect=http%3A%2F%2Fwww.amazon.co.jp%2FMovable-Type-5-1-%25E3%2583%2597%25E3%2583%25AD%25E3%2581%25AE%25E7%258F%25BE%25E5%25A0%25B4%25E3%2581%25AE%25E4%25BB%2595%25E4%25BA%258B%25E8%25A1%2593-%25E8%258D%2592%25E6%259C%25A8-%25E5%258B%2587%25E6%25AC%25A1%25E9%2583%258E%2Fdp%2F4839937311%253FSubscriptionId%253DAKIAJG4HK2PMU5Z4Q6YQ%2526tag%253Da8-affi-27346-22%2526linkCode%253Dxm2%2526camp%253D2025%2526creative%253D165953%2526creativeASIN%253D4839937311" target="_blank">Movable Type 5.1　プロの現場の仕事術</a></div>
		<div class="affiliateDetail">
			新品価格<br />
			￥2,940<span style="font-weight: normal;">から</span><br />
			<span style="font-size: 10px; font-weight: normal;">(2011/7/7 09:26時点)</span></div>
		<div class="affiliateSubinfo" style="float: left;">
			<div class="affiliateLink" style="margin-top: 5px;">
				<a href="http://px.a8.net/svt/ejp?a8mat=1NWEXU+A0SQ56+249K+BWGDT&amp;a8ejpredirect=http%3A%2F%2Fwww.amazon.co.jp%2FMovable-Type-5-1-%25E3%2583%2597%25E3%2583%25AD%25E3%2581%25AE%25E7%258F%25BE%25E5%25A0%25B4%25E3%2581%25AE%25E4%25BB%2595%25E4%25BA%258B%25E8%25A1%2593-%25E8%258D%2592%25E6%259C%25A8-%25E5%258B%2587%25E6%25AC%25A1%25E9%2583%258E%2Fdp%2F4839937311%253FSubscriptionId%253DAKIAJG4HK2PMU5Z4Q6YQ%2526tag%253Da8-affi-27346-22%2526linkCode%253Dxm2%2526camp%253D2025%2526creative%253D165953%2526creativeASIN%253D4839937311" target="_blank">Amazon.co.jp で詳細を見る</a></div>
		</div>
		<!-- /info --></div>
	<div class="affiliateFooter" style="clear: left; margin-bottom: 1em;">
		第一線で活躍する執筆者たちの実践テクニックが多数掲載。</div>
	<!-- /box --></div>
]]>
    </content>
</entry>

<entry>
    <title>MTテンプレートタグ「MTEntryExcerpt」で未入力時の処理をさせる「no_generate」モディファイア</title>
    <link rel="alternate" type="text/html" href="http://hamagucci.com/note/2011/03/18_1803/" />
    <id>tag:hamagucci.com,2011:/note//2.162</id>

    <published>2011-03-18T09:32:47Z</published>
    <updated>2011-03-22T17:18:19Z</updated>

    <summary> 	Movable Type（以下、MT） テンプレート作成時、MTEntryE...</summary>
    <author>
        <name>hamagucci</name>
        <uri>http://hamagucci.com</uri>
    </author>
    
        <category term="Movable Type" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="movabletype" label="Movable Type" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="mt" label="mt" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="tag" label="tag" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="template" label="template" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://hamagucci.com/note/">
        <![CDATA[<p>
	Movable Type（以下、MT） テンプレート作成時、MTEntryExcerpt以外のタグであれば、下記のようにMTIfタグでエントリの概要に入力がある場合と未入力時の処理をさせる時に分岐処理をします。</p>
<h3>
	MTEntryExcerptタグ以外のMTIfによる入力有無の分岐処理</h3>
<pre class="xhtml" name="code">&lt;mt:If tag=&quot;MTEntryExcerpt&quot;&gt;
&nbsp;&nbsp; 「概要」に入力がある場合の処理
&lt;mt:else&gt;
&nbsp;&nbsp; 「概要」が未入力の場合の処理
&lt;/mt:If&gt;</pre>
<p>
	ですが、MTEntryExcerptタグではあえて未入力にしていてもMTで入力を補完されてしまうため、入力があるものとして真の処理が実行されてしまいます。<br />
	<br />
	この場合に「no_generate」モディファイアを使用します。</p>
]]>
        <![CDATA[<h3>
	MTEntryExcerptタグのMTIfによる入力有無の分岐処理</h3>
<pre class="xhtml" name="code">&lt;mt:If tag=&quot;MTEntryExcerpt&quot; no_generate=&quot;1&quot;&gt;
&nbsp;&nbsp; 「概要」に入力がある場合の処理
&lt;mt:else&gt;
&nbsp;&nbsp; 「概要」が未入力の場合の処理
&lt;/mt:If&gt;</pre>
<p>
	こうすることによって、自動補完されず未入力として処理が実行されます。</p>
]]>
    </content>
</entry>

<entry>
    <title>iTunesが英語環境になってしまう問題の解決策</title>
    <link rel="alternate" type="text/html" href="http://hamagucci.com/note/2011/03/15_0203/" />
    <id>tag:hamagucci.com,2011:/note//2.160</id>

    <published>2011-03-14T17:01:10Z</published>
    <updated>2011-03-14T17:40:35Z</updated>

    <summary> 	iTunesをアップデート後、Windowsを再起動して再びiTunesを起...</summary>
    <author>
        <name>hamagucci</name>
        <uri>http://hamagucci.com</uri>
    </author>
    
        <category term="Application" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="apple" label="Apple" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="application" label="Application" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="itunes" label="iTunes" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="language" label="language" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://hamagucci.com/note/">
        <![CDATA[<p>
	iTunesをアップデート後、Windowsを再起動して再びiTunesを起動するとメニュー、ショートカットなど全てが英語環境になってしまうことがあります。設定の言語(language)がは日本語(Japanes)になっているにもかかわらず。<br />
	この原因はアップデートの際にあるとのこと。</p>
<h3>
	正しいアップデート後の起動方法：</h3>
<p>
	アップデート後指示通り再起動後、必ずインストーラが自動で作ったショートカット（新しくデスクトップにできたアイコン）から起動する</p>
<h3>
	間違ったアップデート後の起動方法：</h3>
<p>
	アップデート後指示通り再起動後、iPod,iPhoneの自動起動、既存のアイコンなどからの起動する</p>
<h3>
	正しいアップデート方法：</h3>
<p>
	下記流れでアップデートが正常に完了させます。<br />
	上記正しい起動方法でiTunesを起動し＞使用許諾契約に「同意する」＞日本語iTunesが起動＞アップデートが完了</p>
]]>
        <![CDATA[<h3>
	既に英語表示になってしまった場合の解決策：</h3>
<p>
	コントロールパネル &rarr; プログラムの追加と削除 &rarr; iTunes &rarr; 変更 &rarr; 修復する</p>
<p>
	意外に融通が利かないんですね。設定で変えられればいいのにと思ってしまいますが。ユーザーのアップデートのミスですが、想定できるミスなのでこんなに手間を取らせないで欲しいものです。</p>
<h3>
	参考記事</h3>
<ul>
	<li>
		<a href="http://refuge06.blog54.fc2.com/blog-entry-716.html">iTunesをアップデートしたら英語になる問題 | Refuge</a></li>
</ul>
<p>
	&nbsp;</p>
<h3>
	最近のHTML5本(2011.3.15現在)</h3>
<div class="amazlet-box" style="margin-bottom: 0px;">
	<div class="amazlet-image" style="float: left; margin: 0px 12px 1px 0px;">
		<a href="http://www.amazon.co.jp/exec/obidos/ASIN/4839937575/hamagucci-22/ref=nosim/" name="amazletlink" target="_blank"><img alt="iTunes 10 基本ワザ＆便利ワザ Windows &amp; Mac対応" src="http://ecx.images-amazon.com/images/I/41XGg8-t-YL._SL160_.jpg" style="border: medium none;" /></a></div>
	<div class="amazlet-info" style="line-height: 120%; margin-bottom: 10px;">
		<div class="amazlet-name" style="margin-bottom: 10px; line-height: 120%;">
			<a href="http://www.amazon.co.jp/exec/obidos/ASIN/4839937575/hamagucci-22/ref=nosim/" name="amazletlink" target="_blank">iTunes 10 基本ワザ＆便利ワザ Windows &amp; Mac対応</a>
			<div class="amazlet-powered-date" style="font-size: 80%; margin-top: 5px; line-height: 120%;">
				posted with <a href="http://www.amazlet.com/browse/ASIN/4839937575/hamagucci-22/ref=nosim/" target="_blank" title="iTunes 10 基本ワザ＆便利ワザ Windows &amp; Mac対応">amazlet</a> at 11.03.15</div>
		</div>
		<div class="amazlet-detail">
			iPod Fan編集部 <br />
			毎日コミュニケーションズ <br />
			売り上げランキング: 60688</div>
		<div class="amazlet-sub-info" style="float: left;">
			<div class="amazlet-link" style="margin-top: 5px;">
				<a href="http://www.amazon.co.jp/exec/obidos/ASIN/4839937575/hamagucci-22/ref=nosim/" name="amazletlink" target="_blank">Amazon.co.jp で詳細を見る</a></div>
		</div>
	</div>
	<div class="amazlet-footer" style="clear: left;">
		&nbsp;</div>
</div>
<div class="amazlet-box" style="margin-bottom: 0px;">
	<div class="amazlet-image" style="float: left; margin: 0px 12px 1px 0px;">
		<a href="http://www.amazon.co.jp/exec/obidos/ASIN/4861993040/hamagucci-22/ref=nosim/" name="amazletlink" target="_blank"><img alt="iTunes徹底活用ガイド (三才ムック vol.339)" src="http://ecx.images-amazon.com/images/I/51dsH%2Bw7ckL._SL160_.jpg" style="border: medium none;" /></a></div>
	<div class="amazlet-info" style="line-height: 120%; margin-bottom: 10px;">
		<div class="amazlet-name" style="margin-bottom: 10px; line-height: 120%;">
			<a href="http://www.amazon.co.jp/exec/obidos/ASIN/4861993040/hamagucci-22/ref=nosim/" name="amazletlink" target="_blank">iTunes徹底活用ガイド (三才ムック vol.339)</a>
			<div class="amazlet-powered-date" style="font-size: 80%; margin-top: 5px; line-height: 120%;">
				posted with <a href="http://www.amazlet.com/browse/ASIN/4861993040/hamagucci-22/ref=nosim/" target="_blank" title="iTunes徹底活用ガイド (三才ムック vol.339)">amazlet</a> at 11.03.15</div>
		</div>
		<div class="amazlet-detail">
			<br />
			三才ブックス (2010-11-06)<br />
			売り上げランキング: 81644</div>
		<div class="amazlet-sub-info" style="float: left;">
			<div class="amazlet-link" style="margin-top: 5px;">
				<a href="http://www.amazon.co.jp/exec/obidos/ASIN/4861993040/hamagucci-22/ref=nosim/" name="amazletlink" target="_blank">Amazon.co.jp で詳細を見る</a></div>
		</div>
	</div>
	<div class="amazlet-footer" style="clear: left;">
		&nbsp;</div>
</div>
]]>
    </content>
</entry>

<entry>
    <title>XHTMLからHTML5へ移行するときの注意点</title>
    <link rel="alternate" type="text/html" href="http://hamagucci.com/note/2011/01/05_1801/" />
    <id>tag:hamagucci.com,2011:/note//2.159</id>

    <published>2011-01-05T09:44:28Z</published>
    <updated>2011-03-22T17:35:10Z</updated>

    <summary> 	HTML5を書く際に注意すべき点を勉強のためにまとめておきます。 	 		記...</summary>
    <author>
        <name>hamagucci</name>
        <uri>http://hamagucci.com</uri>
    </author>
    
        <category term="(X)HTML" scheme="http://www.sixapart.com/ns/types#category" />
    
        <category term="CSS" scheme="http://www.sixapart.com/ns/types#category" />
    
        <category term="HTML/XHTML" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="css" label="CSS" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="html" label="HTML" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="html5" label="HTML5" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://hamagucci.com/note/">
        <![CDATA[<p>
	HTML5を書く際に注意すべき点を勉強のためにまとめておきます。</p>
<ul>
	<li>
		記述ルール</li>
	<li>
		DOCTYPE(文書型)宣言</li>
	<li>
		HTML5新要素へdisplayプロパティ(ブロックレベル)の再定義</li>
</ul>
]]>
        <![CDATA[<h3>
	記述ルール</h3>
<p>
	HTMLとXHTMLのどちらの記述ルールでもOK。<br />
	HTMLのように終了タグ不要・引用符不要(例1)ですが、XHTML(例2)のように終了タグ・引用符ありでも良い。</p>
<h4>
		例1:HTML記述ルール</h4>
<pre class="html" name="code">&lt;ul&gt;
&lt;li&gt;リスト
&lt;li&gt;&lt;img src=example.jpg alt=サンプル &gt;
&lt;/ul&gt;</pre>

<h4>
	例2:XHTML記述ルール</h4>
<pre class="xhtml" name="code">&lt;ul&gt;
&lt;li&gt;リスト&lt;/li&gt;
&lt;li&gt;&lt;img src=&quot;example.jpg&quot; alt=&quot;サンプル&quot; /&gt;&lt;/li&gt;
&lt;/ul&gt;</pre>
<h3>
	DOCTYPE(文書型)宣言</h3>
<p>
	HTML5ではこれだけ</p>
<pre class="html" name="code">&lt;!DOCTYPE html&gt;</pre>
<h3>
	HTML5新要素へdisplayプロパティ(ブロックレベル)の再定義</h3>
<p>
	HTML5 以前からある要素についてはブラウザデフォルトのdisplayプロパティ値がセットされていますが、HTML5で追加された新要素についてはブラウザに よってはdisplayのデフォルト値がセットされていないため、あらかじめ例3のようにブロックレベル設定が必要。</p>
<h4>
	例3:CSSブロックレベル設定</h4>
<pre class="css" name="code">article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary {
	&nbsp;&nbsp; &nbsp;display: block;
}</pre>
<p>
	他にも細かい点はいろいろありますが、とりあえず初歩中の初歩の部分はこれだけ。</p>
<h3>
	最近のHTML5本</h3>
<div class="amazlet-box" style="margin-bottom: 0px;">
	<div class="amazlet-image" style="float: left; margin: 0px 12px 1px 0px;">
		<a href="http://www.amazon.co.jp/exec/obidos/ASIN/4798025291/hamagucci-22/ref=nosim/" name="amazletlink" target="_blank"><img alt="徹底解説HTML5マークアップガイドブック" src="http://ecx.images-amazon.com/images/I/41tFIKnyweL._SL160_.jpg" style="border: medium none;" /></a></div>
	<div class="amazlet-info" style="line-height: 120%; margin-bottom: 10px;">
		<div class="amazlet-name" style="margin-bottom: 10px; line-height: 120%;">
			<a href="http://www.amazon.co.jp/exec/obidos/ASIN/4798025291/hamagucci-22/ref=nosim/" name="amazletlink" target="_blank">徹底解説HTML5マークアップガイドブック</a>
			<div class="amazlet-powered-date" style="font-size: 80%; margin-top: 5px; line-height: 120%;">
				posted with <a href="http://www.amazlet.com/browse/ASIN/4798025291/hamagucci-22/ref=nosim/" target="_blank" title="徹底解説HTML5マークアップガイドブック">amazlet</a> at 11.01.06</div>
		</div>
		<div class="amazlet-detail">
			羽田野太巳 <br />
			秀和システム <br />
			売り上げランキング: 33307</div>
		<div class="amazlet-sub-info" style="float: left;">
			<div class="amazlet-link" style="margin-top: 5px;">
				<a href="http://www.amazon.co.jp/exec/obidos/ASIN/4798025291/hamagucci-22/ref=nosim/" name="amazletlink" target="_blank">Amazon.co.jp で詳細を見る</a></div>
		</div>
	</div>
	<div class="amazlet-footer" style="clear: left; margin-bottom: 1em;">
		HTML5のマークアップ中心の解説本。まさにWeb制作者必携の一冊ではないでしょうか。</div>
</div>
<div class="amazlet-box" style="margin-bottom: 0px;">
	<div class="amazlet-image" style="float: left; margin: 0px 12px 1px 0px;">
		<a href="http://www.amazon.co.jp/exec/obidos/ASIN/4899772750/ddhamagucci-22/ref=nosim/" name="amazletlink" target="_blank"><img alt="HTML5＋CSS3で作る  魅せるiPhoneサイト  iPhone/iPad/iPod touch対応" src="http://ecx.images-amazon.com/images/I/51jbh5am4zL._SL160_.jpg" style="border: medium none;" /></a></div>
	<div class="amazlet-info" style="line-height: 120%; margin-bottom: 10px;">
		<div class="amazlet-name" style="margin-bottom: 10px; line-height: 120%;">
			<a href="http://www.amazon.co.jp/exec/obidos/ASIN/4899772750/ddhamagucci-22/ref=nosim/" name="amazletlink" target="_blank">HTML5＋CSS3で作る 魅せるiPhoneサイト iPhone/iPad/iPod touch対応</a>
			<div class="amazlet-powered-date" style="font-size: 80%; margin-top: 5px; line-height: 120%;">
				posted with <a href="http://www.amazlet.com/browse/ASIN/4899772750/ddhamagucci-22/ref=nosim/" target="_blank" title="HTML5＋CSS3で作る  魅せるiPhoneサイト  iPhone/iPad/iPod touch対応">amazlet</a> at 11.01.06</div>
		</div>
		<div class="amazlet-detail">
			谷拓樹 <br />
			ラトルズ <br />
			売り上げランキング: 756</div>
		<div class="amazlet-sub-info" style="float: left;">
			<div class="amazlet-link" style="margin-top: 5px;">
				<a href="http://www.amazon.co.jp/exec/obidos/ASIN/4899772750/ddhamagucci-22/ref=nosim/" name="amazletlink" target="_blank">Amazon.co.jp で詳細を見る</a></div>
		</div>
	</div>
	<div class="amazlet-footer" style="clear: left; margin-bottom: 1em;">
		iPhone/iPad対応本ですが、実サイトを例に実践向けな内容です。私もこの本を購入して現在勉強中です。</div>
</div>
<div class="amazlet-box" style="margin-bottom: 0px;">
	<div class="amazlet-image" style="float: left; margin: 0px 12px 1px 0px;">
		<a href="http://www.amazon.co.jp/exec/obidos/ASIN/4883377288/ddhamagucci-22/ref=nosim/" name="amazletlink" target="_blank"><img alt="スマートフォンのためのHTML5アプリケーション開発ガイド―iPhone/iPad/Android対応" src="http://ecx.images-amazon.com/images/I/41cNA9HDrKL._SL160_.jpg" style="border: medium none;" /></a></div>
	<div class="amazlet-info" style="line-height: 120%; margin-bottom: 10px;">
		<div class="amazlet-name" style="margin-bottom: 10px; line-height: 120%;">
			<a href="http://www.amazon.co.jp/exec/obidos/ASIN/4883377288/ddhamagucci-22/ref=nosim/" name="amazletlink" target="_blank">スマートフォンのためのHTML5アプリケーション開発ガイド―iPhone/iPad/Android対応</a>
			<div class="amazlet-powered-date" style="font-size: 80%; margin-top: 5px; line-height: 120%;">
				posted with <a href="http://www.amazlet.com/browse/ASIN/4883377288/ddhamagucci-22/ref=nosim/" target="_blank" title="スマートフォンのためのHTML5アプリケーション開発ガイド―iPhone/iPad/Android対応">amazlet</a> at 11.01.06</div>
		</div>
		<div class="amazlet-detail">
			クジラ飛行机 <br />
			ソシム <br />
			売り上げランキング: 1936</div>
		<div class="amazlet-sub-info" style="float: left;">
			<div class="amazlet-link" style="margin-top: 5px;">
				<a href="http://www.amazon.co.jp/exec/obidos/ASIN/4883377288/ddhamagucci-22/ref=nosim/" name="amazletlink" target="_blank">Amazon.co.jp で詳細を見る</a></div>
		</div>
	</div>
	<div class="amazlet-footer" style="clear: left; margin-bottom: 1em;">
		こちらもiPhone/iPad向けですが、HTML5を使用してWebアプリ開発ガイド本のようです。</div>
</div>
]]>
    </content>
</entry>

<entry>
    <title>[WordPress]同一カテゴリー内の前後のページへのリンクを生成させる方法</title>
    <link rel="alternate" type="text/html" href="http://hamagucci.com/note/2010/08/27_1708/" />
    <id>tag:hamagucci.com,2010:/note//2.154</id>

    <published>2010-08-27T08:33:44Z</published>
    <updated>2010-08-27T08:43:18Z</updated>

    <summary> 	WordPressで（ブログ全体の）前後の記事へのリンクを生成させるのは、前...</summary>
    <author>
        <name>hamagucci</name>
        <uri>http://hamagucci.com</uri>
    </author>
    
        <category term="WordPress" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="php" label="PHP" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="wordpress" label="WordPress" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://hamagucci.com/note/">
        <![CDATA[<p>
	WordPressで（ブログ全体の）前後の記事へのリンクを生成させるのは、前のページは「previous_post_link」次のページは「next_post_link」のテンプレートタグでできます。<br />
	これを同一カテゴリ内だけで前後のページへ遷移させたい場合も、WordPressテンプレートタグのパラメータをちょっと変えるだけで出来てしまいます。デフォルトにパラメータは用意されているとは思っていませんでした。</p>
<p>
	最後のパラメータをFALSEからTRUEへ変更するだけ。<br />
	これで表示している記事と同じカテゴリーの前後の記事を表示させることができますす。TRUE の場合、同じカテゴリーの記事だけが表示されます。</p>
]]>
        <![CDATA[<p>
	ブログ全体の次の記事へのリンク：</p>
<pre><code>&lt;?php next_post_link(&#39;%link&#39;, &#39;Previous post in category&#39;, FALSE); ?&gt;</code></pre>
<p>
	同一カテゴリーだけの次の記事へのリンク：</p>
<pre><code>&lt;?php next_post_link(&#39;%link&#39;, &#39;Previous post in category&#39;, TRUE); ?&gt;</code></pre>
<p>
	ブログ全体の次の記事へのリンク：</p>
<pre><code>&lt;?php next_post_link(&#39;%link&#39;, &#39;Next post in category&#39;, FALSE); ?&gt;</code></pre>
<p>
	同一カテゴリーだけの次の記事へのリンク：</p>
<pre><code>&lt;?php next_post_link(&#39;%link&#39;, &#39;Next post in category&#39;, TRUE); ?&gt;</code></pre>
<p>
	詳しくはテンプレートタグ関連ページへ</p>
<h3>
	関連ページ</h3>
<p>
	<a href="http://wpdocs.sourceforge.jp/%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88%E3%82%BF%E3%82%B0/previous_post_link">テンプレートタグ/previous post link</a><br />
	<a href="http://wpdocs.sourceforge.jp/%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88%E3%82%BF%E3%82%B0/next_post_link">テンプレートタグ/next post link</a></p>
<h3>
	WordPressの書籍</h3>
<div class="amazlet-box" style="margin-bottom: 0px;">
	<div class="amazlet-image" style="float: left; margin: 0px 12px 1px 0px;">
		<a href="http://www.amazon.co.jp/exec/obidos/ASIN/4839935416/hamagucci-22/ref=nosim/" name="amazletlink" target="_blank"><img alt="WordPress 3　サイト構築スタイルブック" src="http://ecx.images-amazon.com/images/I/51%2BaYOx%2BlCL._SL160_.jpg" style="border: medium none;" /></a></div>
	<div class="amazlet-info" style="line-height: 120%; margin-bottom: 10px;">
		<div class="amazlet-name" style="margin-bottom: 10px; line-height: 120%;">
			<a href="http://www.amazon.co.jp/exec/obidos/ASIN/4839935416/hamagucci-22/ref=nosim/" name="amazletlink" target="_blank">WordPress 3　サイト構築スタイルブック</a>
			<div class="amazlet-powered-date" style="font-size: 80%; margin-top: 5px; line-height: 120%;">
				posted with <a href="http://www.amazlet.com/browse/ASIN/4839935416/hamagucci-22/ref=nosim/" target="_blank" title="WordPress 3　サイト構築スタイルブック">amazlet</a> at 10.08.27</div>
		</div>
		<div class="amazlet-detail">
			エ・ビスコム・テック・ラボ <br />
			毎日コミュニケーションズ <br />
			売り上げランキング: 2105</div>
		<div class="amazlet-sub-info" style="float: left;">
			<div class="amazlet-link" style="margin-top: 5px;">
				<a href="http://www.amazon.co.jp/exec/obidos/ASIN/4839935416/hamagucci-22/ref=nosim/" name="amazletlink" target="_blank">Amazon.co.jp で詳細を見る</a></div>
		</div>
	</div>
	<div class="amazlet-footer" style="clear: left;">
		&nbsp;</div>
</div>
<div class="amazlet-box" style="margin-bottom: 0px;">
	<div class="amazlet-image" style="float: left; margin: 0px 12px 1px 0px;">
		<a href="http://www.amazon.co.jp/exec/obidos/ASIN/4883376745/hamagucci-22/ref=nosim/" name="amazletlink" target="_blank"><img alt="PHPによるWordPressカスタマイズブック―2.8対応 テンプレートの改造からプラグインの作成まで" src="http://ecx.images-amazon.com/images/I/51wbAGKDRoL._SL160_.jpg" style="border: medium none;" /></a></div>
	<div class="amazlet-info" style="line-height: 120%; margin-bottom: 10px;">
		<div class="amazlet-name" style="margin-bottom: 10px; line-height: 120%;">
			<a href="http://www.amazon.co.jp/exec/obidos/ASIN/4883376745/hamagucci-22/ref=nosim/" name="amazletlink" target="_blank">PHPによるWordPressカスタマイズブック―2.8対応 テンプレートの改造からプラグインの作成まで</a>
			<div class="amazlet-powered-date" style="font-size: 80%; margin-top: 5px; line-height: 120%;">
				posted with <a href="http://www.amazlet.com/browse/ASIN/4883376745/hamagucci-22/ref=nosim/" target="_blank" title="PHPによるWordPressカスタマイズブック―2.8対応 テンプレートの改造からプラグインの作成まで">amazlet</a> at 10.08.27</div>
		</div>
		<div class="amazlet-detail">
			藤本 壱 <br />
			ソシム <br />
			売り上げランキング: 7748</div>
		<div class="amazlet-sub-info" style="float: left;">
			<div class="amazlet-review" style="margin-top: 10px; margin-bottom: 10px;">
				<div class="amazlet-review-average" style="margin-bottom: 5px;">
					おすすめ度の平均: <img alt="4.0" src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-4-0.gif" /></div>
				<img alt="5" src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-5-0.gif" /> いままでのWP本では無かったパターンかも<br />
				<img alt="4" src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-4-0.gif" /> index.phpとhome.phpの違いがわかる<br />
				<img alt="2" src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-2-0.gif" /> いきなりこの本で学ぼうとするとわかりずらい<br />
				<img alt="5" src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-5-0.gif" /> 待ってましたの一冊<br />
				<img alt="5" src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-5-0.gif" /> wpを骨までいじり倒したいと考えている人に</div>
			<div class="amazlet-link" style="margin-top: 5px;">
				<a href="http://www.amazon.co.jp/exec/obidos/ASIN/4883376745/hamagucci-22/ref=nosim/" name="amazletlink" target="_blank">Amazon.co.jp で詳細を見る</a></div>
		</div>
	</div>
	<div class="amazlet-footer" style="clear: left;">
		&nbsp;</div>
</div>
<div class="amazlet-box" style="margin-bottom: 0px;">
	<div class="amazlet-image" style="float: left; margin: 0px 12px 1px 0px;">
		<a href="http://www.amazon.co.jp/exec/obidos/ASIN/4883376737/hamagucci-22/ref=nosim/" name="amazletlink" target="_blank"><img alt="WordPressレッスンブック 2.8対応―ステップバイステップ形式でマスターできる" src="http://ecx.images-amazon.com/images/I/51ax8oRVxrL._SL160_.jpg" style="border: medium none;" /></a></div>
	<div class="amazlet-info" style="line-height: 120%; margin-bottom: 10px;">
		<div class="amazlet-name" style="margin-bottom: 10px; line-height: 120%;">
			<a href="http://www.amazon.co.jp/exec/obidos/ASIN/4883376737/hamagucci-22/ref=nosim/" name="amazletlink" target="_blank">WordPressレッスンブック 2.8対応―ステップバイステップ形式でマスターできる</a>
			<div class="amazlet-powered-date" style="font-size: 80%; margin-top: 5px; line-height: 120%;">
				posted with <a href="http://www.amazlet.com/browse/ASIN/4883376737/hamagucci-22/ref=nosim/" target="_blank" title="WordPressレッスンブック 2.8対応―ステップバイステップ形式でマスターできる">amazlet</a> at 10.08.27</div>
		</div>
		<div class="amazlet-detail">
			エビスコム <br />
			ソシム <br />
			売り上げランキング: 2204</div>
		<div class="amazlet-sub-info" style="float: left;">
			<div class="amazlet-review" style="margin-top: 10px; margin-bottom: 10px;">
				<div class="amazlet-review-average" style="margin-bottom: 5px;">
					おすすめ度の平均: <img alt="4.5" src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-4-5.gif" /></div>
				<img alt="5" src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-5-0.gif" /> とてもわかりやすく<br />
				<img alt="5" src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-5-0.gif" /> この本は私のようなWordPress初心者におすすめ<br />
				<img alt="4" src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-4-0.gif" /> バージョン3.0対応版は<br />
				<img alt="5" src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-5-0.gif" /> CMS初心者にはおすすめ<br />
				<img alt="4" src="http://images-jp.amazon.com/images/G/09/x-locale/common/customer-reviews/stars-4-0.gif" /> 初心者向けの本です。</div>
			<div class="amazlet-link" style="margin-top: 5px;">
				<a href="http://www.amazon.co.jp/exec/obidos/ASIN/4883376737/hamagucci-22/ref=nosim/" name="amazletlink" target="_blank">Amazon.co.jp で詳細を見る</a></div>
		</div>
	</div>
	<div class="amazlet-footer" style="clear: left;">
		&nbsp;</div>
</div>
]]>
    </content>
</entry>

<entry>
    <title>MTプラグイン「PageBute」1件少なく表示される場合の対処法</title>
    <link rel="alternate" type="text/html" href="http://hamagucci.com/note/2010/05/10_1605/" />
    <id>tag:hamagucci.com,2010:/note//2.142</id>

    <published>2010-05-10T07:45:10Z</published>
    <updated>2010-05-10T08:17:39Z</updated>

    <summary>MTで静的ページを分割する際に良く使用するプラグイン「PageBute」での現象...</summary>
    <author>
        <name>papa</name>
        <uri>http://hamagucci.com</uri>
    </author>
    
        <category term="Movable Type" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="movabletype" label="Movable Type" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="mt" label="MT" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="plugins" label="plugins" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://hamagucci.com/note/">
        <![CDATA[<p>MTで静的ページを分割する際に良く使用するプラグイン「<a href="http://www.skyarc.co.jp/engineerblog/entry/2642.html">PageBute</a>」での現象です。<br /> テンプレートや管理画面の設定を確認してもおかしいところは見つからず、プラグイン解説/ダウンロードページのコメント欄でやっと同じ現象と対処法を発見しました。</p>]]>
        <![CDATA[<h3>現象</h3>
<p>エントリーが1件少なく（最新の1件が表示されない）表示される</p>
<h3>対処法</h3>
<p>ページ分割位置を指定する&lt;$MTPageSeparator$&gt;の直後に改行を入れる。</p>
<p>改行を入れずそのまま次のテンプレートタグが入っているとこのような現象が起きるようです。</p>
<h3>関連ページ</h3>
<ul>
<li><a href="http://www.skyarc.co.jp/engineerblog/entry/2642.html">静的ページ用ページ分割プラグイン:PageBute</a></li>
</ul>]]>
    </content>
</entry>

<entry>
    <title>Office 2007で作成されたファイル形式「.docx」「.xlsx」などが開けない場合の対処法</title>
    <link rel="alternate" type="text/html" href="http://hamagucci.com/note/2010/04/18_0104/" />
    <id>tag:hamagucci.com,2010:/note//2.140</id>

    <published>2010-04-17T16:04:05Z</published>
    <updated>2010-04-17T16:50:23Z</updated>

    <summary>Office 2007で作成されたファイル形式「.docx」「.xlsx」などが...</summary>
    <author>
        <name>hamagucci</name>
        <uri>http://hamagucci.com</uri>
    </author>
    
        <category term="Application" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="application" label="Application" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="microsoft" label="Microsoft" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="office2007" label="Office 2007" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://hamagucci.com/note/">
        <![CDATA[<p><a name="amazletlink" href="http://www.amazon.co.jp/exec/obidos/ASIN/B000JQHPWQ/hamagucci-22/ref=nosim/" target="_blank">Office 2007</a>で作成されたファイル形式「.docx」「.xlsx」などがあります。このファイル形式<a name="amazletlink" href="http://www.amazon.co.jp/exec/obidos/ASIN/B0000C3V76/hamagucci-22/ref=nosim/" target="_blank">Office 2003</a>では開けません（拡張子を「.doc」「.xls」に変更してもだめです）。<br />こんな場合はMicrosoftの無料専用のツールを利用します。</p>
<p>まず、<a href="http://update.microsoft.com/microsoftupdate/v6/default.aspx?ln=ja">Microsoft  Update</a>でOfficeを最新の状態にしておき、この専用ツール Microsoft Office  互換機能パックをPCにインストールします。</p>
<ul>
<li><a href="http://www.microsoft.com/downloads/details.aspx?FamilyID=941b3470-3ae9-4aee-8f43-c6bb74cd1466&amp;DisplayLang=ja">Word/Excel/PowerPoint 2007 ファイル形式用 Microsoft Office  互換機能パック</a></li>
</ul>
<p>あとは「.doc」「.xls」などのOffice  2007のファイル形式をそのまま開くと、変換してお使いのOfficeで開いてくれます。<br />ちなみに、拡張子の末尾につく「x」は<abbr title="eXtensible Markup Language">XML</abbr>の事。</p>
<p>現在のOfficeはWindows版がOffice 2007、Mac版はOffice 2008が最新なんですね。もっとアップグレードしてると思ってたけど、意外に少ないんですね。</p>
<div class="amazlet-box" style="margin-bottom:0px;clear:both;overflow:hidden;">
<div class="amazlet-image" style="float:left;margin-right:15px;"><a name="amazletlink" href="http://www.amazon.co.jp/exec/obidos/ASIN/B000JQHPWQ/hamagucci-22/ref=nosim/" target="_blank"><img style="border: none;" src="http://ecx.images-amazon.com/images/I/31pWuoNH%2BaL._SL160_.jpg" alt="Microsoft Office 2007 Personal (Office 2010 優待アップグレードキャンペーン 対象製品)" /></a></div>
<div class="amazlet-info" style="float:none;line-height:120%">
<div class="amazlet-name" style="margin-bottom:10px;line-height:120%"><a name="amazletlink" href="http://www.amazon.co.jp/exec/obidos/ASIN/B000JQHPWQ/hamagucci-22/ref=nosim/" target="_blank">Microsoft Office 2007 Personal (Office 2010 優待アップグレードキャンペーン 対象製品)</a>
<div class="amazlet-powered-date" style="font-size:7pt;margin-top:5px;font-family:verdana;line-height:120%">posted with <a title="Microsoft Office 2007 Personal (Office 2010 優待アップグレードキャンペーン 対象製品)" href="http://www.amazlet.com/browse/ASIN/B000JQHPWQ/hamagucci-22/ref=nosim/" target="_blank">amazlet</a> at 10.04.18</div>
</div>
<div class="amazlet-detail">マイクロソフト (2007-01-30)<br />売り上げランキング: 78<br /></div>
<div class="amazlet-link" style="margin-top: 5px"><a name="amazletlink" href="http://www.amazon.co.jp/exec/obidos/ASIN/B000JQHPWQ/hamagucci-22/ref=nosim/" target="_blank">Amazon.co.jp で詳細を見る</a></div>
</div>
</div>
<div class="amazlet-box" style="margin-bottom:0px;clear:both;overflow:hidden;">
<div class="amazlet-image" style="float:left;margin-right:15px;"><a name="amazletlink" href="http://www.amazon.co.jp/exec/obidos/ASIN/B000W9EGA4/hamagucci-22/ref=nosim/" target="_blank"><img style="border: none;" src="http://ecx.images-amazon.com/images/I/41P4ilfUPQL._SL160_.jpg" alt="Office 2008 for Mac ファミリー&amp;アカデミック" /></a></div>
<div class="amazlet-info" style="float:none;line-height:120%">
<div class="amazlet-name" style="margin-bottom:10px;line-height:120%"><a name="amazletlink" href="http://www.amazon.co.jp/exec/obidos/ASIN/B000W9EGA4/hamagucci-22/ref=nosim/" target="_blank">Office 2008 for Mac ファミリー&amp;アカデミック</a>
<div class="amazlet-powered-date" style="font-size:7pt;margin-top:5px;font-family:verdana;line-height:120%">posted with <a title="Office 2008 for Mac ファミリー&amp;アカデミック" href="http://www.amazlet.com/browse/ASIN/B000W9EGA4/hamagucci-22/ref=nosim/" target="_blank">amazlet</a> at 10.04.18</div>
</div>
<div class="amazlet-detail">マイクロソフト (2008-01-16)<br />売り上げランキング: 35<br /></div>
<div class="amazlet-link" style="margin-top: 5px"><a name="amazletlink" href="http://www.amazon.co.jp/exec/obidos/ASIN/B000W9EGA4/hamagucci-22/ref=nosim/" target="_blank">Amazon.co.jp で詳細を見る</a></div>
</div>
</div>]]>
        
    </content>
</entry>

<entry>
    <title>Gmailで未読メールを探すには？</title>
    <link rel="alternate" type="text/html" href="http://hamagucci.com/note/2010/03/30_1803/" />
    <id>tag:hamagucci.com,2010:/note//2.139</id>

    <published>2010-03-30T09:03:00Z</published>
    <updated>2010-03-30T09:46:20Z</updated>

    <summary>Gmailで次、次とクリックしても未読メールが見つからないときは、Gmailの検...</summary>
    <author>
        <name>hamagucci</name>
        <uri>http://hamagucci.com</uri>
    </author>
    
        <category term="Web Application" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="gmail" label="Gmail" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="google" label="Google" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="work" label="Work" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://hamagucci.com/note/">
        <![CDATA[<p>Gmailで次、次とクリックしても未読メールが見つからないときは、Gmailの検索フィールドに、is:unread と入力すると、未読メールのみ探せます。<br /> 日付の絞り込みもbefore,afterでできます。</p>
<ul>
<li><a href="http://www.amazon.co.jp/gp/redirect.html?ie=UTF8&amp;location=http%3A%2F%2Fwww.amazon.co.jp%2Fs%3Fie%3DUTF8%26x%3D0%26ref_%3Dnb%5Fsb%5Fnoss%26y%3D0%26field-keywords%3Dgmail%26url%3Dsearch-alias%253Daps&amp;tag=hamagucci-22&amp;linkCode=ur2&amp;camp=247&amp;creative=7399">Gmail関連の本をアマゾンで探す</a><img style="border:none !important; margin:0px !important;" src="https://www.assoc-amazon.jp/e/ir??t=hamagucci-22&amp;l=ur2&amp;o=9" border="0" alt="" width="1" height="1" /></li>
</ul>
<div class="amazlet-box" style="margin-bottom:20px;clear:both;overflow:hidden;">
<div class="amazlet-image" style="float:left;margin-right:15px;"><a name="amazletlink" href="http://www.amazon.co.jp/exec/obidos/ASIN/4478002037/hamagucci-22/ref=nosim/" target="_blank"><img style="border: none;" src="http://ecx.images-amazon.com/images/I/41w1dFWWB3L._SL160_.jpg" alt="効率が10倍アップする新・知的生産術―自分をグーグル化する方法" /></a></div>
<div class="amazlet-info" style="float:none;line-height:120%;">
<div class="amazlet-name" style="margin-bottom:10px;line-height:120%;"><a name="amazletlink" href="http://www.amazon.co.jp/exec/obidos/ASIN/4478002037/hamagucci-22/ref=nosim/" target="_blank">効率が10倍アップする新・知的生産術―自分をグーグル化する方法</a>
<div class="amazlet-powered-date" style="font-size:7pt;margin-top:5px;font-family:verdana;line-height:120%">posted with <a title="効率が10倍アップする新・知的生産術―自分をグーグル化する方法" href="http://www.amazlet.com/browse/ASIN/4478002037/hamagucci-22/ref=nosim/" target="_blank">amazlet</a> at 10.03.30</div>
</div>
<div class="amazlet-detail">勝間 和代 <br />ダイヤモンド社 <br />売り上げランキング: 1109<br /></div>
<div class="amazlet-link" style="margin-top: 5px"><a name="amazletlink" href="http://www.amazon.co.jp/exec/obidos/ASIN/4478002037/hamagucci-22/ref=nosim/" target="_blank">Amazon.co.jp で詳細を見る</a></div>
</div>
</div>
<div class="amazlet-box" style="margin-bottom:20px;clear:both;overflow:hidden;">
<div class="amazlet-image" style="float:left;margin-right:15px;"><a name="amazletlink" href="http://www.amazon.co.jp/exec/obidos/ASIN/4757216815/hamagucci-22/ref=nosim/" target="_blank"><img style="border: none;" src="http://ecx.images-amazon.com/images/I/512UuphBmZL._SL160_.jpg" alt="Gmail超仕事術―効率と生産性が飛躍的にアップする!" /></a></div>
<div class="amazlet-info" style="float:none;line-height:120%;">
<div class="amazlet-name" style="margin-bottom:10px;line-height:120%;"><a name="amazletlink" href="http://www.amazon.co.jp/exec/obidos/ASIN/4757216815/hamagucci-22/ref=nosim/" target="_blank">Gmail超仕事術―効率と生産性が飛躍的にアップする!</a>
<div class="amazlet-powered-date" style="font-size:7pt;margin-top:5px;font-family:verdana;line-height:120%">posted with <a title="Gmail超仕事術―効率と生産性が飛躍的にアップする!" href="http://www.amazlet.com/browse/ASIN/4757216815/hamagucci-22/ref=nosim/" target="_blank">amazlet</a> at 10.03.30</div>
</div>
<div class="amazlet-detail">山路 達也 田中 拓也 <br />アスペクト <br />売り上げランキング: 3652<br /></div>
<div class="amazlet-link" style="margin-top: 5px"><a name="amazletlink" href="http://www.amazon.co.jp/exec/obidos/ASIN/4757216815/hamagucci-22/ref=nosim/" target="_blank">Amazon.co.jp で詳細を見る</a></div>
</div>
</div>]]>
        
    </content>
</entry>

<entry>
    <title>Windows版iTunesの動作が重い件の対処法</title>
    <link rel="alternate" type="text/html" href="http://hamagucci.com/note/2010/01/08_0201/" />
    <id>tag:hamagucci.com,2010:/note//2.136</id>

    <published>2010-01-07T17:07:48Z</published>
    <updated>2010-01-07T17:36:45Z</updated>

    <summary>普通に使ってると非常に重たいWindows版iTunes。音楽を聴くにも若干もた...</summary>
    <author>
        <name>hamagucci</name>
        <uri>http://hamagucci.com</uri>
    </author>
    
        <category term="Application" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="itunes" label="iTunes" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="windows" label="Windows" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://hamagucci.com/note/">
        <![CDATA[<p>普通に使ってると非常に重たいWindows版<a href="http://click.linksynergy.com/fs-bin/click?id=5QGQ5swGfqU&amp;offerid=94348.10000012&amp;type=3&amp;subid=0">iTunes</a><img src="http://ad.linksynergy.com/fs-bin/show?id=5QGQ5swGfqU&amp;bids=94348.10000012&amp;type=3&amp;subid=0" border="0" alt="" width="1" height="1" />。音楽を聴くにも若干もたつきますし、ムービーを再生するのはもってのほか。静止画で固まってしまい、サムネイルしか観れません。<br /> これはアンチウィルスソフトがライブラリファイルなど(下記ファイル)を監視しているために陥ってしまう現象なのです。</p>
<p>下記2つのファイルを例外設定(監視ファイルから除外)します。<br /> &ldquo;C:\Documents and Settings\(User Name)\My Documents\My Music\iTunes&rdquo;</p>
<ul>
<li>&ldquo;iTunes Music Library.xml&rdquo;</li>
<li>&ldquo;iTunes Library.itl&rdquo;</li>
</ul>]]>
        <![CDATA[<p>確かにアンチウィルスソフトの入っていないMac版<a href="http://click.linksynergy.com/fs-bin/click?id=5QGQ5swGfqU&amp;offerid=94348.10000012&amp;type=3&amp;subid=0">iTunes</a><img src="http://ad.linksynergy.com/fs-bin/show?id=5QGQ5swGfqU&amp;bids=94348.10000012&amp;type=3&amp;subid=0" border="0" alt="" width="1" height="1" />ではとても軽快なので、WindowsとAppleのソフトの相性が悪いのかと思うほどでした。</p>
<p>但し、ウィルスに対する安全性の面でお使いのPCがまずい状態になるので、<a href="http://click.linksynergy.com/fs-bin/click?id=5QGQ5swGfqU&amp;offerid=94348.10000012&amp;type=3&amp;subid=0">iTunes</a><img src="http://ad.linksynergy.com/fs-bin/show?id=5QGQ5swGfqU&amp;bids=94348.10000012&amp;type=3&amp;subid=0" border="0" alt="" width="1" height="1" />にファイルをアップロードする際にはウィルスチェックをする必要があります。またこの設定をする前にもウィルスチェックをした方が良いです。</p>]]>
    </content>
</entry>

<entry>
    <title>Windows XP にXAMPP、ActivePerl(PerlMagick)とImageMagickをインストールする手順</title>
    <link rel="alternate" type="text/html" href="http://hamagucci.com/note/2009/11/05_1511/" />
    <id>tag:hamagucci.com,2009:/note//2.134</id>

    <published>2009-11-05T06:18:06Z</published>
    <updated>2011-03-25T08:16:23Z</updated>

    <summary> 	MovableTypeやWordPressなどのCMSをローカル環境(Win...</summary>
    <author>
        <name>hamagucci</name>
        <uri>http://hamagucci.com</uri>
    </author>
    
        <category term="Application" scheme="http://www.sixapart.com/ns/types#category" />
    
        <category term="PHP" scheme="http://www.sixapart.com/ns/types#category" />
    
        <category term="Perl" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="imagemagick" label="ImageMagick" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="perl" label="perl" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="php" label="PHP" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="xampp" label="XAMPP" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://hamagucci.com/note/">
        <![CDATA[<p>
	MovableTypeやWordPressなどのCMSをローカル環境(WindowsXP)にインストールする場合に必要になる手順をメモしておきます。<br />
	ImageMagickを使用する場合は、ActivePerl(PerlMagick:ImageMagickを操作するのに必要なPerlモジュール)とImageMagickのバージョンの違いにより、正常に組み込まれない場合があるので注意が必要です。</p>
<p>
	その他、XAMPPのインストールは<a href="http://www.apachefriends.org/jp/xampp-windows.html" title="apache friends - xampp for windows">XAMPP</a>のサイトからインストーラをダウンロードして実行するだけなので問題なくできると思います。但し、バージョン1.7.2はPHPのバージョンが5.3なので、うまくいかないようです。(WordPressでは2.7.x以前でないと動きません。)バージョン1.7.1以前を入れるとよいでしょう。私の場合、バージョン1.6.6aを入れ正常に動作しました。</p>
]]>
        <![CDATA[<h3>
	1.XAMPP のインストール</h3>
<p>
	XAMPPのバージョン1.6.6aをインストールします。</p>
<ul>
	<li>
		<a href="http://sourceforge.net/projects/xampp/files/" title="Browse XAMPP Files on SourceForge.net">Browse XAMPP Files on SourceForge.net</a></li>
	<li>
		ファイル名 ： <a class="ext_exe       dload { url: 'http://downloads.sourceforge.net/project/xampp/XAMPP%20Windows/1.6.6a/xampp-win32-1.6.6a-installer.exe' }" href="http://sourceforge.net/projects/xampp/files/XAMPP%20Windows/1.6.6a/xampp-win32-1.6.6a-installer.exe/download" title="/XAMPP Windows/1.6.6a/xampp-win32-1.6.6a-installer.exe:  released on 2008-02-22 11:41:56 GMT">xampp-win32-1.6.6a-installer.exe</a></li>
	<li>
		インストール先 ： c:\xampp または d:\xampp</li>
</ul>
<h3>
	2.XAMPPのパスワード設定</h3>
<p>
	MySQLを使用するため必要なパスワードを設定します。ここでは「root」のパスワードは任意で設定します。</p>
<ul>
	<li>
		URL : <a href="http://localhost/security/xamppsecurity.php">http://localhost/security/xamppsecurity.php</a></li>
</ul>
<h3>
	3.Perl Addon 5.8.8のインストール</h3>
<p>
	XAMPPのPerlモジュールアドオンをインストールします。</p>
<ul>
	<li>
		ファイル名 : <a href="http://sourceforge.net/projects/xampp/files/Windows%20add-ons/Perl/5.8.8/xampp-win32-perl-addon-5.8.8-2.2.8-installer.exe/download">xampp-win32-perl-addon-5.8.8-2.2.8-installer.exe</a></li>
	<li>
		インストール先 ： (任意のXAMPPインストールフォルダ)\perl</li>
</ul>
<h3>
	4.PCの再起動</h3>
<p>
	PCを再起動することで「XAMPP ステータス」の「Perlとmod_perl」に「開始」と表示されるようになります。</p>
<h3>
	5.ImageMagick 6.3.8-0のインストール</h3>
<p>
	ImageMagickの6.3.8-0をインストールします。<br />
	インストールオプションの「Install PerlMagick for ActiveState Perl v5.8.8 build 822」を忘れずチェックすること。</p>
<ul>
	<li>
		FILE : <a href="http://image_magick.veidrodis.com/image_magick/binaries/ImageMagick-6.3.8-0-Q8-windows-dll.exe">ImageMagick-6.3.8-0-Q8-windows-dll.exe</a></li>
	<li>
		インストール先：(XAMPPインストールフォルダ)\ImageMagick-6.3.8-Q8</li>
</ul>
<h3>
	6.Perl用ImageMagickモジュールのインストール(2011-03-25追記)</h3>
<ol>
	<li>
		コマンドプロンプトを立ち上げて、cd c:\xampp\perl\bin と入力しエンター。<br />
		C:\xampp\perl\bin と表示されているかどうか確認する。</li>
	<li>
		ppm install http://www.bribes.org/perl/ppm/Im age-Magick.ppd と入力しエンター。</li>
	<li>
		以下の内容が表示されればインストールが正常に終了。</li>
</ol>
<pre class="xml" name="code">C:\xampp\perl\bin&gt;ppm install http://www.bribes.org/perl/ppm/Image-Magick.ppd
Downloading Image-Magick-6.3.7...done
Unpacking Image-Magick-6.3.7...done
Generating HTML for Image-Magick-6.3.7...done
Updating files in site area...done
 141 files installed
</pre>
<h3>
	関連リンク</h3>
<ul>
	<li>
		<a href="http://www.h-fj.com/blog/archives/2009/05/02-094903.php" title="MTOS活用テクニックのActivePerl／ImageMagickインストール手順の修正 - The blog of H.Fujimoto">MTOS活用テクニックのActivePerl／ImageMagickインストール手順の修正 - The blog of H.Fujimoto</a></li>
	<li>
		<a href="http://www.koikikukan.com/archives/2009/04/12-012345.php" title="小粋空間: ImageMagick と Image::Magick（PerlMagick） のバージョン対応">小粋空間: ImageMagick と Image::Magick（PerlMagick） のバージョン対応</a></li>
	<li>
		<a href="http://www.dakiny.com/archives/movable-type/movable_type_4xampp_for_windowsimagemagick/">今日のMovable Type 4：ImageMagickをXAMPP for Windowsに簡単に組込む方法: 世界中の１％の人々へ</a></li>
</ul>
]]>
    </content>
</entry>

<entry>
    <title>MTプラグイン「MTBooter」でダミー記事を作成でエラー</title>
    <link rel="alternate" type="text/html" href="http://hamagucci.com/note/2009/08/18_1808/" />
    <id>tag:hamagucci.com,2009:/note//2.127</id>

    <published>2009-08-18T09:09:39Z</published>
    <updated>2009-08-18T09:28:25Z</updated>

    <summary>ローカル環境でテンプレート制作のために「MTBooter」プラグインを入れ、ダミ...</summary>
    <author>
        <name>hamagucci</name>
        <uri>http://hamagucci.com</uri>
    </author>
    
        <category term="Movable Type" scheme="http://www.sixapart.com/ns/types#category" />
    
        <category term="Perl" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="movabletype" label="Movable Type" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="perl" label="perl" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="plugins" label="plugins" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://hamagucci.com/note/">
        <![CDATA[<p>ローカル環境でテンプレート制作のために「MTBooter」プラグインを入れ、ダミー記事を作成しようとすると「Can't locate Acme/Wabby.pm in @INC・・・」というエラーが発生。</p>
<h3>現象</h3>
<p>ダミー記事を作成しようとすると、「Can't locate Acme/Wabby.pm in @INC・・・」というエラーが発生。</p>]]>
        <![CDATA[<h3>原因</h3>
<p>PerlモジュールAcme::Wabbyがないため。<br />私のローカル環境にPerlモジュールAcme::Wabbyが入っていませんでした。</p>
<h3>対処</h3>
<p>このPerlモジュールAcme::Wabbyは<a title="Nathan Poznick / Acme-Wabby-0.13 - search.cpan.org" href="http://search.cpan.org/%7Epoznick/Acme-Wabby-0.13/">search.cpan.org</a>からダウンロードします。<br />ダウンロードして解凍したファイルの中のWabby.pmを、/(mtインストールディレクトリ)/plugins/MTBooter/lib/Acme/Wabby.pm へコピーします。</p>
<p>詳しくは、<a title="45式::雑記" href="http://www.45shiki.net/blog/">45式::雑記</a>さんの<a title="ダミーデータ・テストデータを生成するプラグインMTBooter - 45式::雑記" href="http://www.45shiki.net/blog/2008/09/b000791.htm">記事</a>を参考にさせていただきました。</p>
<h3>参考サイト<br /></h3>
<p><a title="ダミーデータ・テストデータを生成するプラグインMTBooter - 45式::雑記" href="http://www.45shiki.net/blog/2008/09/b000791.htm">ダミーデータ・テストデータを生成するプラグインMTBooter - 45式::雑記</a></p>]]>
    </content>
</entry>

<entry>
    <title>IE7でpage-break-beforeプロパティで改ページされない</title>
    <link rel="alternate" type="text/html" href="http://hamagucci.com/note/2009/07/17_1507/" />
    <id>tag:hamagucci.com,2009:/note//2.123</id>

    <published>2009-07-17T06:51:38Z</published>
    <updated>2009-07-17T07:20:53Z</updated>

    <summary>印刷用CSSで使用するページ位置を指定するプロパティ「page-break-be...</summary>
    <author>
        <name>hamagucci</name>
        <uri>http://hamagucci.com</uri>
    </author>
    
    
    <content type="html" xml:lang="ja" xml:base="http://hamagucci.com/note/">
        <![CDATA[<p>印刷用CSSで使用するページ位置を指定するプロパティ「page-break-before」が、IE7だけ指定した位置で改ページされない場合があります。</p>
<p>MSDNの<a href="http://social.msdn.microsoft.com/forums/en-US/iewebdevelopment/thread/fe523ec6-2f01-41df-a31d-9ba93f21787b/">フォーラム</a>で以下のような対処法がありました。</p>]]>
        <![CDATA[<pre><code>&lt;div style="page-break-before:always;font-size:1;margin:0;border:0;"&gt;&lt;span style="visibility: hidden;"&gt;-&lt;/span&gt;&lt;/div&gt;</code></pre>
<p>このソースコードを改ページしたい位置に入れることで、IE7でも意図した位置で改ページされるようになりました。</p>]]>
    </content>
</entry>

<entry>
    <title>IE8に透過度を設定する-MS-filterプロパティ</title>
    <link rel="alternate" type="text/html" href="http://hamagucci.com/note/2009/06/11_1306/" />
    <id>tag:hamagucci.com,2009:/note//2.122</id>

    <published>2009-06-11T04:35:44Z</published>
    <updated>2009-06-11T04:40:32Z</updated>

    <summary>「-MS-filter」はIE8に透過度を設定するに透過度を設定するCSSプロパ...</summary>
    <author>
        <name>hamagucci</name>
        <uri>http://hamagucci.com</uri>
    </author>
    
        <category term="CSS" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="css" label="CSS" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="ie" label="IE" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://hamagucci.com/note/">
        <![CDATA[<p>「-MS-filter」はIE8に透過度を設定するに透過度を設定するCSSプロパティです。<br /> <a href="http://buildinternet.com/2009/03/sliding-boxes-and-captions-with-jquery/">Sliding Boxes and Captions with jQuery</a>（JavaScript ライブラリ）の解説ページにて発見しました。</p>]]>
        <![CDATA[<pre><code>/* Modern Browser */
opacity: .8;
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";</code></pre>]]>
    </content>
</entry>

<entry>
    <title>Mac版FirefoxでThickBoxの背景画像が表示されないトラブル</title>
    <link rel="alternate" type="text/html" href="http://hamagucci.com/note/2009/05/11_1805/" />
    <id>tag:hamagucci.com,2009:/note//2.121</id>

    <published>2009-05-11T09:56:21Z</published>
    <updated>2009-05-11T09:59:59Z</updated>

    <summary>画像、HTMLをモーダルウィンドウで表示させるJavaScriptライブラリ（j...</summary>
    <author>
        <name>hamagucci</name>
        <uri>http://hamagucci.com</uri>
    </author>
    
        <category term="Ajax" scheme="http://www.sixapart.com/ns/types#category" />
    
        <category term="JavaScript" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="javascript" label="JavaScript" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="jquery" label="jQuery" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="thickbox" label="thickbox" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://hamagucci.com/note/">
        <![CDATA[<p>画像、HTMLをモーダルウィンドウで表示させるJavaScriptライブラリ（jQueryのプラグイン）ThickBox。  <br />これを使ったページの表示確認中にMac版Firefox（以下、FF）で背景透過画像が表示されない現象にはまりました。  <br />原因はMac版FF用透過背景画像「macFFBgHack.png」とCSS「thickbox.css」が準備されていないことでした。</p>]]>
        <![CDATA[<h3>手順</h3>
<ol>
<li>How to Implement ThickBox:にある macFFBgHack.png をダウンロード </li>
<li>macFFBgHack.png をサーバーの任意の場所にアップロード。 </li>
<li>thickbox.css 「.TB_overlayMacFFBGHack」クラスセレクタの背景画像のパスをアップロードしたファイルのパスに合わせる。 </li>
</ol>
<h3>関連リンク</h3>
<ul>
<li><a href="http://jquery.com/demo/thickbox/">ThickBox 3.1</a> </li>
<li><a href="http://journal.mycom.co.jp/articles/2007/07/12/thickbox/">ゼロからはじめるThickBox 3 - 画像もHTMLファイルもスイスイ表示 マイコミジャーナル</a> <br />ThickBox 3 の詳しい使い方がわかります。 </li>
</ul>]]>
    </content>
</entry>

<entry>
    <title>Dreamweaverでライブラリタグを一括削除する方法</title>
    <link rel="alternate" type="text/html" href="http://hamagucci.com/note/2009/04/29_1904/" />
    <id>tag:hamagucci.com,2009:/note//2.119</id>

    <published>2009-04-29T10:08:38Z</published>
    <updated>2009-04-29T10:17:51Z</updated>

    <summary>Dreamweaverのテンプレートタグを一括削除（[修正] - [テンプレート...</summary>
    <author>
        <name>hamagucci</name>
        <uri>http://hamagucci.com</uri>
    </author>
    
    <category term="dreamweaver" label="Dreamweaver" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="正規表現" label="正規表現" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://hamagucci.com/note/">
        <![CDATA[<p>Dreamweaverのテンプレートタグを一括削除（[修正] - [テンプレート] - [マークアップを省略して書き出し]）はよく使っていましたが、ライブラリを使っているサイトではライブラリタグが残ってしまいます。Dreamweaverの基本機能にはないようです。<br />これを解決してくれるのが、いろいろなプログラム言語で使われている正規表現です。</p>]]>
        <![CDATA[<p>[編集] - [検索/置換] (ショートカット: ctrl＋F)で検索および置換を開き、下記正規表現を検索フィールドに入力し「すべて置換」をクリックする。<br />（「すべて置換」の操作は元に戻せませんので、あらかじめバックアップをとってから行ってください）</p>
<pre><code>&amp;lt;!--\\s#BeginLibraryItem[^&amp;lt;]*--&amp;gt;|&amp;lt;!--\\s#EndLibraryItem[^&amp;lt;]*--&amp;gt;</code></pre>
<dl><dt>参考にさせていただいた記事</dt><dd> 
<ul>
<li><a href="http://www.geocities.jp/dennou84/kowaza/kowaza.html#kanriKowaza">電脳狂想曲 Webデザインの小技</a></li>
<li><a href="http://www.mousouchiku.net/blog/2009/03/30-222251.php">モウソウチク日記</a></li>
</ul>
</dd></dl>]]>
    </content>
</entry>

<entry>
    <title>月別アーカイブで「月別アーカイブリスト」が正常に表示されない不具合</title>
    <link rel="alternate" type="text/html" href="http://hamagucci.com/note/2008/10/09_1210/" />
    <id>tag:hamagucci.com,2008:/note//2.105</id>

    <published>2008-10-09T03:43:56Z</published>
    <updated>2008-10-09T09:31:35Z</updated>

    <summary>この問題が起きてからちょっと放置していましたが、ちょっと時間が出来たので調査して...</summary>
    <author>
        <name>hamagucci</name>
        <uri>http://hamagucci.com</uri>
    </author>
    
        <category term="Movable Type" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="movabletype" label="Movable Type" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://hamagucci.com/note/">
        <![CDATA[<p>この問題が起きてからちょっと放置していましたが、ちょっと時間が出来たので調査してみました。<br />
始めはちょっとMTタグをいじってあげれば直るだろうと高をくくっていました。「MTArchives」タグでやるのかぁ、はたまた「MTArchives」タグで「MTArchiveList」タグを囲ってあげないと使えないのかぁ、等と色々試しましたが現象は変わらず。</p>
<h3>問題</h3>
<p>例えば、「2008年10月」のリンクからアーカイブページへジャンプしても「2008年10月」、「2008年9月」・・・とリストアップされず、「2008年10月」の1件しか表示されないという不具合が発生していました。</p>]]>
        <![CDATA[<h3>原因</h3>
<p> サイト検索してみたら、原因は「MTArchiveListHeader」タグがない事が起因しているようでした。確かにローカルで動かしているMTのデフォルトのテンプレートでは「MTArchiveListHeader」が使われていて正常に表示されていました。 </p>
<h3>対処</h3>
<p>月別アーカイブテンプレートに「MTArchiveListHeader」を使って記述。<br />
「MTArchiveListFooter」は無くても大丈夫のようです。</p>
<p class="codeblock"><code>&lt;h3 id=&quot;archives&quot;&gt;Archives&lt;/h3&gt;<br />&lt;MTArchiveList archive_type=&quot;Monthly&quot;&gt;&lt;MTArchiveListHeader&gt;&lt;ul class=&quot;article&quot;&gt;&lt;/MTArchiveListHeader&gt;<br />&lt;li&gt;&lt;a href=&quot;&lt;$MTArchiveLink$&gt;&quot; title=&quot;&lt;$MTArchiveTitle$&gt;&quot;&gt;&lt;$MTArchiveTitle$&gt;&lt;/a&gt;&lt;/li&gt;&lt;MTArchiveListFooter&gt;<br />&lt;/ul&gt;&lt;/MTArchiveListFooter&gt;&lt;/MTArchiveList&gt;</code></p>
<h3>参考サイト</h3>
<ul>
<li><a href="http://log.steadfaster.net/archives/2008/04/post-6.html">アーカイブページにおける全体の最新エントリーと月別アーカイブの一覧表示 | log.steadfaster</a></li>
<li><a href="http://www.koikikukan.com/archives/2008/02/07-011515.php">小粋空間: 「月別アーカイブリスト」が月別アーカイブで正常に表示されない不具合について</a></li>
</ul>
<p>上記サイトの運営者の方々、大変参考になりました。ありがとうございました。</p>
]]>
    </content>
</entry>

<entry>
    <title>XAMPPでMT4 -XAMPPインストール編-</title>
    <link rel="alternate" type="text/html" href="http://hamagucci.com/note/2008/08/06_1008/" />
    <id>tag:hamagucci.com,2008:/note//2.104</id>

    <published>2008-08-06T01:20:58Z</published>
    <updated>2008-08-15T02:27:48Z</updated>

    <summary>はじめに この覚書は以下に示す私のPC環境でのインストールを前提に記述しています...</summary>
    <author>
        <name>hamagucci</name>
        <uri>http://hamagucci.com</uri>
    </author>
    
        <category term="Movable Type" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="movabletype" label="Movable Type" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="xampp" label="XAMPP" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://hamagucci.com/note/">
        <![CDATA[<h3>はじめに</h3>
<p>この覚書は以下に示す私のPC環境でのインストールを前提に記述していますので、各環境によって状況が変わってしまう可能性があります。インストールに関してはすべて自己責任で行っていただき、環境が異なる場合は他のサイトを調べていただいた方が良いと思います。<br />
実際私もサイト検索でいろいろなサイトの記事を参考にしました。</p>

<p>XAMPPは<a href="http://www.apachefriends.org/jp/">ApacheFriends</a>によって開発＆提供されています。</p>

<dl>
<dt>PC環境</dt>
<dd>
<ul>
<li>OS: Windows XP SP3</li>
</ul>
</dd>
</dl>

<h3>目的</h3>
<p>以前から使っていたXAMPPを使ってローカルでMT開発ができれば、とても効率よく作業が進められるのはもちろん、apacheやperlやDB(SQL)などの設定を行うことで、自身のサーバ周りのスキルアップになると思ってXAMPPでMT4をインストールすることに踏み切りました。</p>
]]>
        <![CDATA[<h3>XAMPP for Windows のダウンロード</h3>
<p><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="2008080601_01.jpg" src="http://hamagucci.com/note/img/200808/2008080601_01.jpg" width="446" height="63" class="mt-image-none" style="" /></span><br />
<a href="http://www.apachefriends.org/jp/xampp-windows.html">Apache Friends - XAMPP for Windows</a>より</p>
<p><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="2008080601_02.jpg" src="http://hamagucci.com/note/img/200808/2008080601_02.jpg" width="386" height="250" class="mt-image-none" style="" /></span><br />
最新版(2008.08.06時点でXAMPP Windows版 1.6.7が最新)のXAMPPインストーラ版をダウンロードします。私は1.6.6をインストール済みでしたので、1.6.6で話を進めます。<br />

<p>※旧バージョンをインストールする場合は<a href="http://sourceforge.net/projects/xampp/">SourceForge.net: XAMPP</a>からダウンロードできます。タブメニュー「Download」より「Browes All Filles」。</p>

<h3>XAMPP for Windows のインストール</h3>

<h4>1. インストーラ版を起動</h4>
<p><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="2008080601_03.jpg" src="http://hamagucci.com/note/img/200808/2008080601_03.jpg" width="236" height="54" class="mt-image-none" style="" /></span><br />
ダウンロードしたXAMPPをダブルクリック</p>

<h4>2. 言語を選択</h4>
<p><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="2008080601_04.jpg" src="http://hamagucci.com/note/img/200808/2008080601_04.jpg" width="294" height="160" class="mt-image-none" style="" /></span><br />
「Japanese」を選択して「OK」をクリック</p>

<h4>3. セットアップウィザードに沿って設定</h4>
<p>「次へ」をクリック</p>

<h4>4. インストールディレクトリの設定</h4>
<p>インストール先フォルダを選択する。(任意)初期状態は「c:\xampp」変更の必要がなければそのままでOK</p>

<h4>5. サービス化の選択</h4>
<p><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="2008080601_05.jpg" src="http://hamagucci.com/note/img/200808/2008080601_05.jpg" width="470" height="369" class="mt-image-none" style="" /></span><br />
Apache, MySQL, FileZillaをサービスとしてインストールするかどうかを聞いてくるので、必要であればチェックをいれて「インストール」をクリック
</p>

<h4>6. インストールの実行</h4>
<p>インストールが始まり、コンポーネントの解凍・コピーが始まるので、終わるまでしばらく待つ</p>

<h4>7. インストールの完了</h4>
<p>「XAMPP 1.6.6aセットアップウィザードは完了しました。」のメッセージがでたら「完了」をクリック<br />
最後に、ダイアログで「Xamppコントロールパネルを今すぐ起動しますか？」と聞いてくるので、「はい」をクリック</p>

<h4>8. コントロールパネルの確認</h4>
<p><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="2008080601_06.jpg" src="http://hamagucci.com/note/img/200808/2008080601_06.jpg" width="445" height="352" class="mt-image-none" style="" /></span><br />
コントロールパネルが立ち上がる<br />
「開始」をクリックして「起動」という表示に切り替わればOK<br />
以上でXAMMP for Windowsのインストールは完了</p>
]]>
    </content>
</entry>

<entry>
    <title>Gmail の最新情報</title>
    <link rel="alternate" type="text/html" href="http://hamagucci.com/note/2008/05/06_2205/" />
    <id>tag:hamagucci.com,2008:/note//2.97</id>

    <published>2008-05-06T13:00:07Z</published>
    <updated>2008-05-06T13:04:40Z</updated>

    <summary>Gmail の最新情報 http://mail.google.com/mail/...</summary>
    <author>
        <name>hamagucci</name>
        <uri>http://hamagucci.com</uri>
    </author>
    
        <category term="Web Application" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="firefox" label="Firefox" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="gmail" label="Gmail" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="google" label="Google" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://hamagucci.com/note/">
        <![CDATA[<p>Gmail の最新情報<br />
http://mail.google.com/mail/help/intl/ja/about_whatsnew.html</p><p>同時にFirefoxでFirebugを使用しているユーザーには、「Firebug を正しく設定しなければ、Gmail の速度が低下します。&nbsp;<a target="_blank" href="http://mail.google.com/support/bin/answer.py?hl=ja&amp;ctx=mail&amp;answer=77355">修正する</a>&nbsp;&nbsp;&nbsp;<span id="link_firebug_hide" idlink="" tabindex="0" role="link">表示しない」のアナウンスも表示されるように。</span></p>]]>
        
    </content>
</entry>

<entry>
    <title>MIT Licenseとは</title>
    <link rel="alternate" type="text/html" href="http://hamagucci.com/note/2008/01/07_1401/" />
    <id>tag:hamagucci.com,2008:/note//2.87</id>

    <published>2008-01-07T05:54:33Z</published>
    <updated>2008-01-07T07:08:42Z</updated>

    <summary>MIT Licenseとは、ソフトウェアライセンスの代表的なもので制限が非常に緩...</summary>
    <author>
        <name>hamagucci</name>
        <uri>http://hamagucci.com</uri>
    </author>
    
    
    <content type="html" xml:lang="ja" xml:base="http://hamagucci.com/note/">
        <![CDATA[<p><abbr title="Massachusetts Institute of Technology">MIT</abbr> Licenseとは、ソフトウェアライセンスの代表的なもので制限が非常に緩いライセンス。</p>

<p>以下、Wikipediaより引用：
要約すると、<abbr title="Massachusetts Institute of Technology">MIT</abbr> Licenseとは次のようなライセンスである。</p>

<ol>
<li>このソフトウェアを誰でも無償で無制限に扱って良い。但し、著作権表示および本許諾表示を、ソフトウェアのすべての複製または重要な部分に記載しなければならない。</li>
<li>2. 作者または著作権者は、ソフトウェアに関してなんら責任を負わない。</li>
</ol>]]>
        <![CDATA[<h3>関連リンク</h3>
<ul>
<li><a href="http://www.opensource.org/licenses/mit-license.php">Open Source Initiative OSI - The MIT License:Licensing</a> (原文)</li>
<li><a href="http://sourceforge.jp/projects/opensource/wiki/licenses%2FMIT_license">Open Source Initiative OSI - The MIT License:Licensing</a> (オープンソースグループ・ジャパンによる日本語参考訳)</li>
<li><a href="http://ja.wikipedia.org/wiki/GNU_General_Public_License">GNU General Public License</a> (GPL)</li>
<li><a href="http://ja.wikipedia.org/wiki/GNU_Lesser_General_Public_License">GNU Lesser General Public License</a> (LGPL)</li>
<li><a href="http://ja.wikipedia.org/wiki/BSD_License">BSD License</a></li>
</ul>]]>
    </content>
</entry>

<entry>
    <title>Firefoxを軽快に動作させる方法</title>
    <link rel="alternate" type="text/html" href="http://hamagucci.com/note/2007/10/16_1510/" />
    <id>tag:hamagucci.com,2007:/note//2.83</id>

    <published>2007-10-16T06:22:40Z</published>
    <updated>2007-10-16T12:20:00Z</updated>

    <summary>拡張機能や日々のヘビーブラウジングをしているとだんだん動作が重くなってくるFir...</summary>
    <author>
        <name>hamagucci</name>
        <uri>http://hamagucci.com</uri>
    </author>
    
    <category term="firefox" label="Firefox" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://hamagucci.com/note/">
        <![CDATA[拡張機能や日々のヘビーブラウジングをしているとだんだん動作が重くなってくるFirefox。実はタブをたくさん開くとキャッシュメモリをとても消費するため、動作が重たくなる。<br />
これをメモリマネジメント、その他の方法で解消し、速度を向上することができる。]]>
        <![CDATA[<h3>メモリ消費量を劇的に減らす方法</h3>
<p>1. アドレスバーにabout:configと入力し、移動ボタン（またはEnterキーを押す）をクリックします。</p>
2. 表示された画面上部の”フィルタ”欄にbrowser.cache.memory.enableと入力する。<br />
3. browser.cache.memory.enableをダブルクリックし、”値”の部分を”true”にする。</p>
4. browser.cache.memory.enable上で右クリックし、新規作成→整数値をクリックする。</p>
5. ”新しい整数値の設定名”入力ボックスが表示されますので、空欄にbrowser.cache.memory.capacityと入力します。<br />
”整数値を入力してください”という窓が開きますので、そこに下記を参考にしてメモリに応じた数値を入力します。</p>
<ul>
<li>お使いのPCの搭載メモリが256MBの場合：4096</li>
<li>お使いのPCの搭載メモリが512MBの場合：8192</li>
<li>お使いのPCの搭載メモリが1GMBの場合：16384</li>
</ul>
<p>OKボタンをクリックします。</p>

<h3>Firefoxを最小化した際にメモリを解放する</h3>
<p>1. 同じく、アドレスバーにabout:configと入力</p>
<p>2. 表示画面上で右クリックし、新規作成→真偽値をクリック</p>
<p>3. 設定名入力欄にconfig.trim_on_minimizeと入力しOK</p>
<p>4. 次の画面で真偽値をtrueにし、OKボタンをクリックすれば完了です。</p>

<h3>ダウンロードの履歴を保存しない</h3>
<p>ダウンロード履歴を保存する設定になっているので、これを保存しない設定にする。<br />
私は元々しない設定にしていたので、あまり効果がわかりませんが、多少は効果があるでしょうね。</p>

<p>最後にFirefoxを再起動してください。Firefoxを再起動後設定が有効になります。</p>]]>
    </content>
</entry>

<entry>
    <title>nav-commenters.gifを生成させない方法</title>
    <link rel="alternate" type="text/html" href="http://hamagucci.com/note/2007/03/02_1003/" />
    <id>tag:hamagucci.com,2007:/note//2.78</id>

    <published>2007-03-02T01:09:28Z</published>
    <updated>2007-03-02T02:17:25Z</updated>

    <summary>ブログディレクトリ直下に自動生成されている「nav-commenters.gif...</summary>
    <author>
        <name>hamagucci</name>
        <uri>http://hamagucci.com</uri>
    </author>
    
        <category term="Movable Type" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="movabletype" label="Movable Type" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://hamagucci.com/note/">
        <![CDATA[<p>ブログディレクトリ直下に自動生成されている「nav-commenters.gif」ファイル。これはTypeKeyにサイン・インしたユーザーからのコメントがあった場合表示されるアイコンらしい。<br />
いろいろ調べた結果以下のような方法で必要ない場合は自動生成しない方法があるらしい。<br />
以下は、私の行った結果ですので、これを読んで試そうとされる方は自己責任で行ってください。</p>

<h3>- 「nav-commenters.gif」ファイルを自動生成しないようにする方法 -</h3>

<p>MTシステムファイル内の以下のファイルを開きます。
lib/MT/WeblogPublisher.pm</p>

<p>115行目付近にある
my $identity_link_image = $blog->site_path . "/nav-commenters.gif";</p>

<p>上記の「/nav-commenters.gif」を消して（空にする）下さい。<br />
あとは「WeblogPublisher.pm」をサーバにアップロード（上書き）して終わりです。再構築時に生成されなければ成功というわけです。<br />
とりあえず、動作確認したところ生成はされませんでした。</p>

<p>これを上手に利用したいという方には、ちょっと注意が必要です。<br />
これを表示させる変数タグ<code>&lt;MTCommentAuthorIdentity&gt;</code>が文法やアクセシビリティ？面であまりよろしくないタグを吐き出すそうです。</p>
]]>
        <![CDATA[<ol>
 <li>リンクにtitle属性がない</li>
 <li>imgタグにheight（高さ）とwidth（幅）属性がない</li>
 <li>img要素には使えないvalign="middle"</li>
 <li>XHTML1.1非推奨属性border属性が入っている</li>
</ol>

<p>これを修正するには<a href="http://hinagata.biz/" title="HINAGATA">HINAGATA</a>さんの記事<a href="http://hinagata.biz/log/2004/08/26/1118.html" title="HINAGATA:コメント投稿者画像部分の修正案">HINAGATA:コメント投稿者画像部分の修正案</a>を参考にするとよいと思います。こちらも行う場合は自己責任で行ってください。</p>]]>
    </content>
</entry>

<entry>
    <title>prototype.js</title>
    <link rel="alternate" type="text/html" href="http://hamagucci.com/note/2006/08/30_1408/" />
    <id>tag:hamagucci.com,2006:/note//2.75</id>

    <published>2006-08-30T05:12:01Z</published>
    <updated>2007-02-02T00:37:05Z</updated>

    <summary>JavaScriptのフレームワークの一つprototype.js。この特長はク...</summary>
    <author>
        <name>hamagucci</name>
        <uri>http://hamagucci.com</uri>
    </author>
    
        <category term="JavaScript" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="ajax" label="Ajax" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="framework" label="Framework" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="javascript" label="Javascript" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://hamagucci.com/note/">
        <![CDATA[<p><img alt="Logo:prototype.js" src="http://heavymetalcafe.com/examples/img/200608/prototype.png" width="190" height="86" class="left" />JavaScriptのフレームワークの一つprototype.js。この特長はクラス定義を行えて、Ajax.Requestメソッドでブラウザに関係なくリクエストを送信できるクロスプラットフォーム/クロスブラウザ対応な点。</p>]]>
        <![CDATA[<h3>関連リンク</h3>
<ul>
<li><a href="http://www.ark-web.jp/sandbox/wiki/index.php?Prototype.js%A4%C8%A4%CF%B2%BF%A4%AB#a982ec2b" title="Prototype.jsとは何か - PukiWiki">Prototype.jsとは何か - PukiWiki</a></li>
<li><a href="http://myearth.ddo.jp/mtblog/2006/02/000012.html" title="mtblog@myearth.ddo.jp: prototype.jsの一番簡単な使い方(1)">mtblog@myearth.ddo.jp: prototype.jsの一番簡単な使い方(1)</a></li>
<li><a href="http://myearth.ddo.jp/mtblog/2006/03/000013.html" title="mtblog@myearth.ddo.jp: prototype.jsの一番簡単な使い方(2)">mtblog@myearth.ddo.jp: prototype.jsの一番簡単な使い方(2)</a></li>
<li><a href="http://blog.nomadscafe.jp/archives/000569.html" title="prototype.jsのものすごく簡単な使い方。 : blog.nomadscafe.jp">prototype.jsのものすごく簡単な使い方。 : blog.nomadscafe.jp</a></li>
</ul>]]>
    </content>
</entry>

<entry>
    <title>.DS_Storeとは</title>
    <link rel="alternate" type="text/html" href="http://hamagucci.com/note/2006/08/23_1208/" />
    <id>tag:heavymetalcafe.com,2006:/articles//2.67</id>

    <published>2006-08-23T03:01:36Z</published>
    <updated>2007-02-02T00:37:38Z</updated>

    <summary>Macで作られたデータをWindowsで見ると「.DS_Store」というファイ...</summary>
    <author>
        <name>hamagucci</name>
        <uri>http://hamagucci.com</uri>
    </author>
    
        <category term="OS" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="os" label="OS" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="windows" label="Windows" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://hamagucci.com/note/">
        <![CDATA[<p>Macで作られたデータをWindowsで見ると「.DS_Store」というファイルが見える。これはMac側で開いたウィンドウのアイコンの位置等の記録ファイルで、削除しても支障はないらしいが、WindowsからMacの共有フォルダを見ていると、消してもまた見える可能性がある。</p>]]>
        <![CDATA[<h3></h3>
<ul>
<li>Apple:<a href="http://docs.info.apple.com/article.html?artnum=301711-ja">http://docs.info.apple.com/article.html?artnum=301711-ja</a></li>
<li>All About:<a href="http://allabout.co.jp/computer/macos/closeup/CU20040927A/">http://allabout.co.jp/computer/macos/closeup/CU20040927A/</a></li>
<li><a href="http://fb.skr.jp/bowz/archives/000782.html">http://fb.skr.jp/bowz/archives/000782.html</a></li>
<li><a href="http://www.fan.gr.jp/~sakai/archives/2005/07/ds_store.php">http://www.fan.gr.jp/~sakai/archives/2005/07/ds_store.php</a></li>
</ul>]]>
    </content>
</entry>

<entry>
    <title>Reflection.js</title>
    <link rel="alternate" type="text/html" href="http://hamagucci.com/note/2006/07/31_0007/" />
    <id>tag:heavymetalcafe.com,2006:/articles//2.74</id>

    <published>2006-07-30T15:21:28Z</published>
    <updated>2007-02-02T00:38:55Z</updated>

    <summary> 通常、画像編集ソフトで画像を加工して作り出すリフレクション効果。これを簡単に実...</summary>
    <author>
        <name>hamagucci</name>
        <uri>http://hamagucci.com</uri>
    </author>
    
        <category term="JavaScript" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="ajax" label="Ajax" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="framework" label="Framework" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="javascript" label="Javascript" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://hamagucci.com/note/">
        <![CDATA[<p><img alt="reflection.jsのサンプル画像" src="http://heavymetalcafe.com/examples/img/200607/reflection_sample1.jpg" width="240" height="66" /><br />
通常、画像編集ソフトで画像を加工して作り出すリフレクション効果。これを簡単に実現できるJavaScriptが「Reflection.js」。</p>
<p><a href="http://cow.neondragon.net/stuff/reflection/" title="Reflection.js公式ページ">公式ページ</a>からreflection.jsファイルをダウンロードし、jsフォルダに解凍する。head要素でreflection.jsを呼び出す指定をし、適用したいimg要素にclass属性で「reflect」と市指定する。反射した画像の高さと不透明度の指定は、高さ「rheight20」、不透明度「ropacity80」のように指定。末尾2桁はパーセンテージ指定で、デフォルトでは50%に設定されている。（両方を半角スペース区切りで指定可）</p>]]>
        <![CDATA[<dl>
<dt>head要素内にreflection.jsを読み込むソースを記述。</dt>
<dd>
<p class="codeblock"><code>&lt;script type="text/javascript" src="js/reflection.js"&gt;&lt;/script&gt;</code></p>
</dd>
<dt>通常のimg要素のソース</dt>
<dd>
<p class="codeblock"><code>&lt;img class="reflect" src="images/attention.png" /&gt;</code></p>
</dd>
<dt>reflection.jsを使用する際のimg要素のソース</dt>
<dd><p class="codeblock"><code>&lt;img class="reflect rheight20 ropacity80" src="images/attention.png" alt="注意" width="80" height="72" /&gt;</code></p>
</dd>
</dl>

<p>すると下記のようにJavaScriptでリフレクション効果を施すことができる。<br />
<img alt="reflection.jsのサンプル写真と画像" src="http://heavymetalcafe.com/examples/img/200607/reflection_sample2.jpg" width="160" height="66" /></p>

<p><em>対応ブラウザ</em>：公式ページではInternet Explorer（以下、IE）5.5、Firefox 1.5、Opera 9 Safariなど主要ブラウザに対応となっている。</p>

<h3>関連サイト</h3>
<ul>
<li><a href="http://cow.neondragon.net/stuff/reflection/" title="reflection.js公式サイト">reflection.js公式サイト</a></li>
</ul>]]>
    </content>
</entry>

<entry>
    <title>複数のブログでテンプレートモジュールを共有</title>
    <link rel="alternate" type="text/html" href="http://hamagucci.com/note/2006/07/12_1607/" />
    <id>tag:heavymetalcafe.com,2006:/articles//2.73</id>

    <published>2006-07-12T07:15:49Z</published>
    <updated>2007-02-02T00:43:27Z</updated>

    <summary>MovableType複数のブログを運営していて、ヘッダ、フッタ、ナビゲーション...</summary>
    <author>
        <name>hamagucci</name>
        <uri>http://hamagucci.com</uri>
    </author>
    
        <category term="Movable Type" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="blog" label="Blog" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="movabletype" label="Movable Type" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="mt" label="MT" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://hamagucci.com/note/">
        <![CDATA[<p>MovableType複数のブログを運営していて、ヘッダ、フッタ、ナビゲーションなどのサイト共通部分を一括管理したい。</p>
<p>そんな時は<a href="http://www.rayners.org/plugins/multiblog/" title="MultiBlog">MultiBlog</a>プラグインをが便利。MultiBlogは<a href="http://www.nonplus.net/software/mt/GlobalListings.htm" title="Global Listings">Global Listings</a>と並んで、複数ブログのエントリー情報の表示などに紹介されたりするのですが外部モジュールにも使用可能。<br />
このプラグインインストールして、テンプレートモジュールを管理するブログ（任意）に共通部分のテンプレートモジュールを作成し、テンプレートモジュールをインクルードする。</p>]]>
        <![CDATA[<p class="codeblock"><code>&lt;MTMultiBlog include_blogs=&quot;読み込むブログID&quot;&gt;<br />
&lt;$MTInclude module=&quot;読み込むモジュール名&quot;$&gt;<br />
&lt;/MTMultiBlog&gt;</code></p>

<p><strong>参考ページ</strong><br />
<a href="http://drblog.jp/archives/entries/369.html" title="複数のブログでモジュールを共有 | Dr.Blog -ブログ研究所-">複数のブログでモジュールを共有 | Dr.Blog -ブログ研究所-</a>
</p>

<dl>
<dt>プラグイン ダウンロードページ</dt>
<dd>
<ul>
<li><a href="http://www.rayners.org/plugins/multiblog/" title="MultiBlog">MultiBlog</a></li>
<li><a href="http://www.nonplus.net/software/mt/GlobalListings.htm" title="Global Listings">Global Listings</a></li>
</dd>
</dl>]]>
    </content>
</entry>

<entry>
    <title>border属性削除ツール</title>
    <link rel="alternate" type="text/html" href="http://hamagucci.com/note/2006/06/22_1406/" />
    <id>tag:heavymetalcafe.com,2006:/articles//2.51</id>

    <published>2006-06-22T05:19:07Z</published>
    <updated>2007-02-02T00:45:17Z</updated>

    <summary>imgタグではあまり薦められないborder属性。Dreamweaverで画像に...</summary>
    <author>
        <name>hamagucci</name>
        <uri>http://hamagucci.com</uri>
    </author>
    
        <category term="Dreamweaver" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="dreamweaver" label="Dreamweaver" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="html" label="HTML" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="拡張機能" label="拡張機能" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://hamagucci.com/note/">
        <![CDATA[<p>imgタグではあまり薦められないborder属性。Dreamweaverで画像にリンクを設定すると消していたborder属性もまた復活してしまう。そんな時便利なDreamweaver拡張機能「BorderZero.mxp」がある。<br />
<a href="http://homepage.mac.com/akira_maru/fireworks/indexdw.html">http://homepage.mac.com/akira_maru/fireworks/indexdw.html</a><br />
メールマガジン「DreamweaverではじめるWeb標準」より</p>]]>
        <![CDATA[<p>これは丸山あきらさんが制作されたもので、この拡張機能をMacromedia Extention Managerでインストールすると「コマンド」メニューに「ボーダー属性削除」が追加される。キーボードショートカットを編集して、簡単にborder属性を削除できる。</p>
<p>実際に私もDreamweaver MXにインストールして動作を確認した。本来基本機能としてあっても良いのにと思いつつ、このツールの素晴らしさに感動。<br />
最近業務ではあまりDreamweaverを使う機会が少なくなったが、この現象は経験していたときにこんな拡張機能があればすごく作業効率アップができたのにと思ってしまった。</p>]]>
    </content>
</entry>

<entry>
    <title>Gmail for your domain</title>
    <link rel="alternate" type="text/html" href="http://hamagucci.com/note/2006/05/25_2305/" />
    <id>tag:heavymetalcafe.com,2006:/articles//2.32</id>

    <published>2006-05-25T14:42:07Z</published>
    <updated>2010-05-07T05:10:34Z</updated>

    <summary>GoogleのフリーメールサービスGmailを独自ドメインで運用できるサービスG...</summary>
    <author>
        <name>hamagucci</name>
        <uri>http://hamagucci.com</uri>
    </author>
    
        <category term="Hosting" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="gmail" label="Gmail" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="google" label="Google" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="ドメイン" label="ドメイン" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://hamagucci.com/note/">
        <![CDATA[GoogleのフリーメールサービスGmailを独自ドメインで運用できるサービス<a href="https://www.google.com/hosted/Home" title="Gmail for your domain" class="offsite">Gmail for your domain</a>ベータ版の提供を2006年2月より開始。<br />
通常のGmailメールアドレス(@gmail.com）の@以下を任意のドメインに指定できる。Gmail同様に大容量の保存スペースや検索など各種機能が利用できるほか、ホスティングもGoogleが担当する。]]>
        <![CDATA[<p>現在独自ドメインで運用できるのはメールのみで、通常のホスティングサービスみたいにホームページ公開用スペースとしても利用できれば素晴らしいと思う。基本的に無料のサービスを提供するGoogle。ホームページ公開用スペースも無料で利用できるようになれば、他のレンタルサーバー、ホスティング会社はどうなってしまうのかと、無用な心配をしてしまう。ただ、<a href="http://suadd.com/blog/">suadd blog</a>さんの記事「<a href="http://as-is.net/blog/archives/001098.html">Gmail for your domainは素晴らしく使える</a>」では、<q>25アカウントまで無料というのもいいのですが、広告が出るのは気が散るしスペースが狭まって嫌なので、有料でいいので広告なしで安定して使いたいです。</q>とあるように、独自ドメインを使用しているのに広告が出てしまうのはちょっと気になる。無料のサービスでは避けられないところなのか。</p>

<p>実はWindows Live(Microsoft)ですでに類似のサービスを2005年11月より提供している。<br />
<a href="http://domains.live.com/" title="Custom Domains" class="offsite">Custom Domains</a> 容量:2GB（250MB/アカウント), アカウント数:最大20<br />
さすが、Google。また新しいサービスを始めたと思ったが、そんなに珍しくもなかったんですね。まだまだ勉強不足です。</p>

<ul>
<li><a href="https://www.google.com/hosted/Home" title="Gmail for your domain" class="offsite">Gmail for your domain</a></li>
<li><a href="http://domains.live.com/" title="Custom Domains" class="offsite">Custom Domains</a></li>
</ul>]]>
    </content>
</entry>

<entry>
    <title>JavaScriptを使用して新しいウィンドウでリンクを開く</title>
    <link rel="alternate" type="text/html" href="http://hamagucci.com/note/2006/05/25_2305/" />
    <id>tag:heavymetalcafe.com,2006:/articles//2.72</id>

    <published>2006-05-25T14:40:09Z</published>
    <updated>2010-05-07T05:47:39Z</updated>

    <summary>target属性はフレームを使用する際にリンク先のフレームを指定するために使用す...</summary>
    <author>
        <name>hamagucci</name>
        <uri>http://hamagucci.com</uri>
    </author>
    
        <category term="(X)HTML" scheme="http://www.sixapart.com/ns/types#category" />
    
        <category term="JavaScript" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="javascript" label="Javascript" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="xhtml" label="XHTML" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://hamagucci.com/note/">
        <![CDATA[<p>target属性はフレームを使用する際にリンク先のフレームを指定するために使用するのが、本来の使い方である。<abbr title="Extensible HyperText Markup Language">XHTML</abbr> 1.0 TransitionalとFramesetでは定義されている（どちらも非推奨要素とされている）が、<abbr title="Extensible HyperText Markup Language">XHTML</abbr> 1.0 Strictや<abbr title="Extensible HyperText Markup Language">XHTML</abbr> 1.1では採用されていない。<br /> しかし、a要素やarea要素のtarget属性には代替する方法がない。そこでJavaScriptを使用してリンクを記述する方法を使う。</p>]]>
        <![CDATA[<dl>
<dt>通常HTMLタグのみで使用したコード:</dt>
<dd>
<p class="codeblock"><code>&lt;a href=&quot;http://yourdomain.com/&quot; target=&quot;_blank&quot;&gt;yourdomain&lt;/a&gt;</code></p>
</dd>
<dt>JavaScriptを使用した通常のコード:</dt>
<dd>
<p class="codeblock"><code>&lt;a href=&quot;javascript:void(0);&quot; onclick=&quot;window.open('http://yourdomain.com/');&quot;&gt;foo&lt;/a&gt;</code></p>
<p>このコードではJavaScriptをオフにした環境ではリンクされない。また、ステータスバーにリンク先アドレスが記載されない為ユーザビリティに問題がある。</p>
<p class="codeblock"><code>&lt;a href=&quot;http://yourdomain.com/&quot; onclick=&quot;window.open('http://yourdomain.com/'); return false;&quot;&gt;foo&lt;/a&gt;</code></p>
<p>ステータスバーにリンク先が表示され、JavaScriptがオフでもリンク先を参照することが可能だ。</p>
</dd>
</dl>

<p>この方法では全部のリンクにonclickを記述する必要になる。また、HTMLタグをシンプルにする方がベターなので、DOM（イベントリスナー）を使用してもっとシンプルなソースコードにする。<br />
これはのちのち記載する予定。</p>]]>
    </content>
</entry>

<entry>
    <title>ActiveX コントロールのアクティブ化</title>
    <link rel="alternate" type="text/html" href="http://hamagucci.com/note/2006/05/08_2205/" />
    <id>tag:heavymetalcafe.com,2006:/articles//2.27</id>

    <published>2006-05-08T13:20:36Z</published>
    <updated>2007-02-02T00:52:19Z</updated>

    <summary>Win版IEで「このコントロールをアクティブ化して使用するにはクリックしてくださ...</summary>
    <author>
        <name>hamagucci</name>
        <uri>http://hamagucci.com</uri>
    </author>
    
        <category term="Flash" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="activex" label="ActiveX" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="flash" label="Flash" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="ie" label="IE" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="windows" label="Windows" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="アクティブコンテンツ" label="アクティブコンテンツ" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://hamagucci.com/note/">
        <![CDATA[Win版IEで「このコントロールをアクティブ化して使用するにはクリックしてください。」の表示が出て、クリックしないと動作しないことに気づいた。自分のマシンでは主にFirefoxを使用していてIETabでIEの表示確認をしているがずっとアップデートはしていなかったので、久々にFlashコンテンツを制作して他の人にXHTMLコーディングをやってもらっている時にWin版IEの確認でこのことを知った。<br />
これはEolas特許関(Microsoft社が、Eolas社の特許を侵害したとして提訴された訴訟でMSが敗訴した影響)連に起因しているようで]]>
        <![CDATA[<ul>
<li><a href="http://www.microsoft.com/japan/msdn/workshop/author/dhtml/overview/activating_activex.aspx" title="ActiveX コントロールのアクティブ化" class="offsite">ActiveX コントロールのアクティブ化</a></li>
<li><a href="http://www.adobe.com/jp/devnet/activecontent/" title="Adobe アクティブコンテンツディベロッパーセンター" class="offsite">Adobe アクティブコンテンツディベロップセンター</a></li>
<li><a href="http://allabout.co.jp/internet/javascript/closeup/CU20031106/index.htm" title="All About .js外部ファイル編　[9] Flash等をIE仕様変更に対応1" class="offsite">All About .js外部ファイル編　[9] Flash等をIE仕様変更に対応1</a></li>
</ul>]]>
    </content>
</entry>

<entry>
    <title>Web標準のFlashオブジェクト自在術</title>
    <link rel="alternate" type="text/html" href="http://hamagucci.com/note/2006/04/20_2304/" />
    <id>tag:heavymetalcafe.com,2006:/articles//2.26</id>

    <published>2006-04-20T14:27:43Z</published>
    <updated>2007-02-02T00:54:55Z</updated>

    <summary>FlashオブジェクトとWeb標準に準拠したXHTMLコーディングについてのコラ...</summary>
    <author>
        <name>hamagucci</name>
        <uri>http://hamagucci.com</uri>
    </author>
    
        <category term="Flash" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="flash" label="Flash" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="w3c" label="W3C" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="web標準" label="Web標準" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="xhtml" label="XHTML" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://hamagucci.com/note/">
        <![CDATA[FlashオブジェクトとWeb標準に準拠したXHTMLコーディングについてのコラム。<br />
私も仕事でFlashを使用したサイトを作ったことがあるが、DreamweaverでSWFファイルを読み込むかFlashでHTMLパブリッシュでコードを書き出しそのまま使用していた。だが、これでは<a href="http://www.w3c.org/" title="W3C" class="offsite">W3C</a>の推奨していないembedタグを含んでいるため、Web標準に準拠したサイトとはみなされず<a href="http://validator.w3.org/" title="標準準拠検証ツール" class="offsite">標準準拠検証ツール</a>でもお墨付きをいただけない。<br />
<em>ウェブ標準のフラッシュ・オブジェクト自在術</em>(webmonkey 23 Jan 2006の記事より)<br />
<cite>W3Cの標準準拠検証ツールには認めてもらえないってこと。ウェブ標準から外れちゃったからね。どうしてかと言えば、W3CのXHTML仕様はembed タグを推奨していないからだ。だけど、『ネットスケープ』(Netscape)系のブラウザーでは、embedタグが無いと機能しない。</cite>
]]>
        <![CDATA[<p>続きは制作中です。</p>
<ul>
<li>webmokey <a href="http://hotwired.goo.ne.jp/webmonkey/2006/04/index4a.html" class="offsite">ウェブ標準のフラッシュ・オブジェクト自在術</a></li>
<li><a href="http://www.w3c.org/" title="W3C" class="offsite">W3C</a></li>
<li><a href="http://validator.w3.org/" title="標準準拠検証ツール" class="offsite">標準準拠検証ツール</a></li>
<li><a href="http://www.alistapart.com/articles/flashsatay/" title="フラッシュ・サテー (Flash Satay)" class="offsite">フラッシュ・サテー (Flash Satay)</li>
</ul>]]>
    </content>
</entry>

<entry>
    <title>Ajax and Accessibility(アクセシビリティ)</title>
    <link rel="alternate" type="text/html" href="http://hamagucci.com/note/2006/04/09_2304/" />
    <id>tag:heavymetalcafe.com,2006:/articles//2.24</id>

    <published>2006-04-09T14:57:39Z</published>
    <updated>2007-02-02T00:57:19Z</updated>

    <summary>現在非常に注目されている技術Ajax。そして同時にWCAGなどでガイドラインが策...</summary>
    <author>
        <name>hamagucci</name>
        <uri>http://hamagucci.com</uri>
    </author>
    
        <category term="Ajax" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="accessibility" label="Accessibility" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="ajax" label="Ajax" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="wcag" label="WCAG" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="アクセシビリティ" label="アクセシビリティ" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://hamagucci.com/note/">
        <![CDATA[現在非常に注目されている技術Ajax。そして同時に<abbr title="Web Content Accessibility Guidelines">WCAG</abbr>などでガイドラインが策定され、Webページに対するアクセシビリティが重要視されている。このアクセシビリティの面でAjaxという技術はどうなのか、<acronym title="Asynchronous JavaScript + XML">Ajax</acronym>を使ったサイトが少しずつ増えてきている（また急速に増えることが予想される）昨今、これについて十分考えた上で使用することが、Web制作者として必須となってきていると思う。]]>
        <![CDATA[<dl>
<dt>スウェーデン在住のPeter Krantz氏が、Ajaxとアクセシビリティについて問題提起した記事「AJAX and Accessibility」</dt>
<dd><p>Standard-schmandards.com<br />
<a href="http://www.standards-schmandards.com/index.php?2005/03/01/16-ajax-and-accessibility" class="offsite">http://www.standards-schmandards.com/index.php?2005/03/01/16-ajax-and-accessibility</a></p>
<p>日本語訳<br />
<a href="http://www.memb.jp/^deq/voice/ss/ajax-and-accessibility.html" class="offsite">http://www.memb.jp/^deq/voice/ss/ajax-and-accessibility.html</a></p>
</dd>
<dt>アドビシステムズのアクセシビリティ担当Andrew Kirkpatrick氏とBob Regan氏のblog</dt>
<dd><p><a href="http://weblogs.macromedia.com/accessibility/archives/2005/09/ajax_access.cfm" class="offsite">http://weblogs.macromedia.com/accessibility/archives/2005/09/ajax_access.cfm</a></p></dd>
</dl>]]>
    </content>
</entry>

<entry>
    <title>Throwing Tables Out the Window</title>
    <link rel="alternate" type="text/html" href="http://hamagucci.com/note/2006/02/28_1102/" />
    <id>tag:heavymetalcafe.com,2006:/articles//2.20</id>

    <published>2006-02-28T02:37:49Z</published>
    <updated>2007-02-02T00:58:48Z</updated>

    <summary>テーブルは窓から投げ捨てろ(和訳:Throwing Tables Out the...</summary>
    <author>
        <name>hamagucci</name>
        <uri>http://hamagucci.com</uri>
    </author>
    
        <category term="CSS" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="css" label="CSS" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="douglasbowman" label="Douglas Bowman" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://hamagucci.com/note/">
        <![CDATA[テーブルは窓から投げ捨てろ(和訳:<strong>Throwing Tables Out the Window</strong>)<br />
<em>ママ見て、テーブルがないよ!</em><br />
<p>今年シアトルで開かれた Digital Design World に参加された方は、私 [Douglas Bowman] が行った「No More Tables, CSS レイアウトテクニック」というタイトルのセッションをご覧になったでしょう。このセッションでは、テーブルの正しい使い方を見直し、CSS を使ってそれらのテーブルにスタイルを適用する際のヒントをいくつか示しました。次に、テーブルを使わないレイアウト (tableless layout) を考え、2 つの基本的なアプローチ (positioning と float) の例と概要を見ていただきました。</p>
]]>
        <![CDATA[<p>プレゼンテーションが半分を過ぎたあたりで、私は趣を変えて、テーブルとスペーサー GIF を使った従来のレイアウトを完全な CSS レイアウトに書き換えた実例を示しました。本当は、プレゼンテーションの中で使えるような架空の例を作ることもできたのですが、そうすると、いかにも無理して作ったような、不自然なものになりそうだったのでやめました。もしそこで私が独自の例を作っていたら、それなりにきちんとした良いものが出来上がっていたでしょう。すべて私の期待通りに正確に表示されて、あらかじめ避けられることが分かった「問題点」はすべて取り除いた、完璧な状態になっていたはずです。</p>
<p>架空の例を作るのは物足りませんでした。私は本当の挑戦をしたかったのです。そこで、セッションを聞きに来てくださった方の中でも知っている人はほとんどいないと思われる、シアトルの小さな地元企業のサイトを実例に選びました。それは、</p>
<p><img src="img/logo_ms.gif" alt="Microsoft" width="108" height="27" /></p>
<p>まあ、実際には、このそれほど小さくない会社を知っていたのは、数人の参加者だけではなかったと思います。Microsoft の ホームページ には、毎日たくさんの利用者が訪れています。Microsoft の文字通りのホームページが、巨大検索エンジンの Google や Yahoo! と同じぐらい有名で、頻繁に利用されているかどうかは分かりません。しかし、microsoft.com 全体では膨大な量のアクセスがあって、毎日このドメインを通過する人は何百万という数に上るでしょう。</p>
<p>残念なことに、Microsoft のサイトはあまり最適化されていません。まだ何か躊躇しているようです。利用者は無駄にサイズが大きいページをダウンロードさせられ、サーバは余計な帯域を浪費し続けています。Microsoft のホームページに使われている HTML ファイルのサイズは 40 キロバイトで、決して「太りすぎた野獣」とは言えません。しかし実際には、独自属性がいっぱい使われて、厄介な JavaScript もいくつか含まれた、アクセシブルでない、いい加減な、テーブルベースのマークアップを抱えています。私がマークアップが正当 (valid) かどうかには触れなかったのに気が付きましたか。Microsoft は、XHTML 風のソースコードを書いているにもかかわらず、ホームページの doctype を省略しているのです。</p>
<p><a href="http://www.minutedesign.com/translations/stopdesign/throwing_tables/" >テーブルは窓から投げ捨てろ</a><br />
<a href="http://www.kuroduction.com/cache/minutedesign/translation_stopdesign_throwing_tables.shtml" >テーブルは窓から投げ捨てろ(和訳:minutedesign/原文:stopdesign) | PRiMENON</a></p>]]>
    </content>
</entry>

<entry>
    <title>requireとincludeの違い</title>
    <link rel="alternate" type="text/html" href="http://hamagucci.com/note/2006/02/03_1202/" />
    <id>tag:heavymetalcafe.com,2006:/articles//2.16</id>

    <published>2006-02-03T03:49:22Z</published>
    <updated>2007-02-02T00:59:26Z</updated>

    <summary>何が違うかというと、require文は指定したファイルが無い場合などのエラー時に...</summary>
    <author>
        <name>hamagucci</name>
        <uri>http://hamagucci.com</uri>
    </author>
    
        <category term="PHP" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="php" label="PHP" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://hamagucci.com/note/">
        <![CDATA[何が違うかというと、require文は指定したファイルが無い場合などのエラー時にはFatal Errorとして扱われます。つまり、読み込みに失敗した時などには処理が停止してしまうという事です。これに対してinclude文はWarningを出力しますが、処理は続行されます。<br />
つまり、ファイルが無い場合に処理を停止したければrequire文、続行したければinclude文です。]]>
        
    </content>
</entry>

<entry>
    <title>作成したページがIEで見ると空白ページになる</title>
    <link rel="alternate" type="text/html" href="http://hamagucci.com/note/2006/02/03_1102/" />
    <id>tag:heavymetalcafe.com,2006:/articles//2.15</id>

    <published>2006-02-03T02:16:44Z</published>
    <updated>2007-10-19T01:30:40Z</updated>

    <summary>たまにXHTMLで作成したページをIEで確認すると空白になる事がある。 空白なる...</summary>
    <author>
        <name>hamagucci</name>
        <uri>http://hamagucci.com</uri>
    </author>
    
        <category term="HTML/XHTML" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="css" label="CSS" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="ie" label="IE" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="xhtml" label="XHTML" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://hamagucci.com/note/">
        <![CDATA[たまに<abbr title="Extensible HyperText Markup Language">XHTML</abbr>で作成したページを<abbr title="Internet Explore">IE</abbr>で確認すると空白になる事がある。<br />
空白なるページとならないページの違いをさがしたが判らなかったが、titleの最後にスペースを入れることで回避できることは、たまたま発見できた。]]>
        <![CDATA[<p>だが最近<a href="http://www.res-system.com/weblog/">WEB ARTIASN BLOG-ウェブ アルチザン ブログ</a>さんの記事で[<a href="http://www.res-system.com/weblog/item/509/catid/34">PHP:作成したページがIEで見るとたまに空白ページになる件:header</a>]というのを見つけ、原因がはっきりしたような気がする。</p>]]>
    </content>
</entry>

<entry>
    <title>ブロックボックス化した要素を含むリストアイテムの後ろに空行が入るバグ</title>
    <link rel="alternate" type="text/html" href="http://hamagucci.com/note/2006/01/27_1201/" />
    <id>tag:heavymetalcafe.com,2006:/articles//2.13</id>

    <published>2006-01-27T03:41:12Z</published>
    <updated>2007-02-02T01:01:12Z</updated>

    <summary>IE5.X/6.0でブロック要素の内容物にリストアイテム要素ボックスの直後に空行...</summary>
    <author>
        <name>hamagucci</name>
        <uri>http://hamagucci.com</uri>
    </author>
    
        <category term="CSS" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="css" label="CSS" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="xhtml" label="XHTML" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://hamagucci.com/note/">
        IE5.X/6.0でブロック要素の内容物にリストアイテム要素ボックスの直後に空行が入る。
        <![CDATA[<h3>回避法</h3>
<ul>
<li>リストアイテム要素の内容物の末尾を、 display:block; を指定した要素にしない。</li>
<li>リストアイテム要素または display:block; を指定した要素のwidthプロパティやheightプロパティを明示する（WinIEバグ070に注意）。</li>
<li>リストアイテム要素の終了タグの直前や直後で改行しない。</li>
<li>リストアイテム要素にボーダーまたはパディングを設置する。</li>
</ul>
<p>上記方法でも私の場合回避できなかったので、リストアイテム要素に<pre>height:1%;margin-bottom:(マイナスの値);</pre>を設定して回避できた。</p>
]]>
    </content>
</entry>

<entry>
    <title>アンカーを:hover状態にすると親ブロックの高さ/マージンが変化するバグ</title>
    <link rel="alternate" type="text/html" href="http://hamagucci.com/note/2006/01/24_1801/" />
    <id>tag:heavymetalcafe.com,2006:/articles//2.12</id>

    <published>2006-01-24T09:12:46Z</published>
    <updated>2007-02-02T01:02:06Z</updated>

    <summary>私はCSSコーディング中にIEでプレビューすると、a:hoverで上下マージン(...</summary>
    <author>
        <name>hamagucci</name>
        <uri>http://hamagucci.com</uri>
    </author>
    
        <category term="CSS" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="css" label="CSS" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="xhtml" label="XHTML" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://hamagucci.com/note/">
        <![CDATA[私はCSSコーディング中にIEでプレビューすると、a:hoverで上下マージン(margin,padding)が変わることがよくある。<br />
これには以下のような条件があるようだ。<br />
<blockquote>
<dl>
<dt>条件1:</dt>
<dd>
<ul>
<li>3重以上の入れ子ブロックになっている。</li>
<li>一番内側のブロックに含まれたa要素に:hover疑似クラスで背景を設定している。</li>
<li>最も内側のブロックに任意の上下マージンを設定している。</li>
<li>内側から2番目のブロックに背景とボーダーを設定している。</li>
<li>内側から3番目のブロックに任意の幅を設定している。</li>
</ul>
</dd>
<dt>条件2:</dt>
<dd>
<ul>
<li>3重以上の入れ子ブロックになっており、最も内側のブロックが複数存在する。</li>
<li>一番内側のブロックに含まれたa要素に:hover疑似クラスで背景を設定している。</li>
<li>内側から2番目のブロックに任意の上下マージンを設定している。</li><li>内側から2番目のブロックまたはそれより内側にある要素に背景を設定している。</li><li>内側から3番目のブロックに任意の幅を設定している。</li>
</ul>
</dd>
</dl>
</blockquote>]]>
        <![CDATA[<p>下記サイトによると、バグの回避法がいくつか分かっているようだ。<br /><a href="http://cssbug.at.infoseek.co.jp/detail/winie/b102.html">Internet Explorer (Windows) CSSバグリスト</a></p>
<blockquote>
<ul>
<li>内側から3番目のブロックで幅を指定しない。（条件群1と条件群2の両方に有効）
</li>
<li>最も内側のブロックの内部かつa要素より後ろにブロック要素を置く。（条件群1と条件群2の両方に有効。ただし、条件群2の場合はブロック要素自身またはその子孫要素に背景を指定してはならない）</li>
<li>背景をなしにする。（条件群1と条件群2の両方に有効）</li>
<li>一番内側のブロックのマージン量と内側から2番目のブロックのマージン量を同じにする。（条件群1と条件群2の両方に有効）</li>
<li>内側から2番目のブロックにボーダーを設置しない。（条件群1に有効）</li>
<li>内側から2番目のブロックにボーダーを設置する。（条件群2に有効）</li>
</ul>
</blockquote>
<p>私が経験した範囲では、多重入れ子のブロック要素のマージン量の関係が原因のようだった。どちらにしても正しいXHTMLとCSSによってコーディングするように心掛けなくては。</p>]]>
    </content>
</entry>

<entry>
    <title>検索ボックスのテキストを表示/非表示させる</title>
    <link rel="alternate" type="text/html" href="http://hamagucci.com/note/2005/12/30_2212/" />
    <id>tag:heavymetalcafe.com,2005:/articles//2.8</id>

    <published>2005-12-30T13:46:54Z</published>
    <updated>2007-02-02T01:03:32Z</updated>

    <summary>検索ボックスにテキストを表示させておき、フォーカスされたらテキストが消える。...</summary>
    <author>
        <name>hamagucci</name>
        <uri>http://hamagucci.com</uri>
    </author>
    
        <category term="JavaScript" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="html" label="HTML" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="javascript" label="Javascript" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://hamagucci.com/note/">
        <![CDATA[<p>検索ボックスにテキストを表示させておき、フォーカスされたらテキストが消える。</p>]]>
        <![CDATA[<p>
<pre>
<form method="post" action="">
  <p>
    <label for="search">ブログ内を検索:</label><br>
    <input class="solid" id="search" name="search" size="20" value="keyword(s)"
      onblur="if (value == '') {value = 'keyword(s)'}"
      onfocus="if (value == 'keyword(s)') {value =''}">
    <input type="submit" value="検索">
  </p>
</form>
</pre>
</p>]]>
    </content>
</entry>

</feed>

