﻿<?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; 雑記・日記</title>
	<atom:link href="http://wp.graphact.com/category/%e9%9b%91%e8%a8%98%e3%83%bb%e6%97%a5%e8%a8%98/feed/" rel="self" type="application/rss+xml" />
	<link>http://wp.graphact.com</link>
	<description></description>
	<lastBuildDate>Tue, 07 Feb 2012 01:36:24 +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>NetBeans で Subversion を使う</title>
		<link>http://wp.graphact.com/2012/02/07/netbeans-subversion/</link>
		<comments>http://wp.graphact.com/2012/02/07/netbeans-subversion/#comments</comments>
		<pubDate>Tue, 07 Feb 2012 01:36:24 +0000</pubDate>
		<dc:creator>hibiki</dc:creator>
				<category><![CDATA[雑記・日記]]></category>

		<guid isPermaLink="false">http://wp.graphact.com/?p=2602</guid>
		<description><![CDATA[NetBeans + Subversion を使ってみて、あ、これは馴染みがない方でも分かりやすいんじゃないかな、と思ったのでまとめます。NetBeans は Windows、Linux、Mac OS X、Solaris [...]]]></description>
			<content:encoded><![CDATA[<p>NetBeans + Subversion を使ってみて、あ、これは馴染みがない方でも分かりやすいんじゃないかな、と思ったのでまとめます。NetBeans は Windows、Linux、Mac OS X、Solaris で動作する統合開発環境 (IDE) です。ざっくりいうとエディターにいろいろな機能がくっついてるようなものです。<span id="more-2602"></span></p>
<h2>ダウンロードとインストール</h2>
<ul>
<li><a href="http://ja.netbeans.org/">NetBeans NetBeans 日本語サイト</a></li>
</ul>
<p>上記サイトから、自分の OS にあった NetBeans をダウンロード。どれでもいいのですが、私は PHP バンドルのものにしました。<br />
インストールは何も難しくないので割愛します。</p>
<h2>どうやって使うの？</h2>
<p>以下、Windows 版のスクリーンショットですが、Mac 版でもほぼ同じです。</p>
<h3>Subversion の設定</h3>
<p><img src="http://wp.graphact.com/wp-content/uploads/2012/02/05.gif" alt="" title="05" class="aligncenter size-full wp-image-2607" /><br />
チーム -> Subversion -> チェックアウト を選択。</p>
<p><img src="http://wp.graphact.com/wp-content/uploads/2012/02/06.gif" alt="" title="06" class="aligncenter size-full wp-image-2608" /><br />
リポジトリの URL やユーザー名などを記入。都度入力することが面倒であれば、「ユーザー名とパスワードを保存」にチェックをつけて、「次へ」。</p>
<p><img src="http://wp.graphact.com/wp-content/uploads/2012/02/11.gif" alt="" title="07" width="600" height="388" class="aligncenter size-full wp-image-2612" /><br />
「リポジトリフォルダ」は指定がなければそのまま空で OK。<br />
「ローカルフォルダ」でファイルを置きたいディレクトリを選択して「完了」。</p>
<p><img src="http://wp.graphact.com/wp-content/uploads/2012/02/09.gif" alt="" title="09" width="490" height="74" class="aligncenter size-full wp-image-2613" /><br />
最初はリポジトリの大きさによってファイルの取得に時間がかかるかもしれません。<br />
右下部分、「チェックアウト…」と出ている間は「まだ落としてるんだなー」と放置しておけばいいかと思います。</p>
<p><img src="http://wp.graphact.com/wp-content/uploads/2012/02/12.gif" alt="" title="12" width="374" height="175" class="aligncenter size-full wp-image-2629" /><br />
完了するとこんなダイアログが出ます。「プロジェクトを作成」を選択。</p>
<p><img src="http://wp.graphact.com/wp-content/uploads/2012/02/13.gif" alt="" title="13" width="600" height="410" class="aligncenter size-full wp-image-2630" /><br />
「カテゴリ」を「PHP」、「プロジェクト」を「既存のソースを使用する PHP アプリケーション」にして、「次へ」。</p>
<p><img src="http://wp.graphact.com/wp-content/uploads/2012/02/14.gif" alt="" title="14" width="600" height="410" class="aligncenter size-full wp-image-2631" /><br />
「ソースフォルダ」で、先ほど“ファイルを置きたいディレクトリ”として選んだディレクトリを選択して、「完了」。</p>
<p><img src="http://wp.graphact.com/wp-content/uploads/2012/02/15.gif" alt="" title="15" width="162" height="83" class="aligncenter size-full wp-image-2632" /><br />
左のプロジェクト表示エリア、「ソースファイル」の中にチェックアウトしたファイル（落としたファイル）が入っています。</p>
<p>これで Subversion の設定と、プロジェクト作成が完了。ここまでは最初の 1 回だけやれば OK です。</p>
<h3>普段の作業</h3>
<p>よし、作業修正するぞー、という時の手順。</p>
<p><img src="http://wp.graphact.com/wp-content/uploads/2012/02/10.gif" alt="" title="10" width="403" height="600" class="aligncenter size-full wp-image-2614" /></p>
<ol>
<li>編集するファイル、もしくはそれより上のディレクトリで右クリック -> Subversion -> 更新。<br />
これでサーバー上の最新ファイルを取ってくる。</li>
<li>編集が終わったら、そのファイル上で右クリック -> Subversion -> コミット。<br />
これでサーバー上に編集したファイルが最新のものとしてアップされる。</li>
</ol>
<p>基本的に、毎回作業前には、更新して、終わったらコミット。これだけです。<br />
修正したけどコミットしていないファイルは青文字で表示されるので分かりやすいはず。</p>
<h2>NetBeans 以外で Subversion を使いたい</h2>
<p>使ったことがあるものだけ。</p>
<ul>
<li>Dreamweaver CS4/CS5（Windows/Mac）：有料、NetBeans と同系の操作が可能</li>
<li>Coda（Mac）：有料、NetBeans と同系の操作が可能</li>
<li>Eclipce（Windows/Mac）：無料、NetBeans と同系の操作が可能</li>
<li>TortoiseSVN（Windows）：無料、NetBeans と違い IDE ではなく Subversion 専用クライアント</li>
<li>Versions（Mac）：有料、NetBeans と違い IDE ではなく Subversion 専用クライアント</li>
</ul>
<p>慣れたものがあればそちらでいいと思います（私はよく Dreamweaver でコミットしてますが、ハングアップ結構して哀しみを背負います…）。</p>
]]></content:encoded>
			<wfw:commentRss>http://wp.graphact.com/2012/02/07/netbeans-subversion/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Evernote に素早く追記するための環境作り &#8211; Windows 編</title>
		<link>http://wp.graphact.com/2012/01/13/evernote-edit-win/</link>
		<comments>http://wp.graphact.com/2012/01/13/evernote-edit-win/#comments</comments>
		<pubDate>Thu, 12 Jan 2012 15:21:56 +0000</pubDate>
		<dc:creator>hibiki</dc:creator>
				<category><![CDATA[雑記・日記]]></category>
		<category><![CDATA[Evernote]]></category>

		<guid isPermaLink="false">http://wp.graphact.com/?p=2488</guid>
		<description><![CDATA[Evernote に仕事の資料からライフログまで色々ため込んでいるのですが、ライフログの追記は頻度が高いため毎回 Evernote を開いて編集するのが結構大変でした。 特に Windows のクライアントは重く、作業中 [...]]]></description>
			<content:encoded><![CDATA[<p>Evernote に仕事の資料からライフログまで色々ため込んでいるのですが、ライフログの追記は頻度が高いため毎回 Evernote を開いて編集するのが結構大変でした。</p>
<p>特に Windows のクライアントは重く、作業中に閲覧しているサイトの URL をライフログとしてメモる際にネックでした。「ささっと書いてすぐ作業に戻りたい！」と思っているのに、クライアントを開くのが大変というのはストレス。</p>
<p>そこで、特定のノートに「ぱっと追記してすぐ終わって戻れる」という環境を作りました。試行錯誤して、Mac と Windows でそれぞれ環境を作ったので書いておきます。</p>
<p>長くなりそうなので、Windows 編、Mac 編に分けてみます。<span id="more-2488"></span></p>
<h2>目次</h2>
<ul>
<li><a href="#evernoteOpen">Evernote クライアントを一発で開けるようにしよう</a><br />
その1. デスクトップにショートカットを作成して行う方法<br />
その2. AHK を使って指定する方法</li>
<li><a href="#evernoteClose">Evernote の Window をよしなに閉じる</a></li>
<li><a href="#fastnote">Fastnote を使ってみる</a><br />
コンフリクト対策 – 起動時<br />
コンフリクト対策 – 終了時（＋α）<br />
記入エリアで「すべて選択」を使いたい<br />
Firefox + KeySnail で \n として入れた改行がペーストすると消える</li>
<li><a href="#end">終わり</a></li>
</ul>
<h2 id="evernoteOpen">Evernote クライアントを一発で開けるようにしよう</h2>
<p>使用頻度がかなり高いので、どのソフトを使っているときでも一発で Evernote クライアントを開けるようにしました。</p>
<ul>
<li>その1. デスクトップにショートカットを作成して行う方法（簡単）</li>
<li>その2. AHK を使って指定する方法（AHK 好きならば）</li>
</ul>
<p>この 2 つの方法を試したので両方書いておきます。</p>
<h3>その1. デスクトップにショートカットを作成して行う方法</h3>
<p><img title="Evernoteのショートカットを作成" src="http://wp.graphact.com/wp-content/uploads/2012/01/img2.jpg" alt="" width="131" height="131" /><br />
デスクトップに Evernote のショートカットを作成して、</p>
<p><img title="Evernoteショートカットのプロパティ" src="http://wp.graphact.com/wp-content/uploads/2012/01/img1.jpg" alt="" width="435" height="480" /><br />
Evernote のショートカットのプロパティを開き、ショートカットキーを設定。この場合だと、Ctrl+Shift+E で Evernote クライアントが起動します。</p>
<h3>その2. AHK を使って指定する方法</h3>
<p>しばらく使っているうちに、デスクトップに Evernote のショートカットアイコンを置いたままにしなくてはいけないのは嫌だなーと思ってきたので、AHK でショートカットを設定することに。</p>
<p>AHK = AutoHotkey です。AHK の詳細は長くなるので書きませんが、ショートカットキー（ホットキー）の設定などが簡単にできるスクリプトエンジンです。窓使いの憂鬱などと似た類いのものです。私は AutoHotkey_L を使ってます。簡単にコンパイルできるので、exe 化も楽々です。興味がありましたらこちらもどうぞ-><a href="http://wp.graphact.com/?s=ahk">ahk | 検索結果: | Numb.</a>。</p>
<ul>
<li><a href="http://sites.google.com/site/autohotkeyjp/reference/AutoHotkey_L">AutoHotkey_L &#8211; AutoHotkeyJp</a></li>
</ul>
<pre class="brush: plain; auto-links: false;">
;=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
; Evernote [Ctrl]+[Shift]+[e]
;=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
^+e::Run, C:\Program Files (x86)\Evernote\Evernote\Evernote.exe</pre>
<p>こんなかんじに記述すると、Ctrl+Shift+e で Evernote クライアントを起動できるようになります。ベンリ。</p>
<h2 id="evernoteClose">Evernote の Window をよしなに閉じる</h2>
<p>都度起動では重く不便なので、終了はしないで欲しいところ。</p>
<p>しかし Evernote の終了ショートカット Ctrl+Q ではクライアントがきっちり終了してしまいます。試してみたところ、何パターンかウィンドウを閉じた場合の動作があることが分かりました。</p>
<ul>
<li>Ctrl+q ：クライアントが終了する。</li>
<li>Alt+F4 ：ウィンドウが閉じてタスクバーからも消えるが、通知領域（タスクトレイ）には残る。</li>
<li>Alt+Space -&gt; n ：ウィンドウが最小化するだけ。タスクバーと通知領域に残る。</li>
</ul>
<p><img class="aligncenter size-full wp-image-2502" title="タスクバー" src="http://wp.graphact.com/wp-content/uploads/2012/01/img3.jpg" alt="" /><br />
参考：タスクバー</p>
<p><img class="aligncenter size-full wp-image-2505" title="通知領域" src="http://wp.graphact.com/wp-content/uploads/2012/01/img4.jpg" alt="" /><br />
参考：通知領域（タスクトレイ）</p>
<p>Alt+F4 での動作が好きだなーと思ったので、それを AHK でショートカット設定。ついでに Ctrl+r で同期もできるようにしました。</p>
<pre class="brush: plain; auto-links: false;">; Evernote
;=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
#IfWinActive ahk_class ENMainFrame

; [Ctrl]+[w]でウィンドウを閉じる(ALT+F4)
^w::Send,!{F4}

; [Ctrl]+[r]で同期
^r::Send,{F9}

#IfWinActive                    ;ウィンドウの限定を解除
</pre>
<p>全ての場所でこのショートカットが効いてしまっては困るので、Evernote クライアントだったらこうするよ、という形で指定。具体的には、Evernote ウィンドウの ahk_class を調べて、#IfWinActive のところで「もし Evernote のウィンドウだったらこの内容で動作させる」としています。</p>
<p>ただショートカットを AHK で置き換えてるだけですが、これで、Ctrl+w でウィンドウを閉じ、Ctrl+r で同期をすることができるようになりました。手慣れたショートカットで使えるようになって満足です！</p>
<h2 id="fastnote">Fastnote を使ってみる</h2>
<p>「やっぱり Evernote のクライアントは重いことが多いなーライフログにはもう少し軽い方が…」などと思っていたところ、Fastnote.exe を知りました。</p>
<p><a href="http://d.hatena.ne.jp/valinst/20110605/1307232860">&#8220;Evernoteへ超絶簡単にメモできる&#8221;Windows用ソフト「Fastnote」バージョンアップしました。 &#8211; valinstの日記</a></p>
<p>指定したノートブックにさくさく追記するのに向いており、使ってみたところ便利だったの使い続けることに。<br />
ただいくつか使い勝手で気になる点も。</p>
<ul>
<li>Fastnote はオンライン上にデータを送るので、ローカルの Evernote クライアントで変更した内容が同期前だとコンフリクトを起こす。</li>
<li>記入エリアに「すべて選択」のショートカット Ctrl+a がない。結構使うショートカットなので使えた方がいい。</li>
<li>Firefox + KeySnail で「ページタイトル &#8220;改行&#8221; URL」を取得・整形してペーストすることが多いのだが、メモ帳や Evernote クライアントに貼り付けた場合きちんと改行されるのに、Fastnote だと改行が消えてしまう。</li>
</ul>
<h3>コンフリクト対策 &#8211; 起動時</h3>
<p>まず、コンフリクトに関しては Fastnote を起動した時点で Evernote を同期させて、Fastnote から Send した後にまた Evernote を同期させることで防ぐことに。</p>
<pre class="brush: plain; auto-links: false;">
;=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
; Fastnote [Ctrl]+[Shift]+[f]
;=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
^+f::
Run, D:\tool\Fastnote\Fastnote.exe
Run, C:\Program Files (x86)\Evernote\Evernote\ENScriptSyncDatabase.lnk
Return</pre>
<p>起動のほうから。Ctrl+Shift+f を押したら、1 つめの Run で Fastnote を起動して、2 つめの Run で Evernote を同期させるように指定。Fastnote.exe などのパスは適宜自分の環境に変更してください。</p>
<p>同期の部分は Evernote のインストールディレクトリにある ENScript.exe を利用しています。そのまま使うとコマンドプロンプトが表示されて邪魔だったので、ENScript.exe のショートカットを作成して適当に ENScriptSyncDatabase と名付け、これを呼び出すようにしています。</p>
<p><img class="aligncenter size-full wp-image-2504" title="Evernoteインストールディレクトリ内" src="http://wp.graphact.com/wp-content/uploads/2012/01/img6.jpg" alt="" /></p>
<p><img class="aligncenter size-full wp-image-2503" title="ENScriptのショートカットのプロパティ" src="http://wp.graphact.com/wp-content/uploads/2012/01/img7.jpg" alt="" /></p>
<p>せっかくショートカットを作ったので、同期用専用のショートカットにしてしまえということで引数もここに指定。ショートカットのプロパティを開いて「リンク先」の最後に「 syncDatabase」を追加し、「実行時の大きさ」を「最小化」にしておきます。</p>
<p>残りは全て「Fastnote のウィンドウだったら…」という処理なので、ソースはまとめて書きます。</p>
<pre class="brush: plain; auto-links: false;">
; Fastnote
;=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
#IfWinActive ahk_class WindowsForms10.Window.8.app.0.2bf8098_r15_ad1

; [Ctrl]+[w]でウィンドウを閉じる(ALT+F4)
^w::Send,!{F4}

; [Ctrl]+[a]ですべてを選択
^a::
Send,+{F10}^{a}
Return

; [Ctrl]+[r]と[Ctrl]+[Enter]で同期
^r::Run,C:\Program Files (x86)\Evernote\Evernote\ENScriptSyncDatabase.lnk
^Enter::
Sleep, 200
Send, ^{Enter}
Sleep, 2000
Run,C:\Program Files (x86)\Evernote\Evernote\ENScriptSyncDatabase.lnk
Return

; [Ctrl]+[v]で\nの改行をちゃんと
^v::
comment=%Clipboard%

IfInString,clipboard,%Clipboard%,{
	StringReplace, clipboard, clipboard, http://, `r`nhttp://, All
}
IfInString,clipboard,%Clipboard%,{
	StringReplace, clipboard, clipboard, https://, `r`nhttps://, All
}
ClipWait
Send,+{Insert}
Clipboard=%comment%
Return

#IfWinActive                    ;ウィンドウの限定を解除</pre>
<p>ついでに Fastnote も Ctrl+W で閉じることができるよう指定してあります。</p>
<h3>コンフリクト対策 &#8211; 終了時（＋α）</h3>
<p>Fastnote で Send したら、Send の処理が終わった頃に Evernote の同期処理をします。<br />
Fastnote の Send のショートカット Ctrl+Enter でこれらの処理を行うように指定。</p>
<p>Ctrl+Enter が押されてすぐに処理をしてしまうと Fastnote 起動時の同期がまだ終わっていない可能性もあるので、Ctrl+Enter が押されても 200 くらいは止めておいて、その後 Ctrl+Enter を Fastnote 側に送って、Fastnote の処理を待つ意味で 2000 くらい止めておいて、最後に同期するために ENScriptSyncDatabase.lnk を呼ぶことに。</p>
<h3>記入エリアで「すべて選択」を使いたい</h3>
<p>記入エリアで Ctrl+a を使うのは、ちょっと強引にコンテキストメニュー -&gt; 全て選択を押した、という形をショートカットにすることに。</p>
<h3>Firefox + KeySnail で \n として入れた改行がペーストすると消える</h3>
<p>改行が消えてしまうのは、おそらく「\n」がちゃんと改行に認識されてないんだろうなーと予想。他のメモ帳などから改行ありでコピーしたものを貼り付けた場合には改行が生きるので、改行自体ができないわけではない。どう処理して良いか迷ったので、とりあえず http:// か https:// があったら直前に強制で改行コードを入れるようにすることに。力業ですが一応事足りるのでヨシとします。</p>
<p>スマートではないなーと思うので、もうちょっと良い方法があれば是非教えてください！</p>
<h2 id="end">終わり</h2>
<p>Evernote も Fastnote もショートカットで一発起動でき、さくさく閉じることもできるようになり大分楽に。Fastnote 起動時と送信時に必ず同期処理が入るので、コンフリクトも起きなくなりました:) 同期処理がちょっと多いかなとも思うのですが、連投するわけではないならコンフリクトすることを気にして使うより強制で同期を入れちゃうほうがいいかなーと思っています。</p>
<p>色々設定しておくと、やっぱり便利ですね。Mac でも同様にごにょごにょやったので（とは言っても Mac はそんなにたいしたことしてないんですが）、それは次回。</p>
<p>追記&#8212;スクリーンキャストを撮ってみました。こんな感じでぱぱっとメモ追記できるよ！的な…音声なしです。<br />
<iframe width="480" height="360" src="http://www.youtube.com/embed/RAyqoqsO2ew?rel=0" frameborder="0" allowfullscreen></iframe><br />
選択したノートが更新されていても、一度違うノートを選択しないと表示が変わらないので動画内では違うノートをいったん選択したりしています。</p>
<p>ページのタイトルと URL を送っている部分は、Firefox を選択した状態で yy をしてタイトルと URL をコピーし、Ctrl+Shift+f でFastnote を出して Ctrl+v で貼り付け、Ctrl+Enter で送信、としてます。</p>
]]></content:encoded>
			<wfw:commentRss>http://wp.graphact.com/2012/01/13/evernote-edit-win/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>2011 年も残すところ 1 時間</title>
		<link>http://wp.graphact.com/2011/12/31/2011/</link>
		<comments>http://wp.graphact.com/2011/12/31/2011/#comments</comments>
		<pubDate>Sat, 31 Dec 2011 14:27:36 +0000</pubDate>
		<dc:creator>hibiki</dc:creator>
				<category><![CDATA[WebCreate]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[雑記・日記]]></category>

		<guid isPermaLink="false">http://wp.graphact.com/?p=2466</guid>
		<description><![CDATA[2011 年もあと少しで終わりですね。 私個人としては多くの経験を積めた年でした。 WordPress 今まであまりオフラインではイベントに参加していなかった私ですが、今年は勇気を振り絞って参加したのが大きかったです。オ [...]]]></description>
			<content:encoded><![CDATA[<p>2011 年もあと少しで終わりですね。<br />
私個人としては多くの経験を積めた年でした。<span id="more-2466"></span></p>
<h2>WordPress</h2>
<p>今まであまりオフラインではイベントに参加していなかった私ですが、今年は勇気を振り絞って参加したのが大きかったです。オフラインでコミュニティに参加することの楽しさを感じました。</p>
<p>お会いできた方の中には、ネットでは 6 年ぐらいやりとりのあった方も。オフラインでお会いするのがはじめてでも、不思議と「ずっと前から知っていた」という感じで、お会いできたこと自体とても嬉しかったです :)</p>
<p>勉強会・懇親会に参加することは、人脈や知識を得ることができるのもメリットですが、そんなこと抜きに参加することそのものが楽しい！これにつきます。<br />
来年も積極的に参加していきたいなあと思います！</p>
<p>このブログは仕事とは別に捉えて気まぐれに書いているのですが、WordPress コミュニティで出会った人が仕事に関する人とかぶっていたり、つながりがおもしろかったです。世の中は狭いものだなぁと思ったり。</p>
<h2>カメラ</h2>
<p>デジタル一眼の E-P2 を購入して、下手ながらに写真をたくさん撮るようになりました。これも大きかった！最近は単焦点レンズがお気に入りです :)</p>
<p>購入する際はかなり迷ったのですが、イベントに行く際 PC と一緒に持っていくことが多かったので、比較的軽いマイクロフォーサーズにして良かったなと思っています。</p>
<h2>仕事</h2>
<p>仕事は難しいことも色々ありましたが、やりがいのあることばかりで経験値をあげれる年だったと思います。好きな言葉を 2 つ。</p>
<p>職業というのは本来愛のある行為であるべきなんだ。便宜的な結婚みたいなものじゃなくて。<br />
（村上春樹）</p>
<p>私のクライアントはいつも自分自身だった。私はずっと自分を喜ばせるために働いてきたんだ。<br />
（ウィレム・サンドベルフ Willem Sandberg）</p>
<p>人それぞれ違うとは思うのですが、私はこういうタイプで。やっぱり私はこの仕事が好きだし、この仕事ができていて、趣味でやっていたブログも仕事につながって、本当に幸せだなと思います。</p>
<p>ではでは、来年ものんびり続けていこうと思いますので、どうぞよろしくお願いいたします！</p>
]]></content:encoded>
			<wfw:commentRss>http://wp.graphact.com/2011/12/31/2011/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>zencoding v0.7 Wrap With Abbreviation メモ</title>
		<link>http://wp.graphact.com/2011/12/28/zencoding-v0-7-wrap-with-abbreviation-memo/</link>
		<comments>http://wp.graphact.com/2011/12/28/zencoding-v0-7-wrap-with-abbreviation-memo/#comments</comments>
		<pubDate>Wed, 28 Dec 2011 13:47:40 +0000</pubDate>
		<dc:creator>hibiki</dc:creator>
				<category><![CDATA[WebCreate]]></category>
		<category><![CDATA[雑記・日記]]></category>

		<guid isPermaLink="false">http://wp.graphact.com/?p=2452</guid>
		<description><![CDATA[aaaaaa bbbbbbbbb ccccccccc 例1. 三行選択して、li*>a[href="$#.jpg"]{ファイル名：$#} &#60;li&#62;&#60;a href=&#34;aaaaaa.jpg&#038;quo [...]]]></description>
			<content:encoded><![CDATA[<pre class="brush: xml; auto-links: false;">
aaaaaa
bbbbbbbbb
ccccccccc
</pre>
<p>例1. 三行選択して、li*>a[href="$#.jpg"]{ファイル名：$#}</p>
<pre class="brush: xml; auto-links: false;">
&lt;li&gt;&lt;a href=&quot;aaaaaa.jpg&quot;&gt;ファイル名：aaaaaa&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;bbbbbbbbb.jpg&quot;&gt;ファイル名：bbbbbbbbb&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;ccccccccc.jpg&quot;&gt;ファイル名：ccccccccc&lt;/a&gt;&lt;/li&gt;
</pre>
<p>例2. 三行選択して、html:5>ul.hoge>li#0$*>a[href="#$#"]{$#}</p>
<pre class="brush: xml; auto-links: false;">
&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
	&lt;meta charset=&quot;UTF-8&quot;&gt;
	&lt;title&gt;&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
	&lt;ul class=&quot;hoge&quot;&gt;
		&lt;li id=&quot;01&quot;&gt;&lt;a href=&quot;#aaaaaa&quot;&gt;aaaaaa&lt;/a&gt;&lt;/li&gt;
		&lt;li id=&quot;02&quot;&gt;&lt;a href=&quot;#bbbbbbbbb&quot;&gt;bbbbbbbbb&lt;/a&gt;&lt;/li&gt;
		&lt;li id=&quot;03&quot;&gt;&lt;a href=&quot;#ccccccccc&quot;&gt;ccccccccc&lt;/a&gt;&lt;/li&gt;
	&lt;/ul&gt;
&lt;/body&gt;
&lt;/html&gt;
</pre>
<p>vim でも dreamweaver でも。「$#」が選択部分、「$」は連番なので、#$# としてたら #選択部分 に。</p>
<p>参考：<a href="http://mattn.kaoriya.net/software/vim/20111026213642.htm">Big Sky :: zencoding-vimを少しだけversion0.7対応した</a></p>
]]></content:encoded>
			<wfw:commentRss>http://wp.graphact.com/2011/12/28/zencoding-v0-7-wrap-with-abbreviation-memo/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Vimテクニックバイブルを購入しました</title>
		<link>http://wp.graphact.com/2011/09/29/vim_technic_bible/</link>
		<comments>http://wp.graphact.com/2011/09/29/vim_technic_bible/#comments</comments>
		<pubDate>Thu, 29 Sep 2011 06:49:30 +0000</pubDate>
		<dc:creator>hibiki</dc:creator>
				<category><![CDATA[vim]]></category>
		<category><![CDATA[雑記・日記]]></category>

		<guid isPermaLink="false">http://wp.graphact.com/?p=2218</guid>
		<description><![CDATA[Vim-users.jp で発売されることを知って Amazon で予約していた Vim テクニックバイブルが届きました。Vim ユーザーなら知っている名だたる方々が書いてらっしゃるので「これは絶対買い！」と思って購入。 [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://vim-users.jp/">Vim-users.jp</a> で発売されることを知って Amazon で予約していた Vim テクニックバイブルが届きました。Vim ユーザーなら知っている名だたる方々が書いてらっしゃるので「これは絶対買い！」と思って購入。読んでみて、とても良書だと思ったのでご紹介。<span id="more-2218"></span></p>
<h2>新たに入れたり設定した物</h2>
<p>これはおもしろいなーとか、便利そうだなーと思って今回追加したもの。それぞれの細かい説明などは書籍を是非ってことで割愛。書籍内ではたくさんのプラグインが紹介されてます。</p>
<h3><a href="https://github.com/Shougo/vimfiler">vimfiler</a></h3>
<p>そこそこ長く vim 使っているのに、知りませんでした。これ凄く便利！netrw には戻れない。</p>
<h3><a href="http://www.vim.org/scripts/script.php?script_id=3615">ShowMarks</a></h3>
<p>マークした場所を表示して視覚で分かるように。</p>
<h3><a href="http://www.vim.org/scripts/script.php?script_id=2194">number marks</a></h3>
<p>mm で連番のマークを。mb と mv でこのマークの前へ、このマークの後へ、ができる。お試し。</p>
<h3><a href="https://github.com/Lokaltog/vim-easymotion/tree/cdecdc56f938840cad250aecd58c1901f04c4d1b">EasyMotion</a></h3>
<p>HaH とか、KeySnail の HoK とかのように、<Leader>w でキーを表示させて、飛びたい場所のキーを押して移動する。お試し。</p>
<h3>matchit.vim</h3>
<p>% による対応タグへのジャンプを強化。XML の対応タグへ飛べたりとか。</p>
<h3><a href="http://www.vim.org/scripts/script.php?script_id=2136">repeat.vim</a></h3>
<p>surround.vim で行った操作の繰り返しなどが . で出来る。楽ちん。<br />
参考：<a href="http://archiva.jp/web/sugamo_css/sugamo_vim_01.html">Sugamo.css Vim分科会まとめ &#8211; Archiva</a></p>
<h3><a href="https://github.com/taku-o/vim-toggle">toggle.vim</a></h3>
<p>true と false、on と off などを C-T でサクサク切り替え。monday.vim から変えてみました。私は monday.vim にあわせてキーバインドを C-A に変更。</p>
<h2>感想</h2>
<p>読み終えてボリューム感にとても満足。知っている内容もありましたが、「へー知らなかった」という内容も多々ありました。今は使わなくても、そのうち「こんなのあったはず…」となった際に読み返せば分かる、となるような内容も。</p>
<p>Vim を実際に使っているときに感じる不便なところを埋めていくような一歩踏み込んだ内容で、実用的な書籍だと思います。</p>
<p>Vim ユーザーの方、これから Vim 使ってみようという方は是非 :)</p>
<p><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4774147958/numb0f-22/ref=nosim/" target="_blank"><img src="http://ecx.images-amazon.com/images/I/51-u-wPOtlL._SL160_.jpg" alt="Vimテクニックバイブル　～作業効率をカイゼンする150の技" /></a> <a href="http://www.amazon.co.jp/exec/obidos/ASIN/4774147958/numb0f-22/ref=nosim/" target="_blank">Vimテクニックバイブル　～作業効率をカイゼンする150の技</a></p>
]]></content:encoded>
			<wfw:commentRss>http://wp.graphact.com/2011/09/29/vim_technic_bible/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>名刺を作ってみることに</title>
		<link>http://wp.graphact.com/2011/08/18/name-card/</link>
		<comments>http://wp.graphact.com/2011/08/18/name-card/#comments</comments>
		<pubDate>Thu, 18 Aug 2011 05:17:59 +0000</pubDate>
		<dc:creator>hibiki</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[雑記・日記]]></category>

		<guid isPermaLink="false">http://wp.graphact.com/?p=2120</guid>
		<description><![CDATA[今まで個人の仕事用の名刺か、会社の名刺しか持っていなかったんですが、WordCamp KOBE も行くことだし名刺を作ることにしました。WordBench でみなさんに名刺をいただいたときも、私だけなかったりもしていたの [...]]]></description>
			<content:encoded><![CDATA[<p>今まで個人の仕事用の名刺か、会社の名刺しか持っていなかったんですが、WordCamp KOBE も行くことだし名刺を作ることにしました。WordBench でみなさんに名刺をいただいたときも、私だけなかったりもしていたので作ろう作ろうとは思ってたんですが、ずるずる引き延ばして今に至ってしまっていました。</p>
<p>いろいろなブログでも見かけていて、丁度去年の今頃、Evernote にページをメモっていた前川企画印刷さんにお願いしてみようと思います。白黒 100 枚 1,000 円、カラー 1,300 円、両面カラーでも 1,800 円とかなりお安いんですが、あちこちのブログで見る限りクオリティ高い様子。楽しみ :)</p>
<ul>
<li><a href="http://www.kobe-maekawa.co.jp/products/bloger.html">ブロガー名刺／有限会社 前川企画印刷（神戸市兵庫区）</a></li>
<li><a href="http://blog.goo.ne.jp/batacchi/e/f81808a384944befed668cab7a8c3993">ブロガー名刺、送料込みで１０００円じゃすと！ &#8211; 川柳をこよなく愛する明石のタコ</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://wp.graphact.com/2011/08/18/name-card/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Eye-Fiとルーターについてあれこれ考えた</title>
		<link>http://wp.graphact.com/2011/08/16/eye-fi-wi-fi/</link>
		<comments>http://wp.graphact.com/2011/08/16/eye-fi-wi-fi/#comments</comments>
		<pubDate>Tue, 16 Aug 2011 13:33:35 +0000</pubDate>
		<dc:creator>hibiki</dc:creator>
				<category><![CDATA[雑記・日記]]></category>
		<category><![CDATA[Wi-Fi]]></category>

		<guid isPermaLink="false">http://wp.graphact.com/?p=2096</guid>
		<description><![CDATA[Eye-Fi Explore X2 を持っているのですが、ルーターを変更したらスンナリといかず色々困って試行錯誤したのでまとめ。 購入したルーター 購入したルーターは「エアステーション エヌフィニティ ハイパワー Gig [...]]]></description>
			<content:encoded><![CDATA[<p>Eye-Fi Explore X2 を持っているのですが、ルーターを変更したらスンナリといかず色々困って試行錯誤したのでまとめ。</p>
<h2>購入したルーター</h2>
<p>購入したルーターは「<a href="http://buffalo.jp/product/wireless-lan/ap/nfinity-highpower/wzr-hp-g450h/">エアステーション エヌフィニティ ハイパワー Giga 11n/g 450Mbps対応 無線LANブロードバンドルーター : WZR-HP-G450Hシリーズ | BUFFALO バッファロー</a>」。プリンターとルーターをつなぐことで、LAN 内のどの PC からでも印刷ができるようになりとても便利。</p>
<p>その前は NAS にプリンターをつないで同様のことをやっていたのですが、プリンターと双方向の通信ができず、インク残量などが表示できないうえに印刷開始まで時間がかなりかかり、不便で。<a href="http://buffalo.jp/taiou/kisyu/item/wireless_home_usb-nas/#printer">データ共有機能動作確認済みUSB用製品一覧 | BUFFALO バッファロー</a>を見て、このルーターに（※<a href="http://buffalo.jp/download/driver/lan/device-server-win.html">デバイスサーバー設定ツール</a>を各PCに入れる必要あり）。</p>
<p>プリンターのインク残量も見れるし、印刷開始までの時間も早くなってとても満足していたんですが、Eye-Fi カードをつなごうとしたら問題が。<span id="more-2096"></span></p>
<h2>Eye-Fi を使おうとして困ったこと</h2>
<p>まず、Eye-Fi をつなぐことが出来るネットワークは以下のようなものです。</p>
<ol>
<li>2.4 GHz 帯域幅での 802.11b/g/n を備えた無線ルーター</li>
<li>無線 LAN セキュリティ：None、WEP 64/128、WPA-PSK、WPA2-PSK<br />
WEP Shared Key 及び WEP Transitional Security は両方ともサポート外。AESは不安定とのことで非推奨。</li>
<li>ルータにファイヤーウォールが設定されている場合、port 80 および59278を開いておく。</li>
</ol>
<p>参考）<a href="http://eyefi.co.jp/support/faq/setting-of-wirelesslan-router/">Eye-Fiカードに設定できるネットワークの基本仕様について &lt;&lt; よくある質問 &lt;&lt; サポート &lt;&lt; Eye-Fi Japan</a></p>
<p>具体的にどんな問題があったかというと…</p>
<ul>
<li>WPA/WPA2 mixed mode がメインルーターにあり、mixed mode では 暗号化も AES/TKIP mixed mode になるので最初はこれを使おうとした。が、どうにもつながらない。調べてみたところ、どうも mixed mode では Eye-Fi 接続はうまくできない様子。</li>
<li>ならばと WPA2 決めうちにして暗号化で TKIP を選ぼうとしたら、TKIP がなく AES のみ。WPA にしても同じ。どうもうちのルーター（WZR-HP-G450H）では、TKIP を mixed mode 以外では使えない…けど mixed mode も Eye-Fi はつながらない。ということは、WEP にしないといけない…さすがに Eye-Fi のために WEP にしてしまうのは、セキュリティレベル下がりすぎだし、これはちょっと避けたい。</li>
</ul>
<p>そんなわけで、別の無線親機を用意することに。自室の有線 LAN がつながってる PC に購入した親機をさしました。</p>
<p>メインルーターが違う階にあり自室では電波が弱く、iPhone の Wi-Fi がたびたび切れていたので、ついでにこれも改善できてヤッターってところです。無線が快適に使える範囲が増えるのは良いですね－。</p>
<p>ちなみに、購入したのは「<a href="http://buffalo.jp/product/wireless-lan/client/wli-uc-gnm/">〈エアス テーション エヌフィニティ〉11n対応11g/b USB2.0用 無線LAN子機 ソフトウェアルーター機能付モデル : WLI-UC-GNM</a>」。安いし良かったです。</p>
<h2>雑感</h2>
<p>それにしても、WPA か WPA2 決めうちの場合に AES しか選択できないのにはびっくりでした。TKIP 選べないのはちょっと不便だなあ。</p>
<p>もし Eye-Fi を利用するぞーと思ってる方は、ルーターで TKIP が使えるか調べてみておいたほうがいいですね。TKIP を使うのが Eye-Fi 目的のみなのであれば、安価な USB 子機兼親機 を購入するのもアリということで :)</p>
]]></content:encoded>
			<wfw:commentRss>http://wp.graphact.com/2011/08/16/eye-fi-wi-fi/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>オライリーの Ebook Store で何冊か購入しました</title>
		<link>http://wp.graphact.com/2011/03/29/oreilly-village-deal-of-the-week/</link>
		<comments>http://wp.graphact.com/2011/03/29/oreilly-village-deal-of-the-week/#comments</comments>
		<pubDate>Tue, 29 Mar 2011 04:44:30 +0000</pubDate>
		<dc:creator>hibiki</dc:creator>
				<category><![CDATA[WebCreate]]></category>
		<category><![CDATA[雑記・日記]]></category>

		<guid isPermaLink="false">http://wp.graphact.com/?p=2007</guid>
		<description><![CDATA[地震、凄かったですね。私は南関東在住ですが大きな被害もなく平常運転してます。 オライリーのEbook、著作権者への印税や決済手数料以外を日本赤十字へ義援金＋半額　&#8221;O&#8217;Reilly Village [...]]]></description>
			<content:encoded><![CDATA[<p>地震、凄かったですね。私は南関東在住ですが大きな被害もなく平常運転してます。</p>
<p>オライリーのEbook、著作権者への印税や決済手数料以外を日本赤十字へ義援金＋半額　&#8221;O&#8217;Reilly Village／オラの村 &#8211; Deal of the Week &#8211; 災害支援キャンペーン開催&#8221;…というのが 3 月 26 日までやっていたので、これを機に欲しかった本を何冊か買いました。</p>
<p>義援金にもなるしね！ってことで、Apache、JavaScript、Perl、PHP、正規表現、パフォーマンス系と合計 10 冊買いました。実は今までオライリーの本って、高いし、重いし、買ったことなかったんです。楽しみ！少しずつ読んでいこうと思います。</p>
<p><span id="more-2007"></span>話は変わりますが、ニュースで見た SONY の手回し充電ラジオどんなものなんだろうと調べてみたら、これが凄い！ラジオはもちろんのこと、懐中電灯にもなるし、携帯も充電できるし、電池でも、手回し充電で使えると。流通が落ち着いたら買おうと心に決めました。</p>
<p>手回し充電ラジオなんてものがあることすら知らなかったんですが、SONY こういう地味ながら便利そうなものも作ってるんだなあ。</p>
<p><a href="http://www.amazon.co.jp/exec/obidos/ASIN/B002B5ZZ84/numb0f-22/" target="_blank"><img src="http://ec2.images-amazon.com/images/I/31rMgw2iZRL._SL160_.jpg" alt="B002B5ZZ84" border="0" style="border:none;" /></a><br />
<a href="http://www.amazon.co.jp/exec/obidos/ASIN/B002B5ZZ84/numb0f-22/" target="_blank">SONY 防災用 手回し充電 FM/AMポータブルラジオ ホワイト ICF-B02(W)</a></p>
<p>SONY のサイト内に、体験レポートもありました。参考までに。</p>
<ul>
<li><a href="http://www.sony.jp/topics/pav/icf-b01/" target="_blank">手回し充電ラジオ　体験レポート</a></li>
</ul>
<p>計画停電も慣れてきました。1 日 2 回あったりすると作業時間が結構減っちゃうのでスケジュールタイトになってしまってカツカツですが、そこは気合いで！しかし、IT 系の人は電気がないと仕事がほぼ何もできないことを痛感しました…</p>
]]></content:encoded>
			<wfw:commentRss>http://wp.graphact.com/2011/03/29/oreilly-village-deal-of-the-week/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ギャー…</title>
		<link>http://wp.graphact.com/2011/01/19/gyaaaa/</link>
		<comments>http://wp.graphact.com/2011/01/19/gyaaaa/#comments</comments>
		<pubDate>Tue, 18 Jan 2011 19:16:21 +0000</pubDate>
		<dc:creator>hibiki</dc:creator>
				<category><![CDATA[雑記・日記]]></category>

		<guid isPermaLink="false">http://wp.graphact.com/?p=1872</guid>
		<description><![CDATA[間違えてスタイルシートを上書きして消しました。 最低限だけ復活させました。 今日はここまでで orz]]></description>
			<content:encoded><![CDATA[<p>間違えてスタイルシートを上書きして消しました。<br />
最低限だけ復活させました。</p>
<p>今日はここまでで orz</p>
]]></content:encoded>
			<wfw:commentRss>http://wp.graphact.com/2011/01/19/gyaaaa/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>PILOT Vpen</title>
		<link>http://wp.graphact.com/2011/01/04/pilot-vpen/</link>
		<comments>http://wp.graphact.com/2011/01/04/pilot-vpen/#comments</comments>
		<pubDate>Tue, 04 Jan 2011 00:31:20 +0000</pubDate>
		<dc:creator>hibiki</dc:creator>
				<category><![CDATA[雑記・日記]]></category>
		<category><![CDATA[文房具]]></category>

		<guid isPermaLink="false">http://wp.graphact.com/2011/01/04/pilot-vpen</guid>
		<description><![CDATA[最近お気に入りの筆記用具、PILOT の Vpen。これの中字を使ってます。 PILOT &#124; Vペン 万年筆タイプの水性ペン。使い捨てタイプ。結構さらさら書けて気に入っています。万年筆特有の書き味が書いてて楽しいです。  [...]]]></description>
			<content:encoded><![CDATA[<p>最近お気に入りの筆記用具、PILOT の Vpen。これの中字を使ってます。</p>
<p><a href="http://wp.graphact.com/wp-content/uploads/2011/01/vpen1.jpg"><img style="background-image: none; padding-left: 0px; padding-right: 0px; display: block; float: none; margin-left: auto; margin-right: auto; padding-top: 0px; border: 0px;" title="vpen" src="http://wp.graphact.com/wp-content/uploads/2011/01/vpen_thumb1.jpg" alt="vpen" width="240" height="240" border="0" /></a></p>
<ul>
<li><a href="http://www.pilot.co.jp/products/pen/sign_marker/color_pen/vpen/index.html">PILOT | Vペン</a></li>
</ul>
<p>万年筆タイプの水性ペン。使い捨てタイプ。結構さらさら書けて気に入っています。万年筆特有の書き味が書いてて楽しいです。</p>
<p><span id="more-1750"></span>ふたを開けたまましばらく文字を書かないで話を聞いていたりすると、先が乾くのか書き出しが少し擦れたりしますが、あとは気になることも特にないです。ペン先を斜めにしたりすれば書きにくいかもしれませんが、まぁ万年筆と同じような感覚で書くなら無問題。普通のゲルインキペンに比べると、文字に強弱つくのが好き。</p>
<p>200 円くらいで近所のドラッグストアで偶然買ったのですが、自分の中ではここ最近の大ヒットでした。欲を言えば、見た目がもうちょっとシックだったらなあ。</p>
<p>PARKER の万年筆を持っていたんですが、なくしてしまったんですよね…当面は Vpen でもいいかなあ。ああでもちょっとシッカリしたのも欲しいような。モヤモヤ。お手頃価格でおすすめがあったら是非教えてください。</p>
<p>仕事用のメモ取りなどにモレスキンを使っているんですが、モレスキンに万年筆で文字を書くと気持ちいいんですよね。心なし字も上手く書ける気がします。</p>
]]></content:encoded>
			<wfw:commentRss>http://wp.graphact.com/2011/01/04/pilot-vpen/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

