<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	>

<channel>
	<title>eclucifer &#187; Web 関連</title>
	<atom:link href="http://eclucifer.net/blog/web/feed/" rel="self" type="application/rss+xml" />
	<link>http://eclucifer.net</link>
	<description>lynx による創作オリジナル中心イラストサイト。</description>
	<pubDate>Fri, 19 Feb 2010 21:43:17 +0900</pubDate>
	<generator>http://wordpress.org/?v=2.5.1</generator>
	<language>ja</language>
			<item>
		<title>【WordPress2.5.1】 RSS フィードの時刻を GMT から JST に修正</title>
		<link>http://eclucifer.net/blog/web/2009090501.html</link>
		<comments>http://eclucifer.net/blog/web/2009090501.html#comments</comments>
		<pubDate>Sat, 05 Sep 2009 18:48:39 +0900</pubDate>
		<dc:creator>lynx</dc:creator>
		
		<category><![CDATA[Web 関連]]></category>

		<category><![CDATA[blog]]></category>

		<category><![CDATA[RSS]]></category>

		<category><![CDATA[tips]]></category>

		<category><![CDATA[Web制作]]></category>

		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://eclucifer.net/?p=532</guid>
		<description><![CDATA[昨日 『 『 TINAMI 』 に登録しての良かった点まとめ 』 を書き終えたあと、何とはなしに クリエイタープロフィールの最新の更新情報 を見てみたら、投稿時間が9時間ズレていました。


11:42 となっていますが [...]]]></description>
			<content:encoded><![CDATA[<p>昨日 『 <a href="/blog/web/2009090401.html" title="『 TINAMI 』 に登録しての良かった点まとめ - eclucifer blog">『 TINAMI 』 に登録しての良かった点まとめ</a> 』 を書き終えたあと、何とはなしに <a href="http://www.tinami.com/creator/profile/10146" title="lynxさんのクリエイタープロフィール - TINAMI">クリエイタープロフィールの最新の更新情報</a> を見てみたら、投稿時間が<span class="both">9</span>時間ズレていました。</p>
<dl class="style5">
<dt><a href="http://www.tinami.com/creator/profile/10146" class="image" title="lynxさんのクリエイタープロフィール - TINAMI"><img src="/image/blog/2009090501.png" width="547" height="190" alt="最新の更新情報" /></a></dt>
<dd>11:42 となっていますが、本来の投稿時間は 20:42 でした。<br />
		また、それ以前の時刻もすべて<span class="both">-9</span>時間になっていました。</dd>
</dl>
<p>何が原因か判らず <a href="http://twitter.com/eclucifer" title="lynx (eclucifer) on Twitter">Twitter</a> にてヘルプしたところ、 <a href="http://ja.wordpress.org/" title="WordPress | 日本語">WordPress</a> のフィード側の問題のようでした。<br />
WordPress のフィードは <acronym title="Greenwich Mean Time">GMT</acronym>（グリニッジ標準時）で配信されますが、日本は<span class="both">+9</span>時間のため <acronym title="Japanese Standard Time">JST</acronym>（日本標準時）に修正する必要があるとのこと。</p>
<p>『 <a href="http://karu.jp/w/51.html" title="WordPress 2.5 のフィードの時間修正 - karu.jp">WordPress 2.5 のフィードの時間修正 - karu.jp</a> 』 を参考に、以下のとおり修正しました。</p>
<p><em class="new">ご利用のバージョンによって修正箇所などが異なりますのでご注意ください。<br />
また、必ず事前のバックアップを忘れないようにしてください。</em></p>
<p><span id="more-532"></span></p>
<dl class="style5">
<dt><em class="new">wp-includes/feed-atom.php</em></dt>
<dd>
<pre class="noSpace"><code>&lt;updated&gt;&lt;?php echo mysql2date('Y-m-d\TH:i:s\Z', get_lastpostmodified(<em class="new">'GMT'</em>)); ?&gt;&lt;/updated&gt;</code></pre>
<p class="noSpace"><code>'GMT'</code> を削除。</p>
</dd>
<dd>
<pre class="noSpace"><code>&lt;updated&gt;&lt;?php echo get_post_modified_time('Y-m-d\TH:i:s\Z', <em class="new">true</em>); ?&gt;&lt;/updated&gt;
&lt;published&gt;&lt;?php echo get_post_time('Y-m-d\TH:i:s\Z', <em class="new">true</em>); ?&gt;&lt;/published&gt;</code></pre>
<p class="noSpace"><code>true</code> を <code>false</code> に。</p>
</dd>
<dt><em class="new">wp-includes/feed-rdf.php</em></dt>
<dd>
<pre class="noSpace"><code>&lt;dc:date&gt;&lt;?php echo mysql2date('Y-m-d\TH:i:s\Z', get_lastpostmodified(<em class="new">'GMT'</em>), false); ?&gt;&lt;/dc:date&gt;</code></pre>
<p class="noSpace"><code>'GMT'</code> を削除。</p>
</dd>
<dd>
<pre class="noSpace"><code>&lt;dc:date&gt;&lt;?php echo mysql2date('Y-m-d\TH:i:s\Z', $post-&gt;post_date<em class="new">_gmt</em>, false); ?&gt;&lt;/dc:date&gt;</code></pre>
<p class="noSpace"><code>_gmt</code> 削除。</p>
</dd>
<dt><em class="new">wp-includes/feed-rss.php</em></dt>
<dd>
<pre class="noSpace"><code>&lt;lastBuildDate&gt;&lt;?php echo mysql2date('D, d M Y H:i:s <em class="new">+0000</em>', get_lastpostmodified(<em class="new">'GMT'</em>), false); ?&gt;&lt;/lastBuildDate&gt;</code></pre>
<p class="noSpace"><code>+0000</code> を <code>O</code> にし、<code>'GMT'</code> を削除。</p>
</dd>
<dt><em class="new">wp-includes/feed-rss2-comments.php</em></dt>
<dd>
<pre class="noSpace"><code>&lt;pubDate&gt;&lt;?php echo <em class="new">gm</em>date('r'); ?&gt;&lt;/pubDate&gt;</code></pre>
<p class="noSpace"><code>gm</code> 削除。</p>
</dd>
<dd>
<pre class="noSpace"><code>&lt;pubDate&gt;&lt;?php echo mysql2date('D, d M Y H:i:s <em class="new">+0000</em>', get_comment_time('Y-m-d H:i:s', <em class="new">true</em>), false); ?&gt;&lt;/pubDate&gt;</code></pre>
<p class="noSpace"><code>+0000</code> を <code>O</code> にし、<code>true</code> を <code>false</code> に。</p>
</dd>
<dt><em class="new">wp-includes/feed-rss2.php</em></dt>
<dd>
<pre class="noSpace"><code>&lt;pubDate&gt;&lt;?php echo mysql2date('D, d M Y H:i:s <em class="new">+0000</em>', get_lastpostmodified(<em class="new">'GMT'</em>), false); ?&gt;&lt;/pubDate&gt;</code></pre>
<p class="noSpace"><code>+0000</code> を <code>O</code> にし、<code>'GMT'</code> を削除。</p>
</dd>
<dd>
<pre class="noSpace"><code>&lt;pubDate&gt;&lt;?php echo mysql2date('D, d M Y H:i:s <em class="new">+0000</em>', get_post_time('Y-m-d H:i:s', <em class="new">true</em>), false); ?&gt;&lt;/pubDate&gt;</code></pre>
<p class="noSpace"><code>+0000</code> を <code>O</code> にし、<code>true</code> を <code>false</code> に。</p>
</dd>
</dl>
<p>最後に、配信しているフィードのソースを開き、以下のようになっていれば OK です。</p>
<pre class="noSpace"><code>&lt;pubDate&gt;Sat, 05 Sep 2009 18:49:41 <em class="new">+0900</em>&lt;/pubDate&gt;</code></pre>
<hr class="style1" />
<p>WordPress になってどんだけ経つんだよ ･･････ という話ですが今頃気付くという。</p>
<h3 class="sticky">関連エントリー</h3>
<ul>
<li><a href="/blog/web/2008071501.html" title="WordPress なサイト制作時に参考にしたサイトや使用中のプラグインなどのまとめ - eclucifer blog">WordPress なサイト制作時に参考にしたサイトや使用中のプラグインなどのまとめ</a></li>
<li><a href="/blog/web/2009010301.html" title="WordPress の本文内でコメントアウトすると、P要素が自動挿入される件。 - eclucifer blog">WordPress の本文内でコメントアウトすると、<span class="right">P</span>要素が自動挿入される件。</a></li>
<li><a href="/blog/web/2009010501.html" title="WordPress のクイックタグ追加プラグインで楽々実体参照 - eclucifer blog">WordPress のクイックタグ追加プラグインで楽々実体参照</a></li>
<li><a href="/blog/web/2009010302.html" title="HTML実体参照変換ツールで楽々実体参照 - eclucifer blog"><span class="right">HTML</span>実体参照変換ツールで楽々実体参照</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://eclucifer.net/blog/web/2009090501.html/feed/</wfw:commentRss>
		</item>
		<item>
		<title>『 TINAMI 』 に登録しての良かった点まとめ</title>
		<link>http://eclucifer.net/blog/web/2009090401.html</link>
		<comments>http://eclucifer.net/blog/web/2009090401.html#comments</comments>
		<pubDate>Fri, 04 Sep 2009 20:42:14 +0900</pubDate>
		<dc:creator>lynx</dc:creator>
		
		<category><![CDATA[Web 関連]]></category>

		<category><![CDATA[blog]]></category>

		<category><![CDATA[push!!]]></category>

		<category><![CDATA[review]]></category>

		<category><![CDATA[Webサービス]]></category>

		<guid isPermaLink="false">http://eclucifer.net/?p=531</guid>
		<description><![CDATA[
今さらながら 『 TINAMI 』 に登録してみました。
昔むかしの検索サイトだった頃は大変お世話になっていたのですが、時代の流れからか全く新しいコミュニケーションサイトへと生まれ変わることとなったとき、どうしても心が [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.tinami.com/" class="image" title="TINAMI - Navigator of Manga Artists -"><img src="/image/blog/2009090401a.png" class="float" width="174" height="58" alt="TINAMI" /></a></p>
<p>今さらながら 『 <a href="http://www.tinami.com/" title="TINAMI - Navigator of Manga Artists -">TINAMI</a> 』 に登録してみました。<br />
昔むかしの検索サイトだった頃は大変お世話になっていたのですが、時代の流れからか全く新しいコミュニケーションサイトへと生まれ変わることとなったとき、どうしても心がついていかず離れてしまっていたのでした。 が、ちょっとしたキッカケで登録してみたのですが ･･････ これはいい！</p>
<p><span id="more-531"></span></p>
<h3 class="clear sticky">検索</h3>
<dl class="style5">
<dt><img src="/image/blog/2009090401b.png" width="498" height="193" alt="作品検索" title="作品検索" /></dt>
<dd>［ キーワード ］ 欄に任意の語句を入力し ［ 検索モード ］ のチェックボックスを選択することで、イラストならイラスト、マンガならマンガ、イラストとマンガならそれぞれの中から、というように結果を絞り込める。</dd>
<dt><img src="/image/blog/2009090401c.png" width="498" height="193" alt="並び順" title="並び順" /></dt>
<dd>［ 並び順 ］ では検索結果の表示順序を指定出来ます。</dd>
<dd>
<dl>
<dt>新着順</dt>
<dd class="noSpace">投稿日時の新しい順。</dd>
<dt>支援スコアの高い順</dt>
<dd>閲覧数と支援数を総合的に判断したスコアの高い順。<br />
						作品を閲覧した方が ［ 支援ボタン ］ を押した割合が多くなるほどスコアが高くなります。</dd>
<dt>支援数の多い順</dt>
<dd class="noSpace">支援ユーザー数の多い順。</dd>
<dt>閲覧数の多い順</dt>
<dd class="noSpace">閲覧ユーザー数の多い順。</dd>
</dl>
</dd>
<dt><img src="/image/blog/2009090401d.png" width="291" height="173" alt="詳細検索" title="詳細検索" /></dt>
<dd>検索フォーム右下の ［ 詳細検索を表示 ］ をクリックすると、さらに詳細な検索が出来るようになります。</dd>
<dd>
<ul>
<li>『 オリジナル 』 ジャンルのみに絞りたいとき</li>
<li>男の子キャラだけの絵を見たいとき</li>
<li>取り敢えず人気の絵を見たいとき</li>
</ul>
<p>などなど、これがまたほんとカユいところに手が届く嬉しさ！<br />
				作品を投稿する際に ［ 作品種別 ］ と ［ キャラクター ］ を必ず指定しなければならないため、検索漏れもありません。</p>
</dd>
<dt><img src="/image/blog/2009090401f.png" width="447" height="66" alt="類似キーワード" title="類似キーワード" /></dt>
<dd>例えば 『 エルフ 』 と検索した場合、このように類似キーワードが表示されます。<br />
			［ まとめて検索 ］ をクリックすることで、タグのブレによる漏れがなく見ることが出来ます。</dd>
<dt><a href="http://www.tinami.com/help/creator_search" class="image" title="クリエイター検索 - TINAMI ヘルプ"><img src="/image/blog/2009090401e.png" width="498" height="202" alt="クリエイター検索" /></a></dt>
<dd>作品だけではなく、クリエイターの検索も出来ます。<br />
			クリエイターは投稿作品の傾向などをキーワード登録していますので、好みのクリエイターと出会えます。</dd>
<dd>［ イラストレーター ］ ［ マンガ家 ］ ［ 小説家 ］ など、ジョブごとの絞込みも出来ます。</dd>
</dl>
<p>その他詳細は 『 <a href="http://www.tinami.com/help/search_list" title="コンテンツ検索ページ - TINAMI ヘルプ">作品検索 ヘルプ</a> 』 をご覧ください。</p>
<h3 class="sticky">ウォッチ</h3>
<dl class="style5">
<dt><a href="http://www.tinami.com/watchkeyword" class="image" title="ウォッチキーワード編集/削除 - TINAMI"><img src="/image/blog/2009090401g.png" width="160" height="295" alt="ウォッチキーワード" /></a></dt>
<dd>このキーワードの作品は見逃せない！というキーワードを登録出来ます。<br />
			デフォルトで類似キーワードも含まれているのは優秀！<br />
			検索する際のショートカットにもなり便利です。</dd>
<dt><img src="/image/blog/2009090401h.jpg" width="569" height="172" alt="ウォッチタブ" title="ウォッチタブ" /></dt>
<dd>ウォッチキーワードに登録したキーワードを含む作品は、トップページの ［ ウォッチタブ ］ にまとめて抽出されます。 抽出件数は最新の<span class="one">15</span>件のみです。 他のタブのように ［ もっと見る ］ リンクがないのが難。</dd>
</dl>
<h3 class="sticky">閲覧</h3>
<dl class="style5">
<dt><img src="/image/blog/2009090401i.png" width="80" height="20" alt="支援する！" title="支援する！" /></dt>
<dd>作品が気に入ったら ［ 支援する<span class="right">！</span>］ ボタンをクリックすることでその作品を応援出来ます。<br />
			『 <a href="http://www.pixiv.net/" title="pixiv">pixiv</a> 』 の<span class="one">10</span>点満点中何点、といった点数式ではないので、押す方は純粋に応援の気持ちだけを込められ、もらう方は純粋に応援された喜びだけを感じられます。</dd>
<dt><a href="http://www.tinami.com/view/13964" class="image" title="ちびミクさん1 - TINAMI"><img src="/image/blog/2009090401j.png" width="560" height="220" alt="ちびミクさん1" /></a></dt>
<dd>ページ数のある漫画や小説には作品の上下に ［ 前 ］ ［ 次 ］ ボタンがあるため、ページ変遷なしにサクサクと見ていくことが出来ます。 投稿する側としても、何ページ分も連続して投稿したり作品説明やタグを書かずに済んで便利です。</dd>
</dl>
<h3 class="sticky">ランキング</h3>
<dl class="style5">
<dt><a href="http://www.tinami.com/ranking/rookie" title="ルーキーランキング - TINAMI">ルーキーランキング</a></dt>
<dd>『 <a href="http://www.tinami.com/ranking" title="ランキング - TINAMI">総合ランキング</a> 』 の他に特別枠で設けてあるこちら。 クリエイター登録から一ヶ月以内、もしくは ［ お気に入り ］ 登録が<span class="both">20</span>人以下のクリエイターを対象としたランキングです。 がんばり始めたばかりの人に優しい(<span class="verdana">*</span>ﾟдﾟ<span class="verdana">*</span>)</dd>
</dl>
<h3 class="sticky">Twitter 連携機能</h3>
<p>ついったったーに嬉しい 『 <a href="http://twitter.com/" title="Twitter">Twitter</a> 』 との連携機能！</p>
<ul>
<li>TINAMI への作品投稿時に Twitter のタイムラインで自動で告知。</li>
<li>気に入った作品を Twitter のタイムラインで紹介出来る。</li>
<li>Twitter にて相互 follow しているユーザーを、自動的に TINAMI の友達リストに加える。</li>
</ul>
<dl class="related">
<dt>関連リンク</dt>
<dd>
<ul>
<li><a href="http://www.tinami.com/topics/view/91" title="【新機能】Twitter連携機能を公開しました！ - TINAMIからのお知らせ">【新機能】Twitter連携機能を公開しました！ - <span class="right">TINAMI</span>からのお知らせ</a></li>
<li><a href="http://www.tinami.com/captainslog/?p=41" title="【新機能】Twitter連携機能 設定編 - TINAMI管理人更新日誌">【新機能】Twitter連携機能 設定編 - <span class="right">TINAMI</span>管理人更新日誌</a></li>
<li><a href="http://www.tinami.com/captainslog/?p=42" title="【新機能】Twitter連携機能 機能解説編 - TINAMI管理人更新日誌">【新機能】Twitter連携機能 機能解説編 - <span class="right">TINAMI</span>管理人更新日誌</a></li>
</ul>
</dd>
</dl>
<h3 class="sticky">その他</h3>
<ul>
<li>全体的にま～ったりした雰囲気がのんびりゆっくり出来ます。 『 <a href="http://www.pixiv.net/" title="pixiv">pixiv</a> 』 の嵐のような大波のスピードに慣れていたので、動きの少ないところが一つ一つの作品をじっくり見られて良い感じ。 一度ある程度たっぷり見終えたあとは、のんびり加減が物足りなくなるかも。</li>
<li class="space">『 オリジナル 』 と 『 二次創作 』 がキッパリ分かれているのが嬉しい。 『 オリジナル 』 ジャンルがたくさん見たい人や見てほしい人には特にオススメ。</li>
<li class="space">タグ分けが投稿する時点で最低限 （ 『 オリジナル 』 『 二次創作 』 『 イラスト 』 『 漫画 』 『 キャラの性別 』 『 年齢制限 』 ） キッチリなされているので、検索結果の精度が良い。 また、細かくタグを付けてくれているクリエイターも多いので、好みの属性の作品がたくさん見られる。</li>
</ul>
<h3 class="sticky">イマイチな点</h3>
<dl class="style5">
<dt>サイト全体の作りが判りにくい</dt>
<dd>ぎゅぎゅっと詰め込まれすぎてどこに何があってどこをどう見たら良いのか判りにくい。 要は慣れなのだろうけれど、それにしても判りにくい<abbr title="（笑）">ｗ</abbr> （ しかし 『 <a href="http://www.surpara.com/" title="Surfersparadise">Surfersparadise</a> 』 に比べると可愛いレベル ）　取り敢えず最初に一通り隅々まで探検してみるしかない。 慣れれば楽。</dd>
<dt>JavaScript ヽ(`д´)ﾉ</dt>
<dd>セキュリティの関係で JavaScript OFF が常なので、ON にしていないと機能が使えないのが地味に<abbr title="イラッ☆">ヽ(`д´)ﾉ</abbr>　Ajax 効果も地味に<abbr title="UZEEEEEE!!">ヽ(`д´)ﾉ</abbr>　使用するのは極力最低限でも良い気がするのだけれど。</dd>
<dt>人さまの作品のタグが編集出来ない</dt>
<dd>これはタグ芸 UZEEEEE がないのが良い点でもあるのですが、「 この作品にはこのタグが付いていれば良いのにもったいない･･･！」 も結構あったりして良し悪しですね。 素敵な作品にもっと出逢える機会をもっともっと増やしてくれるタグは大事(´￢｀<span class="verdana">*</span>)</dd>
</dl>
<h3 class="sticky">関連リンク</h3>
<ul>
<li><a href="http://www.tinami.com/creator/profile/10146" title="lynxさんのクリエイタープロフィール - TINAMI"><span class="right">lynx</span>さんのクリエイタープロフィール - TINAMI</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://eclucifer.net/blog/web/2009090401.html/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Twitter ログを見やすく保存し閲覧出来る Twilog が有難すぎる件</title>
		<link>http://eclucifer.net/blog/web/2009082301.html</link>
		<comments>http://eclucifer.net/blog/web/2009082301.html#comments</comments>
		<pubDate>Sun, 23 Aug 2009 22:00:29 +0900</pubDate>
		<dc:creator>lynx</dc:creator>
		
		<category><![CDATA[Web 関連]]></category>

		<category><![CDATA[blog]]></category>

		<category><![CDATA[push!!]]></category>

		<category><![CDATA[review]]></category>

		<category><![CDATA[Twitter]]></category>

		<category><![CDATA[Webサービス]]></category>

		<guid isPermaLink="false">http://eclucifer.net/?p=527</guid>
		<description><![CDATA[
先日公開された、Twitter のつぶやきをブログ形式で保存・閲覧できるサービス 『 Twilog 』 を利用始めてしばらく経ちましたが、これがもうあまりに便利すぎて最早手放せない！


こちらはただの何の変哲もない  [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://twilog.org/" class="image" title="Twilog - Twitterのつぶやきをブログ形式で保存"><img src="/image/blog/2009082301a.gif" class="float" width="145" height="48" alt="Twilog" /></a></p>
<p>先日公開された、<a href="http://twitter.com/" title="Twitter">Twitter</a> のつぶやきをブログ形式で保存・閲覧できるサービス 『 <a href="http://twilog.org/" title="Twilog - Twitterのつぶやきをブログ形式で保存">Twilog</a> 』 を利用始めてしばらく経ちましたが、これがもうあまりに便利すぎて最早手放せない！</p>
<dl class="clear style3">
<dt><a href="http://twitter.com/eclucifer" class="image" title="lynx (eclucifer) on Twitter"><img src="/image/blog/2009082301b.png" width="400" height="400" alt="lynx (eclucifer) on Twitter" /></a></dt>
<dd>こちらはただの何の変哲もない <a href="http://twitter.com/eclucifer" class="right" title="lynx (eclucifer) on Twitter">Twitter</a>。 ただ Tweets が羅列されるだけです。<br />
		これでも充分、垂れ流しのつぶやき場としては流れるに任せる風情が結構なのですが、一覧性に欠けます。 メモとして残したいものは取り敢えず<a href="http://koty.sakura.ne.jp/lab/twittpedia/index.php?%A4%D5%A4%A1%A4%DC%A4%EB" class="keyword" title="ふぁぼる - Twittpedia">ふぁぼる</a>ものの、通常の Favorites に埋もれてしまうのが難でした。</dd>
<dt><a href="http://twilog.org/eclucifer" class="image" title="lynx(@eclucifer) - Twilog"><img src="/image/blog/2009082301c.png" width="400" height="400" alt="lynx(@eclucifer) - Twilog" /></a></dt>
<dd>そしてこちらが話題の <a href="http://twilog.org/eclucifer" class="right" title="lynx(@eclucifer) - Twilog">Twilog</a>。</dd>
<dd>
<dl>
<dt><a href="http://twilog.org/tweets.cgi?word=%E3%81%BE%E3%81%BB%E3%81%8C%E3%81%8F&#038;id=eclucifer&#038;order=desc" class="image" title="lynx(@eclucifer)/「まほがく」の検索結果 - Twilog"><img src="/image/blog/2009082301d.png" width="400" height="400" alt="lynx(@eclucifer)/「まほがく」の検索結果 - Twilog" /></a></dt>
<dd>自分の Tweets からキーワード検索出来る。</dd>
<dt><img src="/image/blog/2009082301e.png" width="200" height="242" alt="カレンダー" /></dt>
<dd>カレンダー表示で日付別の Tweets が一覧出来る。</dd>
<dt><img src="/image/blog/2009082301f.png" width="134" height="272" alt="Recent" /></dt>
<dd>毎日の Tweets 数が判る。</dd>
<dt><img src="/image/blog/2009082301g.png" width="152" height="202" alt="Friends" /></dt>
<dd>Reply 先のユーザーごとに一覧出来る。<br />
					降順になっているので、誰とよく会話しているのかも可視化される。</dd>
<dt><a href="http://twilog.org/eclucifer/hashtags-pcolors" class="image" title="lynx(@eclucifer)/#pcolors - Twilog"><img src="/image/blog/2009082301h.png" width="400" height="400" alt="lynx(@eclucifer)/#pcolors - Twilog" /></a></dt>
<dd><a href="http://d.hatena.ne.jp/kiwofusi/20090829/1251540739" class="keyword" title="ハッシュタグの使い方、使われ方 - 反言子">ハッシュタグ</a>ごとに一覧出来る。 <strong>PUSH !!</strong><br />
					メモや特定の話題などにタグ付けすることで、あとから見返すことが出来るようになる。</dd>
</dl>
</dd>
</dl>
<p>などなど、欲しかった機能がぎゅぎゅっと詰まった 『 <a href="http://twilog.org/" title="Twilog - Twitterのつぶやきをブログ形式で保存">Twilog</a> 』 、今イチオシの Web サービスです。</p>
<h3 class="sticky">関連リンク</h3>
<ul>
<li><a href="http://twitter.com/" title="Twitter">Twitter</a></li>
<li><a href="http://twilog.org/" title="Twilog - Twitterのつぶやきをブログ形式で保存">Twilog</a></li>
<li><a href="http://twitter.com/eclucifer" title="lynx (eclucifer) on Twitter">lynx (eclucifer) on Twitter</a></li>
<li><a href="http://twilog.org/eclucifer" class="right" title="lynx(@eclucifer) - Twilog">lynx (@eclucifer) - Twilog</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://eclucifer.net/blog/web/2009082301.html/feed/</wfw:commentRss>
		</item>
		<item>
		<title>リキッドデザイン問題は max-width と IE6 用 expression で解決</title>
		<link>http://eclucifer.net/blog/web/2009011501.html</link>
		<comments>http://eclucifer.net/blog/web/2009011501.html#comments</comments>
		<pubDate>Thu, 15 Jan 2009 19:06:55 +0900</pubDate>
		<dc:creator>lynx</dc:creator>
		
		<category><![CDATA[Web 関連]]></category>

		<category><![CDATA[blog]]></category>

		<category><![CDATA[CSS]]></category>

		<category><![CDATA[JavaScript]]></category>

		<category><![CDATA[push!!]]></category>

		<category><![CDATA[tips]]></category>

		<category><![CDATA[Webデザイン]]></category>

		<category><![CDATA[Web制作]]></category>

		<category><![CDATA[考え方]]></category>

		<guid isPermaLink="false">http://eclucifer.net/?p=429</guid>
		<description><![CDATA[
web 屋が主張する 「 リキッドレイアウト 」 に騙されないために - 鍵っ子ブログ
「 サイトの横幅 」 再論:950px 時代のウェブデザイン - 絵文録ことのは

これらを読んで、改めて Web サイトの横幅と [...]]]></description>
			<content:encoded><![CDATA[<ul>
<li><a href="http://www.i-love-key.net/archives/2009/01/web_design.html" title="web屋が主張する「リキッドレイアウト」に騙されないために - 鍵っ子ブログ">web 屋が主張する 「 リキッドレイアウト 」 に騙されないために - 鍵っ子ブログ</a></li>
<li><a href="http://www.kotono8.com/2009/01/14yokohaba.html" title="「サイトの横幅」再論：950px時代のウェブデザイン - 絵文録ことのは">「 サイトの横幅 」 再論<span class="both">:</span>950px 時代のウェブデザイン - 絵文録ことのは</a></li>
</ul>
<p>これらを読んで、改めて Web サイトの横幅とリキッドデザインについて考えてみました。</p>
<h3 class="sticky">Before</h3>
<dl class="style5">
<dt><img src="/image/blog/2009011501a.png" width="300" height="225" alt="100%幅のリキッドデザインだった頃" title="100%幅のリキッドデザインだった頃" /></dt>
<dd>わたしも以前は 100% 幅のリキッドデザイン （ 可変幅 ） を採用していました。<br />
			画面全体を有効に活用出来、横スクロールも出ない、俺最高！ と。</dd>
</dl>
<p>ところがあるとき、「 ブラウザを最大化すると広がりすぎて見にくい 」 とのご指摘があり、その当時は 「 見にくいならウインドウ幅調節すれば良くね？ そのためのリキッドなんだから 」 と、特に問題視していませんでした。 わたしも最大化して見てはいますが、常にサイドバーを表示しているため、そう広すぎるとは思わなかったので。</p>
<p>しかし、［ ウインドウ幅をそれぞれのサイトに合わせて調節しながら見る ］ ことと ［ 横スクロールバーが表示される ］、どちらも ［ 普段の環境で快適に見られないことに対するストレス ］ という点において同列のものだと気付いたのです。</p>
<p>100% 幅の可変デザインの問題点は理解したものの、かといって固定幅は小さい画面に合わせると大きい画面で余白がありすぎて不恰好になってしまうし ･･････ という訳で出した結論は、</p>
<ul>
<li><a href="http://hp.vector.co.jp/authors/VA022006/css/visualren.html#min-width" title="min-height，max-height（内容領域の高さの制限） - CSS2リファレンス">要素の幅の最小値と最大値を指定する <acronym title="Cascading Style Sheets">CSS</acronym> プロパティ ［ min-width ］ ［ max-width ］</a></li>
<li>上記に対応していない <acronym title="Internet Explorer 6">IE6</acronym> には <a href="http://www.techdego.com/2007/02/ie6minwidthmaxwidthcss.php" title="IE6でmin-width,max-widthを実装する：CSS - Tech de Go">IE 独自のダイナミックプロパティ ［ expression ］</a></li>
</ul>
<p>これらを採用する、というものです。</p>
<h3 class="sticky">After</h3>
<dl class="style5">
<dt><a href="/image/blog/2009011501c.png" class="image" title="イラストの横幅最大値600px＋余白30px＋ボーダー6px 原寸大"><img src="/image/blog/2009011501b.png" width="300" height="225" alt="イラストの横幅最大値600px＋余白30px＋ボーダー6px" /></a></dt>
<dd>わたしのサイトはイラストサイトなので、展示するイラストの横幅の最大値 （ 600px ） を基準にします。 余白は左右 30px ずつ取り、ボーダーは 6px ずつ加えました。</dd>
<dt>モダンブラウザ用 CSS</dt>
<dd>
<pre class="noSpace"><code>div.sample {
	border-left  : 6px solid #E5E5E5;
	border-right : 6px solid #E5E5E5;
	min-width    : 660px;
	max-width    : 900px;
	width        : 82%; }</code></pre>
<ul>
<li>最小幅は 672px （ 600px ＋ 余白 60px ＋ ボーダー 12px ）</li>
<li>最大幅は 912px （ 840px ＋ 余白 60px ＋ ボーダー 12px ）</li>
<li>その中間では、ブラウザの表示領域の 82% の幅にする</li>
</ul>
</dd>
<dt>IE6 用 CSS</dt>
<dd>
<pre class="noSpace"><code>* html div.sample {
	width : expression(document.body.clientWidth &lt; 691? &quot;671px&quot; : document.body.clientWidth &gt; 832? &quot;812px&quot; : &quot;auto&quot;); /* IE */ }</code></pre>
<ul>
<li>ブラウザの表示領域が 691px 以下の場合は 671px に</li>
<li>ブラウザの表示領域が 832px 以上の場合は 812px にする</li>
</ul>
<p>ここで注意しておかなければならないのは、<code>&lt; 691? &quot;671px&quot;</code> と <code>&gt; 832? &quot;812px&quot;</code> を、<code>&lt; 671? &quot;671px&quot;</code> <code>&gt; 812? &quot;812px&quot;</code> のように <em>同値にしてはいけない</em> ということ。 幅を変えるたびにブラウザが落ちて危険です。 なんという<a href="http://d.hatena.ne.jp/keyword/%a5%d6%a5%e9%a5%a6%a5%b6%a5%af%a5%e9%a5%c3%a5%b7%a5%e3%a1%bc" class="keyword" title="ブラウザクラッシャーとは - はてなキーワード"><abbr title="ブラウザクラッシャー">ブラクラ</abbr></a>。 少し余白を設けるように、数値に余裕を持たせてください。</p>
</dd>
<dd>
<dl class="related2">
<dt>参考リンク</dt>
<dd>
<ul>
<li><a href="http://blog.webneta.net/archives/2007/04/09/" title="モダンブラウザ向けCSSハック - ウェブネタブログ">モダンブラウザ向け CSS ハック - ウェブネタブログ</a></li>
<li><a href="http://www.techdego.com/2007/02/ie6minwidthmaxwidthcss.php" title="IE6でmin-width,max-widthを実装する：CSS - Tech de Go">IE6 で min-width, max-width を実装する CSS - Tech de Go</a></li>
</ul>
</dd>
</dl>
</dd>
</dl>
<hr class="style1" />
<p>イラストサイトである以上、イラストの最大幅よりも小さな表示領域の場合は横スクロールバーが出てしまうのは必至、と割り切りました。 max-width が min-width と <del>140px</del> <ins>240px</ins> しか違わないのは、［ 広すぎても読みにくい ］ ということから自分が読みやすいと感じる値を算出した結果です。</p>
<p>最小値と最大値に迷っている方は、<a href="http://www.browsize.org/" title="BROWSIZE.ORG">BROWSIZE.ORG</a> でご自身のサイトの閲覧者の実状を研究してみてはいかがでしょうか。 サイトの方向性によって結果がガラリと変わってくるので、他のサイトでの解析結果が必ずしも当てはまるとは限りません。</p>
<h3 class="sticky">追記</h3>
<blockquote cite="http://b.hatena.ne.jp/entry/http://eclucifer.net/blog/web/2009011501.html" title="はてなブックマーク - リキッドデザイン問題は max-width と IE6 用 expression で解決 - eclucifer blog">
<p>min と max の差が僅かしかない。 意味が無いような ･･････。</p>
</blockquote>
<p class="cite"><a href="http://b.hatena.ne.jp/entry/http://eclucifer.net/blog/web/2009011501.html" title="はてなブックマーク - リキッドデザイン問題は max-width と IE6 用 expression で解決 - eclucifer blog">はてなブックマーク - リキッドデザイン問題は max-width と IE6 用 expression で解決 - eclucifer blog</a></p>
<p><ins>その ［ 僅かな差 ］ で横スクロールバーが出る Web デザインになったりするので、［ 僅かな差 ］ というのは重要な問題。 と思ったけれど、考えてみれば ［ max ］ なのだからもう少し広げても良い気がする ･･････ という訳で、100px 広げてみました。</ins></p>
<h3 class="sticky">おまけ</h3>
<p>当サイトにおける過去一ヶ月のブラウザ利用状況 （ <a href="http://www.google.com/analytics/ja-JP/" title="Google Analytics">Google Analytics</a> 調べ ） は以下のとおりです。</p>
<dl class="style5">
<dt>ブラウザ利用状況</dt>
<dd><img src="/image/blog/2009011501d.png" width="569" height="301" alt="ブラウザ利用状況" title="ブラウザ利用状況" /></dd>
<dt>Internet Explorer バージョン別利用状況</dt>
<dd><img src="/image/blog/2009011501e.png" width="569" height="301" alt="Internet Explorer バージョン別利用状況" title="Internet Explorer バージョン別利用状況" /></dd>
</dl>
<p>まだまだ IE 独断場といった感じ。 やっと IE7 が IE6 を追い抜いたばかりですが、来年の今頃、遅くても再来年には IE6 への対応に一手間掛けずに済みそうな伸びではあります。 やはり同梱のブラウザは強いですね。</p>
<dl class="style5">
<dt>画面解像度</dt>
<dd><img src="/image/blog/2009011501f.png" width="569" height="301" alt="画面解像度" title="画面解像度" /></dd>
<dd>ちなみに画面解像度の結果はこのとおり。 横幅だけでなく、縦幅も考えさせられる感じ。 ヘッダを大きくしすぎて肝心のコンテンツがスクロールしないと見えない、というサイトも結構あったりしますね。</dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://eclucifer.net/blog/web/2009011501.html/feed/</wfw:commentRss>
		</item>
		<item>
		<title>使用中の Firefox アドオンまとめ</title>
		<link>http://eclucifer.net/blog/web/2009010901.html</link>
		<comments>http://eclucifer.net/blog/web/2009010901.html#comments</comments>
		<pubDate>Fri, 09 Jan 2009 23:03:08 +0900</pubDate>
		<dc:creator>lynx</dc:creator>
		
		<category><![CDATA[Web 関連]]></category>

		<category><![CDATA[blog]]></category>

		<category><![CDATA[Firefox]]></category>

		<category><![CDATA[push!!]]></category>

		<category><![CDATA[Web制作]]></category>

		<guid isPermaLink="false">http://eclucifer.net/?p=424</guid>
		<description><![CDATA[Firefox で現在使用しているアドオンをまとめてみました。
不要なものを整理していて思い立った自分用のまとめヽ（ゝω・）ノ

2009年1月11日11時20分　コピーした URL をワンクリックで開く 『 paste [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://mozilla.jp/firefox/" title="次世代ブラウザ Firefox">Firefox</a> で現在使用している<a href="https://addons.mozilla.jp/firefox/" class="keyword" title="Firefox 用アドオン">アドオン</a>をまとめてみました。<br />
不要なものを整理していて思い立った自分用のまとめヽ（ゝω・）ノ</p>
<ul>
<li><span class="right">2009</span>年<span class="one">1</span>月<span class="one">11</span>日<span class="one">11</span>時<span class="both">20</span>分　コピーした <a href="http://ja.wikipedia.org/wiki/Uniform_Resource_Locator" class="keyword" title="Uniform Resource Locator - Wikipedia"><acronym title="Uniform Resource Locator">URL</acronym></a> をワンクリックで開く 『 <a href="http://www.forest.impress.co.jp/article/2006/10/17/pastego.html" title="クリップボード内のURLをツールボタンから素早く開けるFirefox拡張「pastego」 - 窓の杜">pastego</a> 』 追加</ins></li>
<li><ins><span class="right">2009</span>年<span class="both">2</span>月<span class="one">12</span>日<span class="both">21</span>時<span class="both">52</span>分　サイトごとに<a href="http://e-words.jp/w/E383AAE38395E382A1E383A9.html" class="keyword" title="リファラとは 【referer】 - IT用語辞典 e-Words">リファラ</a>を設定する 『 <a href="http://zapanet.info/blog/item/1523" title="Googleリーダーでfc2.comの画像を表示させる方法 - [Z]ZAPAブロ～グ2.0">RefControl</a> 』 追加　<em class="new">NEW</em></li>
</ul>
<h3 id="addon" class="sticky">アドオン</h3>
<dl class="style1">
<dt><a href="http://journal.mycom.co.jp/articles/2008/10/29/allinonegesture/" title="マウスジェスチャーでブラウジングが自由自在 Firefoxアドオン「All-in-One Gestures」 - マイコミジャーナル">All-in-One Gestures</a></dt>
<dd><a href="http://ja.wikipedia.org/wiki/%E3%83%9E%E3%82%A6%E3%82%B9%E3%82%B8%E3%82%A7%E3%82%B9%E3%83%81%E3%83%A3%E3%83%BC" class="keyword" title="マウスジェスチャー - Wikipedia">マウスジェスチャー</a>機能を追加する。</dd>
<dt><a href="http://mozilla-remix.seesaa.net/article/24794048.html" title="WEBページのカラーを取得する「ColorZilla」」 - Mozilla Re-Mix">ColorZilla</a></dt>
<dd>Web ページの任意の場所から色情報を取得するカラーピッカー。</dd>
<dt><a href="https://addons.mozilla.jp/firefox/details/173" title="Gmail Notifier - Firefox 用アドオン">Gmail Notifier</a></dt>
<dd><a href="http://google-mania.net/webservice/gmail" title="Gmailの使い方まとめ - Google Mania">Gmail</a> の新着メッセージを通知する。</dd>
<dt><a href="http://www.koikikukan.com/archives/2007/06/15-011034.php" title="リアルタイムに XHTML の文法やアクセシビリティを検証できる Firefox 機能拡張「Html Validator」 - 小粋空間">Html Validator</a></dt>
<dd>リアルタイムに <a href="http://ja.wikipedia.org/wiki/HyperText_Markup_Language" class="keyword" title="HyperText Markup Language - Wikipedia"><acronym title="HyperText Markup Language">HTML</acronym></a> の文法をチェックする。</dd>
<dt><a href="http://mozilla-remix.seesaa.net/article/89708268.html" title="Firefoxにページナビゲーションボタンを追加するアドオン「Link Widgets」 - Mozilla Re-Mix">Link Widgets</a></dt>
<dd><a href="http://kuruman.org/dateki/link" class="keyword" title="linkのススメ - kuruman.org">link 要素のナビゲーションリンク</a> があるページの、prev / next / top などのリンクを辿れる。</dd>
<dt><a href="http://level.s69.xrea.com/mozilla/index.cgi?id=20080622_MakeLink" title="新、ブロガー御用達貼り付けツール Make Link - えむもじら">Make Link</a>　<strong>push!!</strong></dt>
<dd>閲覧中のページのタイトルや <a href="http://ja.wikipedia.org/wiki/Uniform_Resource_Locator" class="keyword" title="Uniform Resource Locator - Wikipedia"><acronym title="Uniform Resource Locator">URL</acronym></a> を、リンク用 <a href="http://ja.wikipedia.org/wiki/HyperText_Markup_Language" class="keyword" title="HyperText Markup Language - Wikipedia"><acronym title="HyperText Markup Language">HTML</acronym></a> としてクリップボードにコピーする。</dd>
<dt><a href="http://mozilla-remix.seesaa.net/article/30126887.html" title="ステータスバーの表示を並べ替え「Organize Status Bar」 - Mozilla Re-Mix">Organize Status Bar</a></dt>
<dd>拡張機能によって追加されたステータスバーのアイコンを並べ替える。</dd>
<dt><a href="http://www.oshiete-kun.net/archives/2006/07/firefoxgo_upparent_folder.html" title="Firefoxで上階層への移動は「Go Up」より「Parent Folder」 - 教えて君.net">Parent Folder</a></dt>
<dd>上のディレクトリに移動するためのツールボタンを設置。</dd>
<dt><a href="http://www.forest.impress.co.jp/article/2006/10/17/pastego.html" title="クリップボード内のURLをツールボタンから素早く開けるFirefox拡張「pastego」 - 窓の杜">pastego</a>　<strong>push!!</strong></dt>
<dd><ins>クリップボードにコピーした URL を、ボタンをワンクリックするだけで開ける。</ins></dd>
<dt><ins><a href="http://zapanet.info/blog/item/1523" title="Googleリーダーでfc2.comの画像を表示させる方法 - [Z]ZAPAブロ～グ2.0">RefControl</a></ins>　<em class="new">NEW</em></dt>
<dd>サイトごとに<a href="http://e-words.jp/w/E383AAE38395E382A1E383A9.html" class="keyword" title="リファラとは 【referer】 - IT用語辞典 e-Words">リファラ</a>を設定する。 <a href="http://ja.wikipedia.org/wiki/%E3%83%95%E3%82%A3%E3%83%BC%E3%83%89%E3%83%AA%E3%83%BC%E3%83%80%E3%83%BC" class="keyword" title="フィードリーダー - Wikipedia">RSS リーダー</a> で画像が表示されない場合などに役立ちます。</dd>
<dt><a href="https://addons.mozilla.org/ja/firefox/addon/4227" title="removetabs - Firefox Add-ons">removetabs</a></dt>
<dd>タブをまとめて閉じるためのメニューとボタンを追加する。</dd>
<dt><a href="http://blog.creamu.com/mt/2007/04/webfirefoxscreengrab.html" title="Webページを丸ごとキャプチャできるFirefoxエクステンション『Screengrab!』 - CREAMU">Screengrab!</a></dt>
<dd>Web ページを<a href="http://ja.wikipedia.org/wiki/%E3%82%AD%E3%83%A3%E3%83%97%E3%83%81%E3%83%A3_(%E9%8C%B2%E7%94%BB%E3%82%BD%E3%83%95%E3%83%88)" class="keyword" title="キャプチャ (録画ソフト) - Wikipedia">キャプチャ</a>する。</dd>
<dt><a href="https://addons.mozilla.org/ja/firefox/addon/1122" title="Tab Mix Plus - Firefox Add-ons">Tab Mix Plus</a></dt>
<dd>タブ機能を拡張する。</dd>
<dt><a href="http://miniturbo.org/product/extension/hatebucounter/" title="はてなブックマークカウンタ - miniturbo.org">はてなブックマークカウンタ</a></dt>
<dd>Web ページの <a href="http://b.hatena.ne.jp/" title="はてなブックマーク">はてなブックマーク</a> 数とコメントを表示する。</dd>
</dl>
<h3 id="greasemonkey" class="sticky">Greasemonkey</h3>
<dl class="style1">
<dt><a href="http://google-mania.net/archives/213" title="Greasemonkey入門 ～よくわかるグリースモンキーの使い方 ～ - Google Mania">Greasemonkey</a></dt>
<dd>公開されているさまざまなスクリプトを使用して、Web ページの見た目や機能をカスタマイズ出来る。</dd>
<dt><a href="http://labs.unoh.net/2007/09/webautopagerize.html" title="Webブラウジングを快適にするAutoPagerize - ウノウラボ Unoh Labs">AutoPagerize</a>　<strong>push!!</strong></dt>
<dd><a href="http://www.google.co.jp/" title="Google">Google</a> の検索結果や対応したサイトでページをスクロールした際に、自動的に次のページを読み込み下にどんどん表示していってくれる。</dd>
</dl>
<hr class="style1" />
<p>どんどんカユいところがなくなっていくのが快感でたまりませんね！<br />
<del>あとは 『 クリップボードにコピーした URL を一発で開く 』 系があれば最強なのだけれど。</del><br />
ご紹介いただいた 『 <a href="http://www.forest.impress.co.jp/article/2006/10/17/pastego.html" title="クリップボード内のURLをツールボタンから素早く開けるFirefox拡張「pastego」 - 窓の杜">pastego</a> 』 で解決しました！ ありがとうございました！</p>
]]></content:encoded>
			<wfw:commentRss>http://eclucifer.net/blog/web/2009010901.html/feed/</wfw:commentRss>
		</item>
		<item>
		<title>WordPress のクイックタグ追加プラグインで楽々実体参照</title>
		<link>http://eclucifer.net/blog/web/2009010501.html</link>
		<comments>http://eclucifer.net/blog/web/2009010501.html#comments</comments>
		<pubDate>Mon, 05 Jan 2009 00:24:32 +0900</pubDate>
		<dc:creator>lynx</dc:creator>
		
		<category><![CDATA[Web 関連]]></category>

		<category><![CDATA[blog]]></category>

		<category><![CDATA[How to]]></category>

		<category><![CDATA[HTML]]></category>

		<category><![CDATA[push!!]]></category>

		<category><![CDATA[tips]]></category>

		<category><![CDATA[Web制作]]></category>

		<category><![CDATA[WordPress]]></category>

		<category><![CDATA[XHTML]]></category>

		<guid isPermaLink="false">http://eclucifer.net/?p=422</guid>
		<description><![CDATA[『 HTML 実体参照変換ツールで楽々実体参照 』 に頂いた 「 WordPress に実体参照変換プラグインが欲しい 」 というコメントを見て、そういえば応用出来そうなものがあったようなと eclucifer book [...]]]></description>
			<content:encoded><![CDATA[<p>『 <a href="/blog/web/2009010302.html" title="HTML実体参照変換ツールで楽々実体参照 - eclucifer blog">HTML 実体参照変換ツールで楽々実体参照</a> 』 に頂いた 「 WordPress に実体参照変換プラグインが欲しい 」 というコメントを見て、そういえば応用出来そうなものがあったようなと <a href="http://b.hatena.ne.jp/eclucifer/WordPress/" title="eclucifer bookmark &raquo; WordPress - はてなブックマーク">eclucifer bookmark &raquo; WordPress</a> を探してみましたら、ありました！</p>
<ul>
<li><a href="http://www.meblog.info/96.html" title="投稿画面にクイックタグボタンを追加するプラグイン[WP] - ミblog">WordPress の投稿画面にクイックタグボタンを追加するプラグイン 『 AddQuicktags 』 - ミblog</a></li>
</ul>
<p>本来はタグ補完用に使うものですけれど、クイック的な意味でいろいろな用途に応用出来そうです。</p>
<h3 class="sticky">使い方</h3>
<ol>
<li>『 <a href="http://wordpress.org/extend/plugins/addquicktag/" title="AddQuicktag - WordPress Plugins">AddQuicktag</a> 』 プラグインをダウンロード</li>
<li>解凍したフォルダをまるごと <em>wp-content/plugins</em> にアップロード</li>
<li>プラグイン管理画面にある 『 AddQuicktag 』 を ［ 使用する ］ で有効化</li>
</ol>
<dl class="style5">
<dt><img src="/image/blog/2009010501a.png" width="568" height="367" alt="クイックタグの追加と削除" title="クイックタグの追加と削除" /></dt>
<dd>
<ol>
<li>『 AddQuicktag 』 プラグインの設定画面を開きます。</li>
<li class="space">［ ラベル名 ］ には自分が判りやすいものを入力します。<br />
					例では ［ &lt; ］ ［ &gt; ］ 補完のクイックタグを作成するため、［ &lt;&gt; ］ としました。</li>
<li class="space">［ 開始タグ ］ には ［ &amp;lt; ］ と、<br />
					［ 終了タグ ］ には ［ &amp;gt; ］ と入力します。</li>
<li class="space">［ 更新 ］ ボタンを押して設定完了です。</li>
</ol>
</dd>
<dt><img src="/image/blog/2009010501b.png" width="568" height="128" alt="クイックタグが追加されました" title="クイックタグが追加されました" /></dt>
<dd>新規投稿作成画面にクイックタグが追加されました。</dd>
<dt><img src="/image/blog/2009010501c.png" width="568" height="128" alt="開始タグを入力した状態" title="開始タグを入力した状態" /></dt>
<dd>作成した ［ &lt;&gt; ］ タグをクリックすると、本文に ［ &amp;lt; ］ と入力され、［ &lt;&gt; ］ タグの表示が ［ /&lt;&gt; ］ に変わります。</dd>
<dt><img src="/image/blog/2009010501d.png" width="568" height="128" alt="終了タグを入力した状態" title="終了タグを入力した状態" /></dt>
<dd>もう一度 ［ /&lt;&gt; ］ をクリックすると、本文に ［ &amp;gt; ］ と入力され、タグの表示が ［ &lt;&gt; ］ に戻ります。</dd>
</dl>
<hr class="style1" />
<p>変換するものが多い場合は 『 <a href="http://www.akiyan.com/cc_convert_html_specialchars" title="蓄々HTML実体参照変換 - akiyan.com">蓄々 HTML 実体参照変換ツール</a> 』 に<abbr title="コピー＆ペースト">コピペ</abbr>した方が楽かもしれませんが、少ない場合や外部サイトを開く手間が面倒な場合に活躍しそうです。</p>
<h3 class="sticky">関連エントリー</h3>
<ul>
<li><a href="/blog/web/2008071501.html" title="WordPress なサイト制作時に参考にしたサイトや使用中のプラグインなどのまとめ - eclucifer blog">WordPress なサイト制作時に参考にしたサイトや使用中のプラグインなどのまとめ</a></li>
<li><a href="/blog/web/2009010302.html" title="HTML実体参照変換ツールで楽々実体参照 - eclucifer blog">HTML 実体参照変換ツールで楽々実体参照</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://eclucifer.net/blog/web/2009010501.html/feed/</wfw:commentRss>
		</item>
		<item>
		<title>HTML 実体参照変換ツールで楽々実体参照</title>
		<link>http://eclucifer.net/blog/web/2009010302.html</link>
		<comments>http://eclucifer.net/blog/web/2009010302.html#comments</comments>
		<pubDate>Sat, 03 Jan 2009 13:12:29 +0900</pubDate>
		<dc:creator>lynx</dc:creator>
		
		<category><![CDATA[Web 関連]]></category>

		<category><![CDATA[blog]]></category>

		<category><![CDATA[HTML]]></category>

		<category><![CDATA[push!!]]></category>

		<category><![CDATA[tool]]></category>

		<category><![CDATA[Webサービス]]></category>

		<category><![CDATA[Web制作]]></category>

		<category><![CDATA[XHTML]]></category>

		<guid isPermaLink="false">http://eclucifer.net/?p=421</guid>
		<description><![CDATA[HTML 内で ［ &#38; ］ や ［ &#60; ］ ［ &#62; ］ などの記号を記述したい場合、［ &#38;amp; ］ ［ &#38;lt; ］ ［ &#38;gt; ］ といったように文字実体参照へ変換する [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://ja.wikipedia.org/wiki/HyperText_Markup_Language" class="keyword" title="HyperText Markup Language - Wikipedia"><acronym title="HyperText Markup Language">HTML</acronym></a> 内で ［ &amp; ］ や ［ &lt; ］ ［ &gt; ］ などの記号を記述したい場合、［ &amp;amp; ］ ［ &amp;lt; ］ ［ &amp;gt; ］ といったように<a href="http://ja.wikipedia.org/wiki/%E6%96%87%E5%AD%97%E5%8F%82%E7%85%A7" class="keyword" title="文字参照 - Wikipedia">文字実体参照</a>へ変換する必要がありますが、code を書くときにいちいち一つ一つ手作業で変換していくのは面倒です。 <a href="http://ja.wikipedia.org/wiki/Microsoft_IME" class="keyword" title="Microsoft IME - Wikipedia">IME</a> の辞書ツールに単語登録をして、なんとか負担を軽減しようとしていた時期もありました。</p>
<p>えぇい！ もっと楽に一発で変換出来るようなものはないのか！<br />
── そんなあなたにオススメなのがこちら。</p>
<ul>
<li><a href="http://www.akiyan.com/cc_convert_html_specialchars" title="蓄々HTML実体参照変換 - akiyan.com">蓄々HTML実体参照変換 - akiyan.com</a></li>
</ul>
<blockquote cite="http://www.akiyan.com/cc_convert_html_specialchars" title="蓄々HTML実体参照変換 - akiyan.com">
<p>入力された文字列内の &amp; 、&quot; 、&lt; 、&gt; を実体参照に変換します。</p>
</blockquote>
<p>変換したい文字列をテキストエリアに入力して、</p>
<pre class="noSpace"><code>&lt;ul&gt;
    &lt;li&gt;丸&lt;/li&gt;
    &lt;li&gt;三角&lt;/li&gt;
    &lt;li&gt;四角&lt;/li&gt;
&lt;/ul&gt;</code></pre>
<p class="noSpace">［ 変換 ］ ボタンを押すと、</p>
<pre class="noSpace"><code>&amp;lt;ul&amp;gt;
    &amp;lt;li&amp;gt;丸&amp;lt;/li&amp;gt;
    &amp;lt;li&amp;gt;三角&amp;lt;/li&amp;gt;
    &amp;lt;li&amp;gt;四角&amp;lt;/li&amp;gt;
&amp;lt;/ul&amp;gt;</code></pre>
<p class="noSpace">一発ですべて実体参照に変換してくれます。</p>
<p>一昨年からずっと愛用しています。<br />
久しぶりの <a href="/bloglist/#web" title="記事タイトル一覧 - eclucifer blog">Web 関連</a> ネタ 『 <a href="/blog/web/2009010301.html" title="WordPress の本文内でコメントアウトすると、P要素が自動挿入される件。 - eclucifer blog">WordPress の本文内でコメントアウトすると、<span class="right">P</span>要素が自動挿入される件。</a> 』 を書いていて、改めて便利だなぁと痛感したので記事にしてみました。</p>
<h3 class="sticky">関連エントリー</h3>
<ul>
<li><a href="/blog/web/2009010501.html" title="WordPress のクイックタグ追加プラグインで楽々実体参照 - eclucifer blog">WordPress のクイックタグ追加プラグインで楽々実体参照</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://eclucifer.net/blog/web/2009010302.html/feed/</wfw:commentRss>
		</item>
		<item>
		<title>WordPress の本文内でコメントアウトすると、P要素が自動挿入される件。</title>
		<link>http://eclucifer.net/blog/web/2009010301.html</link>
		<comments>http://eclucifer.net/blog/web/2009010301.html#comments</comments>
		<pubDate>Sat, 03 Jan 2009 03:11:56 +0900</pubDate>
		<dc:creator>lynx</dc:creator>
		
		<category><![CDATA[Web 関連]]></category>

		<category><![CDATA[blog]]></category>

		<category><![CDATA[tips]]></category>

		<category><![CDATA[Web制作]]></category>

		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://eclucifer.net/?p=420</guid>
		<description><![CDATA[akiyan.com の 『 ブログを MT（3.32） から WordPress に移行しました 』 を読んで気になる点があったので、久しぶりの WordPress ネタ。

どうやら WordPress は 「 投稿 [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.akiyan.com/" title="akiyan.com">akiyan.com</a> の 『 <a href="http://www.akiyan.com/blog/archives/2009/01/mt-to-wordpress.html" title="ブログをMT(3.32)からWordPressに移行しました - akiyan.com">ブログを MT（3.32） から WordPress に移行しました</a> 』 を読んで気になる点があったので、久しぶりの <a href="http://ja.wordpress.org/" title="WordPress 日本語版 公式サイト">WordPress</a> ネタ。</p>
<blockquote cite="http://www.akiyan.com/blog/archives/2009/01/mt-to-wordpress.html" title="ブログをMT(3.32)からWordPressに移行しました - akiyan.com">
<p>どうやら WordPress は 「 投稿記事中にコメントタグがあると、表示時にデザインが崩れる 」 ようです。 例えば以下のようなデータが本文にあると、表示時にタグがぐちゃぐちゃになり、結果、デザインが崩れます。</p>
<pre class="noSpace"><code>&lt;!--
&lt;img src=&quot;atode-hyouji-suru.jpg&quot; alt=&quot;atode-kaku&quot; /&gt;
--&gt;</code></pre>
<p>どうやらコメントタグは WordPress では特殊な用途で使われているらしく、レンダリングに致命的な影響を与えるようです。 記事中にコメントタグがある場合は、事前でも事後でもいいので削除する必要があります。</p>
</blockquote>
<p>わたしも WordPress にした当初に ヽ（`д´）ﾉ となった点でした。 一つ一つ記事を修正していかねばならなかった苦労が懐かしい ･･････ コメントアウトは使えないのかと焦りました。</p>
<h3 class="sticky">コメントアウト tips</h3>
<pre><code>&lt;!--
コメント
--&gt;</code></pre>
<p>前述の例のようにコメントが複数行に渡る場合はもちろんのこと、</p>
<pre><code>&lt;!--リストここから--&gt;
&lt;ul&gt;
    &lt;li&gt;丸&lt;/li&gt;
    &lt;li&gt;三角&lt;/li&gt;
    &lt;li&gt;四角&lt;/li&gt;
&lt;/ul&gt;
&lt;!--リストここまで--&gt;</code></pre>
<p>コメントだけの行の場合も、</p>
<pre><code>&lt;!--リストここから--&gt;&lt;ul&gt;
    &lt;li&gt;丸&lt;/li&gt;
    &lt;li&gt;三角&lt;/li&gt;
    &lt;li&gt;四角&lt;/li&gt;
&lt;/ul&gt;</code></pre>
<p>コメントが先頭の場合でも、</p>
<pre><code>&lt;p&gt;&lt;!--コメント--&gt;&lt;/p&gt;</code></pre>
<p>このように P 要素が自動挿入され、結果、意図しない表示になってしまいます。<br />
	これでは一見コメントアウト出来ないように思えますが、</p>
<pre><code>&lt;ul&gt;&lt;!--リストここから--&gt;
    &lt;li&gt;丸&lt;/li&gt;
    &lt;li&gt;三角&lt;/li&gt;
    &lt;li&gt;四角&lt;/li&gt;
&lt;/ul&gt;&lt;!--リストここまで--&gt;</code></pre>
<p>開始タグもしくは終了タグのすぐ後ろに挿入すれば回避出来ます。</p>
<h3 class="sticky">その他の方法</h3>
<dl class="style5">
<dt><a href="http://blog.sudabon.com/archives/30" title="WordPressエントリ内の&lt;P&gt;タグを無効化 - Webプログラミングの備忘録">そもそも 意図しない P 要素自体を挿入させない</a></dt>
<dd>
<p><em>wp-includes/default-filters.php</em> の<span class="one">108</span>行目 （ ver.2.5.1 ） にある</p>
<pre class="noSpace"><code>add_filter('the_content', 'wpautop');</code></pre>
<p class="noSpace">を以下のようにコメントアウトすると、P 要素が自動挿入されなくなります。</p>
<pre class="noSpace"><code>// add_filter('the_content', 'wpautop');</code></pre>
</dd>
<dt><a href="http://www.techgaga.com/blog/2007/10/29/wordpress-plugin-disable-wpautop/" title="WordPressのpタグ自動追加をオフにするプラグイン: Disable wpautop - TechGaga">P 要素の自動挿入を無効化するプラグイン 『 Disable wpautop 』</a></dt>
<dd>プラグインの 『 <a href="http://urbangiraffe.com/plugins/disable-wpautop/" title="Disable wpautop Plugin - Urban Giraffe">Disable wpautop</a> 』 を使用して、自動挿入される P 要素を無効化する方法もあります。 詳しい解説は <a href="http://www.techgaga.com/" title="TechGaga">TechGaga</a> の 『 <a href="http://www.techgaga.com/blog/2007/10/29/wordpress-plugin-disable-wpautop/" title="WordPressのpタグ自動追加をオフにするプラグイン: Disable wpautop - TechGaga">WordPress の p タグ自動追加をオフにするプラグイン: Disable wpautop</a> 』 をご覧ください。</dd>
</dl>
<h3 class="sticky">関連エントリー</h3>
<ul>
<li><a href="/blog/web/2008071501.html" title="WordPress なサイト制作時に参考にしたサイトや使用中のプラグインなどのまとめ - eclucifer blog">WordPress なサイト制作時に参考にしたサイトや使用中のプラグインなどのまとめ</a></li>
<li><a href="/blog/web/2009090501.html" title="【WordPress2.5.1】 RSS フィードの時刻を GMT から JST に修正 - eclucifer blog">【WordPress2.5.1】 RSS フィードの時刻を GMT から JST に修正</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://eclucifer.net/blog/web/2009010301.html/feed/</wfw:commentRss>
		</item>
		<item>
		<title>drawr に関するまとめ</title>
		<link>http://eclucifer.net/blog/web/2008101901.html</link>
		<comments>http://eclucifer.net/blog/web/2008101901.html#comments</comments>
		<pubDate>Fri, 19 Dec 2008 00:50:39 +0900</pubDate>
		<dc:creator>lynx</dc:creator>
		
		<category><![CDATA[Web 関連]]></category>

		<category><![CDATA[blog]]></category>

		<category><![CDATA[drawr]]></category>

		<category><![CDATA[tips]]></category>

		<guid isPermaLink="false">http://eclucifer.net/?p=349</guid>
		<description><![CDATA[drawr で 「 お絵描き楽しす！」 を満喫している今日この頃なのですが、drawr に関する情報が散在していてまとめているサイトを見つけられなかったので、取り敢えず自分用と初心者さん向けにまとめてみました。
お役立ち [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://drawr.net/eclucifer" title="[drawr] eclucifer">drawr</a> で 「 お絵描き楽しす！」 を満喫している今日この頃なのですが、drawr に関する情報が散在していてまとめているサイトを見つけられなかったので、取り敢えず自分用と初心者さん向けにまとめてみました。</p>
<h3 class="sticky">お役立ち</h3>
<ul>
<li><a href="http://www10.atwiki.jp/pixivgarage/pages/22.html#id_fa254f48" title="drawr よくある質問 - pixivgarage@ウィキ">drawr よくある質問 - pixivgarage@ウィキ</a></li>
<li><a href="http://www10.atwiki.jp/pixivgarage/pages/43.html" title="既出要望一覧 - pixivgarage@ウィキ">既出要望一覧 - pixivgarage@ウィキ</a></li>
<li><a href="http://drawr.net/show.php?id=63820#rid63863" title="投稿に失敗したときは - [drawr] 雨屋森">投稿に失敗したときは - [drawr] 雨屋森</a></li>
</ul>
<ul>
<li><a href="http://www.ten-hibiki.com/tblog/view/30" title="drawr に関する初見メモ - 冬眠して春を覚えず">drawr に関する初見メモ - 冬眠して春を覚えず</a></li>
<li><a href="http://www.ten-hibiki.com/tblog/view/31" title="drawr メモ - 冬眠して春を覚えず">drawr メモ - 冬眠して春を覚えず</a></li>
<li><a href="http://www.ten-hibiki.com/tblog/view/37" title="drawr メモ2 - 冬眠して春を覚えず">drawrメモ<span class="left">2</span> - 冬眠して春を覚えず</a></li>
<li><a href="http://drawr.net/show.php?id=15267" title="機能メモ - [drawr] ちきちき">機能メモ - [drawr] ちきちき</a></li>
<li><a href="http://drawr.net/show.php?id=88433" title="drawr 機能まとめ - [drawr] ほろほう">drawr 機能まとめ - [drawr] ほろほう</a></li>
<li><a href="http://drawr.net/show.php?id=56918#rid57757" title="セルフ repost のやり方 - [drawr] eclucifer">セルフ repost のやり方 - [drawr] eclucifer</a></li>
<li><a href="http://drawr.net/show.php?id=31422" title="Mac de drawr メモ - [drawr] (´⊆｀)ミ">Mac de drawr メモ - [drawr] (´⊆｀)ミ</a></li>
<li><a href="http://drawr.net/show.php?id=96061" title="Mac de drawr メモ 改訂版 Ver.2 - [drawr] (´⊆｀)ミ">Mac de drawr メモ 改訂版 Ver.2 - [drawr] (´⊆｀)ミ</a></li>
</ul>
<ul>
<li><a href="http://drawr.net/show.php?id=15311" title="混色リストまとめ - [drawr] 秋@赤頭巾">混色リストまとめ - [drawr] 秋@赤頭巾</a></li>
<li><a href="http://drawr.net/show.php?id=162921" title="混色リストまとめ Ver.2 - [drawr] 秋＠赤頭巾">混色リストまとめ Ver.2 - [drawr] 秋＠赤頭巾</a></li>
<li><a href="http://drawr.net/show.php?id=67855" title="青系赤系混色メモ - [drawr] カヲル">青系赤系混色メモ - [drawr] カヲル</a></li>
<li><a href="http://drawr.net/show.php?id=70462" title="赤→黄グラデメモ - [drawr] raitea">赤→黄<abbr title="グラデーション">グラデ</abbr>メモ - [drawr] raitea</a></li>
<li><a href="http://drawr.net/show.php?id=79523" title="黄・肌・桃色系混色メモ - [drawr] シーチキン">黄<span class="dot">・</span>肌<span class="dot">・</span>桃色系混色メモ - [drawr] シーチキン</a></li>
<li><a href="http://drawr.net/show.php?id=80515" title="茶系混色メモ - [drawr] SABASTY">茶系混色メモ - [drawr] SABASTY</a></li>
<li><a href="http://drawr.net/show.php?id=94052" title="赤・桃・黄系混色メモ - [drawr] 137">赤<span class="dot">・</span>桃<span class="dot">・</span>黄系混色メモ - [drawr] 137</a></li>
<li><a href="http://drawr.net/show.php?id=94081" title="緑系青系混色メモ - [drawr] 137">緑系青系混色メモ - [drawr] 137</a></li>
<li><a href="http://drawr.net/show.php?id=103126" title="肌影色いろいろ - [drawr] Cote">肌影色いろいろ - [drawr] Cote</a></li>
<li><a href="http://drawr.net/show.php?id=14738" title="いろいろ混ぜメモ - [drawr] タカセ">いろいろ混ぜメモ - [drawr] タカセ</a></li>
<li><a href="http://drawr.net/show.php?id=115294" title="肌色 tips - [drawr] えも">肌色 tips - [drawr] えも</a></li>
<li><a href="http://drawr.net/show.php?id=178716" title="三色混色リストまとめ - [drawr] иａ *">三色混色リストまとめ - [drawr] <span class="japanese">иａ</span> <span class="verdana">*</span></a></li>
<li><a href="http://ttaska.ikidane.com/drawr/" title="drawr用混色シミュレーター - おえかきしましょ♪">drawr 用混色シミュレーター - お絵描きしましょ<span class="japanese">♪</span></a></li>
</ul>
<ul>
<li><a href="http://blog.tailtame.com/review/drawr/20081018-01.html" title="drawr のブログパーツを貼ってみた - ねこまぐろBlog">ブログパーツをインラインフレームでなくする - ねこまぐろ Blog</a></li>
<li><a href="http://drawr.net/show.php?id=61058" title="なめらかな線が描けるブラウザ『なめぶら』 - [drawr] 毛つこ">なめらかな線が描けるブラウザ 『 なめぶら 』</a>　ダウンロードは <a href="http://k2ko.com/soft/" title="k2ko's Soft">k2ko's Soft</a> よりどうぞ。</li>
<li><a href="http://drawr.net/show.php?id=89964" title="drawr でコピー機能を実現してみた - [drawr] ４２">drawr でコピー機能を実現してみた - [drawr] 42</a></li>
<li><a href="http://drawr.net/show.php?id=98404" title="drawr のウラワザメモ - [drawr] ４２">drawr のウラワザメモ - [drawr] 42</a></li>
<li><a href="http://drawr.net/show.php?id=98404#rid102139" title="ラクチン☆キレイな中間色 - [drawr] ４２">ラクチン☆キレイな中間色 - [drawr] 42</a></li>
<li><a href="http://drawr.net/show.php?id=98404#rid102411" title="線画復活術 - [drawr] ４２">線画復活術 - [drawr] 42</a></li>
</ul>
<ul>
<li><a href="http://drawr.net/show.php?id=33264" title="アタリの使い方 - [drawr] しりのひと">アタリの使い方 - [drawr] しりのひと</a></li>
<li><ins><a href="http://drawr.net/show.php?id=181986" class="new" title="もしかしたらカンタンかもしれないカラダの描き方 - [drawr] モルジブ">もしかしたらカンタンかもしれないカラダの描き方</a></ins>　<em class="new">NEW</em></li>
<li><ins><a href="http://drawr.net/show.php?id=188014" class="new" title="もしかしたらカンタンかもしれないカラダの描き方 腕編 補足 - [drawr] モルジブ">もしかしたらカンタンかもしれないカラダの描き方 腕編 補足</a></ins>　<em class="new">NEW</em></li>
<li><ins><a href="http://drawr.net/show.php?id=190176" class="new" title="もしかしたらカンタンかもしれないカラダの描き方 下半身編 - [drawr] モルジブ">もしかしたらカンタンかもしれないカラダの描き方 下半身編</a></ins>　<em class="new">NEW</em></li>
<li><a href="http://drawr.net/show.php?id=88074" title="正方形の5分割方法 - [drawr] キリサキ">正方形の<span class="both">5</span>分割方法 - [drawr] キリサキ</a></li>
<li><a href="http://drawr.net/show.php?id=125363" title="アオザイも愛して！ - [drawr] よこた">アオザイも愛して！ - [drawr] よこた</a></li>
</ul>
<h3 class="sticky">スレッド</h3>
<ul>
<li><a href="http://drawr.net/show.php?id=34428" title="スレを集めるスレ - [drawr] 芝樹">スレを集めるスレ<span class="one">1</span></a></li>
<li><a href="http://drawr.net/show.php?id=59104" title="スレを集めるスレ2 - [drawr] 芝樹">スレを集めるスレ<span class="left">2</span></a></li>
<li><a href="http://drawr.net/show.php?id=79912" title="スレを集めるスレ3 - [drawr] リンクル">スレを集めるスレ<span class="left">3</span></a></li>
<li><a href="http://drawr.net/show.php?id=90522" title="スレを集めるスレ4 - [drawr] ｼﾞｮﾅｵ">スレを集めるスレ<span class="left">4</span></a></li>
<li><a href="http://drawr.net/show.php?id=123677" title="スレを集めるスレ5 - [drawr] ドルリヘコ">スレを集めるスレ<span class="left">5</span></a></li>
<li><a href="http://drawr.net/show.php?id=171176" title="スレを集めるスレ6 - [drawr] タチバナ ロク">スレを集めるスレ<span class="left">6</span></a></li>
<li><a href="http://drawr.net/bookmark.php?id=20559" title="[drawr] 収集癖のブックマーク">スレッド網羅ブックマーク集</a></li>
</ul>
<ul>
<li><a href="http://drawr.net/show.php?id=31406" title="エルフっ子を描くスレ - [drawr] 秋＠赤頭巾 - 2008-10-09 15:50:44">エルフっ子を描くスレ</a></li>
<li><a href="http://drawr.net/show.php?id=44639" title="軍服スレ - [drawr] genki - 2008-10-13 03:09:40">軍服スレ</a></li>
<li><a href="http://drawr.net/show.php?id=54214" title="moon スレ - [drawr] チョコラ - 2008-10-16 14:41:46">moon スレ</a></li>
<li><a href="http://drawr.net/show.php?id=133701" title="moon スレ2 - [drawr] purari - 2008-11-19 02:21:25">moon スレ<span class="left">2</span></a></li>
<li><a href="http://drawr.net/show.php?id=64855" title="学ランと刀。 - [drawr] urayama - 2008-10-20 03:19:35">学ランと刀。</a></li>
<li><a href="http://drawr.net/show.php?id=65935" title="羽を描くスレ - [drawr] はるひと - 2008-10-20 20:42:51">羽を描くスレ</a></li>
<li><a href="http://drawr.net/show.php?id=67365" title="学ランスレ - [drawr] urayama - 2008-10-21 04:18:02">学ランスレ</a></li>
<li><a href="http://drawr.net/show.php?id=70231" title="お狐様を描くスレ - [drawr] 黒森柳 - 2008-10-22 17:15:13">お狐様を描くスレ</a></li>
<li><a href="http://drawr.net/show.php?id=70269" title="プラカキャラで遊ぶスレ - [drawr] あららぎ - 2008-10-22 17:37:25"><abbr title="Plastic Colors">プラカ</abbr><abbr title="キャラクター">キャラ</abbr>で遊ぶスレ</a></li>
<li><a href="http://drawr.net/show.php?id=82626" title="ショタスレ - [drawr] bloodypepper - 2008-10-27 20:04:54">ショタスレ</a></li>
<li><a href="http://drawr.net/show.php?id=83446" title="幻想水滸伝108星集めるスレ - [drawr] のの＠オレのチャリキーを返せ - 2008-10-28 00:44:18">幻想水滸伝<span class="one">108</span>星集めるスレ</a></li>
<li><a href="http://drawr.net/show.php?id=84155" title="サモンナイトスレ - [drawr] ぬるりゅん - 2008-10-28 06:19:57">サモンナイトスレ</a></li>
<li><a href="http://drawr.net/show.php?id=87066" title="封神演義スレ - [drawr] 霧 - 2008-10-29 20:27:43">封神演義スレ</a></li>
<li><a href="http://drawr.net/show.php?id=101620" title="赤面スレ2 - [drawr] モス大好き - 2008-11-05 19:27:44">赤面スレ<span class="left">2</span></a></li>
<li><a href="http://drawr.net/show.php?id=131666" title="筋肉資料スレ - [drawr] (`3') - 2008-11-18 08:35:18">筋肉資料スレ</a></li>
<li><a href="http://drawr.net/show.php?id=151508" title="オッドアイスレ - [drawr] PANDA - 2008-11-25 18:25:33">オッドアイスレ</a></li>
<li><a href="http://drawr.net/show.php?id=153247" title="蹴りスレ - [drawr] ネム - 2008-11-26 06:31:00">蹴りスレ</a></li>
<li><a href="http://drawr.net/show.php?id=168790" title="短眉スレ - [drawr] ビテ - 2008-12-03 11:02:51">短眉スレ</a></li>
<li><ins><a href="http://drawr.net/show.php?id=186734" class="new" title="羽耳スレ - [drawr] 三谷空 - 2008-12-11 21:34:05">羽耳スレ</a></ins>　<em class="new">NEW</em></li>
<li><ins><a href="http://drawr.net/show.php?id=58967" class="new" title="ブカブカスレ - [drawr] 常盤治 - 2008-10-18 04:40:45">ブカブカスレ</a></ins>　<em class="new">NEW</em></li>
<li><ins><a href="http://drawr.net/show.php?id=199655" class="new" title="片目キャラを描くスレ - [drawr] カジワラ - 2008-12-18 04:02:21">片目キャラを描くスレ</a></ins>　<em class="new">NEW</em></li>
</ul>
<hr class="style1" />
<p><span class="right">2008</span>年<span class="one">10</span>月<span class="one">16</span>日に、レスの上限数が<span class="both">50</span>件に制限されました。</p>
<ul>
<li><span class="right">50</span>件に達したあとは、スレ主だけが一度だけ投稿することが出来ます。 cite: <a href="http://twitter.com/drawr/statuses/962029390" title="50件に制限するようにしました。50件に達したあとはスレ主だけが1回だけ投稿できます。 - Twitter / drawr">Twitter / drawr</a></li>
<li>絵を描いている途中で<span class="both">50</span>件に達してしまっても、投稿が失敗することはありません。 cite: <a href="http://twitter.com/drawr/statuses/962038168" title="最後のレスに関しては“あいまいさ”を残しているので、絵を描いている途中に50件に達して投稿失敗！ということはありません。 - Twitter / drawr"> Twitter / drawr</a></li>
</ul>
<h3 class="sticky">関連エントリー</h3>
<ul>
<li><a href="/making/drawr2008/" title="drawr でお絵描きメイキング - eclucifer making">drawr でお絵描きメイキング</a></li>
<li><a href="/blog/web/2008100702.html" title="drawr 始めてみた。 - eclucifer blog">drawr 始めてみた。</a></li>
</ul>
<ul>
<li><a href="/artworks/drawr/2008101201.html" title="drawr 10月ログ - eclucifer artworks">drawr <span class="right">10</span>月ログ</a></li>
<li><a href="/artworks/drawr/2008110601.html" title="drawr 11月ログ - eclucifer artworks">drawr <span class="right">11</span>月ログ</a></li>
<li><a href="/artworks/drawr/2008111801.html" title="drawr 100枚目記念 - eclucifer artworks">drawr <span class="right">100</span>枚目記念</a></li>
<li><a href="/artworks/drawr/2008122003.html" title="drawr 12月ログ - eclucifer artworks">drawr <span class="right">12</span>月ログ</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://eclucifer.net/blog/web/2008101901.html/feed/</wfw:commentRss>
		</item>
		<item>
		<title>drawr 始めてみた。</title>
		<link>http://eclucifer.net/blog/web/2008100702.html</link>
		<comments>http://eclucifer.net/blog/web/2008100702.html#comments</comments>
		<pubDate>Tue, 07 Oct 2008 17:12:47 +0900</pubDate>
		<dc:creator>lynx</dc:creator>
		
		<category><![CDATA[Web 関連]]></category>

		<category><![CDATA[blog]]></category>

		<category><![CDATA[drawr]]></category>

		<category><![CDATA[review]]></category>

		<category><![CDATA[Webサービス]]></category>

		<guid isPermaLink="false">http://eclucifer.net/?p=344</guid>
		<description><![CDATA[pixiv の姉妹サイト、手描きで繋がるコミュニケーションサービス 『 drawr 』 を始めてみました。

[drawr] eclucifer

類似サービスでは 『 手書きブログ 』 が有名ですが、手ブロは肌に合わず [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.pixiv.net/" title="pixiv">pixiv</a> の姉妹サイト、手描きで繋がるコミュニケーションサービス 『 <a href="http://drawr.net/" title="drawr">drawr</a> 』 を始めてみました。</p>
<ul>
<li><a href="http://drawr.net/eclucifer" title="[drawr] eclucifer">[drawr] eclucifer</a></li>
</ul>
<p>類似サービスでは 『 <a href="http://pipa.jp/tegaki/" title="手書きブログ">手書きブログ</a> 』 が有名ですが、<abbr title="手書きブログ">手ブロ</abbr>は肌に合わず昔々に挫折<a href="http://d.hatena.ne.jp/keyword/orz" class="keyword" title="orzとは - はてなキーワード">orz</a><br />
drawr も 「 どうかな、またどうせ挫折しそう 」 と遠巻きに見る専だったのですけれど、真面目に本気で絵を描くのがあまりにストレスになってしまい、絵を描くことから逃げ出したい ･･････ と思っていたところで、「 それなら drawr を、クオリティとか上手く描こうとか気にせず、好きなものをザカザカーっと楽な気持ちで描く場所として使えば良いじゃないヽ（ゝω・）ノ 」 という訳でスタート。</p>
<p>結果、いつも綺麗にお絵描き出来ていたのは、ツール （ <a href="http://ja.wikipedia.org/wiki/Adobe_Photoshop" class="keyword" title="Adobe Photoshop - Wikipedia">Photoshop</a> または <a href="http://www.systemax.jp/ja/sai/" title="ペイントツールSAI 公式サイト">SAI</a> ） のおかげさまさまだったのだなぁと痛感<abbr title="（笑）">ｗ</abbr>　最低限の機能だけだとこんなにも描けるものが限られてくるなんて、と自分の実力の無さが浮き彫りに。 SAI の手ブレ補正がないと線がヨレすぎこれはひどいｗｗｗ　プルプルしとるｗｗｗ</p>
<p>もちろん 『 <a href="http://ja.wiktionary.org/wiki/%E5%BC%98%E6%B3%95%E7%AD%86%E3%82%92%E9%81%B8%E3%81%B0%E3%81%9A" class="keyword" title="弘法筆を選ばず - ウィクショナリー">弘法筆を選ばず</a> 』 な方々もたくさん居て、同じツールで描いてここまで差が（ﾟдﾟ）と凹みつつも、気楽に描けるお絵描き場を設けられて、絵を描くのが楽しくて楽しくて！ 絵を描くことから逃げ出したかったところにこれは良い！ 絵を描くことの楽しさや好きという気持ちが自分の中に溢れてきて、ある程度ガス抜きしたらまたがんばれそうな気がしてきた！</p>
<p>イラストを post するのももちろん楽しいのですが、わたしが一番楽しいのは <a href="/image/blog/2008100702.png" title="コメント - [drawr] eclucifer">コメント欄</a> かもしれないｗ　あの狭い空間が描き易いというか、人様の post に絵と文字でコメントするのが楽しすぎる！ お絵描きで繋がるコミュニケーションだなぁと実感。</p>
<p>あとは何といっても、過程を再生して見ることが出来るということ！ 「 あの人はいつもこんな風に描くんだ！」 とドキドキします。</p>
<p>という訳で、drawr で遊びませんか！</p>
<h3 class="sticky">関連エントリー</h3>
<ul>
<li><a href="/blog/web/2008101901.html" title="drawr に関するまとめ - eclucifer blog">drawr に関するまとめ</a></li>
<li><a href="/artworks/drawr/2008101201.html" title="drawr 10月ログ - eclucifer artworks">drawr <span class="right">10</span>月ログ</a></li>
<li><a href="/artworks/drawr/2008110601.html" title="drawr 11月ログ - eclucifer artworks">drawr <span class="right">11</span>月ログ</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://eclucifer.net/blog/web/2008100702.html/feed/</wfw:commentRss>
		</item>
	</channel>
</rss>
