<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
   <title>caraldo.net | WebとiPhoneとロードバイクが大好き！</title>
   <link rel="alternate" type="text/html" href="http://blog.caraldo.net/" />
   <link rel="self" type="application/atom+xml" href="http://blog.caraldo.net/atom.xml" />
   <id>tag:blog.caraldo.net,2012://1</id>
   <updated>2011-12-28T16:17:43Z</updated>
   <subtitle>MovableTypeのカスタマイズ、iPhone・Web・PCに関する情報、SEO情報等幅広く紹介していくブログです。</subtitle>
   <generator uri="http://www.sixapart.com/movabletype/">Movable Type Pro 4.261</generator>


<entry>
   <title>MTのコメントスパム対策にプラグイン導入+.htaccess等で対応した方法</title>
   <link rel="alternate" type="text/html" href="http://blog.caraldo.net/2011/12/mt_3.php" />
   <id>tag:blog.caraldo.net,2011://1.292</id>
   
   <published>2011-12-28T16:17:37Z</published>
   <updated>2011-12-28T16:17:43Z</updated>
   
   <summary> さて、久しぶりのMTネタです。 最近やたらとコメントスパムが多いので、プラグインを導入しました。 プラグインの導入以外にも対策を行いましたので内容を残しておこ...</summary>
   <author>
      <name>k.</name>
      <uri>http://blog.caraldo.net/</uri>
   </author>
   
      <category term="MovableType" scheme="http://www.sixapart.com/ns/types#category" />
   
   <category term="6" label="MovableType" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="7" label="plugin" scheme="http://www.sixapart.com/ns/types#tag" />
   
   <content type="html" xml:lang="ja" xml:base="http://blog.caraldo.net/">
      <![CDATA[<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="title_111229.jpg" src="http://blog.caraldo.net/img/title_111229.jpg" width="500" height="200" class="mt-image-none" style="" /></span>

さて、久しぶりのMTネタです。

最近やたらとコメントスパムが多いので、プラグインを導入しました。

プラグインの導入以外にも対策を行いましたので内容を残しておこうと思います。

ついでにMTデフォルトの機能でコメント対策として使えるものにも触れていきたいと思います。

関係ないですがFacebookやTwitterが今よりも更に流行れば、コメントフォームは無くなっていくのかもしれないなと思いつつ書いています。


]]>
      <![CDATA[<h3>コメントスパム対策プラグイン導入</h3>

導入したプラグインは<strong>NotJapaneseLookup</strong>です。

配布元は以下です。バージョンに合わせてダウンロードして下さい。
<a href="http://www.h-fj.com/blog/archives/2009/12/09-100911.php">日本語でないスパムをフィルタするプラグイン（Movable Type 5用） - The blog of H.Fujimoto</a>
<a href="http://www.h-fj.com/blog/archives/2005/10/08-110622.php">日本語でないスパムをフィルタするプラグイン(MT3.2以降用) - The blog of H.Fujimoto</a>

本ブログはMT4で動いていますので、MT3.2以降用のV1.00を利用しました。

MT5用をインストールしたところ、プラグイン設定画面で文字化けしてしまいました。

導入は簡単で /plugins ディレクトリに NotJapaneseLookup ディレクトリごと設置してあげればOKです。

プラグインの設定画面から以下の数値が設定できます。
<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="111229_sample01.png" src="http://blog.caraldo.net/img/111229_sample01.png" width="500" height="267" class="mt-image-none" style="" /></span>

スコアのあたりは細かい話になりますので、割愛します。
詳しくは配布元をご覧下さい。

<h3>.htaccessでの対応</h3>
プラグインを導入後、ほとんどのスパムコメントがこなくなりました。

が、たまに日本語ですりぬけてくるので、それも対応出来ないか探してみたところ以下のエントリーを見つけました。
<a href="http://blog.webcreativepark.net/2010/06/23-075717.html">MTのコメントスパムをなくす.htaccess[to-R]</a>

この方法がもしかしたら一番シンプルで、これだけで足りてしまうものなのかも知れません。

mt-comments.cgi に対して、<strong>リファラーが自サイトで無かったらアクセス出来ない様に .htaccess で設定</strong>する方法です。
たいていのコメントスパムは直接CGIを叩きにきますので、非常に理にかなってると思います。

<pre name="code" class="php">
&lt;Files mt-comments.cgi&gt;
SetEnvIf Referer "^http://example.com" ref
order deny,allow
deny from all
allow from env=ref
&lt;/Files&gt;
</pre>

こんな内容の .htaccess を作成してmt-comments.cgi と同ディレクトリに配置してあげるだけです。

それでもすり抜けてくるものがあるとしたら本当にわずかだと思いますので、デフォルトで搭載されているプラグインと機能を使って手動で対策していくのが良いと思います。

<h3>禁止IPリストの表示</h3>

MTの管理画面上に禁止IPリストの追加画面・一覧画面を表示出来るようにします。

実はそんな画面があるんですね。

mt-config.cgiに以下の1行を追加します。

<strong>ShowIPInformation 1</strong>

すると、管理画面→設定の中に禁止IPリストが出てきます。
<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="111229_sample02.png" src="http://blog.caraldo.net/img/111229_sample02.png" width="500" height="267" class="mt-image-none" style="" /></span>
ここから禁止したいIPの管理ができます。


<h3>禁止キーワードの設定</h3>
コメント内で禁止したいキーワードに関しては、以下のデフォルトプラグインの設定をいじればOKです。

<strong>SpamLookup - Keyword Filter 2.1</strong>

ここのスパムにするキーワードにすり抜けてきたワードを追加してあげれば、バッチリです！


来年もよろしくお願いします！良いお年を～！



]]>
   </content>
</entry>

<entry>
   <title>2011年本ブログの人気記事＆アクセス状況まとめ</title>
   <link rel="alternate" type="text/html" href="http://blog.caraldo.net/2011/12/2011.php" />
   <id>tag:blog.caraldo.net,2011://1.291</id>
   
   <published>2011-12-28T00:10:23Z</published>
   <updated>2011-12-28T00:08:00Z</updated>
   
   <summary> さて、今年も残すところあと4日になりました。 毎年恒例の1年のまとめを公開しようと思います。 過去の分は以下から ⇒2010年本ブログの人気記事＆アクセス状況...</summary>
   <author>
      <name>k.</name>
      <uri>http://blog.caraldo.net/</uri>
   </author>
   
      <category term="Web" scheme="http://www.sixapart.com/ns/types#category" />
   
   <category term="62" label="Blog" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="2" label="Web" scheme="http://www.sixapart.com/ns/types#tag" />
   
   <content type="html" xml:lang="ja" xml:base="http://blog.caraldo.net/">
      <![CDATA[<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="title_111228.png" src="http://blog.caraldo.net/img/title_111228.png" width="500" height="250" class="mt-image-none" style="" /></span>

さて、今年も残すところあと4日になりました。
毎年恒例の1年のまとめを公開しようと思います。

過去の分は以下から
⇒<a href="http://blog.caraldo.net/2010/12/2010.php">2010年本ブログの人気記事＆アクセス状況まとめ</a>
⇒<a href="http://blog.caraldo.net/2009/12/access2009.php">2009年本ブログの人気記事＆アクセス状況まとめ</a>
⇒<a href="http://blog.caraldo.net/2008/12/2008.php">2008年本ブログのまとめ＆来年の抱負なんかを少々</a>

2011年は36エントリーを公開しました！
1月は比較的頑張っていたのですが、尻すぼみしました。。

ただアクセス数は皆さんのおかげで去年よりも随分伸び、平均3000セッションは、達成出来ました。
昨年目標で掲げた平均5000セッションは来年に持ち越しです。

見て下さった方、本当にありがとうございます。

では、今年活躍してくれた記事を振り返ってみたいと思います。
]]>
      <![CDATA[<h3>2011年アクセス数上位20件</h3>
アクセス数上位20件はそんなに入れ替わりが無かったですが、全体的に分母が増えました！

1位：<a href="http://blog.caraldo.net/2010/12/tablet.php">タブレットPCが多すぎて分からないので一覧化してみた、電子書籍リーダーもあるよ</a>
<a href="http://blog.caraldo.net/2010/12/tablet.php"><img alt="title_101203.png" src="http://blog.caraldo.net/img/title_101203.png" class="mt-image-none" style="" height="200" width="500"></a>
「<strong>タブレットpc</strong>」のキーワードでのアクセスが多いです。


2位：<a href="http://blog.caraldo.net/2010/02/avatar.php">こんなにあるのか！無料でアバターを作成出来るサイトを徹底比較してみた</a>
<a href="http://blog.caraldo.net/2010/02/avatar.php"><img alt="こんなにあるのか！無料でアバターを作成出来るサイトを徹底比較してみた" src="http://blog.caraldo.net/img/title_100215.png" class="mt-image-none" style="" height="200" width="500"></a>
「<strong>アバター 無料 </strong>」のキーワードでのアクセスが多いです。


3位：<a href="http://blog.caraldo.net/2010/02/iphone_3gs_1.php">iPhone 3GSを紛失したらやる事まとめ。事前に対策してないと何もできないからねっ！</a>
<a href="http://blog.caraldo.net/2010/02/iphone_3gs_1.php"><img alt="100208_iphonelost_title.jpg" src="http://blog.caraldo.net/img/100208_iphonelost_title.jpg" class="mt-image-none" style="" height="200" width="500"></a>
「<strong>iphone 紛失</strong>」のキーワードでのアクセスが多いです。


4位：<a href="http://blog.caraldo.net/2009/12/cpuintel_core_i7i5.php">CPU初心者がIntel Core i7とi5の違いについて読み解く</a>
<a href="http://blog.caraldo.net/2009/12/cpuintel_core_i7i5.php"><img alt="091208_intelcpu_corei7_00.jpg" src="http://blog.caraldo.net/img/091208_intelcpu_corei7_00.jpg" class="mt-image-none" style="" height="200" width="500"></a>
「<strong>i5 i7 違い</strong>」のキーワードでのアクセスが多いです。


5位：<a href="http://blog.caraldo.net/2010/12/smartphone.php">Webサイトをスマートフォン対応してと言われた時に見ておきたいサイトまとめ</a>
<a href="http://blog.caraldo.net/2010/12/smartphone.php"><img alt="Webサイトをスマートフォン対応してと言われた時に見ておきたいサイトまとめ" src="http://blog.caraldo.net/img/title_101207.png" class="mt-image-none" style="" height="200" width="500"></a>
「<strong>スマートフォン サイト</strong>」のキーワードでのアクセスが多いです。


6位：<a href="http://blog.caraldo.net/2010/03/windows_7ps3dlna.php">Windows 7とPS3をDLNAで繋ぐ！メディアストリーミングで動画を楽しむ方法</a>
<a href="http://blog.caraldo.net/2010/03/windows_7ps3dlna.php"><img alt="100225_windows7_ps3.jpg" src="http://blog.caraldo.net/img/100225_windows7_ps3.jpg" class="mt-image-none" style="" width="500" height="200"></a>
「<strong>ps3 メディアサーバー windows7</strong>」のキーワードでのアクセスが多いです。


7位：<a href="http://blog.caraldo.net/2009/11/windows7_2.php">Windows7にフォントをインストールする方法</a>
「<strong>windows7 フォント</strong>」のキーワードでのアクセスが多いです。


8位：<a href="http://blog.caraldo.net/2009/01/skype.php">【無料通話】Skypeが起動しない、使えない・・・どうして？2つの対応策</a>
<a href="http://blog.caraldo.net/2009/01/skype.php"><img alt="100705_skype_00.jpg" src="http://blog.caraldo.net/img/100705_skype_00.jpg" class="mt-image-none" style="" width="500" height="200"></a>
「<strong>スカイプ 起動しない</strong>」のキーワードでのアクセスが多いです。


9位：<a href="http://blog.caraldo.net/2009/11/post_59.php">巡回冗長検査（ＣＲＣ）エラーの対処法</a>
<a href="http://blog.caraldo.net/2009/11/post_59.php"><img alt="巡回冗長検査(CRC)って何？" src="http://blog.caraldo.net/img/091122_chkdsk_00.jpg" class="mt-image-none" style="" width="500" height="200"></a>
「<strong>巡回冗長検査エラー</strong>」のキーワードでのアクセスが多いです。


10位：<a href="http://blog.caraldo.net/2009/08/iphonegoogle.php">iPhoneとGoogleカレンダーとGmail連絡帳を同期させる</a>
<a href="http://blog.caraldo.net/2009/08/iphonegoogle.php"><img alt="100718_iphonegoogle.jpg" src="http://blog.caraldo.net/img/100718_iphonegoogle.jpg" class="mt-image-none" style="" height="200" width="500"></a>
「<strong>iphone google 連絡先 同期</strong>」のキーワードでのアクセスが多いです。


11位：<a href="http://blog.caraldo.net/2009/10/windows7_1.php">Windows7を買ったらやる6個のちょっとした設定</a>
<a href="http://blog.caraldo.net/2009/10/windows7_1.php"><img alt="091030_windows7_00.jpg" src="http://blog.caraldo.net/img/091030_windows7_00.jpg" width="500" height="200"></a>
「<strong>windows7 設定</strong>」のキーワードでのアクセスが多いです。


12位：<a href="http://blog.caraldo.net/2009/01/iefaviconico.php">IEで表示されない！？favicon.icoを完璧に表示する方法</a>
<a href="http://blog.caraldo.net/2009/01/iefaviconico.php"><img alt="IEで表示されない！？favicon.icoを完璧に表示する方法" src="http://blog.caraldo.net/img/090111_title.jpg" height="130" width="450"></a>
「<strong>favicon 表示されない</strong>」のキーワードでのアクセスが多いです。


13位：<a href="http://blog.caraldo.net/2010/02/windows7_ntfs.php">覚えておきたいWindows 7のバックアップ！NTFSフォーマットのHDDが無いと困っちゃう！</a>
<a href="http://blog.caraldo.net/2010/02/windows7_ntfs.php"><img alt="100222_windows7_backup.jpg" src="http://blog.caraldo.net/img/100222_windows7_backup.jpg" class="mt-image-none" style="" width="500" height="200"></a>
「<strong>windows7 バックアップ</strong>」のキーワードでのアクセスが多いです。


14位：<a href="http://blog.caraldo.net/2009/10/windows7.php">Windows7 64bitを買う前に見るサイト！7のセットアップに便利なURL付き！</a>
<a href="http://blog.caraldo.net/2009/10/windows7.php"><img src="http://blog.caraldo.net/img/091027_win7_00_windows7.jpg"></a>
「<strong>windows7 64bit</strong>」のキーワードでのアクセスが多いです。


15位：<a href="http://blog.caraldo.net/2011/07/iphonegmailcsv.php">iPhoneの連絡先とGmailの連絡先を同期するためにCSVでアドレス帳を一括登録！</a><img src="http://blog.caraldo.net/img/new_ico.gif">
<img alt="110724_iphonegmailcsv.jpg" src="http://blog.caraldo.net/img/110724_iphonegmailcsv.jpg" class="mt-image-none" style="" height="200" width="500">
「<strong>iphone 連絡先 同期</strong>」のキーワードでのアクセスが多いです。


16位：<a href="http://blog.caraldo.net/2009/10/microsoftsecurity_essentialscp.php">Microsoft無料ウイルス対策ソフトSecurity EssentialsがCPUを占有する</a>
<a href="http://blog.caraldo.net/2009/10/microsoftsecurity_essentialscp.php"><img src="http://blog.caraldo.net/img/091008_mse00.jpg"></a>
「<strong>msmpeng</strong>」のキーワードでのアクセスが多いです。


17位：<a href="http://blog.caraldo.net/2009/03/jqcookiemenu.php">jQueryとjquery.cookie.jsを使って開閉を保持するメニューを作ってみる</a>
<a href="http://blog.caraldo.net/2009/03/jqcookiemenu.php"><img alt="jQueryとjquery.cookie.jsを使って開閉を保持するメニューを作ってみる" src="http://blog.caraldo.net/img/title_090303.jpg" width="450" height="200"></a>
「<strong>jquery cookie</strong>」のキーワードでのアクセスが多いです。


18位：<a href="http://blog.caraldo.net/2008/02/illustrator.php">Illustratorで印刷に必要なトリムマーク（トンボ）を作る</a>
<a href="http://blog.caraldo.net/2008/02/illustrator.php"><img alt="080221_tonbo02.jpg" src="http://blog.caraldo.net/img/080221_tonbo02.jpg" width="450" height="200"></a>
「<strong>イラストレーター トンボ</strong>」のキーワードでのアクセスが多いです。


19位：<a href="http://blog.caraldo.net/2010/02/phptwitterapi.php">PHPとTwitterAPIを利用して、自分のタイムラインを表示してみる＠デザイナー</a>
<a href="http://blog.caraldo.net/2010/02/phptwitterapi.php"><img alt="PHPとTwitterAPIを利用して、自分のタイムラインを表示してみる＠デザイナー" src="http://blog.caraldo.net/img/title_100217.jpg" class="mt-image-none" style="" width="500" height="200"></a>
「<strong>twitter api</strong>」のキーワードでのアクセスが多いです。


20位：<a href="http://blog.caraldo.net/2010/08/google_tasksiphoneto_do.php">Google TasksをiPhoneで使いたい。TO DO管理をシンプルに。</a>
<a href="http://blog.caraldo.net/2010/08/google_tasksiphoneto_do.php"><img alt="100731_iphonetodo.jpg" src="http://blog.caraldo.net/img/100731_iphonetodo.jpg" class="mt-image-none" style="" width="500" height="200"></a>
「<strong>iphone todo</strong>」のキーワードでのアクセスが多いです。


<h3>はてなブックマーク数上位10件</h3>

今年もこのブログのTOPページ<a href="http://b.hatena.ne.jp/entry/http://blog.caraldo.net/"><img src="http://b.hatena.ne.jp/entry/image/http://blog.caraldo.net/" style="border: medium none; vertical-align: middle;"></a>がいっぱいブックマークされてニヤニヤしていました。
来年も見て下さる方は<a href="http://blog.caraldo.net/index.xml">RSSを登録</a>して頂くか、TOPページをブックマークしてやって下さい。<a href="http://b.hatena.ne.jp/append?http://blog.caraldo.net/"><img src="http://d.hatena.ne.jp/images/b_entry.gif" alt="このエントリをはてなブックマークに登録" style="border: medium none; vertical-align: middle;" width="16" border="0" height="12"></a>


では、ランキングへ。

1位：<a href="http://blog.caraldo.net/2010/12/smartphone.php">Webサイトをスマートフォン対応してと言われた時に見ておきたいサイトまとめ</a><a href="http://b.hatena.ne.jp/entry/http://blog.caraldo.net/2010/12/smartphone.php"><img src="http://b.hatena.ne.jp/entry/image/http://blog.caraldo.net/2010/12/smartphone.php"></a>

2位：<a href="http://blog.caraldo.net/2011/07/googleanalytics_twitter_faceboo.php">GoogleAnalyticsで+1やTwitter、Facebookのソーシャルトラッキングを行う方法</a><a href="http://b.hatena.ne.jp/entry/http://blog.caraldo.net/2011/07/googleanalytics_twitter_faceboo.php"><img src="http://b.hatena.ne.jp/entry/image/http://blog.caraldo.net/2011/07/googleanalytics_twitter_faceboo.php"></a><img src="http://blog.caraldo.net/img/new_ico.gif">

3位：<a href="http://blog.caraldo.net/2009/02/fireworks_1.php">FireWorks派必見！FireWorksお役立ちサイトまとめ</a><a href="http://b.hatena.ne.jp/entry/http://blog.caraldo.net/2009/02/fireworks_1.php"><img src="http://b.hatena.ne.jp/entry/image/http://blog.caraldo.net/2009/02/fireworks_1.php"></a>

4位：<a href="http://blog.caraldo.net/2010/02/phptwitterapi.php">PHPとTwitterAPIを利用して、自分のタイムラインを表示してみる＠デザイナー</a><a href="http://b.hatena.ne.jp/entry/http://blog.caraldo.net/2010/02/phptwitterapi.php"><img src="http://b.hatena.ne.jp/entry/image/http://blog.caraldo.net/2010/02/phptwitterapi.php"></a>

5位：<a href="http://blog.caraldo.net/2008/05/jsdpsyntaxhighlighter.php">ソースコードを綺麗に表示するJS「dp.SyntaxHighlighter」</a><a href="http://b.hatena.ne.jp/entry/http://blog.caraldo.net/2008/05/jsdpsyntaxhighlighter.php"><img src="http://b.hatena.ne.jp/entry/image/http://blog.caraldo.net/2008/05/jsdpsyntaxhighlighter.php"></a>

6位：<a href="http://blog.caraldo.net/2009/03/jqcookiemenu.php">jQueryとjquery.cookie.jsを使って開閉を保持するメニューを作ってみる</a><a href="http://b.hatena.ne.jp/entry/http://blog.caraldo.net/2009/03/jqcookiemenu.php"><img src="http://b.hatena.ne.jp/entry/image/http://blog.caraldo.net/2009/03/jqcookiemenu.php"></a>

7位：<a href="http://blog.caraldo.net/2010/02/avatar.php">こんなにあるのか！無料でアバターを作成出来るサイトを徹底比較してみた</a><a href="http://b.hatena.ne.jp/entry/http://blog.caraldo.net/2010/02/avatar.php"><img src="http://b.hatena.ne.jp/entry/image/http://blog.caraldo.net/2010/02/avatar.php"></a>

8位：<a href="http://blog.caraldo.net/2009/02/cssjquery.php">CSSのみで！jQueryを使って！複数のブロック要素の高さを揃える</a><a href="http://b.hatena.ne.jp/entry/http://blog.caraldo.net/2009/02/cssjquery.php"><img src="http://b.hatena.ne.jp/entry/image/http://blog.caraldo.net/2009/02/cssjquery.php"></a>

9位：<a href="http://blog.caraldo.net/2011/06/fireworks_vector.php">Fireworks用のベクター素材やテクスチャ等便利アイテムを無料で配布しているサイト</a><a href="http://b.hatena.ne.jp/entry/http://blog.caraldo.net/2011/06/fireworks_vector.php"><img src="http://b.hatena.ne.jp/entry/image/http://blog.caraldo.net/2011/06/fireworks_vector.php"></a><img src="http://blog.caraldo.net/img/new_ico.gif">

10位：<a href="http://blog.caraldo.net/2009/01/iefaviconico.php">IEで表示されない！？favicon.icoを完璧に表示する方法</a><a href="http://b.hatena.ne.jp/entry/http://blog.caraldo.net/2009/01/iefaviconico.php"><img src="http://b.hatena.ne.jp/entry/image/http://blog.caraldo.net/2009/01/iefaviconico.php"></a>


<h3>来年の抱負</h3>
だんだんブログのドメインにも力がついてきたみたいで、調べものしてるとcaraldoが出てきたんだけど、なんて言われる事も多くなりました。
来年ももっと皆さんの調べものを先回りして調べられるように頑張ります！


来年は平均5000セッションを目指しつつ、100記事公開を目標に頑張っていこうと思います。

来年も本ブログをよろしくお願いします。]]>
   </content>
</entry>

<entry>
   <title>DECOCAでミニサイズのブロガー名刺を作ってみたよ！</title>
   <link rel="alternate" type="text/html" href="http://blog.caraldo.net/2011/12/decoka.php" />
   <id>tag:blog.caraldo.net,2011://1.290</id>
   
   <published>2011-12-11T08:58:09Z</published>
   <updated>2011-12-11T14:50:20Z</updated>
   
   <summary> DECOCA（デコカ）というサービスを使ってブロガー名刺を作ってみました。 48枚入りで1480円送料込で作成出来ます。 通常の名刺サイズ55×91mmよりも...</summary>
   <author>
      <name>k.</name>
      <uri>http://blog.caraldo.net/</uri>
   </author>
   
      <category term="個人的ななにか" scheme="http://www.sixapart.com/ns/types#category" />
   
      <category term="日記" scheme="http://www.sixapart.com/ns/types#category" />
   
   <category term="233" label="Webサービス" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="234" label="名刺" scheme="http://www.sixapart.com/ns/types#tag" />
   
   <content type="html" xml:lang="ja" xml:base="http://blog.caraldo.net/">
      <![CDATA[<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="title_111211.png" src="http://blog.caraldo.net/img/title_111211.png" width="500" height="138" class="mt-image-none" style="" /></span>

<strong>DECOCA</strong>（デコカ）というサービスを使ってブロガー名刺を作ってみました。
48枚入りで1480円送料込で作成出来ます。

通常の名刺サイズ55×91mmよりも小さい<strong>35×73mm</strong>というサイズで出来上がります。

ビジネスでの使用は難しいかもしれませんが、カジュアルなプライベート用としてはかなり使えると思います。

色々ある名刺サービスの中で、最終的にDECOCAに決めた理由は<a href="http://twitter.com/mokari">@mokari</a>さんの<a href="http://culture.rouxril.com/2011/08/post-108.php">ブログ（サイト）の名刺を作ってみた。デコカで。</a>を見て、サイトのキャプチャっていいな～と思ったからです。

<a href="http://design.graphic.jp/lite/?action_lite_GoodsDetail=1&menu_number=3">商品紹介 - デコカ</a>
]]>
      <![CDATA[<h3>DECOCAの特徴</h3>

出来上がった名刺はこんな感じ↓

<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="111211_photo1.jpg" src="http://blog.caraldo.net/img/111211_photo1.jpg" width="500" height="300" class="mt-image-none" style="" /></span>

DECOCAは48枚で1セットになり、<strong>48枚全て表面を別の写真</strong>にする事が出来ます！
裏面（情報掲載側）は48枚すべてで共通です。

表面は<strong>マットラミネート加工</strong>されていて、すべすべ滑らかです。
厚みは通常の名刺の2倍位です。

今回はとにかく急ぎで作成したので、ブログの宣伝用にサイトのキャプチャ画像と、完全プライベート用に愛娘（超可愛い）、の2種類の画像のみで作成をしました。

1度注文したレイアウトデータは保存されていますので、追加発注も簡単です。

<h3>DECOCA作成手順</h3>

DECOCAの作成は、ブラウザでの操作だけで作業は完了します。

画像をアップロードして、配置して情報入力してポチポチとすると完成です。
画像の選定時間を除けば5分程度で出来てしまいます。


データ入稿後のサポートもしっかりしています。
今回、縦横比を無視して画像を変形してしまっていて、サポートの方から修正しますか？と連絡を頂けました。

DECOCAバーという折って使うパッケージに入って届きます。
他のブロガーさんの記事でも紹介されていますので、気に入ったら注文して見てください。

<a href="http://wondada.cocolog-nifty.com/hibi_saisai/2008/05/decoca_3484.html">日々歳々: DECOCAのミニ名刺　大きさ比べ</a>
<a href="http://mawari.cocolog-nifty.com/mawariblog/2008/07/blogger_name_ca_f186.html">ブロガー御用達ミニ名刺　DECOCA: まわりぶろぐ</a>

]]>
   </content>
</entry>

<entry>
   <title>Facebookのアルバムへアップロードする時の「標準」と「高画質」の画像サイズの違いを調べたよ</title>
   <link rel="alternate" type="text/html" href="http://blog.caraldo.net/2011/10/facebook_2.php" />
   <id>tag:blog.caraldo.net,2011://1.289</id>
   
   <published>2011-10-27T16:29:07Z</published>
   <updated>2011-10-27T16:29:38Z</updated>
   
   <summary> Facebookのアルバム使ってますか？ 一括でアップロード出来るうえに、タグ付けもできて便利ですね。 友達との旅行写真等をFacebook上で共有している人...</summary>
   <author>
      <name>k.</name>
      <uri>http://blog.caraldo.net/</uri>
   </author>
   
      <category term="Web" scheme="http://www.sixapart.com/ns/types#category" />
   
      <category term="ソーシャルメディア" scheme="http://www.sixapart.com/ns/types#category" />
   
      <category term="デジタルカメラ" scheme="http://www.sixapart.com/ns/types#category" />
   
      <category term="個人的ななにか" scheme="http://www.sixapart.com/ns/types#category" />
   
      <category term="趣味" scheme="http://www.sixapart.com/ns/types#category" />
   
   <category term="217" label="Facebook" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="4" label="Photo" scheme="http://www.sixapart.com/ns/types#tag" />
   
   <content type="html" xml:lang="ja" xml:base="http://blog.caraldo.net/">
      <![CDATA[<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="111028_facebook_photo.jpg" src="http://blog.caraldo.net/img/111028_facebook_photo.jpg" width="500" height="200" class="mt-image-none" style="" /></span>

<strong>Facebookのアルバム</strong>使ってますか？
一括でアップロード出来るうえに、タグ付けもできて便利ですね。

友達との旅行写真等をFacebook上で共有している人も多いのではないでしょうか。

アルバムアップロード時には<strong>「標準」「高画質」</strong>と画質の選択が可能です。

ローカルにダウンロードして保存する際にはなるべく高画質で置いておきたいので、画像サイズはどう違ってくるのかを実際に試してみました。]]>
      <![CDATA[<h3>標準/高画質でアップ後の画像サイズ</h3>

3264px × 2448px の画像を標準と高画質それぞれでアップしてみました。

アップロード完了後にダウンロードしてみると

標準でアップした画像は <strong>960px × 720px</strong> 
高画質でアップした画像は<strong>2048px × 1536px</strong>

にそれぞれリサイズされていました。

<strong>Facebook上で見る分にはどちらでも関係ない</strong>レベルです。

ただし、ローカルで保存して何かで使う事を考えると「高画質」が良さそうです。


<h3>高画質画像を一括ダウンロード</h3>

高画質画像をFacebookから一括でダウンロードする場合は、<a href="http://www.picknzip.com/">Pick&Zip</a>というサービスが便利です。

使い方はこちら
⇒<a href="http://howcollect.jp/article/2146">これは便利！facebook上のアルバムの写真を一括ダウンロードする方法 | ハウコレ</a>

但し、「自分のアルバム」と「自分がタグ付けされている写真」以外はダウンロードできません。

色々なツールを試したのですが、どうも一括ダウンロード系で「高画質」に対応しているのは、Pick&Zipだけのようです。

他のツールでは<strong>友人のアルバムをタグに関係なく一括ダウンロード</strong>出来る便利なものもあったのですが、画質は「標準」になってしまいました。

この辺りはまだまだこれから出てくると思いますので、良いツールを見つけたら紹介したいと思います。

良いツールがあったら教えて下さい！



]]>
   </content>
</entry>

<entry>
   <title>圧勝なのか！？iPhone4S/4/3GSの写真と動画を実際に比較してみた！</title>
   <link rel="alternate" type="text/html" href="http://blog.caraldo.net/2011/10/iphone_photo_movie.php" />
   <id>tag:blog.caraldo.net,2011://1.288</id>
   
   <published>2011-10-19T16:52:59Z</published>
   <updated>2011-10-19T16:53:23Z</updated>
   
   <summary> 手元にちょうどiPhone4S/4/3GSと揃いましたので、写真と動画を比較してみようと思います。 ちなみに私は3GSをずっと使っていて4Sに乗り換えた派です...</summary>
   <author>
      <name>k.</name>
      <uri>http://blog.caraldo.net/</uri>
   </author>
   
      <category term="iPhone" scheme="http://www.sixapart.com/ns/types#category" />
   
      <category term="スマートフォン" scheme="http://www.sixapart.com/ns/types#category" />
   
   <category term="82" label="iPhone" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="224" label="動画" scheme="http://www.sixapart.com/ns/types#tag" />
   
   <content type="html" xml:lang="ja" xml:base="http://blog.caraldo.net/">
      <![CDATA[<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="title_111020.jpg" src="http://blog.caraldo.net/img/title_111020.jpg" width="500" height="200" class="mt-image-none" style="" /></span>

手元にちょうどiPhone4S/4/3GSと揃いましたので、写真と動画を比較してみようと思います。

ちなみに私は3GSをずっと使っていて4Sに乗り換えた派です。

結果から書くと4Sのカメラは<strong>4からでも変える価値あり！</strong>となります。]]>
      <![CDATA[<h3>iPhone 写真比較</h3>

まずは数値的なものをおさらい。

iPhone 3GSは、300万画素でオリジナル画像サイズは2048x1536。
iPhone 4は、500万画素でオリジナル画像サイズは2592x1936。
iPhone 4Sは、800万画素でオリジナル画像サイズは3264x2448。

また数値には表れないところで、iPhone4Sでは<strong>連続撮影が高速</strong>で行えます。これが結構驚きの早さです。
顔認識機能もついています。

詳細な比較表は以下をご覧ください。
<a href="http://japanese.engadget.com/2011/10/04/iphone-4s-vs-iphone-4/">iPhone 4S vs. iPhone 4 詳細比較チャート -- Engadget Japanese</a>
<a href="http://japanese.engadget.com/2010/06/07/iphone-4-iphone-3gs/">iPhone 4 対 iPhone 3GS 詳細比較チャート -- Engadget Japanese</a>


では実際撮影した画像を比べていきます。

<h4>iPhone3GSで撮影した写真</h4>
<div>
<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="111020_3gs_1_thumb.jpg" src="http://blog.caraldo.net/img/111020_3gs_1_thumb.jpg" width="240" height="320" class="mt-image-none" style="" /></span><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="111020_3gs_2_thumb.jpg" src="http://blog.caraldo.net/img/111020_3gs_2_thumb.jpg" width="240" height="320" class="mt-image-none" style="float:right; margin-left:1px;" /></span></div>

<p style="clear:both;">3GS手に入れた時はこれでも感動していたのですが、やはり他と比べると見劣りします。</p>

特に暗いところで撮影したものは使い物になりません。

<h4>iPhone4で撮影した写真</h4>
<div><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="111020_4_1_thumb.jpg" src="http://blog.caraldo.net/img/111020_4_1_thumb.jpg" width="240" height="321" class="mt-image-none" style="" /></span><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="111020_4_2_thumb.jpg" src="http://blog.caraldo.net/img/111020_4_2_thumb.jpg" width="240" height="321" class="mt-image-none" style="float:right; margin-left:10px;" /></span></div>

<p style="clear:both;">4では暗所での撮影がかなり強化されている印象です。</p>

ほぼ同じ位置から撮影しているのですが、広角です。明らかに3GSとは違います。

HDRを使用するとまた違うのですが、なるべく同じ条件で撮影しています。

<h4>iPhone 4Sで撮影した写真</h4>

<div><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="111020_4s_1_thumb.jpg" src="http://blog.caraldo.net/img/111020_4s_1_thumb.jpg" width="240" height="320" class="mt-image-none" style="" /></span><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="111020_4s_2_thumb.jpg" src="http://blog.caraldo.net/img/111020_4s_2_thumb.jpg" width="240" height="320" class="mt-image-none" style="float:right; margin-left:10px;" /></span></div>

<p style="clear:both;">4Sでは音量の+ボタンでシャッターが切れます。</p>

レンズの焦点距離は4と同じです。

発売前から注目していたf2.4。やはり明るいです。

また4から比べても<strong>ホワイトバランスが向上</strong>しているのがわかります。

4Sでは画像のトリミングがカメラアプリの中で行えます。
赤目補正機能も標準搭載です。

編集の辺りは以下サイトをご覧ください。
<a href="http://www.appbank.net/2011/10/18/iphone-news/314349.php">女子に嬉しい iPhone 4S の機能を一挙ご紹介いたす！ by AppBank女子本部</a>


少し大き目のサイズで全比較してみます。こう見ると良く分かると思います。

↓画像クリックで拡大します。
<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><a href="http://blog.caraldo.net/img/111020_iphone_all.jpg"><img alt="111020_iphone_all.jpg" src="http://blog.caraldo.net/assets_c/2011/10/111020_iphone_all-thumb-500x455-556.jpg" width="500" height="455" class="mt-image-none" style="" /></a></span>


<h3>iPhone 動画比較</h3>

15秒ほどの動画を撮影後、特に加工も施さずYoutubeにUPしてみました。
被写体は動く方が良いかと思いますので、娘を撮ってみました。
（）内は心の声なので気にしないで下さい。

<h4>iPhone3GSの動画</h4>

オリジナルサイズは640*480、ファイルサイズは7.07MB。VGA/30fps

<iframe width="425" height="349" src="http://www.youtube.com/embed/4Ysw-ZGCPog?hl=ja&fs=1" frameborder="0" allowfullscreen></iframe>

（うん、かわいい。3GSでもかわいい。）

<h4>iPhone4の動画</h4>

オリジナルサイズは1280720、20.7MB。720p/30fps

<iframe width="425" height="349" src="http://www.youtube.com/embed/f1q7Ut4Izms?hl=ja&fs=1" frameborder="0" allowfullscreen></iframe>

（うん、かわいい。問題無い。4では3GSよりかわいい。）

<h4>iPhone 4Sの動画</h4>

オリジナルサイズは1920*1080、45.8MB。1080p/30fps

<iframe width="425" height="349" src="http://www.youtube.com/embed/ZCQMpQjAEdg?hl=ja&fs=1" frameborder="0" allowfullscreen></iframe>

1080pのHD動画が撮影可能です。（うん、かわいい。圧倒的だな、これは。）

これも4Sが実際の色に近いです。
（今回の動画では微妙ですが）手ぶれ補正機能もついています。
3GSと比べると動画の容量がかなり多くなります。


他の動画比較も面白いです。
<a href="http://www.iphone-girl.jp/iphone-news/141676.html">iPhone 4Sカメラの動画撮影性能の進化がよく分かる、iPhone 4との比較動画 | iPhone女史</a>
<a href="http://blog.livedoor.jp/shino_b/archives/6202660.html">おShinoブ:iPhone4 vs iPhone4S 比較動画 - livedoor Blog（ブログ）</a>

iPhoneで撮影を日常的に行う方は4からでも変更する価値は十分あると思います。
検討してみては！]]>
   </content>
</entry>

<entry>
   <title>iCloudのフォトストリームとEye-Fiで撮った写真をPCとiPhoneに同期する</title>
   <link rel="alternate" type="text/html" href="http://blog.caraldo.net/2011/10/icloud_eye-fi_iphone.php" />
   <id>tag:blog.caraldo.net,2011://1.287</id>
   
   <published>2011-10-18T01:12:54Z</published>
   <updated>2011-10-18T01:12:16Z</updated>
   
   <summary> iPhone4S買いました！ ここ数日は以前書いたこのブログのiPhone同期関連記事が人気です。 ・iPhoneの連絡先とGmailの連絡先を同期するために...</summary>
   <author>
      <name>k.</name>
      <uri>http://blog.caraldo.net/</uri>
   </author>
   
      <category term="iPhone" scheme="http://www.sixapart.com/ns/types#category" />
   
      <category term="スマートフォン" scheme="http://www.sixapart.com/ns/types#category" />
   
   <category term="229" label="Eye-Fi" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="82" label="iPhone" scheme="http://www.sixapart.com/ns/types#tag" />
   
   <content type="html" xml:lang="ja" xml:base="http://blog.caraldo.net/">
      <![CDATA[<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="title_111018.png" src="http://blog.caraldo.net/img/title_111018.png" width="500" height="200" class="mt-image-none" style="" /></span>

iPhone4S買いました！

ここ数日は以前書いたこのブログのiPhone同期関連記事が人気です。
・<a href="http://blog.caraldo.net/2011/07/iphonegmailcsv.php">iPhoneの連絡先とGmailの連絡先を同期するためにCSVでアドレス帳を一括登録！</a>
・<a href="http://blog.caraldo.net/2009/08/iphonegoogle.php">iPhoneとGoogleカレンダーとGmail連絡帳を同期させる</a>

数日iPhone4Sを使っての感想ですが、iOS5良いですね～！

その中でもiCloudの<a href="http://www.apple.com/jp/icloud/features/photo-stream.html">フォトストリーム</a>がお気に入りです。

<strong>フォトストリーム</strong>はiPhoneで撮影した写真をPCや他のデバイス（iPhone/iPad）で共有したり、逆にPCから各デバイスに共有出来る機能です。

iPhone4Sのカメラが活きます！

フォトストリームとデバイス間の同期は<strong>Wi-Fi接続時</strong>に行われます。

この共有の流れの中に、更にEye-Fiカードで撮影した写真も加える方法をご紹介します。
]]>
      <![CDATA[<h3>Eye-Fiとフォトストリームの同期</h3>

Eye-Fiとフォトストリームの同期ですが、以下の記事を参考にしました。

<a href="http://seikouknowhow.com/iphone/icloud%E3%81%AE%E3%83%95%E3%82%A9%E3%83%88%E3%82%B9%E3%83%88%E3%83%AA%E3%83%BC%E3%83%A0%E3%81%A7%E5%86%99%E7%9C%9F%E3%82%92iphone%E3%83%BBipad%E3%83%BBpc%E3%83%BB%E3%83%87%E3%82%B8%E3%82%AB%E3%83%A1.html">感動！iCloudのフォトストリームで写真をiPhone・iPad・PC・デジカメ瞬間コピー</a>

手順的には難しい事は何も無く、<strong>Eye-FiのPC保存先フォルダをフォトストリームのUploadsフォルダにしてあげる</strong>事で、Eye-Fi ⇒ PC ⇒ iPhoneという同期が行われます。

以下の2か所の設定だけです。

<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><a href="http://blog.caraldo.net/img/111018_icloud.png"><img alt="111018_icloud.png" src="http://blog.caraldo.net/assets_c/2011/10/111018_icloud-thumb-500x424-550.png" width="500" height="424" class="mt-image-none" style="" /></a></span>
↑iCloudのフォトストリーム⇒オプションの<strong>アップロードフォルダ</strong>のパスを


<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><a href="http://blog.caraldo.net/img/111018_eye_fi.png"><img alt="111018_eye_fi.png" src="http://blog.caraldo.net/assets_c/2011/10/111018_eye_fi-thumb-500x273-552.png" width="500" height="273" class="mt-image-none" style="" /></a></span>
↑Eye-FiのPC保存先にしてあげればOKです。


iCloud上には最新の1000枚を上限として、直近30日間の写真が保存されます。
iPhone上に残しておきたい場合は、フォトストリームフォルダからカメラロールに保存（左下アイコンから）しましょう。

ローカルのディレクトリと同期するクラウドサービスのDropBoxやYahooボックスをうまく使えば、完全なバックアップも可能そうですね。

Eye-FiのiPhoneアプリを使わないでも、同期出来るようになったのはかなり便利です。

ブログが捗る事間違いなし！

<table  border="0" cellpadding="5"><tr><td valign="top"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/B003M05LMM/caraldok-22/" target="_top"><img src="http://ecx.images-amazon.com/images/I/31yBw9TJZQL._SL160_.jpg" border="0" alt="Eye-Fi Connect X2 4GB EFJ-CN-4G" /></a></td><td valign="top"><font size="-1"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/B003M05LMM/caraldok-22/" target="_top">Eye-Fi Connect X2 4GB EFJ-CN-4G</a><br /><br />Eye-Fi Japan  2010-05-20<br />売り上げランキング : 227<br /><br /><a href="http://www.amazon.co.jp/exec/obidos/ASIN/B003M05LMM/caraldok-22/" target="_top">Amazonで詳しく見る</a></font> <font size="-2">by <a href="http://www.goodpic.com/mt/aws/index.html" >G-Tools</a></font></td></tr></table>

<h3>おまけ：iOS5のカメラ関連新機能</h3>

iOS5では、カメラアプリの使い勝手が随分向上しています。
<ul><li>撮影時に音量コントロール部分の「+」ボタンがシャッターの変わりに。</li><li>カメラ起動中に画面をフリックでカメラロールと行き来可能に。</li></ul>

またOS側でTwitterに対応しているのでカメラロールからツイートなんていう事もできてしまいます。

是非お試しください！







]]>
   </content>
</entry>

<entry>
   <title>Google アナリティクスでパラメータ違いのURLを合算してレポートする方法</title>
   <link rel="alternate" type="text/html" href="http://blog.caraldo.net/2011/10/google_parameter.php" />
   <id>tag:blog.caraldo.net,2011://1.285</id>
   
   <published>2011-10-10T16:31:49Z</published>
   <updated>2011-10-10T16:47:12Z</updated>
   
   <summary> GoogleアナリティクスはURLが同一でもパラメータが違うと、違うURLとして認識します。（URLが同一って言い方しないか？） まぁそれはそれでいいんですけ...</summary>
   <author>
      <name>poooooon</name>
      <uri>http://blog.caraldo.net/about.php</uri>
   </author>
   
      <category term="Web" scheme="http://www.sixapart.com/ns/types#category" />
   
   <category term="151" label="GoogleAnalytics" scheme="http://www.sixapart.com/ns/types#tag" />
   
   <content type="html" xml:lang="ja" xml:base="http://blog.caraldo.net/">
      <![CDATA[<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="111008_googleanalytics_para.jpg" src="http://blog.caraldo.net/img/111008_googleanalytics_para.jpg" width="500" height="200" class="mt-image-none" style="" /></span>

GoogleアナリティクスはURLが同一でもパラメータが違うと、違うURLとして認識します。（URLが同一って言い方しないか？）

まぁそれはそれでいいんですけど、パラメータを無視して全て同一のものとして合算したい場合、パラメータ違いのURLが沢山あると集計がかなり面倒な事になります。

例えば以下のURLは別々のページとして集計されるので、アクセス数とかまとめようと思うと面倒です。

<ul>
	<li>http://blog.caraldo.net/2010/02/avatar.php?utm_source=test2&utm_medium=test2&utm_term=test2&utm_content=blog&utm_campaign=test2</li>
	<li>http://blog.caraldo.net/2010/02/avatar.php?utm_source=test&utm_medium=test&utm_term=test&utm_content=blog&utm_campaign=test</li>
</ul>

どうしようかなぁと悩んでいましたが、とても単純に解決できました。


]]>
      <![CDATA[<h3>ページタイトルの項目で見ればそれで終わりだった</h3>

よく考えたら今まで殆ど見た記憶が無い・・。

<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="111008_googleanalytics_parameter_001.jpg" src="http://blog.caraldo.net/img/111008_googleanalytics_parameter_001.jpg" width="500" height="489" class="mt-image-none" style="" /></span>
※新バージョン

<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="111008_googleanalytics_parameter_002.jpg" src="http://blog.caraldo.net/img/111008_googleanalytics_parameter_002.jpg" width="500" height="402" class="mt-image-none" style="" /></span>
※旧

タイトルのみで絞りこまれているので、もちろん注意は必要です。
タイトル名のリンクをクリックして合算されている数値の内訳を確認した方が良いです。

<h3>もっと多くの指標を扱いたい場合はカスタムレポートを使う</h3>

デフォルトの「ページタイトル」のレポートだと、（セカンダリディメンジョンは追加できるものの）

<ul>
	<li>ページビュー数</li>
	<li>ページ別訪問数	</li>
	<li>平均ページ滞在時間</li>
	<li>直帰率</li>
	<li>離脱率</li>
</ul>

しか、集計（合算）できません。

なので、もっと他の指標を扱いたい場合はカスタムレポートを使うのが良いかと思います。

<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="111008_googleanalytics_parameter_003.jpg" src="http://blog.caraldo.net/img/111008_googleanalytics_parameter_003.jpg" width="500" height="677" class="mt-image-none" style="" /></span>

指標グループには数値を確認したいものを追加。

パラメータ違いのURLの数値を合算したいので、ディメンジョンは「ページタイトル」にします。

※上図はページタイトルの下に「広告クリエイティブ」がありますが、これは個人的なアレなので無くても大丈夫です。]]>
   </content>
</entry>

<entry>
   <title>Sony Internet TV（Google TV）でレンタルしてきたブルーレイディスクの日本語字幕が出ない件</title>
   <link rel="alternate" type="text/html" href="http://blog.caraldo.net/2011/10/sony_internet_tvgoogle_tv.php" />
   <id>tag:blog.caraldo.net,2011://1.286</id>
   
   <published>2011-10-09T05:12:27Z</published>
   <updated>2011-10-09T05:48:02Z</updated>
   
   <summary> 会社にSony Internet TVがあるんですけど、それでレンタルしてきた映画のBDを見ようとしたら字幕の設定で「日本語」が全然出てこないんですよね。 検...</summary>
   <author>
      <name>poooooon</name>
      <uri>http://blog.caraldo.net/about.php</uri>
   </author>
   
      <category term="個人的ななにか" scheme="http://www.sixapart.com/ns/types#category" />
   
   <category term="227" label="Google TV" scheme="http://www.sixapart.com/ns/types#tag" />
   
   <content type="html" xml:lang="ja" xml:base="http://blog.caraldo.net/">
      <![CDATA[<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="111009_sonyinternettv.jpg" src="http://blog.caraldo.net/img/111009_sonyinternettv.jpg" width="500" height="200" class="mt-image-none" style="" /></span>

会社にSony Internet TVがあるんですけど、それでレンタルしてきた映画のBDを見ようとしたら字幕の設定で「日本語」が全然出てこないんですよね。

検索しても全然情報が無くて困った訳ですが、なんとか設定方法を見つけました。

（ってかリモコン使い辛い）

Sony Internet TV（Google TV）については以下にちょっと情報が。

⇒<a href="http://matome.naver.jp/odai/2129961751942923801">テレビとネットを統合した「Googleテレビ」について調べてみた - NAVER まとめ</a>

⇒<a href="http://gigazine.net/news/20101013_sony_google_tv/">ソニーが驚くほど安価な世界初の「Google TV」を正式発表、詳細なスペックも明らかに - GIGAZINE</a> ]]>
      <![CDATA[<h3>本体のセッティングを変える必要がある</h3>

よくあるディスクを再生してDVDメニューの「字幕」とかの項目から変更するのではなく、本体のセッティングを変更します。

日本で売られてたらきっとこんな事しなくてもいいんだろうけど。

<ol>
	<li>Home　＞　Applications　＞　Settings</li>
	<li>Disc Player settings</li>
</ol>

<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="111009_sonyinternettv_001.jpg" src="http://blog.caraldo.net/img/111009_sonyinternettv_001.jpg" width="500" height="600" class="mt-image-none" style="" /></span>

<ol start="3">
	<li>BD/DVD viewing settings</li>
</ol>

<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="111009_sonyinternettv_002.jpg" src="http://blog.caraldo.net/img/111009_sonyinternettv_002.jpg" width="500" height="608" class="mt-image-none" style="" /></span>

<ol start="4">
	<li>BD/DVD menuとSubtitleをJapaneseに。（BD/DVD menuだけでいいかもしれない）</li>
</ol>

ということでした。

※正確にはSony Internet TV（Blu-ray Disc Player版）というのかな？良くわからない。

<a href="http://discover.store.sony.com//internettv/#/home">Sony Internet TV with Google TV</a>]]>
   </content>
</entry>

<entry>
   <title>『エンパワード／ソーシャルメディアを最大活用する組織体制』</title>
   <link rel="alternate" type="text/html" href="http://blog.caraldo.net/2011/09/empowered.php" />
   <id>tag:blog.caraldo.net,2011://1.275</id>
   
   <published>2011-09-29T05:08:02Z</published>
   <updated>2011-09-29T05:42:03Z</updated>
   
   <summary> AMNさまを通じて翔泳社さまよりエンパワードをいただきました。 と言ってもこちらのキャンペーンに当選しただけですけどね。 ⇒AMNブッククラブ・キャンペーン　...</summary>
   <author>
      <name>poooooon</name>
      <uri>http://blog.caraldo.net/about.php</uri>
   </author>
   
      <category term="Web" scheme="http://www.sixapart.com/ns/types#category" />
   
      <category term="ソーシャルメディア" scheme="http://www.sixapart.com/ns/types#category" />
   
   <category term="217" label="Facebook" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="225" label="Twitter" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="144" label="書評" scheme="http://www.sixapart.com/ns/types#tag" />
   
   <content type="html" xml:lang="ja" xml:base="http://blog.caraldo.net/">
      <![CDATA[<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="110929_empowered.jpg" src="http://blog.caraldo.net/img/110929_empowered.jpg" width="500" height="200" class="mt-image-none" style="" /></span>

AMNさまを通じて翔泳社さまより<strong>エンパワード</strong>をいただきました。

と言ってもこちらのキャンペーンに当選しただけですけどね。
⇒<a href="http://agilemedia.jp/blog/2011/05/amn10.html">AMNブッククラブ・キャンペーン　翔泳社『エンパワード』を10名にプレゼント｜AMNからのお知らせ｜ブログ｜Agile Media Network</a>

<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="110929_empowered_001.jpg" src="http://blog.caraldo.net/img/110929_empowered_001.jpg" width="500" height="456" class="mt-image-none" style="" /></span>

ということで、記事を書かねばならんのですが、書評とかうまく出来ないのでなんかキーワードみたいなところを抜き出しておきます。
気になった方は、是非本を手にとってみて下さい。]]>
      <![CDATA[<h3>基本情報</h3>

<blockquote cite="http://books.shoeisha.co.jp/book/b86950.html" title="エンパワード～ソーシャルメディアを最大活用する組織体制 - 翔泳社の本 "><div class="quoteStyle">2008年に前著『グランズウェル』 を出版したときの課題は、ツイッターやフェイスブックなどのソーシャルメディア上で、いかに顧客とのつながりを築くかということだった。そして、2011年、企業が続々とソーシャルメディアを活用する今、課題は変わった。力を持った顧客とのつながりを築くだけでなく、そのつながりから何を得るかが問われるようになってきた。企業はまたもや、経営の大転換を求められるのだ。
ソーシャルメディアを支える新しいテクノロジーを使った試みは、経営主導のトップダウン方式で行えるものではない。今後、マーケティング、販売、カスタマーサービス、経営、IT の役割は、どのように変わればいいのか？ 誰が変えるのか？ 本書は、この課題に取り組むためのヒントを提供する。
顧客の声を無視できないソーシャルメディア時代に、ソーシャル技術は、組織力を超えたパワーを持つHERO＝大きな力を与えられ、臨機応変に行動できる従業員を誕生させた。経営陣、IT部門、そしてHEROの三者が結束した企業----ベストバイ、アフラック、ザッポス、インテュイット、デルなどの多くの成功事例をもとに解説する。</div><cite><a href="http://books.shoeisha.co.jp/book/b86950.html">エンパワード～ソーシャルメディアを最大活用する組織体制 - 翔泳社の本 </a></cite></blockquote>

<h3>まずは目次を引用</h3>

<blockquote cite="http://books.shoeisha.co.jp/book/b86950.html" title="エンパワード～ソーシャルメディアを最大活用する組織体制 - 翔泳社の本 "><div class="quoteStyle">第一部　HERO

　　第一章　なぜビジネスにHEROが必要なのか

第二部　HEROは何をするのか
　　第二章　HEROとその取り組み
　　第三章　顧客間の相互影響を分析する
　　第四章　グランズウェルの顧客サービスを提供する
　　第五章　モバイルアプリケーションで顧客に力を与える
　　第六章　ファンの声を増幅させる

第三部　HERO駆動の会社
　　第七章　DIYテクノロジーがHERO協定を支える
　　第八章　HEROのための準備はできているか？
　　第九章　HEROをいかに導き、マネジメントするか？
　　第一〇章　HEROのイノベーションを助ける
　　第一一章　HEROのコラボレーションを助ける
　　第一二章　HEROの安全を守る
　　第一三章　テクノロジーのイノベーションでHEROを支える
　　第一四章　HERO駆動を実現する
</div><cite><a href="http://books.shoeisha.co.jp/book/b86950.html">エンパワード～ソーシャルメディアを最大活用する組織体制 - 翔泳社の本 </a></cite></blockquote>

<h3>第一部　HERO</h3>

<ul>
	<li>個人が今や、企業をしのぐ強大な力を持っている</li>
	<li>力をもった顧客を相手にして、成功するためには、従業員に力を与えて、顧客の問題の解決にあたらせる必要がある</li>
	<li>Highly Empowered and Resourceful Operatives</li>
	<li>ビジネスで勝つための四ステップ、IDEA</li>
</ul>

<h3>第二部　HEROは何をするのか</h3>

<ul>
	<li>従業員に力を与えるというのは、HEROのプロジェクトをもっと承認するという意味</li>
	<li><a href="http://www.forrester.com/empowered/tools.html">労力対効果評価（EVEスコア）</a>でプロジェクトを見積もる</li>
	<li>HEROの役割とは、一言で言えば力を持った顧客とのつながりによってビジネスを強化すること</li>
	<li>消費者が他の消費者から受け取ったインプレッション数は、オンライン広告のインプレッション数のおよそ四分の一</li>
	<li>マーケターは力を持った消費者をマーケティングに取り入れていない</li>
	<li>顧客はマーケティングチャネルの一つになる</li>
	<li>瞬間を生き、友達とつながっているマスコネクタと、長く続く影響を生み出すマスメイブン</li>
	<li>ソーシャルインフルエンスマーケティング（顧客に顧客を増やしてもらう）</li>
	<li><strong>グランズウェルの顧客サービス</strong></li>
	<li>POST（People Objectives Strategy Technology）</li>
	<li>顧客を獲得したならば、あらゆる手段を講じて顧客とのつながりを保つように努力するべき</li>
	<li>クチコミを増やすための五ステップ</li>
</ul>

※ここまで本を読むのに4ヶ月近くかかったので、イマイチ何が言いたい本なのか・・・

<h3>もうまとめる</h3>

ソーシャルメディア絡みの成功・失敗談が多く載っているので、少なからずインターネットを活用している（ソーシャルメディアに興味のある）業界の人にとっては話のネタになるかもしれないけど、タイトルにあるように<strong>ソーシャルメディアを最大活用する組織体制</strong>を考える際に使える本ということで、マネジャークラスの人とか組織を作る立場にある人が読むといいと思う。それも結構規模大きめな。（とりあえずWeb屋さんにはあまり関係ないかも。）

印象としては、事例集を読んでいる感じ。
従業員にツール（＝力）を与えると、こんないいことがあるよ！という事や、組織の作り方とか、評価の仕方とかが書いてあるので、その筋の人は参考になるのかも。

# 曖昧すぎてごめんなさい。

<SCRIPT charset="utf-8" type="text/javascript" src="http://ws.amazon.co.jp/widgets/q?rt=tf_mfw&ServiceVersion=20070822&MarketPlace=JP&ID=V20070822/JP/caraldopooooo-22/8001/1e84764e-02ea-4773-b25f-dacbce004768"> </SCRIPT> <NOSCRIPT><A HREF="http://ws.amazon.co.jp/widgets/q?rt=tf_mfw&ServiceVersion=20070822&MarketPlace=JP&ID=V20070822%2FJP%2Fcaraldopooooo-22%2F8001%2F1e84764e-02ea-4773-b25f-dacbce004768&Operation=NoScript">Amazon.co.jp ウィジェット</A></NOSCRIPT>

<a href="http://evrep.blogpeople.net/r/b533/http://review.fansfans.jp/campaigns/review/414/review_533_0.html"><img src="http://fansfans.jp/img/campaign/240/fansfans-bp-002.gif" alt="Fans:Fans" width="298" height="40"/></a><img src="http://evrep.blogpeople.net/images/tracking/0.gif?ag=4,437,459,533,0,0"/>
]]>
   </content>
</entry>

<entry>
   <title>YouTubeとかFacebookにアップロードする動画ファイルの最適なフォーマットは？</title>
   <link rel="alternate" type="text/html" href="http://blog.caraldo.net/2011/09/movie_upload.php" />
   <id>tag:blog.caraldo.net,2011://1.284</id>
   
   <published>2011-09-28T04:47:26Z</published>
   <updated>2011-09-28T04:59:37Z</updated>
   
   <summary> 毎回ヘルプセンターとかガイドライン見に行くのが面倒なのでメモ。 結論から言うと 	ビデオ圧縮 H.264 	フレームレート 30fps 	サウンドフォーマット...</summary>
   <author>
      <name>poooooon</name>
      <uri>http://blog.caraldo.net/about.php</uri>
   </author>
   
      <category term="Web" scheme="http://www.sixapart.com/ns/types#category" />
   
      <category term="ソーシャルメディア" scheme="http://www.sixapart.com/ns/types#category" />
   
   <category term="217" label="Facebook" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="223" label="YouTube" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="224" label="動画" scheme="http://www.sixapart.com/ns/types#tag" />
   
   <content type="html" xml:lang="ja" xml:base="http://blog.caraldo.net/">
      <![CDATA[<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="110928_movie_upload.jpg" src="http://blog.caraldo.net/img/110928_movie_upload.jpg" width="500" height="200" class="mt-image-none" style="" /></span>

毎回ヘルプセンターとかガイドライン見に行くのが面倒なのでメモ。

結論から言うと

<ul>
	<li>ビデオ圧縮 H.264</li>
	<li>フレームレート 30fps</li>
	<li>サウンドフォーマット AAC</li>
	<li>サンプルレート 44,100hz</li>
	<li>アスペクト比 16:9</li>
	<li>長辺が1280px以下 </li>
	<li>長さ 15分以内</li>
</ul>

の動画をひとつ作っておくと捗る様子。

※2011年9月23日現在の情報なのでご注意ください。]]>
      <![CDATA[<h3>Facebook 動画アップロードに関するヘルプ</h3>

<cite><a href="http://www.facebook.com/help/search/?q=%E5%8B%95%E7%94%BB">Facebook ヘルプセンター </a></cite>から拾って来ています。

<h4>アップロードに適したフォーマット</h4>

<ul>
	<li>ビデオ圧縮 H.264</li>
	<li>フレームレート 30fps</li>
	<li>サウンドフォーマット AAC</li>
	<li>サンプルレート 44,100hz</li>
	<li>アスペクト比 9:16～16:9</li>
	<li>推奨サイズ 長辺が1280px以下 </li>
	<li>長さ 20分以下</li>
	<li>ファイルサイズ 1024MB以下</li>
</ul>

<q>MOVまたはMP4フォーマットでAACオーディオのH.264動画が最適なフォーマット</q>って書いてあったんだけど、イマイチ理解できない。とりあえずH.264が最適ってことにしておいた。

<h4>アップロード可能な形式</h4>

<blockquote cite="" title=""><div class="quoteStyle"><ul>
	<li>3g2 (モバイル動画)</li>
	<li>3gp (モバイル動画)</li>
	<li>3gpp (モバイル動画)</li>
	<li>asf (Windows Media動画)</li>
	<li>avi (AVI動画)</li>
	<li>dat (MPEG動画)</li>
	<li>divx (DIVX動画)</li>
	<li>dv (DV動画)</li>
	<li>f4v (Flash動画)</li>
	<li>flv (Flash動画)</li>
	<li>m2ts (M2TS動画)</li>
	<li>m4v (MPEG-4動画)</li>
	<li>mkv (マトロスカフォーマット)</li>
	<li>mod (MOD動画)</li>
	<li>mov (QuickTimeムービー)</li>
	<li>mp4 (MPEG-4動画)</li>
	<li>mpe (MPEG動画)</li>
	<li>mpeg (MPEG動画)</li>
	<li>mp4 (MPEG-4動画)</li>
	<li>mpg (MPEG動画)</li>
	<li>mts (AVCHD動画)</li>
	<li>nsv (Nullsoft動画)</li>
	<li>ogm (Ogg Mediaフォーマット)</li>
	<li>ogv (Ogg Videoフォーマット)</li>
	<li>qt (QuickTimeムービー)</li>
	<li>tod (TOD動画)</li>
	<li>ts (MPEGトランスポートストリーム)</li>
	<li>vob (DVD動画)</li>
	<li>wmv (Windows Media動画)</li>
</ul></div><cite><a href=""></a></cite></blockquote>

初めて目にする形式もあるのだけど、兎に角なんでもアップロード可能という感じ。

<h4>小ネタ</h4>

<ul>
	<li><q>元の動画のフレームレートが100fpsだった場合、変換係数は4となり、25fpsに変換</q>とのことで、必ずしもフレームレートが高いものをアップロードするのが吉という訳ではないらしい。</li>
	<li>5.1チャネル音声はステレオに変換されるそうです。</li>
	<li><q>動画に複数の動画や音声ストリームが含まれている場合、コンテナ内の最初の動画・音声ストリームが使用され、他は破棄</q>ということで、メタデータやサブタイトルトラックは無視されるらしい。</li>
</ul>

<h3>Youtube 動画アップロードに関するヘルプ</h3>

<a href="http://www.google.com/support/youtube/">YouTube ヘルプ</a>から拾って来ています。

<h4>アップロードに適したフォーマット</h4>

<ul>
	<li>ビデオ圧縮 H.264</li>
	<li>フレームレート 30fps</li>
	<li>サウンドフォーマット AAC</li>
	<li>アスペクト比 16:9</li>
	<li>推奨サイズ 1280x720 </li>
	<li>長さ 15分以下</li>
</ul>

加えて一般的なアカウントだと、15分以内の動画しかアップロードできない様子。

<h4>アップロード可能な形式</h4>

<blockquote cite="" title=""><div class="quoteStyle"><ul>
	<li>Windows Media Video（.WMV）</li>
	<li>.3GP（携帯電話）</li>
	<li>.WMV（Windows）</li>
	<li>.MOV（Mac）</li>
	<li>.MP4（iPod/PSP）</li>
	<li>.MPEG</li>
	<li>.FLV（Adobe Flash）</li>
	<li>.MKV（h.264）</li>
</ul></div><cite><a href=""></a></cite></blockquote>

なんかもうちょっとアップロード可能だった気もしますが

<h4>小ネタ</h4>

<ul>
	<li><q>YouTube の上級者向けアップローダは、サイズの大きいファイル（最大 20 GB）を確実にサイトにアップロードするために役立ちます。</q>ということで、専用のアプロダがあるらしい。</li>
	<li>残念ながらサムネイルとして使用できるのは自動的に作成される3つの中から選ぶことしか出来ない。</li>
	<li>15 分以上の動画をアップロードするにはYouTubeパートナーになる必要があるらしい。</li>
</ul>

<h3>16:9の画面解像度表</h3>

16:9のアスペクト比が最適ってことはわかったんだけど、16:9ってどんなサイズの組み合わせがあるんだっけ？ってことで、以下にメモ。

<table id="designTable" width="500" style="font-size: 95%;" summary="16:9の画面解像度表">
<tbody><tr bgcolor="#e2edf8"><td>通称</td><td>横×縦</td></tr>
<tr><td>ワンセグ</td><td>320×180</td></tr>
<tr><td>DVD</td><td>720×480</td></tr>
<tr><td>HVGAW (HalfVGA-Wide)</td><td>640×360</td></tr>
<tr><td>FWVGA（フルワイドVGA）</td><td>854×480</td></tr>
<tr><td>qHD (Quarter HD)</td><td>960×540</td></tr>
<tr><td>WSVGA (Wide-SVGA)</td><td>1024×576</td></tr>
<tr><td>HDTV (720p)</td><td>1280×720</td></tr>
<tr><td>HD+ （またはWXGA++）</td><td>1600×900</td></tr>
<tr><td>FHD （フルHD）</td><td>1920×1080</td></tr>
<tr><td>QWXGA (Quad-Wide-XGA)</td><td>2048×1152</td></tr>
<tr><td>WQHD iMac (Late 2009) 27インチ</td><td>2560×1440</td></tr>
<tr><td>4xフルHD (2160i、2160p)</td><td>3840×2160</td></tr>
<tr><td>スーパーハイビジョン</td><td>7680×4320</tbody></table>

※<a href="http://ja.wikipedia.org/wiki/%E7%94%BB%E9%9D%A2%E8%A7%A3%E5%83%8F%E5%BA%A6">http://ja.wikipedia.org/wiki/画面解像度</a>より抜粋
]]>
   </content>
</entry>

<entry>
   <title>これで10万PVを超えた！ブログ運営者なら絶対に抑えておきたいSEOと運用テクニック</title>
   <link rel="alternate" type="text/html" href="http://blog.caraldo.net/2011/08/10pv_seo.php" />
   <id>tag:blog.caraldo.net,2011://1.283</id>
   
   <published>2011-08-23T23:08:00Z</published>
   <updated>2011-08-23T23:07:07Z</updated>
   
   <summary>seo punishment | Flickr - Photo Sharing! このブログも開設から4年が立ち、月10万PVを超える様になりました。 そこでブ...</summary>
   <author>
      <name>k.</name>
      <uri>http://blog.caraldo.net/</uri>
   </author>
   
      <category term="SEO" scheme="http://www.sixapart.com/ns/types#category" />
   
      <category term="Web" scheme="http://www.sixapart.com/ns/types#category" />
   
   <category term="217" label="Facebook" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="27" label="SEO" scheme="http://www.sixapart.com/ns/types#tag" />
   
   <content type="html" xml:lang="ja" xml:base="http://blog.caraldo.net/">
      <![CDATA[<div class="ccPhoto"><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="title_110823.png" src="http://blog.caraldo.net/img/title_110823.png" width="500" height="173" class="mt-image-none" style="" /></span><cite><a href="http://www.flickr.com/photos/smemon/4362886799/">seo punishment | Flickr - Photo Sharing!</a></cite></div>

このブログも開設から4年が立ち、月10万PVを超える様になりました。

そこでブログ運営者向けにSEOと、アクセスアップに有効と思われる運用方法をまとめてみようと思います。

<strong>良質なオリジナルコンテンツが1番のアクセスアップへの近道</strong>である、これはもう大前提です。

更にその中で意識して行っておくべき内容をいくつか紹介します。

「サイト構築時」と「記事更新・運用時」、のシーン別でまとめます。]]>
      <![CDATA[<h3>サイト構築時に意識しておきたいSEO対策</h3>

まずはサイト構築時に行っておくべき内容です。
意識してない部分があったら今からでも遅くないので見直しましょう。

<h4>サイトのサブタイトルを用意する</h4>

サイト自体のサブタイトルは非常に重要です。
ブログで扱っている内容の属性が分かるような内容を入れておきましょう。

SEO関連のブログのタイトルを見てみると

<a href="http://www.suzukikenichi.com/blog/">海外SEO情報ブログ - 海外のSEO対策で極めるアクセスアップ術</a>
<a href="http://www.jweb-seo.com/blog/wordpress/">パシのSEOブログ - SEO初心者のEvoブログ -</a>

こんな具合です。

特にサイト名自体が<strong>一般名詞では無い場合</strong>にはサブタイトルは必須です。

このブログでは扱う内容の変化とともにサブタイトルを変更しました。

caraldo.net | MT Blog
↓
caraldo.net | WebとiPhoneとロードバイクが大好き！

この効果か、iPhoneを検索キーワードに含んで来てくれる方が随分増えました。


<h4>URLの正規化</h4>

URLと言えば、静的なものにしましょう！というのが今までの主流でした。
ですが、今はクローラーも進化していますしあまり気にする必要は無いでしょう。

それよりも重要なのは重複コンテンツを避ける為に<strong>canonical属性</strong>を指定してあげる事と、URLにも<strong>キーワードを埋め込む</strong>事です。

特にスマートフォン用に別URLで専用インターフェースを用意している場合は必ず指定しておくべきです。

<pre class="html" name="code">
&lt;link rel="canonical" href="&#27491;&#35215;&#12398;URL" /&gt;
</pre>

実はこのcanonical属性ですがソーシャルブックマークサービス対策としても役にたちます。

ページ内リンク等でURLに ~~~.php#top 等のハッシュがついた状態で、はてなブックマークのブックマークレットを実行すると、canonical属性で指定した正規のURLへの変更を促してくれます。

<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="110823_seo_1.png" src="http://blog.caraldo.net/img/110823_seo_1.png" width="500" height="229" class="mt-image-none" style="" /></span>
↑こんな感じ。


ちなみに通常の携帯（ガラケー）用のページではcanonical属性は指定せず、<a href="http://lhsp.s206.xrea.com/misc/mobile-link.html">Mobile link Discovery</a>を指定しましょう。

<pre class="html" name="code">
&lt;link rel="alternate" media="handheld" href="&#25658;&#24111;&#12469;&#12452;&#12488;&#12398;URL)" /&gt;
</pre>


<h4>Facebook関連対応</h4>

ソーシャルサービスへの対応はアクセスアップには欠かせません。

まずは<strong>Facebookページ</strong>（旧ファンページ）を作成しましょう。
そしてブログにFacebookソーシャルプラグイン（いいね！ボタンとLikebox）の導入、OGP対応を行いましょう。

これらは早ければ早いほど良いです。もっと早くやっておけば良かったと後悔しています。

余裕が出来たところでGoogleAnalyticsで計測できるようにしておきます。
<a href="http://blog.caraldo.net/2011/07/googleanalytics_twitter_faceboo.php">GoogleAnalyticsで+1やTwitter、Facebookのソーシャルトラッキングを行う方法</a>


<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="110823_seo_2.png" src="http://blog.caraldo.net/img/110823_seo_2.png" width="500" height="159" class="mt-image-none" style="" /></span>
↑これは上のGoogleAnalyticsの記事がはてなのhotentry[コンピューター・ITカテゴリ]に表示されていた日の参照元サイトです。
はてなからの流入よりもFacebookからの流入の方が多く、<strong>滞在時間も長い</strong>事が分かります。

Facebookから来てくれるユーザーは<strong>神様</strong>です。


各種Facebook対応方法は以下サイトで詳しく解説されています。
<a href="http://www.searchengineoptimization.jp/blog/article/how_to_integrate_facebook_pages_into_your_website.html">Facebookページを自分のサイトに統合する方法 | SEO 検索エンジン最適化</a>

作成後のFacebookページ作成後は1日1回はウォールを更新します。

<a href="http://fb-news.jp/facebook/facebook-post.html">Facebookページの1日の適切な投稿数は？企業とメディアの投稿アベレージから考える</a>

細かい運用に関してはここでは触れませんので「エッジランク」とかでググって下さい。

というか説明出来るほど理解出来ていませんのでハンパない関連記事を貼っておきます。
<a href="http://hanpanai.com/?p=489">自分でできる！facebookページのSEO対策、7つのポイント覚え書き！ | クラッチ、ソーシャルメディアのハンパない状況</a>
<a href="http://hanpanai.com/?p=1652">Facebookも認めたソーシャル時代のSEO対策、６つの施策 | クラッチ、ソーシャルメディアのハンパない状況</a>

それから、他のソーシャルサービス用のボタンももちろん用意します。


<h4>パンくずリストの実装</h4>

ユーザビリティの観点から設置しているサイトも多いでしょうが、もうひと手間加えましょう。

<a href="http://web-tan.forum.impressrd.jp/e/2011/07/19/10709">Googleの検索結果ページでパンくずリストを表示するmicrodataの使い方 | Web担当者Forum</a>

<a href="http://kojika17.com/2011/06/summary-of-microdata.php">コーディングとSEOの概念が変わるかもしれない、Microdataについての概要 : Web Design KOJIKA17</a>

<strong>microdataを付与する</strong>事で検索結果ページの表示にパンくずを表示する事が出来ます。


<h3>記事更新・運用時に意識しておきたいSEO対策</h3>

<h4>記事タイトルの重要性</h4>

記事タイトルの重要性に関してはもう騒がれすぎていますね。

<a href="http://www.jaswill.co.jp/member/2011/08/web-1.html">タイトル決めテクニックの基本６ヶ条。WEB屋が知っておくべき最低限のこと。 - ジャスウィル社員ブログ</a>

<a href="http://learnbydoing.jp/2011/08/19/accessup/">ブロガー必見！　プロブロガーに学ぶアクセスアップ7つの秘密 | Learn by doing</a>

<a href="http://www.lastday.jp/2010/11/15/tactics-to-increase-blog-traffic">ブログを短期間で月間10万PVにする方法を公開します　僕の18個の戦略 | Last Day. jp</a>
どのサイトでも1番目に紹介されています。

更に意識したい部分として、<strong>ソーシャルサービス上でシェアされた時に有効になる</strong>ようにタイトルを考えましょう。

<blockquote cite="http://www.chrome-life.com/seo/1606/" title="本当は教えたくないSEO！アクセス数が20倍になったブログタイトル32文字の法則"><div class="quoteStyle">ここでポイントなのが、
「<strong>シェアした人が発言しているように見えるタイトルにする</strong>」
ことです。

シェアした人の意見（コメント）が入っていると、ついついその意見に対して自分の考えと照らし合わせてみたくなり、アクセスしようと考えます。</div><cite><a href="http://www.chrome-life.com/seo/1606/">本当は教えたくないSEO！アクセス数が20倍になったブログタイトル32文字の法則</a></cite></blockquote>

こちらなんか良い例じゃないでしょうか。
<a href="http://www.chrome-life.com/google-plus/1928/">これはすごい！WordPressでGoogle+をブログ化して過去ログを検索できるようにする方法 | Chrome Life</a>




<h4>被リンク対策　外部リンクの獲得</h4>

いくら内部の施策を頑張っても、やはり外部リンクが重要な事に変わりはありません。

<a href="http://m-ishikawa.com/blog/2010/12/20/1351/">大量の被リンクを集めたいなら知っておかないと損する記事のまとめ | ウェブ力学</a>

<a href="http://swat9.com/seo/%e7%84%a1%e6%96%99%e8%a2%ab%e3%83%aa%e3%83%b3%e3%82%af%e3%82%b5%e3%82%a4%e3%83%88%e4%b8%80%e8%a6%a7/">無料で被リンク獲得！SEO効果抜群の優良サイトまとめ | SWAT9</a>
この2つのサイトで被リンクに役立つサイトが紹介されています。ご利用は計画的に！

自分のスタイルと合いサービスを楽しめる、と思うものをおススメします。
個人的な感情が入りますが、被リンク獲得の為だけにやるならやらない方が良いです。
ゴミは散らかさない精神で。

時間をかけられるなら、別サイトを構築して以下の様な手法を試してみるのもありです。
<a href="http://www.suzukikenichi.com/blog/how-to-become-authority-by-creating-link-networks-of-your-own/">被リンク効果絶大？、独自のネットワークを作りオーソリティになる手法 | 海外SEO情報ブログ</a>

更に力を注げるのであれば、ハブサイト兼アフィリエイト収入を目指してみてもいいと思います。

ただ、ゴミサイトをばらまくのはやめましょう。あくまで価値のあるサイトを。

<a href="http://www.seotemplate.biz/blog/aff/6872/">半年で月5万円稼ぐアフィリエイトサイトを作る為の24の手順 | SEOテンプレート比較</a>



<h4>ブログ記事内でのクロスリンク</h4>

記事の本文の中では、<strong>クロスリンク</strong>を行います。
クロスリンクとはサイト内部の過去記事へのリンクです。

ブログの性質上直帰率はどうしても高くなってしまうのですが、少しでも循環してもらえるよう意識して記事を書きます。

他の記事も後で読みたいな、と思ってもらえたらFacebookのいいね！やRSS購読へも繋がります。


<h4>SEO関連ツールの利用</h4>

便利なSEO関連ツールが無料で公開されています。

<h5>被リンクチェック</h5>
Googleのlinkコマンドは役に立ちませんので以下のツールを使って被リンクをチェックします。

・<a href="http://hanasakigani.jp/">マイサイト被リンクチェックツール | 被リンクチェックの無料SEOツール hanasakigani.jp</a>

アンカーテキストは何か、リンク元のページランク、nofollow属性の有無などが一覧で確認出来ます。

リンク元を覗きにいって、新たな発見がある事やTwitterやFacebookで流して更にそこからトラフィックが生まれる事もあります。
自サイトと似た属性のサイトを探す時にも役に立ちます。

・<a href="http://seocheki.net/">SEOチェキ! 無料で使えるSEOツール</a>
こちらは指定したURLからサイトを総合的に判断してくれるツールです。
適当に見てるだけで面白いです。
被リンクチェックはこちらでも行えます。

<h5>キーワード選定</h5>
・<a href="https://adwords.google.co.jp/o/Targeting/Explorer?__c=7603924957&__u=5444640097&__o=cues&ideaRequestType=KEYWORD_IDEAS#search.none">Google AdWords: キーワード ツール</a>

・<a href="http://seopack.jp/keyword/index.php?q=SEO">SEO の候補キーワード一覧 - キーワード選定ツール - SEO対策 激安│SEO Pack（SEOパック）</a>

・<a href="http://www.google.co.jp/trends">Google トレンド</a>

記事を書く上であまり気にはしていないのですが、たまに似たような言い回しでどっちにしようか悩んだ時に使います。
「携帯サイト」「モバイルサイト」どっちが良いかな～って時ですね。

キーワードを含む文章をstrongタグで配置するようにします。
やりすぎはNGです。

雰囲気的にはstrongタグつけたから何？という程度にしか感じてはいませんが、
<strong>論理的強調</strong>を意味していますので全く無駄、という事は無いでしょう。


以上です。

他にも施策は色々あるかと思いますが、特に意識している内容でした。

他にもこのサイト見てもったいないな～とかあれば教えて頂けると嬉しいです！]]>
   </content>
</entry>

<entry>
   <title>iPhoneの連絡先とGmailの連絡先を同期するためにCSVでアドレス帳を一括登録！</title>
   <link rel="alternate" type="text/html" href="http://blog.caraldo.net/2011/07/iphonegmailcsv.php" />
   <id>tag:blog.caraldo.net,2011://1.281</id>
   
   <published>2011-07-25T06:02:21Z</published>
   <updated>2011-07-25T06:38:55Z</updated>
   
   <summary> いつのまにかGmailの連絡先がふりがな対応していました。と言っても随分前から対応していたようですが。 今までGmailの連絡先がふりがな対応していなかったの...</summary>
   <author>
      <name>poooooon</name>
      <uri>http://blog.caraldo.net/about.php</uri>
   </author>
   
      <category term="Web" scheme="http://www.sixapart.com/ns/types#category" />
   
      <category term="iPhone" scheme="http://www.sixapart.com/ns/types#category" />
   
      <category term="スマートフォン" scheme="http://www.sixapart.com/ns/types#category" />
   
   <category term="221" label="Gmail" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="82" label="iPhone" scheme="http://www.sixapart.com/ns/types#tag" />
   
   <content type="html" xml:lang="ja" xml:base="http://blog.caraldo.net/">
      <![CDATA[<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="110724_iphonegmailcsv.jpg" src="http://blog.caraldo.net/img/110724_iphonegmailcsv.jpg" width="500" height="200" class="mt-image-none" style="" /></span>

いつのまにかGmailの連絡先がふりがな対応していました。と言っても随分前から対応していたようですが。

今までGmailの連絡先がふりがな対応していなかったので、iPhoneと同期させるために

<ul>
	<li>iPhone側<ul>
	<li>（姓）フルネーム</li>
	<li>（名）フルネーム読み仮名</li></ul></li>
	<li>Gmail側<ul>
	<li>（名前）フルネーム フルネーム読み仮名</li></ul></li>
</ul>

というなんとも面倒な方法で登録をしていました。

詳細は<a href="http://blog.caraldo.net/2009/08/iphonegoogle.php">iPhoneとGoogleカレンダーとGmail連絡帳を同期させる</a>あたりに書いてあります。

ということで、Gmailの連絡先をCSVで一気に修正していきます。
（Gmailの連絡帳を初めて使う人も、この方法で携帯電話とかのアドレスを一旦パソコンで整理してから連絡先を一気に登録するといいと思う）]]>
      <![CDATA[<h3>登録用のCSVを準備する</h3>

まずはGmailの連絡帳からCSVをエクスポートします。

<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="110724_iphonegmailcsv_01.jpg" src="http://blog.caraldo.net/img/110724_iphonegmailcsv_01.jpg" width="500" height="249" class="mt-image-none" style="" /></span>

<h3>CSVファイルに連絡先情報を入力する</h3>

エクスポートしたCSVに電話番号とかアドレスとか情報を登録していきます。

<ol>
	<li>Excelを立ち上げる</li>
	<li>[ファイル]→[開く]→google.csvを選択</li>
	<li>テキストファイルウィザードが立ち上がるので・・・<ol>
	<li>[カンマやタブなどの区切り文字によってフィールドごとに区切られたデータ]を選択</li>
	<li>区切り文字は[カンマ]を選択</li>
	<li>数字の「0」などで始まるデータ（電話番号など）のフィールドを文字列にします。※Gmail連絡帳に1件も登録していない場合は気にしなくていいかなと。</li>
</ol></li>
</ol>

<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="110724_iphonegmailcsv_02.jpg" src="http://blog.caraldo.net/img/110724_iphonegmailcsv_02.jpg" width="500" height="337" class="mt-image-none" style="" /></span>

ちなみに、文字列にするのは以下の3箇所くらいかな？

<ul>
	<li>Phone 1 - Value</li>
	<li>Phone 2 - Value</li>
	<li>Phone 3 - Value</li>
</ul>

無事にCSVファイルを開くことができたら、以下を参考に情報を入力してみてください。

<table id="designTable" width="500" style="font-size: 84%;" summary="Gmail連絡先CSV項目">
<tr bgcolor="#e2edf8"><td>CSVフィールド名</td><td>意味・表示名・入力値</td></tr>
<tr><td>Name</td><td></td></tr>
<tr><td>Given Name</td><td>名</td></tr>
<tr><td>Additional Name</td><td>ミドルネーム/旧姓</td></tr>
<tr><td>Family Name</td><td>姓</td></tr>
<tr><td>Yomi Name</td><td></td></tr>
<tr><td>Given Name Yomi</td><td>フリガナ（名）</td></tr>
<tr><td>Additional Name Yomi</td><td>ミドルネーム/旧姓 フリガナ</td></tr>
<tr><td>Family Name Yomi</td><td>フリガナ（姓）</td></tr>
<tr><td>Name Prefix</td><td>敬称（名前の前）</td></tr>
<tr><td>Name Suffix</td><td>敬称（名前の後）</td></tr>
<tr><td>Initials</td><td>イニシャル</td></tr>
<tr><td>Nickname</td><td>ニックネーム</td></tr>
<tr><td>Short Name</td><td></td></tr>
<tr><td>Maiden Name</td><td></td></tr>
<tr><td>Birthday</td><td>誕生日</td></tr>
<tr><td>Gender</td><td>性別</td></tr>
<tr><td>Location</td><td>地域</td></tr>
<tr><td>Billing Information</td><td>請求先情報</td></tr>
<tr><td>Directory Server</td><td>ディレクトリサーバー</td></tr>
<tr><td>Mileage</td><td>マイレージ</td></tr>
<tr><td>Occupation</td><td>職業</td></tr>
<tr><td>Hobby</td><td>趣味</td></tr>
<tr><td>Sensitivity</td><td></td></tr>
<tr><td>Priority</td><td></td></tr>
<tr><td>Subject</td><td>件名</td></tr>
<tr><td>Notes</td><td>メモ帳</td></tr>
<tr><td>Group Membership</td><td>Gmail連絡先のグループ</td></tr>
<tr><td>E-mail 1 - Type</td><td>自宅、仕事</td></tr>
<tr><td>E-mail 1 - Value</td><td>Eメールアドレス</td></tr>
<tr><td>E-mail 2 - Type</td><td>自宅、仕事</td></tr>
<tr><td>E-mail 2 - Value</td><td>Eメールアドレス</td></tr>
<tr><td>E-mail 3 - Type</td><td>自宅、仕事</td></tr>
<tr><td>E-mail 3 - Value</td><td>Eメールアドレス</td></tr>
<tr><td>Phone 1 - Type</td><td>※次表参照</td></tr>
<tr><td>Phone 1 - Value</td><td>電話番号</td></tr>
<tr><td>Phone 2 - Type</td><td>※次表参照</td></tr>
<tr><td>Phone 2 - Value</td><td>電話番号</td></tr>
<tr><td>Phone 3 - Type</td><td>※次表参照</td></tr>
<tr><td>Phone 3 - Value</td><td>電話番号</td></tr>
<tr><td>Address 1 - Type</td><td>自宅、仕事</td></tr>
<tr><td>Address 1 - Formatted</td><td></td></tr>
<tr><td>Address 1 - Street</td><td>住所</td></tr>
<tr><td>Address 1 - City</td><td>住所</td></tr>
<tr><td>Address 1 - PO Box</td><td>私書箱</td></tr>
<tr><td>Address 1 - Region</td><td>住所</td></tr>
<tr><td>Address 1 - Postal Code</td><td>郵便番号</td></tr>
<tr><td>Address 1 - Country</td><td>国</td></tr>
<tr><td>Address 1 - Extended Address</td><td></td></tr>
<tr><td>Organization 1 - Type</td><td>役職</td></tr>
<tr><td>Organization 1 - Name</td><td>会社名</td></tr>
<tr><td>Organization 1 - Yomi Name</td><td></td></tr>
<tr><td>Organization 1 - Title</td><td></td></tr>
<tr><td>Organization 1 - Department</td><td>部署</td></tr>
<tr><td>Organization 1 - Symbol</td><td>記号</td></tr>
<tr><td>Organization 1 - Location</td><td>会社所在地</td></tr>
<tr><td>Organization 1 - Job Description</td><td>説明</td></tr>
<tr><td>Website 1 - Type</td><td>Profile、Blog、Home Page、Work</td></tr>
<tr><td>Website 1 - Value</td><td>URL</td></tr>
</table>

<ul>
	<li>全ての項目を埋める必要はありません。また、すべての項目がiPhoneと同期されるわけではありません。</li>
	<li>iPhoneとは同期されないと思いますが、項目は勝手に増やせます。（例えば"Website 2 - Value"とか、"お誕生日"とか。）</li>
	<li>空欄のところは特に必要ないかなと。というかよくわからない。</li>
	<li>住所とか分けて入れてもGmail連絡先上は同一のフィールドで表示されます。</li>
	<li>Birthdayの項目はいい感じにiPhone側に反映されませんでしたので、手作業で直す必要があるようです。項目名を"誕生日"にしてもダメでした。</li>
</ul>

<h4>電話番号のところ、ややこしい問題が・・・</h4>

iPhone側の種別は
携帯、自宅、勤務先、自宅ファックス、勤務先ファックス、ポケベル、アシスタント、クルマ、会社メイン、ラジオ

となっていて、

Gmail側の種別（Phone Type）は
携帯電話、仕事、仕事、自宅、メイン、FAX(勤務先)、FAX(自宅)、Google Voice、ポケベル

となっていて、どちらに揃えればいいの？という問題ですね。
いやこれ、iPhoneに同期させるためにはそもそもどちらでもなく、以下に合わせる必要がありました。

<table id="designTable" width="500" style="font-size: 84%;" summary="Gmail連絡先CSV項目">
<tr bgcolor="#e2edf8"><td>iPhone種別名</td><td>Phone Typeに入力する種別</td></tr>
<tr><td>携帯</td><td>Mobile</td></tr>
<tr><td>自宅</td><td>Home</td></tr>
<tr><td>勤務先</td><td>Work</td></tr>
<tr><td>自宅ファックス</td><td>Home Fax</td></tr>
<tr><td>勤務先ファックス</td><td>Work Fax</td></tr>
<tr><td>ポケベル</td><td>Pager</td></tr>
<tr><td>アシスタント</td><td>Assistant</td></tr>
<tr><td>クルマ</td><td>Car</td></tr>
<tr><td>会社メイン</td><td>Company Main</td></tr>
<tr><td>ラジオ</td><td>Radio</td></tr>
</table>

<strong>上記Phone Typeを入力しないと調整した連絡先CSVをインポートしても、iPhoneには電話番号が反映されなくなってしまうので、ご注意ください。</strong>

また、<strong>"Mobile"は一人1回</strong>しか使えないのでご注意ください。Gmail側は何でも大丈夫（表示される）のようですが、iPhone連絡先側が対応しておらず、"Mobile"とした2件目以降の電話番号が同期されません。

<h4>Websiteの項目について</h4>

Website Typeについてですが、Gmail上の表記は下表左側の項目ですが、CSVに入力するときは右側で入力してください。

<table id="designTable" width="500" style="font-size: 84%;" summary="Gmail連絡先CSV項目">
<tr bgcolor="#e2edf8"><td>Gmail種別名</td><td>Website Typeに入力する種別</td></tr>
<tr><td>プロフィール</td><td>Profile</td></tr>
<tr><td>ブログ</td><td>Blog</td></tr>
<tr><td>ホームページ</td><td>Home Page</td></tr>
<tr><td>仕事</td><td>Work</td></tr>
</table>

えと、但し、<strong>どんな項目名で入力しようとiPhone側には"Web"として登録</strong>されます。
また、iPhone側には1件までしか同期されません。

<h3>出来上がったCSVファイルをインポート</h3>

CSVファイルが出来上がったら後は、Gmail連絡先にインポートすればOK。

<h3>もっとお手軽に連絡先ファイルを作成したい場合は</h3>

日本語で簡単に作る方法もあるみたいです。
⇒<a href="https://mail.google.com/support/bin/answer.py?hl=ja&answer=12119">CSV ファイルの作成や編集 - Gmail ヘルプ</a>

多分この方法だとiPhoneとうまく同期できない気もしますが・・・。

<h3>そもそもiPhoneとGmailを同期してないよ</h3>

って人はiPhoneの[設定]→[メール/連絡先/カレンダー]→[アカウントを追加]と進むと連携ができます。

<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="110724_iphonegmailcsv_03.jpg" src="http://blog.caraldo.net/img/110724_iphonegmailcsv_03.jpg" width="500" height="360" class="mt-image-none" style="" /></span>

アカウント入力したりして、連絡先の同期をオンにすればOK。

<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="110724_iphonegmailcsv_04.jpg" src="http://blog.caraldo.net/img/110724_iphonegmailcsv_04.jpg" width="500" height="360" class="mt-image-none" style="" /></span>

ということで、チャレンジしてみてください。
<strong>※同期するとき、iPhone内にある連絡先は削除されてしまうのでご注意ください。</strong>]]>
   </content>
</entry>

<entry>
   <title>GoogleAnalyticsで+1やTwitter、Facebookのソーシャルトラッキングを行う方法</title>
   <link rel="alternate" type="text/html" href="http://blog.caraldo.net/2011/07/googleanalytics_twitter_faceboo.php" />
   <id>tag:blog.caraldo.net,2011://1.280</id>
   
   <published>2011-07-21T15:27:36Z</published>
   <updated>2011-07-23T12:22:41Z</updated>
   
   <summary> Google+流行ってきてますね。 良かったら気軽にストリームに追加して下さい！ http://gplus.to/caraldok http://gplus....</summary>
   <author>
      <name>k.</name>
      <uri>http://blog.caraldo.net/</uri>
   </author>
   
      <category term="SEO" scheme="http://www.sixapart.com/ns/types#category" />
   
      <category term="Web" scheme="http://www.sixapart.com/ns/types#category" />
   
      <category term="Web制作" scheme="http://www.sixapart.com/ns/types#category" />
   
      <category term="ソーシャルメディア" scheme="http://www.sixapart.com/ns/types#category" />
   
   <category term="217" label="Facebook" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="151" label="GoogleAnalytics" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="27" label="SEO" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="138" label="twitter" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="219" label="ソーシャル" scheme="http://www.sixapart.com/ns/types#tag" />
   
   <content type="html" xml:lang="ja" xml:base="http://blog.caraldo.net/">
      <![CDATA[<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="GoogleAnalytics social tracking" src="http://blog.caraldo.net/img/title_110722.png" width="500" height="200" class="mt-image-none" style="" /></span>
Google+流行ってきてますね。

良かったら気軽にストリームに追加して下さい！
<img src="http://blog.caraldo.net/newimg/bg_g-plus.png" style="margin-right:5px;" align="absmiddle"><a href="http://gplus.to/caraldok">http://gplus.to/caraldok</a>
<img src="http://blog.caraldo.net/newimg/bg_g-plus.png" style="margin-right:5px;" align="absmiddle"><a href="http://gplus.to/poooooon">http://gplus.to/poooooon</a>

Google+1も見逃せない存在になってきましたね。

そんな訳でGoogleAnalyticsで<strong>ソーシャルトラッキング</strong>を行う方法をご紹介します。
+1・Twitter・Facebookの公式ボタンの押され具合が測定出来ます。

公式アナウンス：
<a href="http://googlewebmastercentral-ja.blogspot.com/2011/07/google-google-1.html">Google ウェブマスター向け公式ブログ: Google ウェブマスター ツールと Google アナリティクスで「+1」の効果を確認できます</a>


参考にさせて頂いたのは、以下の海外サイトです。
<a href="http://www.socialmediaexaminer.com/how-to-track-tweets-facebook-likes-and-more-with-google-analytics/">How to Track Tweets, Facebook Likes and More with Google Analytics | Social Media Examiner</a>

日本語でソーシャルトラッキングに関して書かれているサイトもいくつかあったのですが、どこもこの海外サイトで触れられているTwitterとFacebookに関しては説明されていませんでした。

<strong>+1以外がうまく計測されない</strong>方は是非試してみて下さい。]]>
      <![CDATA[
まずは完成時のイメージなのですが、今回のカスタマイズを行うとこんな内容が計測されるようになります。（クリックで拡大）

<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><a href="http://blog.caraldo.net/img/ga_social_sample1.jpg"><img alt="ga_social_sample1.jpg" src="http://blog.caraldo.net/assets_c/2011/07/ga_social_sample1-thumb-500x246-527.jpg" width="500" height="246" class="mt-image-none" style="" /></a></span>

では、具体的な方法に。

<h4>GoogleAnalyticsのコードを最新にする</h4>

新しいバージョンのGoogleAnalyticsにアクセスして<strong>最新のコード</strong>を取得します。
今年の4月位に更新が入っているようなので、それ以前にコードを取得した方は差し替えが必要です。

<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><a href="http://blog.caraldo.net/img/ga_social_sample2.jpg"><img alt="ga_social_sample2.jpg" src="http://blog.caraldo.net/assets_c/2011/07/ga_social_sample2-thumb-500x166-529.jpg" width="500" height="166" class="mt-image-none" style="" /></a></span>
アカウントホームより右上の設定アイコンをクリック、トラッキングコードタブより以下の様なコードを取得します。

<pre name="code" class="js">
&lt;script type="text/javascript"&gt;
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-*******-*']);
  _gaq.push(['_trackPageview']);
  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
&lt;/script&gt;
</pre>

これをheadタグ内に貼り付けます。

関連：
<a href="http://www.suzukikenichi.com/blog/google-analytics-asynchronous-tracking-is-now-default/">Google Analytics非同期トラッキングが標準設定に | 海外SEO情報ブログ</a>

実はここまでで<strong>既に+1ボタンの計測は可能</strong>となっています。

<a href="http://www.google.com/webmasters/+1/button/index.html">プラスワン ボタン</a>の方法の通りサイトに貼り付けられていれば計測されます。


<h4>Twitterの公式Tweetボタンをトラッキングする</h4>

TwitterとFacebookを計測する為には以下のsocial tracking用のJavaScriptを読み込む必要があります。

<a href="http://code.google.com/p/analytics-api-samples/source/browse/trunk/src/tracking/javascript/v5/social/ga_social_tracking.js">ga_social_tracking.js - analytics-api-samples - Google Analytics Sample Code - Google Project Hosting</a>

ここのコードをga_social_tracking.jsとして保存して先ほどのトラッキングコードの下で読み込みます。

<pre name="code" class="js">
&lt;!-- Google Analytics Social Button Tracking --&gt;
&lt;script type="text/javascript" src="http://blog.caraldo.net/newjs/ga_social_tracking.js"&gt;&lt;/script&gt;
</pre>

↑パスは適宜変更して下さい。
続いて参考サイトで紹介されているTwitter計測用のコードを追加します。
headタグ内と紹介されているようですが、私の環境ではfunctionエラーとなりましたので</body>タグの直上に以下のコード記載しています。

<pre name="code" class="js">
&lt;!-- Load Twitter JS-API asynchronously --&gt;
&lt;script&gt;
(function(){
var twitterWidgets = document.createElement('script');
twitterWidgets.type = 'text/javascript';
twitterWidgets.async = true;
twitterWidgets.src = 'http://platform.twitter.com/widgets.js';
// Setup a callback to track once the script loads.
twitterWidgets.onload = _ga.trackTwitter;
document.getElementsByTagName('head')[0].appendChild(twitterWidgets);
})();
&lt;/script&gt;
</pre>

これで公式の<a href="http://twitter.com/about/resources/tweetbutton">Twitter / ツイートボタン</a>の押され具合が計測されます。


<h4>Facebookのいいね！ボタンをトラッキングする</h4>

Facebookのいいね！ボタンのトラッキングですが、iframe版はやり方が分からないので<strong>XFBML版</strong>を選択しましょう。
<ins>私なんかこれの為に入れ替えました...</ins>

ボタンのコードは以下より取得可能です。
<a href="http://developers.facebook.com/docs/reference/plugins/like/">Like Button - Facebook開発者</a>

<pre name="code" class="js">
&lt;div id="fb-root"&gt;&lt;/div&gt;&lt;script src="http://connect.facebook.net/en_US/all.js#appId=193010980754768&amp;amp;xfbml=1"&gt;&lt;/script&gt;&lt;fb:like href="SiteURI&#12364;&#20837;&#12426;&#12414;&#12377;" send="false" layout="button_count" width="&#20219;&#24847;&#12398;&#20516;" show_faces="true" font=""&gt;&lt;/fb:like&gt;
</pre>

en_USをja_JPに変更すると表示が日本語になります。

このコードの中にトラッキングの為に

<pre name="code" class="js">
&lt;script type="text/javascript"&gt;_ga.trackFacebook();&lt;/script&gt;
</pre>

を追加します。
追加する場所はfb:likeの前でいいようです。

<pre name="code" class="js">
&lt;div id="fb-root"&gt;&lt;/div&gt;&lt;script src="http://connect.facebook.net/en_US/all.js#appId=193010980754768&amp;amp;xfbml=1"&gt;&lt;/script&gt;&lt;script type="text/javascript"&gt;_ga.trackFacebook();&lt;/script&gt;&lt;fb:like href="SiteURI&#12364;&#20837;&#12426;&#12414;&#12377;" send="false" layout="button_count" width="&#20219;&#24847;&#12398;&#20516;" show_faces="true" font=""&gt;&lt;/fb:like&gt;
</pre>

これでいいね！が押された回数が計測されます。


今のところこの方法で全てうまいことトラッキングされているようです。

新しいバージョンのGoogleAnalyticsから[ユーザー]⇒[サマリー]⇒[<strong>ソーシャル</strong>]と移動します。
<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><a href="http://blog.caraldo.net/img/ga_social_sample1.jpg"><img alt="ga_social_sample1.jpg" src="http://blog.caraldo.net/assets_c/2011/07/ga_social_sample1-thumb-500x246-527.jpg" width="500" height="246" class="mt-image-none" style="" /></a></span>
こんな感じで見えるはずです。


実はGoogle公式の説明ページもあるのですが、こちらはやり方が悪かったのかテストの仕方が悪かったのかうまく計測できませんでした。

<a href="http://code.google.com/intl/ja/apis/analytics/docs/tracking/gaTrackingSocial.html?utm_source=helpCenter&utm_medium=helpCenter&utm_campaign=social&utm_content=socialPluginTracking">Social Interaction Analytics - Google Analytics - Google Code</a>

こちらのやり方の話も是非見てみたいので、何か情報がありましたら教えて頂けると嬉しいです。
]]>
   </content>
</entry>

<entry>
   <title>iPhoneで撮った写真を500円でアルバムにしてくれるTOLOTを使ってみた</title>
   <link rel="alternate" type="text/html" href="http://blog.caraldo.net/2011/07/iphone500tolot.php" />
   <id>tag:blog.caraldo.net,2011://1.277</id>
   
   <published>2011-07-02T15:22:57Z</published>
   <updated>2011-07-23T12:01:39Z</updated>
   
   <summary> iPhoneのカメラロールから写真を選択するだけでアルバムを送ってくれるサービスTOLOTを使ってみました。 A6サイズ・64ページ・フルカラーで1冊500円...</summary>
   <author>
      <name>k.</name>
      <uri>http://blog.caraldo.net/</uri>
   </author>
   
      <category term="iPhone" scheme="http://www.sixapart.com/ns/types#category" />
   
      <category term="スマートフォン" scheme="http://www.sixapart.com/ns/types#category" />
   
   <category term="82" label="iPhone" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="4" label="Photo" scheme="http://www.sixapart.com/ns/types#tag" />
   <category term="218" label="アプリ" scheme="http://www.sixapart.com/ns/types#tag" />
   
   <content type="html" xml:lang="ja" xml:base="http://blog.caraldo.net/">
      <![CDATA[<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="TOLOT" src="http://blog.caraldo.net/img/title_110702.png" width="500" height="227" class="mt-image-none" style="" /></span>

iPhoneのカメラロールから写真を選択するだけでアルバムを送ってくれるサービス<strong>TOLOT</strong>を使ってみました。

<a href="http://tolot.com/">A6サイズ・64ページ・フルカラーで1冊500円（送料無料・税込み）iPhoneアプリでつくるフォトブックサービス「トロット」登場！</a>

62枚の写真をA6サイズのアルバムにしてくれます。

結論から先に書くと、出来上がったものはかなり満足です。
今後のiPhoneアプリのアップデートに期待！といったところです。
<ins>11/07/07追記</ins>
<a href="http://tolot.com/news/index.html">Ver1.0.3</a>で動作がサクサクになりました！


手軽なので、旅行の写真をシェアする時についでにアルバムを渡したり、おじいちゃんおばあちゃんに孫の写真をプレゼントなんかで使えそうだな～という感じです。

それでは簡単に使い方と、出来上がったアルバムを紹介します。]]>
      <![CDATA[<h3>使い方</h3>

まずはiPhoneアプリをインストールします。
⇒<a href="http://itunes.apple.com/jp/app/tolot/id443357356?mt=8&ls=1">iTunes App Store で見つかる iPhone 3GS、iPhone 4、iPad 対応 TOLOT</a>

インストール後、アプリを起動して写真を選びます。
現在のバージョンではアプリ内の動きがいまいちで、何かするたびに待ち時間が発生します。

この部分は制作者側も理解していて、アップデートで対応予定との事。
⇒<a href="http://tolot.com/news/index.html">NEWS一覧 | TOLOT</a>


全ての写真のサムネイルがアプリ上に読み込まれますので、事前にカメラロールは整理しておくと良いかと思います。

※ちなみにカメラロール以外（<strong>iTunesで同期した写真</strong>）も選択可能です。

写真とアルバム名等を決めたら、プレビューして注文処理に入ります。

支払いはクレジットカードが必須です。
これApple通さない決済ですけどいいんですね。少し不思議でした。

<h3>出来上がったのがこれ！</h3>

<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="110702_tolot1.jpg" src="http://blog.caraldo.net/img/110702_tolot1.jpg" width="500" height="373" class="mt-image-none" style="" /></span>

タイトルは適当です。表紙は36種類から選べます。

<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="110702_tolot2.jpg" src="http://blog.caraldo.net/img/110702_tolot2.jpg" width="500" height="373" class="mt-image-none" style="" /></span>

横の写真はこんな感じで上下があいてしまいます。

<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="110702_tolot3.jpg" src="http://blog.caraldo.net/img/110702_tolot3.jpg" width="500" height="373" class="mt-image-none" style="" /></span>

縦はA6サイズいっぱいいっぱいに入ります。
こっちのが見栄え良いですね。

<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="110702_tolot4.jpg" src="http://blog.caraldo.net/img/110702_tolot4.jpg" width="500" height="373" class="mt-image-none" style="" /></span>

縦と横が見開きで入っちゃうと残念な。。

組み合わせをしっかり考えた方が良さそうです。

こんな感じです。良いサービスだと思います！

出来上がりは満足していますので、また使ってみようと思います。
]]>
   </content>
</entry>

<entry>
   <title>Fireworks用のベクター素材やテクスチャ等便利アイテムを無料で配布しているサイト</title>
   <link rel="alternate" type="text/html" href="http://blog.caraldo.net/2011/06/fireworks_vector.php" />
   <id>tag:blog.caraldo.net,2011://1.272</id>
   
   <published>2011-06-12T14:52:39Z</published>
   <updated>2011-10-25T10:44:43Z</updated>
   
   <summary> Fireworksで編集出来るベクター素材を配布しているサイトを紹介しようと思います。 上の画像は今回紹介したサイトからダウンロードしたものを組み合わせただけ...</summary>
   <author>
      <name>k.</name>
      <uri>http://blog.caraldo.net/</uri>
   </author>
   
      <category term="Fireworks" scheme="http://www.sixapart.com/ns/types#category" />
   
      <category term="デザインツール" scheme="http://www.sixapart.com/ns/types#category" />
   
   <category term="76" label="FireWorks" scheme="http://www.sixapart.com/ns/types#tag" />
   
   <content type="html" xml:lang="ja" xml:base="http://blog.caraldo.net/">
      <![CDATA[<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="title_110612.jpg" src="http://blog.caraldo.net/img/title_110612.jpg" width="500" height="200" class="mt-image-none" style="" /></span>

Fireworksで編集出来る<strong>ベクター素材</strong>を配布しているサイトを紹介しようと思います。
上の画像は今回紹介したサイトからダウンロードしたものを<strong>組み合わせただけ</strong>で出来ています。

以前<a href="http://blog.caraldo.net/2009/02/fireworks_1.php">FireWorks派必見！FireWorksお役立ちサイトまとめ</a> <a href="http://b.hatena.ne.jp/entry/blog.caraldo.net/2009/02/fireworks_1.php"><img src="http://b.hatena.ne.jp/entry/image/http://blog.caraldo.net/2009/02/fireworks_1.php" alt="はてなブックマーク - FireWorks派必見！FireWorksお役立ちサイトまとめ" border="0" /></a>でも少し紹介していますが、最近Fireworksが流行り出して来た気がしますので改めて。

PNGデータを見る事で作り方の勉強にもなりますので是非ダウンロードして見て下さい。]]>
      <![CDATA[
<h4>Fireworks用のベクターデータを配布しているサイト</h4>

<h5>FIREWORKS ZONE</h5>
<a href="http://www.fireworkszone.com/">FIREWORKS ZONE | Adobe Fireworks tutorials and Downloads</a>
<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="fw_sample_03.jpg" src="http://blog.caraldo.net/img/fw_sample_03.jpg" width="500" height="300" class="mt-image-none" style="" /></span>

ベクターデータの他にチュートリアルもあります。
このサイトからダウンロード出来る場合もあれば、記事元にリンクしていてそちらでダウンロードする場合もあります。

大抵の場合、記事元でFireworksカテゴリがあったりするのでそこから辿っても面白いです。
例えば⇒<a href="http://www.vart.io/category/adobefireworks/">Adobe Fireworks articles by @mkkov at vart.io</a>


<h5>Fireworks Lab</h5>
<a href="http://fireworkslab.com/">Fireworks Lab | Download free Adobe Fireworks files</a>
<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="fw_sample_02.jpg" src="http://blog.caraldo.net/img/fw_sample_02.jpg" width="500" height="300" class="mt-image-none" style="" /></span>

個人的には使いたい！と思う素材が一番多かったサイトです。
ただ数が他より少なめなのが残念。

最近も更新入っているようなのでちょこちょこ覗くと良いと思います。


<h5>Webportio | Graphical resource of Adobe Fireworks</h5>
<a href="http://www.webportio.com/">Webportio | Graphical resource of Adobe Fireworks</a>
<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="fw_sample_01.jpg" src="http://blog.caraldo.net/img/fw_sample_01.jpg" width="500" height="300" class="mt-image-none" style="" /></span>

サイトで使用する様々なパーツ、更にはWebサイト全体をテンプレートとして配布しているサイトです。
ボタンなんかはここから持ってくると制作が楽かも知れないですね。


<h5>Smashing Magazine</h5>
<a href="http://www.smashingmagazine.com/">Smashing Magazine</a>
<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="fw_sample_04.jpg" src="http://blog.caraldo.net/img/fw_sample_04.jpg" width="500" height="300" class="mt-image-none" style="" /></span>
WordPressのテーマから.ai等とにかく色々ダウンロード出来ます。

Fireworks用は例えば<a href="http://www.smashingmagazine.com/2009/04/27/project-icon-set-for-free-download/">Project Icon Set For Free Download - Smashing Magazine</a>みたいなプロジェクトアイコンが配布されています。

他のデータを探すときは、良いカテゴリやタグが無いので「Fireworks」で検索するのが良さそうです。
⇒<a href="http://www.smashingmagazine.com/search-results/?q=Fireworks&sa=&cx=partner-pub-6779860845561969%3A5884617103&cof=FORID%3A10&ie=UTF-8#919">Search Results - Smashing Magazine</a>


<h5>Adobe Developer Connection</h5>
<a href="http://www.adobe.com/devnet/fireworks/samples.html">Fireworks samples | Adobe Developer Connection</a>
<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="fw_sample_05.jpg" src="http://blog.caraldo.net/img/fw_sample_05.jpg" width="500" height="300" class="mt-image-none" style="" /></span>

Adobe様の公式サイト。

数はそんなに多くないですが、クオリティがやばいです。


<ins>2011/10/25追記</ins>
<h5>Abduzeedo</h5>
<a href="http://abduzeedo.com/tags/fireworks">fireworks | Abduzeedo</a>
<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="fw_sample_10.jpg" src="http://blog.caraldo.net/img/fw_sample_10.jpg" width="500" height="300" class="mt-image-none" style="" /></span>

ベクター素材の配布だけでは無く、チュートリアルまで用意されています。
作り方から理解できるというのが良いですね！


<h5>Firetuts.com</h5>
<a href="http://firetuts.com/">Firetuts.com</a>
<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="fw_sample_06.jpg" src="http://blog.caraldo.net/img/fw_sample_06.jpg" width="500" height="300" class="mt-image-none" style="" /></span>

こちらも数はそんなに多くないですが、<a href="http://firetuts.com/2007/12/01/create-a-planet-from-scratch-with-fireworks/">惑星のやつ</a>とか凄い。


<h5>Noupe Design Blog</h5>
<a href="http://www.noupe.com/">Noupe Design Blog</a>
<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="fw_sample_07.jpg" src="http://blog.caraldo.net/img/fw_sample_07.jpg" width="500" height="300" class="mt-image-none" style="" /></span>

ここは直接ダウンロード出来るサイトでは無いのですが、かなりまとまっていますのでおススメです。

Smashing Magazine同様検索結果から見ると探しやすいです。
⇒<a href="http://www.noupe.com/?s=Fireworks">Search Results for Fireworks - Noupe Design Blog</a>

例えば<a href="http://www.noupe.com/tutorial/40-high-quality-adobe-fireworks-tutorials-and-resources.html">40 High Quality Adobe Fireworks Tutorials, Resources & PNG files</a>なんてダウンロードしたくなるんじゃないでしょうか。


<h5>Entheos</h5>
<a href="http://www.entheosweb.com/fireworks/default.asp">Entheos - Adobe Fireworks Tutorials</a>
<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="fw_sample_08.jpg" src="http://blog.caraldo.net/img/fw_sample_08.jpg" width="500" height="300" class="mt-image-none" style="" /></span>

ロゴとかダウンロード出来るんですけど！


<h5>Craig Erskine</h5>
<a href="http://craigerskine.com/">Craig Erskine</a>
<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="fw_sample_09.jpg" src="http://blog.caraldo.net/img/fw_sample_09.jpg" width="500" height="300" class="mt-image-none" style="" /></span>
今回探してて初めて見つけたサイト。

アプリアイコンの様なベクター素材がダウンロード出来ます。
これ良いですよ！


<h5>9search</h5>
<a href="http://takashi178.me/9search/">イラストやWeb制作に使えるフリー素材を紹介 | 9search</a>
ファイル形式からベクター素材を探すことが出来る国内サイトです。

Fireworks用のPNGデータもかなりあります。
直接のダウンロードでは無いですが、探しやすいかと。
<a href="http://takashi178.me/9search/category/fireworks/">「Fireworks」カテゴリのフリー素材一覧 | 9search</a>


<h5>DEZIMO.COM</h5>
<a href="http://dezimo.com/fireworks/">DEZIMO.COM - FireworksやWEBのことなど -: Fireworks</a>
国内サイトです。やっぱり日本語の方が探しやすくていいですよね。
特にチュートリアルなんか。

DEZIMO.COMではチュートリアルと完成したPNG素材のダウンロードが出来ます。


<h5>EC studio デザインブログ</h5>
<a href="http://designblog.ecstudio.jp/tutorial">チュートリアル - EC studio デザインブログ</a>
同じく国内からです。

EC studioさんでも同様にチュートリアルと完成したPNGデータがダウンロード出来ます。


<h5>Fireworks Bros</h5>
<a href="http://fwbros.com/">Fireworks Bros.</a>
<a href="http://shirasaka.tv/">シラサカショウ</a>さんの運営するFireworks専門サイトです。
関係無いですけど同じ84年生まれです。

<a href="http://fwbros.com/category/tutorial/">チュートリアル</a>の完成データがダウンロード出来ます。


<h5>Fireworks Instructional Videso</h5>
<a href="http://fireworksinstructionalvideos.com/libraries/index.html">Fireworks Instructional Videso - a site dedicated to Fireworks from designer Christian Baptiste</a>
Fireworks全般を扱っているサイトのようなのですが、coming　soonが多くていまいち掴めず。
ただリンク先の様なワイヤーフレームを作る素材なんかは珍しかったので。


<h4>Fireworks用のテクスチャデータを配布しているサイト</h4>

<h5>シンプルパターン研究所</h5>
<a href="http://labo.v-colors.com/">シンプルパターン研究所 | すべて無料で商用でも使えるシンプルパターン テクスチャ配布サイト</a>
<a href="http://fw.v-colors.com/">Fireworksマニア</a>の<a href="http://twitter.com/#!/yuki930">@yuki930</a>さんが運営。

内容と関係無いですが、GlobalNaviのマウスオーバーが可愛いｗ


<h5>Fireworks texture gallery</h5>
<a href="http://ftg.projectdd.jp/">Fireworks texture gallery</a>
テクスチャいっぱーい！


<h5>indigonote</h5>

<a href="http://indigonote.com/">indigonote - 日々のWeb制作、書き留めノート</a>

こちらでもテクスチャが配布されています。
以下のカテゴリの一番古い記事でボタンのベクターデータとスタイルも公開されています。
<a href="http://indigonote.com/category/design/">Design カテゴリのアーカイブ | indigonote</a>



以上です。

良いサイト見つけ次第追加予定ですが、今回紹介したサイトすら全部は見きれていないのでしばらく楽しめそうです！

<strong>Enjoy Fireworks Life!!</strong>
<ins>↑なんか書きたかっただけです。</ins>
]]>
   </content>
</entry>

</feed>

