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

<channel>
	<title>SNS開発者の雑記帳 &#187; TIPS</title>
	<atom:link href="http://www.synapz.jp/mrsy/category/tips/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.synapz.jp/mrsy</link>
	<description></description>
	<lastBuildDate>Fri, 05 Mar 2010 02:11:21 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>WebDAV経由でsvnリポジトリにコミットできなくてハマった</title>
		<link>http://www.synapz.jp/mrsy/2009/05/webdavsvn/</link>
		<comments>http://www.synapz.jp/mrsy/2009/05/webdavsvn/#comments</comments>
		<pubDate>Wed, 27 May 2009 11:22:27 +0000</pubDate>
		<dc:creator>mrsy</dc:creator>
				<category><![CDATA[TIPS]]></category>
		<category><![CDATA[Subversion]]></category>

		<guid isPermaLink="false">http://www.synapz.jp/mrsy/2009/05/27/post58/</guid>
		<description><![CDATA[
サーバ側でリポジトリを作成し、作業ディレクトリにチェックアウトまではできるが、作業ディレクトリからコミットできない現象に遭遇しました。


その時のクライアント側のログ：
$ svn add hoge.txt

A hoge.txt

$ svn commit hoge.txt

Log message unchanged or not specified

a)bort, c)ontinue, e)dit

c

svn: Commit failed (details follow):

svn: Can't open activity db: No such file or directory

ファイルが見つからないってどういうこと?



サーバ側のログ (Apacheのerror_log):
[Wed May 27 14:28:14 2009] [error] [client 202.218.216.13] Could not create activity /repos/tmprepo/!svn/act/c41a20c5-6b08-4c73-9da5-e41a2da69086. [500, #0]
[Wed May 27 14:28:14 2009] [error] [client 202.218.216.13] could not open dbm files. [...]]]></description>
			<content:encoded><![CDATA[<p>
サーバ側でリポジトリを作成し、作業ディレクトリにチェックアウトまではできるが、作業ディレクトリからコミットできない現象に遭遇しました。<br />
<br />
<br />
その時のクライアント側のログ：<br />
<pre><code>$ svn add hoge.txt

A hoge.txt

$ svn commit hoge.txt

Log message unchanged or not specified

a)bort, c)ontinue, e)dit

c

svn: Commit failed (details follow):

svn: Can't open activity db: No such file or directory
</code></pre>
ファイルが見つからないってどういうこと?<br />
<br />
<br />
<br />
サーバ側のログ (Apacheのerror_log):<br />
<pre><code>[Wed May 27 14:28:14 2009] [error] [client 202.218.216.13] Could not create activity /repos/tmprepo/!svn/act/c41a20c5-6b08-4c73-9da5-e41a2da69086. [500, #0]
[Wed May 27 14:28:14 2009] [error] [client 202.218.216.13] could not open dbm files. [500, #2]
[Wed May 27 14:28:14 2009] [error] [client 202.218.216.13] Can't open activity db: No such file or directory [500, #2]
</code></pre>
どうやらsvnの管理情報が書けないエラーのようです。<br />
<br />
<br />
「Could not create activity」でググってみると、<br />
どうやらリポジトリ直下にdavディレクトリを作成しなければならないらしい。<br />
<br />
mkdir /path/to/repo/dav<br />
<br />
<br />
しかし、別件で作成したリポジトリはそんなことしなくても良かったのになと思ったので、もしかしたらsubversionのバージョンによってリポジトリの構造が違うのかもと思ったら、やっぱりそうらしいです。<br />
</p>
<blockquote><p>
After some time searching around for others that had encountered this error, I was able to determine that the problem was that version 1.5 of the svnadmin create command doesn’t create a “dav” directory in the repository, unlike earlier versions.<br />
<br />
<cite>via: <a href="http://www.johngirvin.com/blog/archives/subversion-cant-open-activity-db.html" target="_blank">subversion ‘can’t open activity db’| johngirvin.com</a></cite><br />
</p></blockquote>
<p>
<br />
1.5から dav/ディレクトリは作られなくなったので手動で作成しろと。。<br />
<br />
また同じようにハマりそうなのでエントリ書きました。<br />
<br />
でも、もうちょっと気が利いたエラーメッセージにして欲しかったな。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.synapz.jp/mrsy/2009/05/webdavsvn/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>プロジェクト管理ツール Redmine</title>
		<link>http://www.synapz.jp/mrsy/2008/05/redmine/</link>
		<comments>http://www.synapz.jp/mrsy/2008/05/redmine/#comments</comments>
		<pubDate>Mon, 12 May 2008 12:10:47 +0000</pubDate>
		<dc:creator>mrsy</dc:creator>
				<category><![CDATA[TIPS]]></category>
		<category><![CDATA[Rails]]></category>
		<category><![CDATA[Redmine]]></category>

		<guid isPermaLink="false">http://www.synapz.jp/mrsy/2008/05/12/post52/</guid>
		<description><![CDATA[
フリーで使えるBTS(バグトラッキングツール)を導入しようと思い情報収集していたところ、
Tracより良さげなRedmineにたどり着きました。
Tracと比較してのメリットは、こちらに詳しく掲載されています。
ということで、今回はRedmineインストールの顛末記です。

Tracと比較して個人的にメリットを感じたのは、

複数プロジェクトを管理できる
デフォルトで日本語対応している
ガントチャートが使える
RailsアプリでPassenger(mod_rails)に対応(v0.7より)

の4つです。Tracはプロジェクト毎に公開ディレクトリを作成してApacheのhttpd.confを書き換えたりしなければならないのに対し、Redmineは一度設置すればあとは画面上でプロジェクトを作成できます。

また、プロジェクト毎に担当者を設定できるので、社外開発者に解放しても心配ありません。

最後のPassenger対応については、mongrelサーバで動かすよりも実際簡単でした。インストール方法も公式ページに詳細が掲載されています。


■メール通知をGmailのsmtpサーバを利用するようにカスタマイズ
Gmailのsmtpを利用するには、RailsにTLSプラグインを入れなければなりません。
# gem install tlsmail

そして、Redmineの config/environment.rbの最後に以下の2行を追加します。
require "tlsmail"
Net::SMTP.enable_tls(OpenSSL::SSL::VERIFY_NONE)

これで送信することができました。


■Subversionリポジトリと連携
Redmineが動作しているサーバに、Subversionリポジトリがあるので連携させようと思ったのですが、ここでハマりました。どのように設定しても、「リポジトリに、エントリ/リビジョンが存在しません。」というエラーが表示されます。


同一サーバ上にリポジトリが存在するので、URLは「file:///リポジトリへのパス」と指定すればいいはずなのですが、一向にうまくいきません。。その他スキーム（http://, svn://）も試したのですがダメでした。

エラーログは下記の通り。
You have a nil object when you didn't expect it!
You might have expected an instance of ActiveRecord::Base.
The error occurred while evaluating nil.[]


エラーが出ている箇所のソースは以下の22行目です。
$REDMINE_HOME/lib/redmine/scm/adapters/subversion_adapter.rb


# Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
require 'redmine/scm/adapters/abstract_adapter'
require 'rexml/document'
module Redmine
module Scm
module Adapters
class SubversionAdapter &#60; AbstractAdapter
# SVN executable name
SVN_BIN = &#34;svn&#34;
# Get info [...]]]></description>
			<content:encoded><![CDATA[<p>
フリーで使えるBTS(バグトラッキングツール)を導入しようと思い情報収集していたところ、<br />
<a href="http://trac.edgewall.org/" target="_blank">Trac</a>より良さげな<a href="http://redmine.jp/" target="_blank">Redmine</a>にたどり着きました。<br />
Tracと比較してのメリットは、<a href="http://d.hatena.ne.jp/zenpou/20080414/1208189475" target="_blank">こちら</a>に詳しく掲載されています。<br />
ということで、今回はRedmineインストールの顛末記です。<br />
<br />
Tracと比較して個人的にメリットを感じたのは、<br />
<ul>
<li>複数プロジェクトを管理できる</li>
<li>デフォルトで日本語対応している</li>
<li>ガントチャートが使える</li>
<li>RailsアプリでPassenger(mod_rails)に対応(v0.7より)</li>
</ul>
の4つです。Tracはプロジェクト毎に公開ディレクトリを作成してApacheのhttpd.confを書き換えたりしなければならないのに対し、Redmineは一度設置すればあとは画面上でプロジェクトを作成できます。<br />
<br />
また、プロジェクト毎に担当者を設定できるので、社外開発者に解放しても心配ありません。<br />
<br />
最後のPassenger対応については、mongrelサーバで動かすよりも実際簡単でした。インストール方法も<a href="http://redmine.jp/redmine_today/2008/04/13/20080413-apache-passenger/" target="_blank">公式ページに詳細が掲載されています。</a><br />
<br />
<br />
<strong><big>■メール通知をGmailのsmtpサーバを利用するようにカスタマイズ</big></strong><br />
Gmailのsmtpを利用するには、RailsにTLSプラグインを入れなければなりません。<br />
<pre><code># gem install tlsmail</code></pre>
<br />
そして、Redmineの config/environment.rbの最後に以下の2行を追加します。<br />
<pre><code>require "tlsmail"
Net::SMTP.enable_tls(OpenSSL::SSL::VERIFY_NONE)
</code></pre>
これで送信することができました。<br />
<br />
<br />
<strong><big>■Subversionリポジトリと連携</big></strong><br />
Redmineが動作しているサーバに、Subversionリポジトリがあるので連携させようと思ったのですが、ここでハマりました。どのように設定しても、「<strong>リポジトリに、エントリ/リビジョンが存在しません。</strong>」というエラーが表示されます。<br />
<br />
<br />
同一サーバ上にリポジトリが存在するので、URLは「file:///リポジトリへのパス」と指定すればいいはずなのですが、一向にうまくいきません。。その他スキーム（http://, svn://）も試したのですがダメでした。<br />
<br />
エラーログは下記の通り。<br />
<pre><code>You have a nil object when you didn't expect it!
You might have expected an instance of ActiveRecord::Base.
The error occurred while evaluating nil.[]
</code></pre>
<br />
エラーが出ている箇所のソースは以下の22行目です。<br />
<strong>$REDMINE_HOME/lib/redmine/scm/adapters/subversion_adapter.rb</strong><br />
<br />
<br />
<pre><code># Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
require 'redmine/scm/adapters/abstract_adapter'
require 'rexml/document'
module Redmine
module Scm
module Adapters
class SubversionAdapter &lt; AbstractAdapter
# SVN executable name
SVN_BIN = &quot;svn&quot;
# Get info about the svn repository
def info
cmd = &quot;#{SVN_BIN} info --xml #{target(&#39;&#39;)}&quot;
cmd &lt; doc.elements["info/entry/repository/root"].text,
:lastrev =&gt; Revision.new({
:identifier =&gt; doc.elements["info/entry/commit"].attributes['revision'],
:time =&gt; Time.parse(doc.elements["info/entry/commit/date"].text).localtime,
:author =&gt; (doc.elements["info/entry/commit/author"] ? doc.elements["info/entry/commit/author"].text : "")
})
})
rescue =&gt; e
logger.error(e)
end
</code></pre>
<br />
16行目の、#{SVN_BIN} info &#8211;xml #{target(&#8221;)}　こいつを手動で叩くと（もちろんApache実行ユーザで）、きちんとXMLで結果が返ってきているのは確認しています。<br />
<br />
Redmineを使ってドキュメント〜ソースまで一気通貫で管理できる！と<br />
意気込んでいたのですが、諦めようかな。。<br />
どなたかヒントをお持ちでしたらご教授いただけますか？<br />
<br />
<br />
<br />
<strong><big>2008/05/15 追記</big></strong><br />
解決しました。svnの設定情報が/root配下のものを読み込んでおり、Redmineの実行ユーザがapache<br />
なのでPermissionエラーとなっていたようです。<br />
<br />
&#8211;config-dir オプションを利用して、apacheユーザーのホームディレクトリの設定情報を読み込むように変更します。<br />
<strong>$REDMINE_HOME/lib/redmine/scm/adapters/subversion_adapter.rb</strong><br />
<br />
<pre><code>require 'redmine/scm/adapters/abstract_adapter'
require 'rexml/document'
module Redmine
module Scm
module Adapters
class SubversionAdapter &lt; AbstractAdapter
# SVN executable name
#        SVN_BIN = &quot;svn&quot;
SVN_BIN = &quot;svn --config-dir /home/apache &quot; # こうする
# Get info about the svn repository
def info
</code></pre>
<br />
11行目のように書き換える。<br />
あー、すっきりした！</p>
]]></content:encoded>
			<wfw:commentRss>http://www.synapz.jp/mrsy/2008/05/redmine/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>引用スタイルをカスタマイズする</title>
		<link>http://www.synapz.jp/mrsy/2008/02/post-11/</link>
		<comments>http://www.synapz.jp/mrsy/2008/02/post-11/#comments</comments>
		<pubDate>Thu, 28 Feb 2008 12:54:23 +0000</pubDate>
		<dc:creator>mrsy</dc:creator>
				<category><![CDATA[TIPS]]></category>

		<guid isPermaLink="false">http://www.synapz.jp/mrsy/2008/02/28/post45/</guid>
		<description><![CDATA[
外部ブログやニュースサイトからテキストを引用する時には、HTMLの &#60;blockquote&#62; タグを用います。 今回は、引用のデザインをかっこよくするために、Movable TypeのCSSをカスタマイズしてみました。



まずは、一般テキストの引用についてです。creazy photographさんのこちらを参考にさせていただきました。ありがとうございます。シンプルでかっこいいです。

こんな感じで引用できます。


  毎日少しずつ。それがなかなかできねんだなあ。
via: 相田みつを


次に、HTMLソースやプログラムソースを表示するのに便利な、SyntaxHighlighter を紹介いたします。これはテキストエリアをJavascript + CSS でカスタマイズする為のものです。行番号を表示したり、各種言語に対応するハイライト機能、クリップボードへのコピーなど、ものすごく機能的です。
Yahoo! Developer Network でも用いられていて、お目にかかったことがあるのではないでしょうか。

とりあえずこんな感じです。

&#60;?php
print(&#8220;Hello! World.&#8221;);
?&#62;

かっこいい！
SyntaxHighlighter のダウンロードと、インストール方法はこちらを参照してください。



dp.SyntaxHighlighter.HighlightAll(&#8216;code&#8217;);
]]></description>
			<content:encoded><![CDATA[<p>
外部ブログやニュースサイトからテキストを引用する時には、HTMLの &lt;blockquote&gt; タグを用います。 <br />今回は、引用のデザインをかっこよくするために、Movable TypeのCSSをカスタマイズしてみました。<br />
<br />
<span id="more-45"></span><br />
<p>
まずは、一般テキストの引用についてです。<a href="http://creazy.net/" target="_blank">creazy photograph</a>さんの<a href="http://creazy.net/2007/09/blockquote_css.html" target="_blank">こちら</a>を参考にさせていただきました。ありがとうございます。シンプルでかっこいいです。<br />
</p>
こんな感じで引用できます。<br />
</p>
<blockquote><p>
<p>  <big>毎日少しずつ。それがなかなかできねんだなあ。</big></p>
<cite>via: <a href="http://www.meigenshu.net/2007/07/post_553.html" target="_blank">相田みつを</a></cite><br />
</p></blockquote>
<p>
<p>次に、HTMLソースやプログラムソースを表示するのに便利な、<a href="http://code.google.com/p/syntaxhighlighter/" target="_blank">SyntaxHighlighter</a> を紹介いたします。これはテキストエリアをJavascript + CSS でカスタマイズする為のものです。行番号を表示したり、各種言語に対応するハイライト機能、クリップボードへのコピーなど、ものすごく機能的です。<br />
<a href="http://developer.yahoo.com/yui/grids/" target="_blank">Yahoo! Developer Network</a> でも用いられていて、お目にかかったことがあるのではないでしょうか。<br /><br />
<br /><br />
とりあえずこんな感じです。<br />
</p>
<textarea name="code" cols="60" rows="15">&lt;?php<br />
print(&#8220;Hello! World.&#8221;);<br />
?&gt;<br />
</textarea>
<p>かっこいい！</p>
<p>SyntaxHighlighter のダウンロードと、インストール方法は<a href="http://code.google.com/p/syntaxhighlighter/">こちら</a>を参照してください。</p>
<br />
<br />
<br />
dp.SyntaxHighlighter.HighlightAll(&#8216;code&#8217;);</p>
]]></content:encoded>
			<wfw:commentRss>http://www.synapz.jp/mrsy/2008/02/post-11/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>マインドマップ使ってますか？</title>
		<link>http://www.synapz.jp/mrsy/2008/02/post-10/</link>
		<comments>http://www.synapz.jp/mrsy/2008/02/post-10/#comments</comments>
		<pubDate>Mon, 04 Feb 2008 07:20:40 +0000</pubDate>
		<dc:creator>mrsy</dc:creator>
				<category><![CDATA[TIPS]]></category>
		<category><![CDATA[GTD]]></category>
		<category><![CDATA[Jude]]></category>
		<category><![CDATA[マインドマップ]]></category>

		<guid isPermaLink="false">http://www.synapz.jp/mrsy/2008/02/04/post41/</guid>
		<description><![CDATA[
ブログを書き続ける難しさを実感している今日この頃です。。

MTの管理ツール内には、タイトルだけのエントリはたくさんあるのですが、
いかんせん文章を書くことになれていない為か、どういう書き出しでどう締めるのか、展開をどうするのかを考えるのに苦労しています。

プログラマやエンジニアは長い文章を書くのが苦手で、箇条書きなら大得意という方もいらっしゃるのではないでしょうか。

何か良い方法が無いか考えていると、ふと「こういう時こそマインドマップじゃない？」と思いました。


マインドマップは、思考を整理するツールとして、ここ数年よく耳にします。GTD（Getting Things Done）を実践する人たちの間で広まり、ITMediaでも良く取り上げられています。


さて、マインドマップを実践されている方はどのように書いていらっしゃるのでしょうか。スケッチブックに書く人もいれば、モールスキンと４色ボールペンにこだわる人、あるいは専用ソフト等を用いて作成するなど、いろんな選択肢がありますね。


マインドマップは脳に直接訴えかける為に、印象深い絵や概念を記入することが薦められています。絵心がある人や文字がうまい人、空間認識力がある人は、きっと見栄えが良いマインドマップを書けることでしょう。逆に僕のような美的感覚ゼロで、自分の名前ですら文字の大きさが不均一になってしまう人は、ツールを使うという手もあります。


ここで、私が使っているソフトウェア設計支援ツールJudeのマインドマップ機能を紹介しましょう。このJudeには、マインドマップ用テンプレートが用意されていて、例えば議事録用のものだと、議題・出席者・宿題の枝が登録されています。これをプロジェクタに投影しながら会議を進行すると、話が脱線せずに進行できそうです。


また、Jude開発元であるチェンジビジョン代表の平鍋さんは、マインドマップをソフトウェア開発に生かす為の本も出版されています（ソフトウエア開発に役立つマインドマップ）。


アジャイルソフトウェア開発者の間でも、その有効性が認められています。以下のマインドマップは、eXtreme Programming提唱者で有名なケントベックが書いたものを和訳したものです。なんかかっこいい！

ーマインド・マップとUMLを使った要求分析支援（前編）よりー




最後に、このエントリを書く上でベースにした僕のマインドマップを公開します。



書いたマインドマップとエントリの内容がだいぶ違っていますが（笑）、実践初日ということでお許しください。
]]></description>
			<content:encoded><![CDATA[<p>
ブログを書き続ける難しさを実感している今日この頃です。。<br />
<br />
MTの管理ツール内には、タイトルだけのエントリはたくさんあるのですが、<br />
いかんせん文章を書くことになれていない為か、どういう書き出しでどう締めるのか、展開をどうするのかを考えるのに苦労しています。<br />
<br />
プログラマやエンジニアは長い文章を書くのが苦手で、箇条書きなら大得意という方もいらっしゃるのではないでしょうか。<br />
<br />
何か良い方法が無いか考えていると、ふと「こういう時こそ<a href="http://ja.wikipedia.org/wiki/%E3%83%9E%E3%82%A4%E3%83%B3%E3%83%89%E3%83%9E%E3%83%83%E3%83%94%E3%83%B3%E3%82%B0">マインドマップ</a>じゃない？」と思いました。<br />
<br />
<br />
マインドマップは、思考を整理するツールとして、ここ数年よく耳にします。<a href="http://ja.wikipedia.org/wiki/GTD">GTD（Getting Things Done）</a>を実践する人たちの間で広まり、ITMediaでも<a href="http://www.itmedia.co.jp/bizid/kw/mindmap.html">良く取り上げられて</a>います。<br />
<br />
<br />
さて、マインドマップを実践されている方はどのように書いていらっしゃるのでしょうか。スケッチブックに書く人もいれば、モールスキンと４色ボールペンにこだわる人、あるいは専用ソフト等を用いて作成するなど、いろんな選択肢がありますね。<br />
<br />
<br />
マインドマップは脳に直接訴えかける為に、印象深い絵や概念を記入することが薦められています。絵心がある人や文字がうまい人、空間認識力がある人は、きっと見栄えが良いマインドマップを書けることでしょう。逆に僕のような美的感覚ゼロで、自分の名前ですら文字の大きさが不均一になってしまう人は、ツールを使うという手もあります。<br />
<br />
<br />
ここで、私が使っているソフトウェア設計支援ツール<a href="http://jude.change-vision.com/jude-web/index.html">Jude</a>のマインドマップ機能を紹介しましょう。このJudeには、マインドマップ用テンプレートが用意されていて、例えば議事録用のものだと、議題・出席者・宿題の枝が登録されています。これをプロジェクタに投影しながら会議を進行すると、話が脱線せずに進行できそうです。<br />
<br />
<br />
また、Jude開発元であるチェンジビジョン代表の平鍋さんは、マインドマップをソフトウェア開発に生かす為の本も出版されています（<span class="sans"><a href="http://www.amazon.co.jp/dp/4822283143/">ソフトウエア開発に役立つマインドマップ</a>）。</span><br />
<br />
<br />
アジャイルソフトウェア開発者の間でも、その有効性が認められています。以下のマインドマップは、<a href="http://ja.wikipedia.org/wiki/%E3%82%A8%E3%82%AF%E3%82%B9%E3%83%88%E3%83%AA%E3%83%BC%E3%83%A0%E3%83%BB%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0">eXtreme Programming</a>提唱者で有名なケントベックが書いたものを和訳したものです。なんかかっこいい！<br />
<br />
ー<a href="http://www.atmarkit.co.jp/farc/rensai/mm01/mm01a.html">マインド・マップとUMLを使った要求分析支援（前編）</a>よりー<br />
<br />
<img src="http://www.synapz.jp/blog/mrsy/2008/02/04/mm01_01-thumb-454x340.jpg" alt="mm01_01.jpg" class="mt-image-center" style="margin: 0pt auto 20px;text-align: center" height="340" width="454" />
<br />
<br />
最後に、このエントリを書く上でベースにした僕のマインドマップを公開します。<br />
<img alt="mindmap.pngのサムネール画像" src="http://www.synapz.jp/blog/mrsy/assets_c/2008/02/4-thumb-1079x553-thumb-500x256.png" class="mt-image-center" style="margin: 0pt auto 20px;text-align: center" height="256" width="500" />
<br />
<br />
書いたマインドマップとエントリの内容がだいぶ違っていますが（笑）、実践初日ということでお許しください。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.synapz.jp/mrsy/2008/02/post-10/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>手軽にfavicon生成 -Favicon Editor-</title>
		<link>http://www.synapz.jp/mrsy/2008/01/favicon-editor/</link>
		<comments>http://www.synapz.jp/mrsy/2008/01/favicon-editor/#comments</comments>
		<pubDate>Tue, 22 Jan 2008 09:03:46 +0000</pubDate>
		<dc:creator>mrsy</dc:creator>
				<category><![CDATA[TIPS]]></category>
		<category><![CDATA[favicon]]></category>

		<guid isPermaLink="false">http://www.synapz.jp/mrsy/2008/01/22/post36/</guid>
		<description><![CDATA[
ラウザのアドレスバー左に表示されるfavicon.icoを簡単に作成することができるサービスを紹介します。
DeGrave.comのFavicon Editorです。





このサービスは、faviconにしたいロゴ画像をアップロードすることで、自動で作成してくれます。もちろんすべて手動で色を生成することも可能です。早速弊社のロゴを用いて作成してみました。


1. 画像を準備
弊社のロゴ画像から、favicon.icoにしたい部分を抜き出し、別ファイルとして保存します。



2. 保存したファイルを、Favicon Editorにアップロードします。


3.取り込む範囲をマウスでドラッグし、決定します。




4. 背景を透過させたい場合は、グレーと白のチェックになっているピクセルで塗りつぶします。



5. Make Favicon! ボタンをクリックすると、faviconが表示されるので、それをローカルマシンに保存します。


6. WebサイトのドキュメントルートにFTPします。


7. HTMLに下記の通り記述します。
&#60;head&#62;
&#60;link rel="shortcut icon" href="/favicon.ico"&#62;
...
&#60;/head&#62;



以上で完了です。一度背景を透過させたバージョンを作成してみましたが、Firefoxのブックマークツールバーに表示しているときにマウスオーバーさせるとシャギーが目立ってしまったので、背景を白で塗りつぶしました。


256色で生成されるので、なかなかきれいにできました。



faviconがあるのと無いのでは、ほんの少しですが印象がよくなりますね！
]]></description>
			<content:encoded><![CDATA[<p>
ラウザのアドレスバー左に表示されるfavicon.icoを簡単に作成することができるサービスを紹介します。<br />
<a href="http://www.degraeve.com/">DeGrave.com</a>の<a href="http://www.degraeve.com/favicon/">Favicon Editor</a>です。<br />
<br />
<br />
<img alt="favicon_editor.png" src="http://www.synapz.jp/blog/mrsy/assets_c/2008/01/1-thumb-400x361.png" height="361" width="400" />
<br />
<br />
このサービスは、faviconにしたいロゴ画像をアップロードすることで、自動で作成してくれます。もちろんすべて手動で色を生成することも可能です。早速弊社のロゴを用いて作成してみました。<br />
<br />
<br />
<b>1. 画像を準備</b><br />
弊社のロゴ画像から、favicon.icoにしたい部分を抜き出し、別ファイルとして保存します。<br />
<img alt="sz_logo.png" src="http://www.synapz.jp/mrsy/wp-content/uploads/ピクチャ 3.png" class="mt-image-left" height="222" width="385" />
<br />
<br />
<b>2. 保存したファイルを、Favicon Editorにアップロードします。</b><br />
<br />
<br />
<b>3.取り込む範囲をマウスでドラッグし、決定します。</b><br />
<img alt="favicon_area_select.png" src="http://www.synapz.jp/blog/mrsy/ピクチャ 5.png" height="117" width="209" />
<br />
<br />
<br />
<b>4. 背景を透過させたい場合は、グレーと白のチェックになっているピクセルで塗りつぶします。</b><br />
<img alt="favi_edit.png" src="http://www.synapz.jp/blog/mrsy/ピクチャ 6.png" class="mt-image-left" height="323" width="553" />
<br />
<br />
<b>5. Make Favicon! ボタンをクリックすると、faviconが表示されるので、それをローカルマシンに保存します。</b><br />
<br />
<br />
<b>6. WebサイトのドキュメントルートにFTPします。</b><br />
<br />
<br />
<b>7. <span class="caps">HTML</span>に下記の通り記述します。</b><br />
<pre><code>&lt;head&gt;
&lt;link rel="shortcut icon" href="/favicon.ico"&gt;
...
&lt;/head&gt;
</code></pre>
<br />
<br />
以上で完了です。一度背景を透過させたバージョンを作成してみましたが、Firefoxのブックマークツールバーに表示しているときにマウスオーバーさせるとシャギーが目立ってしまったので、背景を白で塗りつぶしました。<br />
<br />
<br />
256色で生成されるので、なかなかきれいにできました。<br />
<img alt="sz_favicon.png" src="http://www.synapz.jp/blog/mrsy/ピクチャ 4.png" class="mt-image-left" height="38" width="174" />
<br />
<br />
faviconがあるのと無いのでは、ほんの少しですが印象がよくなりますね！</p>
]]></content:encoded>
			<wfw:commentRss>http://www.synapz.jp/mrsy/2008/01/favicon-editor/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

