﻿<?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>Numb. &#187; WebService</title>
	<atom:link href="http://wp.graphact.com/category/webservice/feed/" rel="self" type="application/rss+xml" />
	<link>http://wp.graphact.com</link>
	<description></description>
	<lastBuildDate>Tue, 24 Jan 2012 08:17:59 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Github を Windows で使ってみる 2011 年版</title>
		<link>http://wp.graphact.com/2011/02/07/github-windows-2011/</link>
		<comments>http://wp.graphact.com/2011/02/07/github-windows-2011/#comments</comments>
		<pubDate>Mon, 07 Feb 2011 13:46:25 +0000</pubDate>
		<dc:creator>hibiki</dc:creator>
				<category><![CDATA[WebCreate]]></category>
		<category><![CDATA[WebService]]></category>
		<category><![CDATA[git]]></category>

		<guid isPermaLink="false">http://wp.graphact.com/?p=1913</guid>
		<description><![CDATA[github を Windows で使ってみる という記事を 2008 年に書いたのですが、未だにそこそこ需要もあり見ていただいているようなので 2011 年版として新たに書いてみます。GUI で色々ごにょごにょ出来るよ [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://wp.graphact.com/2008/08/09/382">github を Windows で使ってみる</a> という記事を 2008 年に書いたのですが、未だにそこそこ需要もあり見ていただいているようなので 2011 年版として新たに書いてみます。GUI で色々ごにょごにょ出来るようになっていたり感動しました。進化してる！</p>
<p><a href="http://help.github.com/">Help.GitHub &#8211; Welcome</a> でざっと手順を眺める。書いてある手順を引用すると以下の通り。</p>
<div class="quote">
<blockquote cite="http://help.github.com/"><p><strong>Getting started with Git and GitHub</strong></p>
<p>Getting up and running from scratch is easy:<br />
   1. Take a quick crash course on git<br />
   2. Install Git<br />
   3. Generate a keypair – If you have troubles<br />
   4. Set your user and email in git<br />
   5. Create a repo or fork an existing repo
</p></blockquote>
<p><cite>『<a href="http://help.github.com/">Help.GitHub &#8211; Welcome</a>』より引用</cite>
</div>
<p><span id="more-1913"></span></p>
<h2>Install Git</h2>
<p>まずは「2. Install Git」、インストール説明ページ <a href="http://help.github.com/win-git-installation/">Help.GitHub &#8211; Installing git (Win/msysgit)</a> へ。</p>
<p>最新バージョンの msysgit をダウンロードしてねと書いてあるので、msysgit のリンク先、<a href="http://code.google.com/p/msysgit/">msysgit &#8211; Project Hosting on Google Code</a> へ。</p>
<p><img src="http://wp.graphact.com/wp-content/uploads/2011/02/git01.gif" alt="" /></p>
<p>ダウンロードページ <a href="http://code.google.com/p/msysgit/downloads/list">Downloads &#8211; msysgit &#8211; Project Hosting on Google Code</a> から Git-バージョン-preview日付.exe をダウンロード。</p>
<p><a href="http://wp.graphact.com/wp-content/uploads/2011/02/git02.gif"><img src="http://wp.graphact.com/wp-content/uploads/2011/02/git02.gif" alt="" title="" width="500" class="alignnone size-medium wp-image-1924" /></a></p>
<p>現時点での最新 Git-1.7.4-preview20110204.exe を今回はダウンロードしました。</p>
<p>インストール作業は以下のように。基本的には Enter 連打で OK だと思います。</p>
<p><img src="http://wp.graphact.com/wp-content/uploads/2011/02/git03.gif" alt="" /><br />
<img src="http://wp.graphact.com/wp-content/uploads/2011/02/git04.gif" alt="" /><br />
<img src="http://wp.graphact.com/wp-content/uploads/2011/02/git05.gif" alt="" /><br />
<img src="http://wp.graphact.com/wp-content/uploads/2011/02/git06.gif" alt="" /><br />
<img src="http://wp.graphact.com/wp-content/uploads/2011/02/git07.gif" alt="" /><br />
<img src="http://wp.graphact.com/wp-content/uploads/2011/02/git08.gif" alt="" /><br />
<img src="http://wp.graphact.com/wp-content/uploads/2011/02/git09.gif" alt="" /><br />
<img src="http://wp.graphact.com/wp-content/uploads/2011/02/git10.gif" alt="" /><br />
<img src="http://wp.graphact.com/wp-content/uploads/2011/02/git11.gif" alt="" /><br />
<img src="http://wp.graphact.com/wp-content/uploads/2011/02/git12.gif" alt="" /></p>
<p>インストールが終わったら、以下のことをする必要がある、と書いてある。「generate an SSH keypair and set your local git config.」、つまり SSH keypair を作るのと、ローカル git の設定をしてね、ってことらしい。それぞれ、最初の項目でいうと、「3. Generate a keypair」と、「4. Set your user and email in git」に該当する作業ですね。</p>
<h2>Generate a keypair</h2>
<p>「3. Generate a keypair」 <a href="http://help.github.com/msysgit-key-setup/">Help.GitHub &#8211; Generating SSH keys (Win/msysgit)</a> へ。書いてある項目順に進めます。</p>
<h3>Backup and remove existing keys</h3>
<p>Windows スタートメニュー -> Git -> Git Bash で、起動させた画面に以下の通り入力（※入力するのは &#8220;$ &#8220;の後ろからです）。</p>
<pre class="brush: plain; auto-links: false; gutter: false;">$ cd ~/.ssh</pre>
<p>これで ~/.ssh ディレクトリに移動。ちなみにこれは、Win7 では C:\Users\ユーザー名\.ssh に当たります。XP などでは C:\Documents and Settings\ユーザー名\.ssh に当たります。「~」は HOME を示すので、要するに HOME ディレクトリ内の .ssh ディレクトリです。</p>
<pre class="brush: plain; auto-links: false; gutter: false;">
$ ls
config  id_rsa  id_rsa.pub  known_hosts
$ mkdir key_backup
$ cp id_rsa* key_backup
$ rm id_rsa*
</pre>
<p>書いてあるとおり入力。やってることは、ls でディレクトリ内容を表示して、ディレクトリの内容がバーっと出たら表示通りか一応見て、mkdir で key_backup ディレクトリを作って、cp で id_rsa～ で始まるファイルを key_backup にコピー、rm で .ssh ディレクトリ内の id_rsa～ で始まるファイルを削除。</p>
<p>よし出来た。次、「Generating a key」という項目をやります。</p>
<h3>Generating a key</h3>
<pre class="brush: plain; auto-links: false; gutter: false;">
$ ssh-keygen -t rsa -C "自分のメールアドレス"</pre>
<p>ここでやってることは、-t 鍵の種類、-C &#8220;コメント&#8221;　で認証用の鍵作るよ！というかんじです。コメントに自分のアドレスを入れたのは、<a href="http://help.github.com/msysgit-key-setup/">Help.GitHub &#8211; Generating SSH keys (Win/msysgit)</a> でそうなっていたからです。必要かはちょっと分からなかったのですが一応入れておきました。</p>
<div class="quote">
<blockquote cite="http://www.unixuser.org/~euske/doc/openssh/jman/ssh-keygen.html"><p>ssh-keygen [-q ] [-b ビット数 ] -t 鍵の種類 [-N 新しいパスフレーズ ] [-C コメント (訳注:SSH1のみ)] [-f 出力先identityファイル ] </p></blockquote>
<p><cite>『<a href="http://www.unixuser.org/~euske/doc/openssh/jman/ssh-keygen.html">SSH-KEYGEN (1)</a>』より引用</cite>
</div>
<p>先ほどの内容を打つと、以下のように出てくるはず。</p>
<pre class="brush: plain; auto-links: false; gutter: false;">
Generating public/private rsa key pair.
Enter file in which to save the key (/c/Users/ユーザー名/.ssh/id_rsa):
</pre>
<p>() 内の場所に鍵ファイルを作るよ、OK ならエンター押して、いう内容。id_rsa は先ほどバックアップも取ったので作成して OK ということでエンター。すると以下のように出てきます。</p>
<pre class="brush: plain; auto-links: false; gutter: false;">Enter passphrase (empty for no passphrase):</pre>
<p>パスフレーズ入れてエンター押して、という内容。空のままエンターだとパスフレーズなしになるようです。パスフレーズを適宜決めて入力してエンター。パスフレーズは 4 文字以下だとエラーになるので、4 文字より多い文字数で。エンターすると以下のように出てきます。</p>
<pre class="brush: plain; auto-links: false; gutter: false;">Enter same passphrase again:</pre>
<p>もう一度パスフレーズを入れてエンターして、という内容。確認してるだけですね。パスフレーズを再度入力してエンター。バーっと文字が流れ、鍵作成が終わりです。</p>
<p>「Adding the key to your GitHub account」の項目へいきます。</p>
<h3>Adding the key to your GitHub account</h3>
<p><a href="https://github.com/account">GitHub の自分のアカウントページ</a> へいって、“SSH Public Keys” （SSH 公開鍵）セクションの “add another public key” （別の公開鍵の追加）をクリックして、“key” フィールドに public key (id_rsa.pub) の中身を入力して、と書いてあります。なのでその通りに。id_rsa.pub の中身は、適当にテキストエディタなどで開けばみれますのでそれをコピペすれば OK です。</p>
<h3>Testing things out</h3>
<p>きちんとつなげることが出来るかテストします。書いてある通り以下のように入力。</p>
<pre class="brush: plain; auto-links: false; gutter: false;">$ ssh git@github.com</pre>
<p>すると、以下のようにでてきました。</p>
<pre class="brush: plain; auto-links: false; gutter: false;">Enter PassPhrase for key '/c/Users/ユーザー名/.ssh/id_rsa':</pre>
<p>先ほど設定したパスフレーズを入力してエンター。するとズラズラっと文字が出てくるので、その中に “successfully authenticated” とあれば OK 。<br />
ちなみに私の場合には以下のような文言が出ていました。これは時期によって多少変わるようなので、参考程度に。同じ文言でなくても “successfully authenticated” とあれば大丈夫です。</p>
<pre class="brush: plain; auto-links: false; gutter: false;">Hi 名前! You've successfully authenticated, but Github does not provide shell access.
Connecting to github.com closed.</pre>
<p>内容は、「やあ○○！あなたの認証に成功したよ。だけど Github はシェルアクセスは提供してないんだよね。github.com から接続を切るよ。」的なかんじです。認証成功してれば OK ってことです。これで「3. Generate a keypair」は終了。</p>
<p>ちなみに、もしも “successfully authenticated” の文字が見あたらなかったら、<a href="http://help.github.com/troubleshooting-ssh/">Help.GitHub &#8211; Troubleshooting SSH issues</a> をみてね、とありました。私はすんなり進んだので、このまま次へ進みました。</p>
<h2>Set your user and email in git</h2>
<p>「4. Set your user and email in git」 、<a href="http://help.github.com/git-email-settings/">Help.GitHub &#8211; Setting user name, email and GitHub token</a> へ。</p>
<h3>Setting user name and email globally in git</h3>
<pre class="brush: plain; auto-links: false; gutter: false;">
$ git config --global user.name "自分のユーザー名"
$ git config --global user.email "自分のメールアドレス"
</pre>
<p>ユーザー名とメールを設定。変更を push した時に、これらの名前やアドレスが一緒に送られるので、その辺は気をつけてください。設定しておかないとマシン名が表示されたりすることになり恥ずかしい思いをするとのことです…。</p>
<p>他にも項目がありますが、通常、この設定まですればこのページは OK のはず。</p>
<h2>Create a repo or fork an existing repo</h2>
<p>いよいよ最後、「5. Create a repo or fork an existing repo」。Github にリポジトリを作り、設定します。先ほど気づいたんですが、いつから Github 日本語表示できるようになってたんでしょうか。ビックリ。</p>
<p><a href="https://github.com/">GitHub</a> にアカウントがまだなければアカウントを作成。あればログイン。</p>
<p><img src="http://wp.graphact.com/wp-content/uploads/2011/02/git13.gif" alt="" /></p>
<p><a href="https://github.com/">GitHub のトップページ</a> の「Create a Repository」をクリックして Create a New Repository ページへ。</p>
<p><img src="http://wp.graphact.com/wp-content/uploads/2011/02/git14.gif" alt="" /></p>
<dl>
<dt>プロジェクト名　※英語表示だと 「Project Name」</dt>
<dd>プロジェクト名など分かりやすい名前を適当に入力。</dd>
<dt>説明（オプション） ※英語表示だと「Description (optional)」</dt>
<dd>このリポジトリの説明、空白でも OK。</dd>
<dt>ホームページのURL ※英語表示だと「Homepage URL (optional)」</dt>
<dd>そのまんまです。オプションなので空白でも OK。</dd>
<dt>このリポジトリにアクセスできるのは誰ですか？（あとから変更することもできます）　※英語表示だと「Who has access to this repository? (You can change this later)」</dt>
<dd>デフォルトの Anyone を選択。フリーアカウントでは Anyone しか選べないようです。</dd>
</dl>
<p>これで「リポジトリを作る」（英語表示では「Create Repository」）をクリックすると、設定の書いてある以下のような画面が出ます。</p>
<p><img src="http://wp.graphact.com/wp-content/uploads/2011/02/git15.gif" alt="" /></p>
<p>最初の全体設定は、先ほど「4. Set your user and email in git」 で行って終わっているのでスルー。次の手順から。書いてあるとおりにすれば良いのですが、一応ちょっと何をするのか書いてみます。</p>
<p>まずディレクトリを作るコマンドを入力するのですが、先ほどの Git Bash の画面を閉じずに連続で作業してる場合、そのまま打つと .ssh ディレクトリ内に作られてしまうので注意。cd ～で移動してから打つようにしたほうがいいです。たとえば、C:\Users\ユーザー名\ 内に hoge というディレクトリを作ってそこをリポジトリにする場合、以下のようにします。</p>
<pre class="brush: plain; auto-links: false; gutter: false;">
cd ~/
mkdir hoge
</pre>
<p>もし、D:\ 内に作りたいなら、</p>
<pre class="brush: plain; auto-links: false; gutter: false;">
d:
mkdir ディレクトリ名
</pre>
<p>という感じです。<br />
ディレクトリを作ったら、今作ったディレクトリ内に移動して、git init でそこにリポジトリを作成します。</p>
<pre class="brush: plain; auto-links: false; gutter: false;">
cd ディレクトリ名
git init
</pre>
<p>あとは以下のように。この部分は先ほど開いたウェブページを見た方がプロジェクト名など間違えなくていいかもしれません。</p>
<pre class="brush: plain; auto-links: false; gutter: false;">
touch README
git add README
git commit -m 'first commit'
git remote add origin git@github.com:ユーザー名/作ったプロジェクト名.git
git push origin master
</pre>
<p>もし、push しようとしたときに以下のように出たら、パスフレーズの入力をしてエンターしてください。</p>
<pre class="brush: plain; auto-links: false; gutter: false;">Enter passphrase for key 'c\User\ユーザー名\.ssh\id_rsa'</pre>
<p>やってることは、以下のような感じ。</p>
<ul>
<li>touch README で README というファイルを作る</li>
<li>git add README でローカルのリポジトリに README を追加</li>
<li>git commit -m &#8216;first commit&#8217; でローカルのリポジトリに変更を適用。-m ～はコメントです。書式は -m &#8216;ここにメッセージ&#8217; 。</li>
<li>git remote add origin git@github.com:ユーザ名/作ったプロジェクト名.git で、リモートのリポジトリを origin という略称でと登録</li>
<li>git push origin master で、ローカルリポジトリのブランチ（master）を、リモートのリポジトリ（origin）に push （コミットみたいなものです。アップしたと思えば OK）。</li>
</ul>
<p>これで、ローカルリポジトリから、リモートリポジトリの Github に push されてるはずです。ブラウザから「https://github.com/ユーザー名/プロジェクト名」を見ると、README ファイルがアップされていると思います。</p>
<p>略称部分は別のものに変えても勿論いけます。そのときは、push する際も、git push 略称 master という形で適宜変えてください。ちなみに、master は git のデフォルトブランチ名。</p>
<h3>もし、間違えたアドレスを略称に登録してしまったら？</h3>
<p>間違えて登録した、もしくは略称にヒモづけてるリモートリポジトリのアドレスを変更したくなった場合。</p>
<pre class="brush: plain; auto-links: false; gutter: false;">$ git config remote.略称.url 新しいアドレス</pre>
<p>これで OK。一応変更されているか、以下のように打って確認。</p>
<pre class="brush: plain; auto-links: false; gutter: false;">$ git config remote.略称.url</pre>
<p>表示されている内容があっていたら OK。</p>
<p>その他、詳しいコマンド参考：</p>
<ul>
<li><a href="http://sourceforge.jp/magazine/09/03/16/0831212">Gitを使いこなすための20のコマンド &#8211; SourceForge.JP Magazine : オープンソースの話題満載</a></li>
</ul>
<p>以上で終わりです。 :)</p>
<h2>Git GUI でも一部のことは出来る</h2>
<p>ちなみに、「3. Generate a keypair – If you have troubles」で行った  SSH 鍵の作成は Git GUI の ヘルプ -> SSH キーを表示 -> 鍵を生成、からでも作れるようです。</p>
<p>また、「5. Create a repo or fork an existing repo」で行ったリポジトリの作成、リモートリポジトリへの push も Git GUI から行うことができます。しかし Git GUI、ちょっと触ってみたんですが劇的に重かったので、どうだろう…。たまにしか使わないからコマンド忘れちゃう～という場合には手軽でいいかもしれません。</p>
<p>Git GUI については、以下の記事が大変詳しかったです。</p>
<ul>
<li><a href="http://www.koikikukan.com/archives/2010/08/04-235555.php">小粋空間: Github を Windows で利用する（Git GUI編）</a></li>
</ul>
<p>最初から GUI でやるより、一度は Git Bash からごにょごにょしてみたほうが、なんとなく何をしてるかわかりやすい気がします。</p>
<h2>番外編：今作ったテストリポジトリを消したい</h2>
<p>リポジトリのページから管理画面へ。</p>
<p><img src="http://wp.graphact.com/wp-content/uploads/2011/02/git16.gif" alt="" /></p>
<p>右下の「このリポジトリの削除」で削除することができます。</p>
<p><img src="http://wp.graphact.com/wp-content/uploads/2011/02/git17.gif" alt="" /></p>
<p>こんなことを書いている割に、ローカルでは Dreamweaver と連携させたくて Subversion を使っていたりします。git + Dreamweaver って出来るのでしょうか。またそのうち調べよう。</p>
]]></content:encoded>
			<wfw:commentRss>http://wp.graphact.com/2011/02/07/github-windows-2011/feed/</wfw:commentRss>
		<slash:comments>17</slash:comments>
		</item>
		<item>
		<title>タスク管理 Nozbe がとても良い</title>
		<link>http://wp.graphact.com/2011/02/03/nozbe/</link>
		<comments>http://wp.graphact.com/2011/02/03/nozbe/#comments</comments>
		<pubDate>Wed, 02 Feb 2011 23:46:26 +0000</pubDate>
		<dc:creator>hibiki</dc:creator>
				<category><![CDATA[WebService]]></category>

		<guid isPermaLink="false">http://wp.graphact.com/2011/02/03/nozbe</guid>
		<description><![CDATA[昨年の 9 月から、Nozbe というタスク管理ができるウェブサービスを利用しています。Remember The Milk も、Toodledo も使ってみたことがありますが、今は Nozbe はかなり良い線いってるなー [...]]]></description>
			<content:encoded><![CDATA[<p>昨年の 9 月から、Nozbe というタスク管理ができるウェブサービスを利用しています。Remember The Milk も、Toodledo も使ってみたことがありますが、今は Nozbe はかなり良い線いってるなーと利用してます。Nozbe は以下のサイトで知りました。</p>
<ul>
<li><a href="http://zonostyle.com/2010/09/inbox.html">Nozbe × Evernote × GmailのInbox情報整理術 &#8211; ZONOSTYLE</a></li>
</ul>
<p>先日メールがきて、Nozbe のサイトがいよいよ日本語に正式に対応したようなのでご紹介。</p>
<ul>
<li><a title="http://www.nozbe.com/a-B56310999" href="http://www.nozbe.com/a-B56310999">Nozbe</a></li>
</ul>
<p>簡潔にいうと、クランド連携が熱くて、複雑ではないので使いやすい、というサービス。</p>
<p><span id="more-1892"></span>無料アカウントだとプロジェクトの数が 5 つまでと制限が出てしまうので、ガッツリ使うなら有料版にすることになると思います。$9.95/月（年払いだと $7.5/月）のパーソナルプランで十分かなと思います。</p>
<h2>良い点</h2>
<ul>
<li>Remember The Milk より GTD 向けで高機能、Toodledo より断然見やすい（日本語にもなったし！） これは後でもうちょっと詳しく書きます。</li>
<li>Evernote と連携できる<br />
Evernote のノートを Nozbe で表示することができる。Nozbe のプロジェクト名と Evernote のタグ名を一致させるだけで OK。Nozbe から Evernote の該当ノートを編集することも出来るし、勿論複数ノートだって可能。</li>
<li>Google カレンダーと連携できる<br />
期日をいれたタスクがカレンダーに表示される。双方向の編集が OK。</li>
<li>iPhone / iPad アプリがあり、それらが使いやすい（ちょっと高いけど）</li>
</ul>
<h2>悪い点</h2>
<ul>
<li>Web サイトが重たい…。設定内に「オフラインストレージ」という名前でインターネットに接続せず Nozbe を使える機能があるので、Chrome などを利用しているならチェックをつけておけば良いかも。まだ実験的な機能らしいけれども。</li>
<li>超万能なわけではない（Toodledo に比べない機能もある）</li>
<li>有料版の値段設定が結構お高い</li>
</ul>
<h2>どんな人向け？</h2>
<p>高機能だけど機能が多すぎてややこしい Toodledo、シンプルなんだけれどちょっと機能が少なくタスクが増えると視認性が落ちてくる Remember The Milk 、クラウド連携がガッチリで使いやすくて機能もそこそこ揃ってるけど値段が高めな Nozbe、という印象。</p>
<p>Toodledo、RTM、Nozbe どれを使えばいい？というのを独断と偏見で書くと以下のようなかんじ。</p>
<ul>
<li>そんなにタスク多くないし、シンプルに使えれるほうがいいな→RTM</li>
<li>高機能なら高機能なほどいい、複雑でも慣れるまでがんばれる→Toodledo</li>
<li>高機能なほうがいいけど複雑でわかりにくいのはイヤだ→Nozbe</li>
<li>サイトもアプリも日本語になってないとイヤ！→RTM、Nozbe</li>
<li>Evernote の資料も連携させたい→Nozbe</li>
<li>ただの ToDo ではなく GTD として使う→Toodledo、Nozbe</li>
<li>フリーアカウントでも結構ガッツリ使える→RTM、Toodledo</li>
</ul>
<p>人それぞれ使い方によって向いているサービスは違ってくると思うのですが、私は Nozbe お気に入りです。まだ足りない部分はありますが、意欲的に機能が増えてるように見えるので今後に期待。</p>
]]></content:encoded>
			<wfw:commentRss>http://wp.graphact.com/2011/02/03/nozbe/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>KeySnail + Blackbird pie</title>
		<link>http://wp.graphact.com/2011/01/16/keysnailblackbird-pie/</link>
		<comments>http://wp.graphact.com/2011/01/16/keysnailblackbird-pie/#comments</comments>
		<pubDate>Sun, 16 Jan 2011 08:55:02 +0000</pubDate>
		<dc:creator>hibiki</dc:creator>
				<category><![CDATA[WebService]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[KeySnail]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://wp.graphact.com/?p=1625</guid>
		<description><![CDATA[勢いにのって更新。最近 KeySnail に追加した設定をメモ。 以前、bookmarklet を KeySnail から実行する方法を書きましたが、その方法で BlackBird bookmarklet を追加しました [...]]]></description>
			<content:encoded><![CDATA[<p>勢いにのって更新。最近 KeySnail に追加した設定をメモ。</p>
<p>以前、bookmarklet を KeySnail から実行する方法を書きましたが、その方法で BlackBird bookmarklet を追加しました。</p>
<p><a href="http://media.twitter.com/blackbird-pie/">Blackbird Pie – Twitter Media</a> は、twitter のツイートを web ページにはりつける時とっても便利ですが、それを bookmarklet から利用できるようにしたのが BlackBird bookmarklet。<a href="http://publitweet.com/blog/2010/05/05/blackbird-bookmarklet-publish-a-tweet-in-html/">Real-time curation » Blog Archive » Blackbird bookmarklet: publish a tweet in html</a> で公開されいます。</p>
<p><span id="more-1625"></span>_keysnail.js に以下のように追記。</p>
<pre class="brush: js; auto-links: false;">key.setViewKey(['b', 'b'], function (ev, arg) {
    if (window.loadURI) {
        loadURI(getShortcutOrURI("bb", {}));
    }
}, 'bookmarklet - blackbird pie');
</pre>
<p>これで、対象ツイートページで b b と押すとツイートの貼り付けタグが表示されるように。ツイートをコピーすることが結構あるかも、という場合にはイイかもしれないです。</p>
<p>この bookmarklet、公式のものより良いところもあったりします。日時が「 x 時間前」等にならず、きちんと「Wed Jan 12 06:42:55」となったり。ツイートごとのページではなく、ツイート一覧ページで b b とすると、マウスカーソルをツイート上にあわせた時「embed tweet」というリンクが追加されており、そこから各ツイートの貼り付けタグを取得できたりします。</p>
<h2>WordPress で貼り付ける際の注意</h2>
<p>Blackbird pie で書き出されるコードの最後、「&lt;!&#8211; end of tweet &#8211;&gt;」という部分は削除して貼り付けないと、不要な p タグが 1 つ入ってしまうようです。WordPress 用にはプラグイン（ <a href="http://themergency.com/twitter-blackbird-pie-wordpress-plugin/">Twitter Blackbird Pie WordPress Plugin | Themergency</a> ）もあるので、そちらもいいかもしれません。私はソースコードを貼り付ける方がなんとなく好みなので、当面は手動で貼り付けていこうと思っています。</p>
]]></content:encoded>
			<wfw:commentRss>http://wp.graphact.com/2011/01/16/keysnailblackbird-pie/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>zenback を導入しました</title>
		<link>http://wp.graphact.com/2010/12/20/zenback/</link>
		<comments>http://wp.graphact.com/2010/12/20/zenback/#comments</comments>
		<pubDate>Mon, 20 Dec 2010 10:30:00 +0000</pubDate>
		<dc:creator>hibiki</dc:creator>
				<category><![CDATA[WebService]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://wp.graphact.com/?p=1680</guid>
		<description><![CDATA[zenback を導入してみました。はてブ、Twitter で言及されていた場合それを表示する＋ソーシャルブックマークボタンをつけられます。 zenbackであなたのブログに全てのフィードバックを。 手動で上記の内容は表 [...]]]></description>
			<content:encoded><![CDATA[<p>zenback を導入してみました。はてブ、Twitter で言及されていた場合それを表示する＋ソーシャルブックマークボタンをつけられます。</p>
<ul>
<li><a href="http://zenback.jp/">zenbackであなたのブログに全てのフィードバックを。</a> </li>
</ul>
<p>手動で上記の内容は表示するようにしてたんですが、一気につくから楽かなーと思ったのと、新しいもの好きなので試しに設置してみました。どうだろう。</p>
<p>現時点でつけられるボタンは以下の通り。</p>
<ul>
<li>Twitter ボタン（つぶやかれた件数表示） </li>
<li>はてブボタン（ブクマされた件数表示） </li>
<li>mixi チェックボタン </li>
<li>Evernote クリップボタン </li>
<li>Facebook いいね！ボタン（いいね！された件数表示） </li>
</ul>
<p>また、表示させられる内容は以下の通り。</p>
<ul>
<li>その記事に関係する自分のブログ記事（関連記事） </li>
<li>その記事に関係する他のzenbackユーザーのブログ記事（関連リンク） </li>
<li>その記事についての最新のTwitterのつぶやき </li>
<li>その記事についてのはてなブックマーク </li>
<li>その記事の最新のアクセス元（リファラ） </li>
</ul>
<p>サービス元は、MT で有名なシックス・アパート。しばらく使ってみようと思います。</p>
]]></content:encoded>
			<wfw:commentRss>http://wp.graphact.com/2010/12/20/zenback/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Gmail2.0 対応版の「Gmail &#8211; display keyboard shortcuts」</title>
		<link>http://wp.graphact.com/2008/10/12/414/</link>
		<comments>http://wp.graphact.com/2008/10/12/414/#comments</comments>
		<pubDate>Sun, 12 Oct 2008 06:38:13 +0000</pubDate>
		<dc:creator>hibiki</dc:creator>
				<category><![CDATA[Firefox]]></category>
		<category><![CDATA[WebService]]></category>
		<category><![CDATA[add-on]]></category>
		<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://wp.graphact.com/?p=414</guid>
		<description><![CDATA[gmail はショートカットが指定されていて、覚えてしまえばキーボードで操作できて便利です。ですがショートカットキーって覚えるまでは毎回「どうだっけ・・」と確認したり、ちょっと使わないとすぐ忘れてしまったりしませんか！？ [...]]]></description>
			<content:encoded><![CDATA[<p>gmail はショートカットが指定されていて、覚えてしまえばキーボードで操作できて便利です。ですがショートカットキーって覚えるまでは毎回「どうだっけ・・」と確認したり、ちょっと使わないとすぐ忘れてしまったりしませんか！？</p>
<p>そんな私のような人に便利なのが、Firefox の add-on 「stylish （or Greasemonkey）」で利用できる「Gmail &#8211; display keyboard shortcuts」というもの。gmail　のショートカットキーを表示してくれるユーザースタイルです。本当に凄く便利で使わせてもらっていたのですが、Gmail2.0 になってからショートカットキーが表示されなくなってしまいました。</p>
<p>しばらくそのまま使っていたのですが、ふと内容をみたら結構簡単に表示させるようにできそうだったので手を加えてみました。</p>
<p>以下、私が手を加えた Gmail2.0 対応版の「Gmail &#8211; display keyboard shortcuts」です。stylish のコードに下の内容を登録することで利用できます。<br />
<span id="more-414"></span></p>
<pre class="brush: css; auto-links: false;">
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("mail.google.com") {
span.zD5BAe[id="1fbe"]::after,
span.zD5BAe[id=":r3"]::after,
#comp::after{
content:"(c)";
}
span.zD5BAe[title^="Inbox"]::after,
span#ds_inbox::after,
div.yyT6sf[id=":r2"]::after,
button#ac_ib::after{
content:"(g i)";
}
span.zD5BAe[title^="Starred"]::after,
div.yyT6sf[id=":r0"]::after,
span#ds_starred::after{
content:"(g s)";
}
span.zD5BAe[title^="Sent Mail"]::after,
div.yyT6sf[id=":qw"]::after{
content:"(g t)";
}
span.zD5BAe[title^="Drafts"]::after,
div.yyT6sf[id=":qu"]::after,
span#ds_drafts::after{
content:"(g d)";
}
span.zD5BAe[title^="All Mail"]::after,
div.yyT6sf[id=":qs"]::after,
span#ds_all::after{
content:"(g a)";
}
span.zD5BAe[id="1fbc"]::after,
span.zD5BAe[id=":q5"]::after,
span#cont::after{
content:"(g c)";
}
div.A5liqb[act="19"]::after,
div.vwcZUe[act="19"]::after,
b#bk::after{
content:"(u)";
}
button.BuNwUe[act="7"]::after,
button.Gjckbb[act="7"]::after,
button[id^="ac_rc"]::after{
content:"(y)";
}
button.BuNwUe[act="9"]::after,
button.Gjckbb[act="9"]::after,
button#ac_sp::after{
content:"(!)";
}
button.BuNwUe[act="10"]::after,
button.Gjckbb[act="10"]::after,
button#ac_tr::after{
content:"(#)";
}
div.SvrlRe::after,
div.cKWzSc span.qZkfSe::after,
td#sm_2::after{
content:"(r)";
}
div.K98VUe span.qZkfSe::after,
span#r_3::after{
content:"(a)";
}
div.XymfBd span.qZkfSe::after,
span#r_4::after,
td#sm_4::after{
content:"(f)";
}
span#pt::after{
content:"(k)";
}
span#nt::after{
content:"(j)";
}
div.c1I77d button[id] b::after,
button[id="1evq"]::after,
button#snd::after{
content:"(Tab-Enter)";
}
div.c1I77d button[style]::after,
button#d::after{
content:"(Ctrl+s)";
}
span[selector="all"]::after{
content:"(* a)";
}
span[selector="none"]::after{
content:"(* n)";
}
span[selector="read"]::after{
content:"(* r)";
}
span[selector="unread"]::after{
content:"(* u)";
}
span[selector="starred"]::after{
content:"(* s)";
}
span[selector="unstarred"]::after{
/* content:""; */
}

}
</pre>
<p>少し表示の違いはありますが、とりあえず使えるようになってはいます。</p>
<ul>
<li><a href="http://userstyles.org/styles/2148">Gmail &#8211; display keyboard shortcuts | userstyles.org</a></li>
</ul>
<p><ins datetime="2009-02-04T06:51:17+00:00">2009-02-04　なぜかこの記事にだけ凄い数のスパムが来るので、ちょっとこの記事はトラックバックとコメントを閉じてみます。</ins></p>
<p><ins datetime="2009-02-22T04:20:08+00:00">2009-02-22　テストのためトラックバックとコメントを開いてみます。</ins></p>
]]></content:encoded>
			<wfw:commentRss>http://wp.graphact.com/2008/10/12/414/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>github を Windows で使ってみる</title>
		<link>http://wp.graphact.com/2008/08/09/382/</link>
		<comments>http://wp.graphact.com/2008/08/09/382/#comments</comments>
		<pubDate>Sat, 09 Aug 2008 10:00:17 +0000</pubDate>
		<dc:creator>hibiki</dc:creator>
				<category><![CDATA[WebService]]></category>
		<category><![CDATA[git]]></category>

		<guid isPermaLink="false">http://wp.graphact.com/?p=382</guid>
		<description><![CDATA[2011/02/07 追記 Github を Windows で使ってみる 2011 年版 &#124; Numb. を新しく書きました。 &#8212; Your Dashboard — GitHub バージョン管理の gith [...]]]></description>
			<content:encoded><![CDATA[<div style="padding:10px;border:1px solid #ccc;background:#FFFFE0;">
2011/02/07 追記<br />
<a href="http://wp.graphact.com/2011/02/07/github-windows-2011">Github を Windows で使ってみる 2011 年版 | Numb.</a> を新しく書きました。</div>
<p>&#8212;</p>
<p><a href="https://github.com/">Your Dashboard — GitHub</a></p>
<p>バージョン管理の github を windows から使ってみようと思いやってみました。<br />
ちなみに私は <a href="http://github.com/guides/home">Home — GitHub Guides — GitHub</a> を見たりしつつ、こうやって使うんだなとうっすら理解した程度のレベルです。できたものの書いておかないと忘れそうなのでメモ。</p>
<h2>アカウント作成、リポジトリを作る</h2>
<p>まずは github にアカウントを作る。SSH Public Key は空白のままでとりあえずアカウント作成。<br />
ログインしたら「Create a Repository」と書いてあるリンクからリポジトリを作成。</p>
<ul>
<li>Project Name：適当に付ける。</li>
<li>Description：このリポジトリの説明。なくても OK。</li>
<li>Homepage URL：空白でも OK。</li>
<li>Who has access to this repository? (You can change this later)：フリーだと Anyone しか選べないのかな？とりあえずそのままで</li>
</ul>
<p>リポジトリを作成すると、最初に打つコマンドがズラーっと表示されるのでブラウザを閉じずにおく。</p>
<h2>Windows で git を使うための準備</h2>
<p><a href="http://github.com/guides/using-git-and-github-for-the-windows-for-newbies">Using Git and Github for the Windows for newbies — GitHub Guides — GitHub</a><br />
上記ページを参考に。cygwin を入れてもいいようですが、私はここに書いてあるとおり msysGit を入れてみました。</p>
<p><a href="http://code.google.com/p/msysgit/downloads/list">msysgit &#8211; Google Code</a><br />
ここにある「msysGit-netinstall-1.5.4-rc0-preview20071217.exe」を落としてインストール。インストールには結構時間がかかりました。</p>
<p>インストールが終わったら、上記ページで「Creating your very own SSH-key 」と書いてある項目のコマンドを打って実行。ここで任意の key となるパスワードを入力してエンター＞もう一度確認のために同じパスワードを入力してエンター。文字数が 4 文字以上ないとエラーになるので 4 文字以上で。</p>
<p>ちゃんと設定できたら、「C:\Documents and Settings\YourNameHere\.ssh\」内に「id_rsa.pub」が作成される。もし環境変数で「HOME」をどこか他に設定していた場合には「HOME\.ssh\」内に作成される。<br />
（確か Windows では、環境変数を指定していない場合は「HOME」＝「C:\Documents and Settings\YourNameHere\」で扱われるんだったような…気がするので、そのためだと思う。）</p>
<p>「id_rsa.pub」の内容を <a href="https://github.com/account">Your Account — GitHub</a> の SSH Public Keys のところに入力しておく。</p>
<h2>msysGit を使って色々する</h2>
<p>msysGit をデフォルトのままインストールした場合は「C:\msysgit」に「msys.bat」ができているので、この「msys.bat」をダブルクリックしてコマンドプロンプト起動。</p>
<p>ちなみに起動後にタイトルバーのところを右クリックしてプロパティを選び、編集オプションの「簡易編集モード」にチェックを入れると、クリップボードにある文言を右クリックで貼り付けられて楽ができます。</p>
<p>msys.bat を起動したら、先ほどリポジトリを作成した際に表示されたコマンドをブラウザ見つつ上から 1 行ずつ打って（もしくはコピーして右クリックで貼り付けて）エンター。Existing Git Repo? より先は、すでにリポジトリがある人向けなので、まだない人はスルーして OK （だと思う、たぶん）。</p>
<p>途中で入力を求められることもあるので、聞かれてる内容に適宜答えつつエンター。SSH Public Key を聞かれたら、先ほど設定した任意の key となるパスワード（「id_rsa.pub」に書いてある文字列じゃなくて、自分が打ったほう）を入力してエンター。</p>
<p>github の SSH Key ガイドも参考に。</p>
<ul>
<li><a href="http://github.com/guides/providing-your-ssh-key">Providing your SSH Key — GitHub Guides — GitHub</a></li>
</ul>
<h2>github のサイト上で確認してみる</h2>
<p>ちゃんと出来ていれば、サイトにリポジトリができ、README という名前のファイルがあがっているはず。</p>
<h3>とりあえず覚えておこうと思うコマンド</h3>
<dl>
<dt>git add README</dt>
<dd>README というファイルをリポジトリに追加</dd>
<dt>git commit -m &#8216;first commit&#8217;</dt>
<dd>ローカルのリポジトリに変更を適用 &#8216;first&#8230;&#8217; のところはコメント</dd>
<dt>git push origin master</dt>
<dd>リモートリポジトリに変更を適用（ master を origin に push ）</dd>
<dt>( cd hogehoge )<br />git pull origin master</dt>
<dd>（ローカルリポジトリのディレクトリに移動して）リモートリポジトリの変更をローカルリポジトリに適用</dd>
</dl>
<p>リモートリポジトリ（ここでは公開サイトのリポジトリ）へのコミットを、push というらしい。</p>
<p>参考にさせていただいたサイト</p>
<ul>
<li><a href="http://wota.jp/ac/?date=20080602">ヽ( ・∀・)ノくまくまー(2008-06-02)</a></li>
<li><a href="http://blog.champierre.com/archives/670">せっかちな人のための git 入門 &#8211; git をインストールし、共同で開発できる環境を整えるまで : 僕は発展途上技術者</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://wp.graphact.com/2008/08/09/382/feed/</wfw:commentRss>
		<slash:comments>21</slash:comments>
		</item>
		<item>
		<title>gist.github</title>
		<link>http://wp.graphact.com/2008/08/09/361/</link>
		<comments>http://wp.graphact.com/2008/08/09/361/#comments</comments>
		<pubDate>Sat, 09 Aug 2008 06:37:42 +0000</pubDate>
		<dc:creator>hibiki</dc:creator>
				<category><![CDATA[vim]]></category>
		<category><![CDATA[WebService]]></category>

		<guid isPermaLink="false">http://wp.graphact.com/?p=361</guid>
		<description><![CDATA[gist.github というちょっとしたソースコードを管理できるサービスを知りました。おーなんてお手軽なんだろう。便利そう。とりあえず _gvimrc ( gvim の設定ファイル ) をこれで管理してみようかなーと思 [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://gist.github.com/">gist.github</a> というちょっとしたソースコードを管理できるサービスを知りました。おーなんてお手軽なんだろう。便利そう。とりあえず _gvimrc ( gvim の設定ファイル ) をこれで管理してみようかなーと思います。</p>
<p><a href="http://gist.github.com/4656" title="gist: 4656 — GitHub" style="background:none;"><img src="http://mozshot.nemui.org/shot?http://gist.github.com/4656" alt="gist: 4656 — GitHub" width="128" height="128" style="border:none;" /></a><br />
<a href="http://gist.github.com/4656">gist: 4656 — GitHub</a></p>
]]></content:encoded>
			<wfw:commentRss>http://wp.graphact.com/2008/08/09/361/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>SNS も gmail も Rimo も 1 画面で！ができる trunc を試してみました</title>
		<link>http://wp.graphact.com/2007/09/08/105/</link>
		<comments>http://wp.graphact.com/2007/09/08/105/#comments</comments>
		<pubDate>Sat, 08 Sep 2007 05:15:35 +0000</pubDate>
		<dc:creator>hibiki</dc:creator>
				<category><![CDATA[WebService]]></category>

		<guid isPermaLink="false">http://www.graphact.com/memo/2007/09/08/161</guid>
		<description><![CDATA[trunc は国産の iGoogle のようなサービスです。 この記事を読んで試してみました！ SNSもメールも動画も1画面で　自分専用ポータル「trunc」 &#8211; ITmedia News ログインした画面。 [...]]]></description>
			<content:encoded><![CDATA[<p>trunc は国産の iGoogle のようなサービスです。<br />
この記事を読んで試してみました！</p>
<p><a href="http://www.itmedia.co.jp/news/articles/0709/05/news023.html" title="SNSもメールも動画も1画面で　自分専用ポータル「trunc」 - ITmedia News">SNSもメールも動画も1画面で　自分専用ポータル「trunc」 &#8211; ITmedia News</a></p>
<p><a href="http://wp.graphact.com/wp-content/uploads/2007/09/trunc1.jpg" class="lightview"><img src="http://wp.graphact.com/wp-content/uploads/2007/09/thumb_trunc1.jpg" width="300" height="179" alt="" title="" class="" /></a><br />
<br />ログインした画面。こんなインターフェースになっています。左の部分にあるパーツを右に追加していく仕組み。左の部分は隠せます。あとタブもついてます。</p>
<p>trunc ってどんなもの？ということに関しては、開発者ブログに分かりやすい一文があったので引用します。</p>
<div class="quote">
<blockquote cite="http://blog.trunc.jp/">
<p>「trunc」は、ウェブサイト上で提供されるパーソナライズド・ホームページで、<br />
色々なウェブサイト（ニュース、ブログなど）、ウェブサービス（動画サービス、<br />
SNSサービス、メールサービス、画像サービス、ECサービスなど）の情報を<br />
まとめて表示できるサービスです。</p>
<p>一言で言えば、「自分専用ポータル」です。</p>
<p>「trunc」では、日本人の使うサービスに特化してあらゆるサービスの<br />
垣根を越えてサービス展開を行なっていきたいと思います。</p>
</blockquote>
<p><cite>『<a href="http://blog.trunc.jp/" title="trunc 運営者ブログ" rel="external">trunc 運営者ブログ</a>』より引用</cite></div>
<p><span id="more-105"></span></p>
<p>使ってみた感想は、日本語表示で分かりやすい！（笑）<br />
綺麗なインターフェースにまとまっていて見やすかったです。<br />
サービスも国内のものを中心に追加できるようになっていました。</p>
<p>mixi の友達の新着日記が表示できたりするのは良いですね。<br />
Amazon のミュージック売り上げランキングも国内のものを表示してありました。<br />
海外の情報から、日本のものに取り替えていく手間がなくて最初からある程度使える状態なのは国産ならではかな？</p>
<p><a href="http://wp.graphact.com/wp-content/uploads/2007/09/trunc2.gif" class="lightview"><img src="http://wp.graphact.com/wp-content/uploads/2007/09/thumb_trunc2.gif" width="300" height="184" alt="" title="" class="" /></a><br />
<br />追加画面。ここでは mixi のをキャプチャしてみましたが、gmail 等も同じ手順で追加できました。</p>
<p>開発ブログによると、Twitter 、Google Calender 、ニコニコ動画、各種サイト検索窓、などを追加したいとのフィードバックが多くきているそうで今後の開発計画に入れるとのことです。<br />
このあたりが可能になったらかなり良いものになりそうな予感。<br />
ニコニコ市場を開発している会社が手がけるサービスのようなので、ニコニコ動画との連携は実現したら楽しそう。</p>
<p>私は今までパーソナライズ度ホームページサービスとしては iGoogle を使っていました。iGoogle も十分に魅力的なサービスで、gmail や google カレンダーとの連携もできるし、いろいろなサイトの Feed を表示させることもできます。</p>
<p>trunc と iGoogle を比較すると、現段階だとまだ iGoogle のほうが出来ることは多そうです。ただ海外のサービスは魅力的だけど、日本向けに作られているわけではないので多少不便もあります。英語のインターフェースだけでも苦手な人にはハードルがあがりますし、インターフェースの問題を抜けても海外向けのパーツが多かったり。</p>
<p>たとえば、you tube とニコニコ動画、del.icio.us とはてブ、のようなもの。これらは国外国内どちらのものも、それぞれ違った意味で魅力あるサービスです。それぞれ面白いところがすこ～しずつ違っていて、使いやすさと情報量、人気記事のチェックをするときの日本国内特化具合、などで使い分けてる方が多いのではと思います。</p>
<p>パーソナライズドホームページサービスの国産ものとして、trunc 期待です。試してフィードバック送ってみようかと思います :wink:</p>
<ul>
<li><a href="http://trunc.jp/" title="trunc">trunc</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://wp.graphact.com/2007/09/08/105/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>LogMeIn がいつの間にか日本語に対応してました</title>
		<link>http://wp.graphact.com/2007/07/30/101/</link>
		<comments>http://wp.graphact.com/2007/07/30/101/#comments</comments>
		<pubDate>Sun, 29 Jul 2007 18:34:02 +0000</pubDate>
		<dc:creator>hibiki</dc:creator>
				<category><![CDATA[Software]]></category>
		<category><![CDATA[WebService]]></category>

		<guid isPermaLink="false">http://www.graphact.com/memo/2007/07/30/156</guid>
		<description><![CDATA[PC へのリモートアクセスとデスクトップ制御ができる LogMeIn というサービスがあります。 以前書いた記事はこちら：「外出先からブラウザで自宅の PC を操作できる LogMeIn」 LogMeIn &#8211; [...]]]></description>
			<content:encoded><![CDATA[<p>PC へのリモートアクセスとデスクトップ制御ができる LogMeIn というサービスがあります。</p>
<p>以前書いた記事はこちら：「<a href="http://wp.graphact.com/2006/05/23/67" title="外出先からブラウザで自宅の PC を操作できる LogMeIn - Numb.">外出先からブラウザで自宅の PC を操作できる LogMeIn</a>」</p>
<p><a href="https://secure.logmein.com/products/free/" title="LogMeIn - PC へのリモート アクセスとデスクトップ制御用ソフトウェア" rel="external"><img src="http://mozshot.nemui.org/shot?https://secure.logmein.com/products/free/" alt="LogMeIn - PC へのリモート アクセスとデスクトップ制御用ソフトウェア" width="128" height="128" style="border:none;" /></a><br />
<br /><a href="https://secure.logmein.com/products/free/" title="LogMeIn - PC へのリモート アクセスとデスクトップ制御用ソフトウェア">LogMeIn &#8211; PC へのリモート アクセスとデスクトップ制御用ソフトウェア</a></p>
<p>このサービスのページに久しぶりに行ってみたら、日本語に対応していました。<br />
やっぱり見た目が日本語かどうかというのは、とっつきやすさに大きな違いがあると思うので（私は少なくともあります！ :oops: ）これは嬉しいです。</p>
<p>ちょっと調べてみたところ、「<a href="http://japan.internet.com/busnews/20060921/5.html" title="Japan.internet.com Webビジネス - リモート接続サービスの LogMeIn、日本語に対応">Japan.internet.com Webビジネス &#8211; リモート接続サービスの LogMeIn、日本語に対応</a>」という記事を見つけました。<br />
大分前から日本語に対応していたようで・・・！もう 10 ヶ月も前ですね！知らなかった～ :shock:</p>
<p><a href="http://wp.graphact.com/wp-content/uploads/2007/07/logmein.png" class="lightview"><img src="http://wp.graphact.com/wp-content/uploads/2007/07/thumb_logmein.png" width="250" height="113" alt="" title="" class="" /></a></p>
<p>製品比較のページを見たところ、以前よりサービスが増えているような…？<br />
有料版を使えばファイルの転送も可能ですが、たまにちょっと使う程度ならばファイル転送はメールで自分に投げておくとか、オンラインストレージを上手く利用すれば良いかな～と思います。</p>
<p>私自身はリモートを使うことが減っているので活用の機会が減ってるのですが、とても便利なサービスですので再度記事にしておきます :wink:</p>
]]></content:encoded>
			<wfw:commentRss>http://wp.graphact.com/2007/07/30/101/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>「Copy URL+」+「MozShot」</title>
		<link>http://wp.graphact.com/2007/01/03/66/</link>
		<comments>http://wp.graphact.com/2007/01/03/66/#comments</comments>
		<pubDate>Wed, 03 Jan 2007 05:16:11 +0000</pubDate>
		<dc:creator>hibiki</dc:creator>
				<category><![CDATA[Firefox]]></category>
		<category><![CDATA[WebService]]></category>
		<category><![CDATA[add-on]]></category>

		<guid isPermaLink="false">http://www.graphact.com/memo/2007/01/03/115</guid>
		<description><![CDATA[firefox の拡張「Copy URL+」は、ページの URL やページのタイトルなどコピーする機能を追加できるものです。 何をコピーするか、どういう風にコピーしたものを書き出すか、などを自分好みに設定して使うことがで [...]]]></description>
			<content:encoded><![CDATA[<p>firefox の拡張「Copy URL+」は、ページの URL やページのタイトルなどコピーする機能を追加できるものです。<br />
何をコピーするか、どういう風にコピーしたものを書き出すか、などを自分好みに設定して使うことができます。</p>
<p>たとえば以下のような使い方が可能です。</p>
<ul>
<li>したいサイトを表示させ、引用文を選択</li>
<li>クリックして Copy URL+ から任意のものを選ぶ</li>
<li>したら、その引用文とサイトへのリンクが HTML として貼り付けられる</li>
</ul>
<p>とても便利なので、ブログを書いている方なら使っている方も多いはず。<br />
<span id="more-66"></span></p>
<h2>Copy URL+</h2>
<p>詳しく書いてあるサイトをいくつか下に。</p>
<p><a href="http://www.plant4.co.uk/item/80" title="plant4 - Firefox拡張copyurlplusのメモ" rel="external"><img src="http://img.simpleapi.net/small/http://www.plant4.co.uk/item/80" alt="plant4 - Firefox拡張copyurlplusのメモ" width="128" height="128" hspace="4" vspace="4" border="0" style="border:none;" /></a><br /><a href="http://www.plant4.co.uk/item/80" title="plant4 - Firefox拡張copyurlplusのメモ" rel="external">plant4 &#8211; Firefox拡張copyurlplusのメモ</a></p>
<p><a href="http://copyurlplus.mozdev.org/customize.html" title="mozdev.org - copyurlplus: customize" rel="external"><img src="http://img.simpleapi.net/small/http://copyurlplus.mozdev.org/customize.html" alt="mozdev.org - copyurlplus: customize" width="128" height="128" hspace="4" vspace="4" border="0" style="border:none;" /></a><br /><a href="http://copyurlplus.mozdev.org/customize.html" title="mozdev.org - copyurlplus: customize" rel="external">mozdev.org &#8211; copyurlplus: customize</a></p>
<p><a href="http://june29.jp/2006/10/31/copyurlplus/" title="Copy URL+ - cameraLady" rel="external"><img src="http://img.simpleapi.net/small/http://june29.jp/2006/10/31/copyurlplus/" alt="Copy URL+ - cameraLady" width="128" height="128" hspace="4" vspace="4" border="0" style="border:none;" /></a><br /><a href="http://june29.jp/2006/10/31/copyurlplus/" title="Copy URL+ - cameraLady" rel="external">Copy URL+ &#8211; cameraLady</a></p>
<p>一番好きなのが、Copy URL+ を使って、SimpleAPI のサムネイルつきリンク（ちょうど上のサムネイル＆リンクがソレです）の HTML を簡単に一発で書き出す、という使い方でした。普通に手打ちすると面倒な作業ほど、簡易化できると嬉しい気がします ;)</p>
<h2>「Copy URL+」+「MozShot」</h2>
<p>さて本題ですが、今まで SimpleAPI を使っていたのですがブログなどはトップページが表示されてしまう、という状態になるのが気になっていました。できればそのページを表示して欲しいですよね。調べてみたら似たようなサービスに MozShot というのを見つけました。</p>
<div class="quote">
<blockquote cite="http://mozshot.nemui.org/">
<p>おすきなの URL のスクリーンショットが取れます。<br />
SimpleAPIサムネイル作成API や はてなスクリーンショット みたいなもんです。 ただバックエンドが Gecko だったり微妙に高機能だったりします。</p>
</blockquote>
<p><cite>『<a href="http://mozshot.nemui.org/" title="Mozshot" rel="external">Mozshot</a>』より引用</cite></p>
</div>
<p>MozShot では、トップページではなくちゃんと個々のページを画像にしてくれるようです。</p>
<p><a href="http://mozshot.nemui.org/" title="Mozshot" rel="external" style="background:none;"><img src="http://mozshot.nemui.org/shot?http://mozshot.nemui.org/" alt="Mozshot" width="128" height="128" hspace="4" vspace="4" border="0" style="border:none;" /></a><br /><a href="http://mozshot.nemui.org/" title="Mozshot" rel="external">Mozshot</a></p>
<p>表示は上のようなドロップシャドウがついた形です。<br />
個々のページを画像にしてくれるようなので、しばらく MozShot を使ってみようかと思います。これも簡単に使えるよう Copy URL+用に user.js に設定しました。</p>
<h3>SimpleAPI を使う場合の Copy URL+ 用 user.js</h3>
<pre class="brush: js; auto-links: false;">
user_pref('copyurlplus.menus.n.label','Create Thumbnail');
user_pref('copyurlplus.menus.n.copy','&lt;a href=&quot;%URL%&quot; title=&quot;%TITLE%&quot;&gt;&lt;img src=&quot;http://img.simpleapi.net/small/%URL%&quot; alt=&quot;%TITLE%&quot; width=&quot;128&quot; height=&quot;128&quot; hspace=&quot;4&quot; vspace=&quot;4&quot; border=&quot;0&quot; style=&quot;border:none;&quot; /&gt;&lt;/a&gt;&lt;br /&gt;&lt;a href=&quot;%URL%&quot; title=&quot;%TITLE%&quot; rel=&quot;external&quot;&gt;%TITLE%&lt;/a&gt;
');
</pre>
<p>※user_pref(&#8216;copyurlplus.menus.*n*.・・・の、*n*の部分は user.js 内でかぶらないように数字をつけます。これのみなら 1 、他にすでに 1～3 まで使ってあるなら 4 、というかんじに。</p>
<h3>MozShot を使う場合の Copy URL+ 用 user.js</h3>
<pre class="brush: js; auto-links: false;">
user_pref('copyurlplus.menus.n.label','Create Thumbnail');
user_pref('copyurlplus.menus.n.copy','&lt;a href=&quot;%URL%&quot; title=&quot;%TITLE%&quot;&gt;&lt;img src=&quot;http://mozshot.nemui.org/shot?%URL%&quot; alt=&quot;%TITLE%&quot; width=&quot;128&quot; height=&quot;128&quot; hspace=&quot;4&quot; vspace=&quot;4&quot; border=&quot;0&quot; style=&quot;border:none;&quot; /&gt;&lt;/a&gt;&lt;br /&gt;&lt;a href=&quot;%URL%&quot; title=&quot;%TITLE%&quot; rel=&quot;external&quot;&gt;%TITLE%&lt;/a&gt;
');
</pre>
<p>※user_pref(&#8216;copyurlplus.menus.*n*.・・・の、*n*の部分は user.js 内でかぶらないように数字をつけます。これのみなら 1 、他にすでに 1～3 まで使ってあるなら 4 、というかんじに。</p>
<h2>比較用、ブログの同じページへのサムネイル</h2>
<h3>MozShot</h3>
<p><a href="http://wp.graphact.com/category/firefox/" title="Firefox archive at Numb." rel="external" style="background:none;"><img src="http://mozshot.nemui.org/shot?http://wp.graphact.com/category/firefox/" alt="Firefox archive at Numb." width="128" height="128" hspace="4" vspace="4" border="0" style="border:none;" /></a><br /><a href="http://wp.graphact.com/category/firefox/" title="Firefox archive at Numb." rel="external">Firefox archive at Numb.</a></p>
<p>ちゃんとarchiveページのサムネイルが表示される</p>
<h3>SimpleAPI</h3>
<p><a href="http://wp.graphact.com/category/firefox/" title="Firefox archive at Numb." rel="external"><img src="http://img.simpleapi.net/small/http://wp.graphact.com/category/firefox/" alt="Firefox archive at Numb." width="128" height="128" hspace="4" vspace="4" border="0" style="border:none;" /></a><br /><a href="http://wp.graphact.com/category/firefox/" title="Firefox archive at Numb." rel="external">Firefox archive at Numb.</a></p>
<p>ブログのトップページのサムネイルになってしまう</p>
<p>SimpleAPI はキャッシュを使い、MozShot はリアルタイムのようです。MozShot はリアルタイムなので更新された画面などもすぐ反映される反面、少しだけ表示までに時間がかかります。（でも割と早いので許容範囲かも）。</p>
<p>MozShot はドロップシャドウの有無、サイズ、キャッシュの利用についてなどカスタマイズして表示させることも可能なようです。こだわりがある場合はデザインにマッチする表示方法を、自分なりにカスタマイズして Copy URL+に設定しておくと良いかもしれません。</p>
<p>どちらも素晴らしいサービスですので、使ったことがない方は試してみてはいかがでしょうか。</p>
<p>&#8212;-</p>
<p>**07/02/08 追記**<br />
日本語版配布サイト</p>
<p><a href="http://mozilla.seesaa.net/article/2085007.html" title="電網探題: Copy URL +" rel="external" style="background:none;"><img src="http://mozshot.nemui.org/shot?http://mozilla.seesaa.net/article/2085007.html" alt="電網探題: Copy URL +" width="128" height="128" hspace="4" vspace="4" border="0" style="border:none;" /></a><br /><a href="http://mozilla.seesaa.net/article/2085007.html" title="電網探題: Copy URL +" rel="external">電網探題: Copy URL +</a></p>
]]></content:encoded>
			<wfw:commentRss>http://wp.graphact.com/2007/01/03/66/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
	</channel>
</rss>

