<?xml version="1.0" encoding="UTF-8"?>

<rdf:RDF
  xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
  xmlns:dc="http://purl.org/dc/elements/1.1/"
  xmlns:admin="http://webns.net/mvcb/"
  xmlns:content="http://purl.org/rss/1.0/modules/content/"
  xmlns="http://purl.org/rss/1.0/"
>

<channel rdf:about="https://f-u.seesaa.net/">
<title>full of universe</title>
<link>https://f-u.seesaa.net/</link>
<description>来世はカメでいいよ</description>
<dc:language>ja</dc:language>
<admin:generatorAgent rdf:resource="https://blog.seesaa.jp/" />
<items>
<rdf:Seq>
<rdf:li rdf:resource="https://f-u.seesaa.net/article/397894879.html" />
<rdf:li rdf:resource="https://f-u.seesaa.net/article/395475360.html" />
<rdf:li rdf:resource="https://f-u.seesaa.net/article/382381612.html" />
<rdf:li rdf:resource="https://f-u.seesaa.net/article/378541630.html" />
<rdf:li rdf:resource="https://f-u.seesaa.net/article/370075954.html" />
<rdf:li rdf:resource="https://f-u.seesaa.net/article/369652646.html" />
<rdf:li rdf:resource="https://f-u.seesaa.net/article/369252005.html" />
<rdf:li rdf:resource="https://f-u.seesaa.net/article/367958350.html" />
<rdf:li rdf:resource="https://f-u.seesaa.net/article/353020811.html" />
<rdf:li rdf:resource="https://f-u.seesaa.net/article/348813697.html" />
<rdf:li rdf:resource="https://f-u.seesaa.net/article/343222076.html" />
<rdf:li rdf:resource="https://f-u.seesaa.net/article/238896669.html" />
<rdf:li rdf:resource="https://f-u.seesaa.net/article/238892050.html" />
<rdf:li rdf:resource="https://f-u.seesaa.net/article/210761847.html" />
<rdf:li rdf:resource="https://f-u.seesaa.net/article/209834677.html" />
</rdf:Seq>
</items>
</channel>

<item rdf:about="https://f-u.seesaa.net/article/397894879.html">
<link>https://f-u.seesaa.net/article/397894879.html</link>
<title>OpeTumblr の Opera Extensions (拡張機能) 版を密かに公開</title>
<description>「Opera の右クリックメニューから Tumblr の一発ポスト」の OpeTumblr の Opera Extensions 版を公開しておこう。Opera Extensions 版 OpeTumblr でできることOpera の右クリックメニューから、それぞれの Tumblelogs へポストマルチアカウント対応ページのタイトル、 URL 、などを自動的に取得テキストの変換機能タグの入力に対応Photo 投稿の場合、リンク先が画像ならそれを優先的に取得といったところ。ダ..</description>
<dc:subject>Opera</dc:subject>
<dc:creator>sima</dc:creator>
<dc:date>2014-05-25T21:36:34+09:00</dc:date>
<content:encoded><![CDATA[
<p><em>「Opera の右クリックメニューから Tumblr の一発ポスト」</em>の <strong>OpeTumblr</strong> の Opera Extensions 版を公開しておこう。</p>
<h2>Opera Extensions 版 OpeTumblr でできること</h2>
<ul>
<li>Opera の右クリックメニューから、それぞれの Tumblelogs へポスト
<li>マルチアカウント対応
<li>ページのタイトル、 URL 、などを自動的に取得
<li>テキストの変換機能
<li>タグの入力に対応
<li>Photo 投稿の場合、リンク先が画像ならそれを優先的に取得
</ul>
<p>といったところ。</p>
<h2>ダウンロードはこちら</h2>
<p>Opera さんにもいろいろあったため公開はせずに自分だけで使っていたのだけど、一応公開することにした。</p>
<p>ただし、野良エクステンションとしての公開なので、そのあたりは心に留めて使ってもらえればと思う。対応バージョンは <span class="highlight">Opera 12.17</span> ですよ。</p>
<p><a href="https://dl.dropboxusercontent.com/u/717739/blog/contents/opetumblr_2-2.oex">OpeTumblr v2.2 のダウンロードはここから</a></p>
<p>ダウンロードした後に、 Opera ブラウザにドロップするとインストールできる。</p>
<h3>更新履歴</h3>
<dl>
<dt>v2.0
<dd>UserJS 形式から Opera Extensions 形式へ移行
<dt>v2.1
<dd>HTML コードのクリーンアップ
<dt>v2.2
<dd>OAuth 認証がうまくできなくなっていたのを修正
</dl>
<h2>簡単な使い方について</h2>
<p>使うためには、拡張機能の管理ページから設定を開いて <em>OAuth 認証</em>する必要がある。そうすることで、右クリックメニューに OpeTumblr のメニューが現れる。 (現れないときは、一度 Opera さんを再起動すると良いかも)</p>
<p>そのメニューから投稿先を選ぶと<em>新しいウィンドウが開く</em>ので、必要があれば内容を編集してから投稿してみて。</p>
<p>注意としては、その新しいウィンドウから投稿する前に、元となるウィンドウを閉じると処理できなくなるという仕様がある。</p><a name="more"></a>

]]><![CDATA[
]]></content:encoded>
</item>
<item rdf:about="https://f-u.seesaa.net/article/395475360.html">
<link>https://f-u.seesaa.net/article/395475360.html</link>
<title>シカ成分を補充したら幸せになった</title>
<description>1週間ほど前に奈良公園に行ってきた。公園内をブラブラとうろつきながら、同じくブラブラとうろついているシカと触れ合ってきた。よさ気な写真は、 Flickr のアルバムにまとめてみた。ぐはぁっ。こんな目で見つめられたらキュン死する。 (若干ブレてるのが残念)一応、野生動物ということなのに、のぼぉーとゆっくり動く様を見ていると、全くそのようには感じられない。野生って何だっけ？そんなに近付いたら鼻の中まで見えますよ。ぐはっ (キュン死)。まさかシカが、こんなにもかわいらしいものだった..</description>
<dc:subject>旅・散歩</dc:subject>
<dc:creator>sima</dc:creator>
<dc:date>2014-04-24T23:11:16+09:00</dc:date>
<content:encoded><![CDATA[
<p>1週間ほど前に奈良公園に行ってきた。公園内をブラブラとうろつきながら、同じくブラブラとうろついているシカと触れ合ってきた。</p>
<p>よさ気な写真は、 <a target="_blank" href="https://www.flickr.com/photos/sima_fu/sets/72157644220242974/">Flickr のアルバムにまとめてみた</a>。</p>
<figure class="mediaset">
<a target="_blank" href="https://www.flickr.com/photos/sima_fu/13966217652"><img src="https://farm8.staticflickr.com/7058/13966217652_e504632836_z.jpg" width="480" height="640" alt="こちらを純粋な目で見つめるシカ"></a>
<figcaption>ぐはぁっ。こんな目で見つめられたらキュン死する。 (若干ブレてるのが残念)</figcaption>
</figure>
<p>一応、野生動物ということなのに、のぼぉーとゆっくり動く様を見ていると、全くそのようには感じられない。野生って何だっけ？</p>
<figure class="mediaset">
<a target="_blank" href="https://www.flickr.com/photos/sima_fu/13946291346"><img src="https://farm3.staticflickr.com/2937/13946291346_39e22b84e2_z.jpg" width="480" height="640" alt="こっちに興味ないと見せかけて、からの"></a>
<a target="_blank" href="https://www.flickr.com/photos/sima_fu/13946290816"><img src="https://farm8.staticflickr.com/7240/13946290816_e69bdf8aa4_z.jpg" width="480" height="640" alt="ぐぐぐっと寄るっ！"></a>
<a target="_blank" href="https://www.flickr.com/photos/sima_fu/13966209291"><img src="https://farm8.staticflickr.com/7119/13966209291_da82592e1a_z.jpg" width="480" height="640" alt="寄るっ！寄るっぅ！ (キュン死)"></a>
<figcaption>そんなに近付いたら鼻の中まで見えますよ。ぐはっ (キュン死)。</figcaption>
</figure>
<p>まさかシカが、こんなにもかわいらしいものだったとは！<br>
予想もしていなかった。正直、侮ってた。毛がたわしみたいだと思ってた。全力ですいません。</p>
<p>今もシカ写真を見てニヤニヤしながら書いているけど、その他の写真は <a target="_blank" href="https://www.flickr.com/photos/sima_fu/sets/72157644220242974/">Flickr のアルバムにある</a>のでどうぞ。</p>
<figure class="mediaset">
<p>シカが鳴いている場面に遭遇した。これはなんで鳴いてるんだろうね。</p>
<p>もしかしたら子供のシカだったのかもしれない。</p>
<iframe width="485" height="273" src="//www.youtube.com/embed/IBVWECwfpzQ" frameborder="0" allowfullscreen></iframe>
<figcaption><a target="_blank" href="http://youtu.be/IBVWECwfpzQ">Deer Cry (シカの鳴き声) at the foot of Mount Wakakusa in Nara, Japan</a></figcaption>
</figure>
<aside class="word">
<p>物は試しということで、 <a target="_blank" href="https://www.flickr.com/photos/sima_fu/">Flickr のアカウント</a>と <a target="_blank" href="http://www.youtube.com/channel/UCzCijCq7rz6IZK19FDNrm-g">YouTube のチャンネル</a>を新しく開いてみた。 Flickr は昔、試したことがあった程度で、 YouTube は今回が完全に初めて。</p>
<p>まぁ、今後なにかしらアップしていけたらおもしろそうだね。</p>
<p>キュンキュンできそうな動物がいるところを探して行って撮ってアップしたいw</p>
</aside><a name="more"></a>

]]><![CDATA[
]]></content:encoded>
</item>
<item rdf:about="https://f-u.seesaa.net/article/382381612.html">
<link>https://f-u.seesaa.net/article/382381612.html</link>
<title>ブログを（内部的にガッツリと）リニューアルしてみた</title>
<description>密かに、このブログのリニューアルをした。見た目は今までとほとんど変わっていないが、 HTML5 でがっつり組み直したので内部的には全くの別物になっている。確認したブラウザは以下。Win Opera 12.16 build 1860Win Chrome 32.0.1700.41 beta-m AuraWin Firefox 25.0.1Win IE8旧デザインでは、 IE6,7 のために若干の CSS ハックを書いていたのだけど、続く IE8 でまさかのそのハックのせいで崩れま..</description>
<dc:subject>WEB・ブログ</dc:subject>
<dc:creator>sima</dc:creator>
<dc:date>2013-12-10T23:29:49+09:00</dc:date>
<content:encoded><![CDATA[
<p>密かに、<strong>このブログのリニューアルをした</strong>。</p>
<p>見た目は今までとほとんど変わっていないが、 <em>HTML5 でがっつり組み直した</em>ので内部的には全くの別物になっている。</p>
<p>確認したブラウザは以下。</p>
<ul>
<li>Win Opera 12.16 build 1860</li>
<li>Win Chrome 32.0.1700.41 beta-m Aura</li>
<li>Win Firefox 25.0.1</li>
<li>Win IE8</li>
</ul>
<p>旧デザインでは、 IE6,7 のために若干の CSS ハックを書いていたのだけど、続く IE8 でまさかのそのハックのせいで崩れまくっていたというね。</p>
<p>言うならば、<em>「問題児に歩み寄ったら調子こいて更なる問題児出てきた状態」</em>だったのだけど、今回のリニューアルで IE8 でもほぼ同じように表示されるようになった。 JavaScript 必須ではあるけど。</p>
<hr>
<p>ところで HTML5 化するにあたって、意味や使い方が変わったタグを改めて確認してみた。気になったものもいくつかあったので、復習がてらその一部を簡単に列挙してみる。</p>
<section>
<h2>気になった HTML5 タグ</h2>
<p>(以下、全ての引用は <a target="_blank" href="http://www.html5.jp/tag/elements/">HTML 要素 - HTML5タグリファレンス - HTML5.JP</a> からリンクされた、それぞれのタグの個別ページより。<mark>マーク</mark>は sima によるもの。)</p>
<h3>blockquote 要素</h3>
<blockquote cite="http://www.html5.jp/tag/elements/blockquote.html">引用の帰属があれば、それは <mark>blockquote 要素の外</mark>に置かなければいけません。</blockquote>
<p>今まで、 blockquote 要素の中に引用元を書いていた。これからは外に書く！</p>
<h3>dl 要素</h3>
<p>dl 要素は<q cite="http://www.html5.jp/tag/elements/dl.html">関連リスト (記述リスト)</q>を表し、<em>定義リストという意味がなくなった</em>。</p>
<p>定義リストを書きたかったら、 dl 要素に加えて dfn 要素を使いマークアップする。</p>
<pre class="vimpre"><code>
<span class="Identifier">&lt;</span><span class="Statement">dl</span><span class="Identifier">&gt;</span><br>
&nbsp;&nbsp;<span class="Identifier">&lt;</span><span class="Statement">dt</span><span class="Identifier">&gt;&lt;</span><span class="Statement">dfn</span><span class="Identifier">&gt;</span>(用語)<span class="Identifier">&lt;/</span><span class="Statement">dfn</span><span class="Identifier">&gt;&lt;/</span><span class="Statement">dt</span><span class="Identifier">&gt;</span><br>
&nbsp;&nbsp;<span class="Identifier">&lt;</span><span class="Statement">dd</span><span class="Identifier">&gt;</span>(定義)<span class="Identifier">&lt;/</span><span class="Statement">dd</span><span class="Identifier">&gt;</span><br>
<span class="Identifier">&lt;/</span><span class="Statement">dl</span><span class="Identifier">&gt;</span><br>
</code></pre>
<h3>em, strong 要素</h3>
<blockquote cite="http://www.html5.jp/tag/elements/em.html">コンテンツの特定の部分が持つ強勢のレベルは、<mark>祖先の em 要素の数</mark>で表されます。</blockquote>
<blockquote cite="http://www.html5.jp/tag/elements/strong.html">コンテンツの重要性の相対的なレベルは、<mark>祖先の strong 要素の数</mark>で表されます。それぞれの strong 要素は、そのコンテンツの重要性を増します。</blockquote>
<p>つまり、</p>
<pre class="vimpre"><code>
<span class="Identifier">&lt;</span><span class="Statement">strong</span><span class="Identifier">&gt;</span><span class="htmlBold">たいへんです。</span><span class="Identifier">&lt;</span><span class="Statement">strong</span><span class="Identifier">&gt;</span><span class="htmlBold">へんたい</span><span class="Identifier">&lt;/</span><span class="Statement">strong</span><span class="Identifier">&gt;</span>がたいへんです。<span class="Identifier">&lt;/</span><span class="Statement">strong</span><span class="Identifier">&gt;</span><br>
</code></pre>
<p>とマークアップすると、文章全体が重要なんだけどその中でも変態ということが更に重要だと表すことができなんだこの例文。…要は入れ子が可能になったと。</p>
<p>ちなみに、 em 要素は<q cite="http://www.html5.jp/tag/elements/em.html">強勢強調</q>、 strong 要素は<q cite="http://www.html5.jp/tag/elements/strong.html">強い重要性</q>を表し、今までとは違う意味になっているのできちんとマークアップできるように気をつけたいものだ。</p>
<h3>small, s, i, b, u 要素など</h3>
<p>これらの要素は、上の em, strong 要素と同じように色々と意味が変わっている。一度、調べておくと良いと思う。まぁ、 b や u 要素なんかはほとんど使わないだろうけどね。</p>
<p><q cite="http://www.html5.jp/tag/elements/s.html">もう正確ではない、または、もう関連性がないコンテンツ</q>を表す s 要素はおもしろい。今後、機会があれば使っていきたい。</p>
<p>ちなみに s 要素と<q cite="http://www.html5.jp/tag/elements/del.html">ドキュメントからの削除</q>を表す del 要素は、たいてい似たようなスタイルで表示される。しかしながら、 s 要素には訂正の意味はないため、混同してマークアップしないように注意したい。</p>
<h3>img 要素</h3>
<p>alt 属性についての説明が興味深かった。</p>
<blockquote cite="http://www.html5.jp/tag/elements/img.html">
<p>img 要素が何を表すかは、src と alt 属性に依存します。</p>
<dl>
<dt>src 属性がセットされ、alt 属性が空文字列にセットされた場合
<dd>
<p>そのイメージは、以降のコンテンツの対して、<mark>装飾的もしくは補足的なもの</mark>となり、ドキュメントにある別の情報と重複したものとなります。</p>
<p>……</p>
<dt>src 属性がセットされ、alt 属性が空文字列ではない値にセットされた場合
<dd>
<p>そのイメージは、そのコンテンツの<mark>重要な部分</mark>となります。alt 属性が、そのイメージに相当する、もしくは置き換えとなるテキストを提供します。</p>
<p>……</p>
<dt>src 属性がセットされ、alt がセットされなかった場合
<dd>
<p>そのイメージはコンテンツの<mark>重要な部分</mark>となります。そして、そのイメージに相当するテキストはありません。</p>
<p>……</p>
<dt>src 属性がセットされず、そして、alt 属性が空文字にセットされた、もしくは、alt 属性がまったくセットされなかったか、のいずれかの場合
<dd>
<p>この要素は何も表しません。</p>
<dt>そうでなければ
<dd>
<p>この要素は、alt 属性で指定されたテキストを表します。</p>
</dl>
</blockquote>
<p>過去、 img 要素の alt 属性には必ず置き換えテキストを書いていたが、装飾的・補足的で別の情報と重複しており<em>省略可能な画像</em>については、それを空文字列にできると知った。</p>
<p>つまり、挿絵的な画像には、空文字列 alt 属性をセットすれば良いということだ。いいね。</p>
</section>
<p>と、他にもまだ気になったものはあったものの、とりあえずここまで。</p>
<p>今回のリニューアルでは HTML5 マークアップの他にも、いらない js ファイルを取り除いたり、画像の最適化もしたため、読み込みが早くなった…かな。</p>
<p>ブログの記事を書くことと、ブログの環境を整えること、どちらが楽しいかと聞かれたら<em>即答で後者</em>なんだけれども、環境はまぁひと通り整って気分よくなったことだし、今後は記事を書くことも楽しくなっていけたら良いね。</p>
<aside class="word">
<p>新・旧デザイン並べてみた。</p>
<p class="floatleft"><img src="https://dl.dropboxusercontent.com/u/717739/blog/2013/blogcapture_old.png" alt="ブログ旧デザインのサムネイル"></p>
<p class="floatright"><img src="https://dl.dropboxusercontent.com/u/717739/blog/2013/blogcapture_new.png" alt="ブログ新デザインのサムネイル"></p>
<p class="clear">こうしてみると、本当に変わってないなw</p>
<p>まぁ、 HTML5 化したかったというだけなので満足なんだけどね。</p>
<p>微妙にマスコットキャラクター (?) のカメが大きくなってるのは、単に大きさ間違えたというだけなんだけど、…成長した！ということにしておこう。</p>
</aside><a name="more"></a>

]]><![CDATA[
]]></content:encoded>
</item>
<item rdf:about="https://f-u.seesaa.net/article/378541630.html">
<link>https://f-u.seesaa.net/article/378541630.html</link>
<title>補完モードを開始するマッピングを書く</title>
<description>マッピングで補完モードを開始するにはどうしたら良いかを考えてたところ、 wildcharm というオプションを発見した。そもそも コマンドラインで、ワイルドカードを展開するために打ち込まなければならない文字 は wildchar で設定でき、 Vim での規定値は Tab である。しかしながら、 その文字はマクロ内では認識されない 。マクロ内でも認識させたいときは、代わりに wildcharm を設定し使うと良いらしい。set&amp;nbsp;wildcharm=&amp;lt;M-Tab..</description>
<dc:subject>Vim</dc:subject>
<dc:creator>sima</dc:creator>
<dc:date>2013-10-25T22:50:45+09:00</dc:date>
<content:encoded><![CDATA[
<p><strong>マッピングで補完モードを開始する</strong>にはどうしたら良いかを考えてたところ、 <var>wildcharm</var> というオプションを発見した。</p>
<p>そもそも <q>コマンドラインで、ワイルドカードを展開するために打ち込まなければならない文字</q> は <var>wildchar</var> で設定でき、 Vim での規定値は <kbd>Tab</kbd> である。しかしながら、 <q>その文字はマクロ内では認識されない</q> 。</p>
<p>マクロ内でも認識させたいときは、代わりに <var>wildcharm</var> を設定し使うと良いらしい。</p>
<code class="vimpre">
<span class="Statement">set</span>&nbsp;<span class="PreProc">wildcharm</span>=<span class="Special">&lt;</span><span class="Special">M-Tab</span><span class="Special">&gt;</span><br>
</code>
<p><q>普通、ユーザが実際に <var>wildcharm</var> で指定されたキーを打ち込むことはない</q> とあったので、適当に上のように設定した。</p>
<code class="vimpre">
<span class="Statement">nnoremap</span>&nbsp;<span class="Special">&lt;</span><span class="Special">expr</span><span class="Special">&gt;</span>&nbsp;<span class="Special">&lt;</span><span class="Special">F1</span><span class="Special">&gt;</span>&nbsp;':<span class="Special">&lt;</span><span class="Special">C-u</span><span class="Special">&gt;</span>new ~/' . (&amp;wildcharm ? nr2char(&amp;wildcharm) : '')<br>
</code>
<p>その上で、例えばこのようにすると、キーを押して即、補完を開始した状態になるため便利だ。</p>
<code class="vimpre">
<span class="Statement">nnoremap</span>&nbsp;<span class="Special">&lt;</span><span class="Special">F1</span><span class="Special">&gt;</span>&nbsp;:<span class="Special">&lt;</span><span class="Special">C-u</span><span class="Special">&gt;</span>new ~/<span class="Special">&lt;</span><span class="Special">M-Tab</span><span class="Special">&gt;</span><br>
</code>
<p>このように設定するよりも、<em>補完の開始したさ</em>が表れるので良いかなと思う。</p>
<div class="word">
<p>初 Vim 記事。</p>
<p>ときどき Vim の設定でこれで良いのかと悩むことがあるので、そのようなときツッコミが来ることを期待して、ちょいちょい記事を書いていこう。</p>
</div><a name="more"></a>

]]><![CDATA[
]]></content:encoded>
</item>
<item rdf:about="https://f-u.seesaa.net/article/370075954.html">
<link>https://f-u.seesaa.net/article/370075954.html</link>
<title>アボカドを育ててみた…かった</title>
<description>先月、種から「アボカドの木」を育てる方法という記事を読んだ。なんだか面白そうだと思い、すぐにアボカドを買ってきて発芽させるべくセットしたんだけど&amp;hellip;、アボカドの種 posted by (C)sima芽が出ない！なんてこった！参考にした記事に、冷蔵庫で一度冷やされると発芽しない場合がありますとあったけど、まさに原因はコレだろうか。冷蔵庫ではない、常温で平積みされているアボカドを買ったんだけどなぁ。ダメだったのは残念だ。いつかもう一度挑戦したい。こういう何てことない写..</description>
<dc:subject>日記</dc:subject>
<dc:creator>sima</dc:creator>
<dc:date>2013-07-23T21:39:21+09:00</dc:date>
<content:encoded><![CDATA[
<p>先月、<a target="_blank" href="http://ure.pia.co.jp/articles/-/14477">種から「アボカドの木」を育てる方法</a>という記事を読んだ。</p>
<p>なんだか面白そうだと思い、すぐにアボカドを買ってきて発芽させるべくセットしたんだけど&hellip;、</p>
<figure class="mediaset">
<a target="_blank" href="http://photozou.jp/photo/show/559097/182961083"><img src="http://kura1.photozou.jp/pub/97/559097/photo/182961083_624.jpg" alt="アボカドの種" width="468" height="624"></a>
<figcaption><a target="_blank" href="http://photozou.jp/photo/show/559097/182961083">アボカドの種</a> posted by <a target="_blank" href="http://photozou.jp/user/top/559097">(C)sima</a></figcaption>
</figure>
<p><strong>芽が出ない！</strong></p>
<p>なんてこった！</p>
<p>参考にした記事に、<q cite="http://ure.pia.co.jp/articles/-/14477">冷蔵庫で一度冷やされると発芽しない場合があります</q>とあったけど、まさに原因はコレだろうか。</p>
<p>冷蔵庫ではない、常温で平積みされているアボカドを買ったんだけどなぁ。</p>
<p>ダメだったのは残念だ。いつかもう一度挑戦したい。</p>
<div class="word">
<p>こういう何てことない写真は、<a target="_blank" href="http://photozou.jp/user/top/559097">フォト蔵にアップロード</a>してからブログに貼ることにした。写真が一覧表示されるギャラリーのようなものがあったほうが、どんな写真をアップしたかが分かりやすくて便利なのでね。</p>
<p>スクリーンショットなどの写真でない画像は、今までどおり <a target="_blank" href="http://db.tt/sdSnflM">Dropbox に置く</a>かな。</p>
<p>そのうちに、この2つのどちらに置こうか迷うことがあるかもしれないけど、まぁそのときはそのときだ。</p>
</div><a name="more"></a>

]]><![CDATA[
]]></content:encoded>
</item>
<item rdf:about="https://f-u.seesaa.net/article/369652646.html">
<link>https://f-u.seesaa.net/article/369652646.html</link>
<title>正規表現クロスワードを完全クリアしてみた</title>
<description>Regex Crossword という WEB サービスを知った。ここでは、クロスワードパズルができる。ただ、普通のクロスワードパズルと違うのは、マスを埋める文字のヒントが正規表現で示されているということだ。地味に難しかったのがこの問題。列のヒントが横向きで、記号が読みにくい読みにくい&amp;hellip;！それと、これね。頭ん中だけで範囲を重ねるの無理ですwなんとか全問解いてみたぞ！&amp;hellip;と言いたくて記事書いた。結構楽しめたよ。(Regex Crossword, via..</description>
<dc:subject>WEBサービス</dc:subject>
<dc:creator>sima</dc:creator>
<dc:date>2013-07-19T07:00:00+09:00</dc:date>
<content:encoded><![CDATA[
<p><a target="_blank" href="http://regexcrossword.com/">Regex Crossword</a> という WEB サービスを知った。</p>
<p class="center"><img width="485" height="175" alt="Regex Crossword" src="https://dl.dropboxusercontent.com/u/717739/blog/2013/regexcrossword_title.png" /></p>
<p>ここでは、クロスワードパズルができる。ただ、普通のクロスワードパズルと違うのは、<em>マスを埋める文字のヒントが正規表現で示されている</em>ということだ。</p>
<p class="center"><img width="485" height="195" alt="Regex Crossword" src="https://dl.dropboxusercontent.com/u/717739/blog/2013/regexcrossword_0percent.png" /></p>
<p>地味に難しかったのがこの問題。列のヒントが横向きで、記号が読みにくい読みにくい&hellip;！</p>
<p class="center"><img width="379" height="375" alt="Regex Crossword" src="https://dl.dropboxusercontent.com/u/717739/blog/2013/regexcrossword_questionable.png" /></p>
<p>それと、これね。頭ん中だけで範囲を重ねるの無理ですw</p>
<p class="center"><img width="285" height="230" alt="Regex Crossword" src="https://dl.dropboxusercontent.com/u/717739/blog/2013/regexcrossword_telekinesis.png" /></p>
<p>なんとか全問解いてみたぞ！&hellip;と言いたくて記事書いた。</p>
<p class="center"><img width="485" height="195" alt="Regex Crossword" src="https://dl.dropboxusercontent.com/u/717739/blog/2013/regexcrossword_100percent.png" /></p>
<p>結構楽しめたよ。</p>
<p>(<a target="_blank" href="http://regexcrossword.com/">Regex Crossword</a>, via <a target="_blank" href="http://www.ideaxidea.com/archives/2013/07/regex_crossword.html">IDEA*IDEA</a>)</p>
<div class="word">
<p><q cite="http://ja.wikipedia.org/wiki/アイスブレイク">初対面の人同士が出会う時、その緊張をときほぐすための手法</q>を、<a target="_blank" href="http://ja.wikipedia.org/wiki/アイスブレイク">アイスブレイク</a>というらしい。</p>
<p>内容はともかく、なんだかつい言いたくなる言葉だなぁ。</p>
</div><a name="more"></a>

]]><![CDATA[
]]></content:encoded>
</item>
<item rdf:about="https://f-u.seesaa.net/article/369252005.html">
<link>https://f-u.seesaa.net/article/369252005.html</link>
<title>Gmail バックアップソフトの Gmvault が動かないときの解決法</title>
<description>Gmvault を使うと、 Gmail のメール（とチャット）をローカルに全てダウンロードすることができる。更にそれだけではなく、添付ファイルやラベル情報といった Gmail を使う上で重要な情報も、しっかりとバックアップしてくれる。なんとも優秀なソフトウェアだ。前回は、この Gmvault を使うための、インストールと前準備について書いた。うまく行けば前回の記事の通り行うだけで、 Gmail をフルバックアップすることが可能だが、もしかしたらいくつか引っかかることがあるかも..</description>
<dc:subject>コンピュータ・モバイル</dc:subject>
<dc:creator>sima</dc:creator>
<dc:date>2013-07-14T20:04:14+09:00</dc:date>
<content:encoded><![CDATA[
<p class="floatright"><a target="_blank" href="http://gmvault.org/"><img width="300" height="185" alt="Gmvault: gmail backup" src="http://capture.heartrails.com/300x185/shadow?http://gmvault.org/"/></a></p>
<p><a target="_blank" href="http://gmvault.org/">Gmvault</a> を使うと、 <em>Gmail のメール（とチャット）をローカルに全てダウンロード</em>することができる。</p>
<p>更にそれだけではなく、添付ファイルやラベル情報といった Gmail を使う上で重要な情報も、しっかりとバックアップしてくれる。なんとも優秀なソフトウェアだ。</p>
<p>前回は、この Gmvault を使うための、<a href="http://f-u.seesaa.net/article/367958350.html">インストールと前準備について書いた</a>。</p>
<p>うまく行けば前回の記事の通り行うだけで、 Gmail をフルバックアップすることが可能だが、もしかしたら<em>いくつか引っかかることがあるかもしれない</em>。そう、 sima のようにね。</p>
<p>というわけで、今回の記事では sima が引っかかった以下の点についての解決法を書いて行きたいと思う。</p>
<ul>
<li>実行時に Error: Cannot find global 'Drafts' folder... というエラーが発生</li>
<li>ダウンロードが始まらず、リトライ多発でタイムアウト</li>
<li>チャットのダウンロードでエラー発生</li>
</ul>
<h3>[問題] 実行時に Error: Cannot find global 'Drafts' folder... というエラーが発生</h3>
<p>Gmail のバックアップを行おうと、 gmvault-shell から</p>
<code class="vimpre">gmvault sync (gmail アドレス)</code>
<p>といったコマンドを実行する (<a href="http://f-u.seesaa.net/article/367958350.html">前回の記事を参照</a>) と、 &quot;Error: Cannot find global 'Drafts' folder...&quot; というエラーが表示されることがあるかもしれない。</p>
<p>これは、<strong>下書きフォルダが見つからない</strong>というエラー。</p>
<p><a target="_blank" href="http://gmvault.org/gmail_setup.html">Gmail Setup</a> には、<q cite="http://gmvault.org/gmail_setup.html">You will also have to make the folders &quot;All Mail&quot; and &quot;Chats&quot; available on Gmail IMAP.</q> とあり、Gmail の Chats (チャット) と All Mail (すべてのメール) のラベルを IMAP で表示するように設定せよと書いてある。</p>
<p>でも実は、 <em>Drafts (下書き) ラベルも IMAP で表示するようになっていないといけない</em>ようだ。</p>
<h4>[解決法] Gmail の IMAP で表示するラベルを設定し直す</h4>
<blockquote cite="http://gmvault.org/gmail_setup.html">
<p class="center"><a target="_blank" href="https://dl.dropboxusercontent.com/u/717739/blog/2013/gmvault_setup.jpg" title="Drafts (下書き) ラベルも IMAP で表示する" rel="lightbox"><img width="480" height="174" alt="Enabling specific folders on Gmail IMAP" src="https://dl.dropboxusercontent.com/u/717739/blog/2013/gmvault_setup.jpg" /></a></p>
<cite><a target="_blank" href="http://gmvault.org/gmail_setup.html">Gmvault: gmail backup</a></cite>
</blockquote>
<p>Gmail の設定を開き、 Drafts (下書き) ラベルも忘れずに IMAP で表示するように設定する。</p>
<h3>[問題] ダウンロードが始まらず、リトライ多発でタイムアウト</h3>
<p>Gmail のバックアップをしようとしても、ダウンロードが始まらずタイムアウトすることがあるかもしれない。</p>
<p>このエラーは、セキュリティソフトの <a target="_blank" href="http://www.avast.co.jp/">Avast!</a> を使っていると起こる。</p>
<p>ググってみるといくつか情報が見つかり、つまりは <em>Avast! のメールシールドが働いて Gmvault が Gmail サーバにアクセスできない</em>ことが原因となっている。</p>
<p>もちろん、タイムアウトする原因の全部が全部 Avast! さんを使っていることに寄るわけではないが、もし使っている場合は設定ファイルを書き換えることで問題が解決する。</p>
<p>(ref. <a target="_blank" href="https://github.com/gaubert/gmvault/issues/115#issuecomment-15551336">Error: &quot;Cannot reach the Gmail server.&quot; with Avast! Free Antivirus ・ Issue #115 ・ gaubert/gmvault ・ GitHub</a>)</p>
<h4>[解決法] 設定ファイルの enable_imap_compression を書き換える</h4>
<p>設定ファイルは <strong>$HOME/.gmvault/gmvault_defaults.conf</strong> にある。<br />(Windows7 であれば、 C:\Users\(ユーザ名)\.gmvault\gmvault_defaults.conf といった感じ)</p>
<p>このファイルをエディタで開き、</p>
<code class="vimpre">
[General]<br>
limit_per_chat_dir=2000<br>
errors_if_chat_not_visible=False<br>
nb_messages_per_batch=500<br>
nb_messages_per_restore_batch=80<br>
restore_default_location=DRAFTS<br>
keep_in_bin=False<br>
enable_imap_compression=False<br>
</code>
<p>[General] の enable_imap_compression の設定を False に変更し、保存する。</p>
<h3>[問題] チャットのダウンロードでエラー発生</h3>
<p>Gmvault は、4つのフェイズを順に実行することで Gmail のバックアップを行う。</p>
<blockquote cite="http://gmvault.org/in_depth.html">
<p>A backup operation is organised in 4 phases:</p>
<dl>
<dt>Initialisation phase:</dt>
<dd>During this phase, the connection to the Gmail Server, the user authentication and Gmvault-db loading happen.</dd>
<dt>Email Backup phase:</dt>
<dd>During this phase the Gmail server will be requested and only new emails will be saved and stored on disk.</dd>
<dt>Chat Backup phase:</dt>
<dd>This phase is similar to the previous one and will save new Gmail Talk chat messages if the chat message can be seen on IMAP.</dd>
<dt>Cleaning phase:</dt>
<dd>During this phase, the Gmvault database will be checked and all emails and chats that have been deleted from the GMail account will be suppressed from the Gmvault-db.</dd>
</dl>
<cite><a target="_blank" href="http://gmvault.org/in_depth.html">Gmvault: gmail backup</a></cite>
</blockquote>
<p>そして、メールのバックアップが済んだ後に、チャットのダウンロードが始まらないことがあるかもしれない。</p>
<p>これは、どうやら <em>Gmail を英語ではない言語で使っているときに起こる問題</em>のようだ。</p>
<p>これも設定ファイルを書き換えることで問題が解決する。</p>
<h4>[解決法] 設定ファイルの chat_folder を書き換える</h4>
<p><strong>$HOME/.gmvault/gmvault_defaults.conf</strong> にある設定ファイルを開き、<br />(Windows7 であれば、 C:\Users\(ユーザ名)\.gmvault\gmvault_defaults.conf)</p>
<code class="vimpre">
[Localisation]<br>
<span class="Comment">#example with Russian</span><br>
<span class="Comment">#chat_folder=[ u'[Google Mail]/Чаты', u'[Gmail]/Чаты' ]</span><br>
chat_folder=[ u<span class="Constant">'[Google Mail]/チャット'</span>, u<span class="Constant">'[Gmail]/チャット'</span>&nbsp;]<br>
<span class="Comment">#uncomment if you need to force the term_encoding</span><br>
<span class="Comment">#term_encoding='utf-8'</span><br>
</code>
<p>[Localisation] の chat_folder の設定を書き換える。</p>
<p>日本語で Gmail を使っているならば、 &quot;チャット&quot; と日本語で書けば良い。</p>
<h3>おわり</h3>
<p>とりあえず、 sima が引っかかった点と、その解決法はこれで全て。</p>
<p>Gmail の全てのメールをダウンロードしてバックアップしたので、なんとなく安心した。</p>
<p>ちなみに Gmvault は、保存したバックアップデータから Gmail ではない他の形式にエクスポートすることも可能であったりと、バックアップだけではない使い方もできるそうだ。</p>
<p>一度、詳しい説明を <a target="_blank" href="http://gmvault.org/in_depth.html">In Depth</a> で見ておくのも良いと思うよ。</p><a name="more"></a>

]]><![CDATA[
]]></content:encoded>
</item>
<item rdf:about="https://f-u.seesaa.net/article/367958350.html">
<link>https://f-u.seesaa.net/article/367958350.html</link>
<title>Google アカウントが消える前に！ Gmail フルバックアップのススメ</title>
<description>Google さんのアカウントが今この瞬間に消えるということを想像してみた。&amp;hellip;うん、凹むね。実際にアカウントが消えてしまったという話 (tappli blog: Googleアカウントを消されてしまった話) もあり、確かに何か不測の事態が発生して急に消えないとも限らない。そこで、とりあえず Gmail のメールをバックアップしてみたので、記録を残しておこう。今回の記事では Gmail のメールをバックアップするソフトの使い方を説明し、次回の記事ではそのソフトを使..</description>
<dc:subject>コンピュータ・モバイル</dc:subject>
<dc:creator>sima</dc:creator>
<dc:date>2013-06-30T23:16:11+09:00</dc:date>
<content:encoded><![CDATA[
<p><em>Google さんのアカウントが今この瞬間に消える</em>ということを想像してみた。&hellip;うん、凹むね。</p>
<p>実際にアカウントが消えてしまったという話 (<a target="_blank" href="http://blog.tappli.com/article/69534410.html">tappli blog: Googleアカウントを消されてしまった話</a>) もあり、確かに何か不測の事態が発生して急に消えないとも限らない。</p>
<p>そこで、とりあえず <strong>Gmail のメールをバックアップ</strong>してみたので、記録を残しておこう。</p>
<p>今回の記事では <em>Gmail のメールをバックアップするソフトの使い方</em>を説明し、次回の記事ではそのソフトを使うにあたり少し引っかかったところを解決する方法を書くことにする。</p>
<ins datetime="2013-07-14">
<p><a href="http://f-u.seesaa.net/article/369252005.html">Gmail バックアップソフトの Gmvault が動かないときの解決法</a>を書いた。予告通り、 sima が Gmvault を使うにあたり引っかかった点の解決法ね。</p>
</ins>
<h3>Gmail バックアップソフトの Gmvault を使う</h3>
<p class="floatleft"><a target="_blank" href="http://gmvault.org/"><img width="300" height="185" alt="Gmvault: gmail backup" src="http://capture.heartrails.com/300x185/shadow?http://gmvault.org/" /></a></p>
<p>Gmail のメールをバックアップする。</p>
<p>実際の作業としては、 <a target="_blank" href="http://gmvault.org/">Gmvault: gmail backup</a> というソフトウェアを使って、 <em>Gmail の全メール（とチャット）をローカルにダウンロード</em>する。</p>
<p>この Gmvault を使えば、受信メール・送信メールはもちろん、添付ファイルやラベル情報までもを完全にバックアップできる。</p>
<p>そして、バックアップしたデータを Gmail 上に復元することもできるし、データを他の形式でエクスポートすることもできるし、なんとも素晴らしい高性能っぷりで感動さえ覚える！</p>
<p>褒めれば褒めるほど、香ばしいステルス・マーケティング臭がぷんぷんと醸しだされてくるというどうでもよいことに気付いたところで、<a target="_blank" href="http://gmvault.org/download.html">ダウンロードページ</a>からソフトウェアをダウンロードして、インストールしよう。</p>
<h4>Gmvault を使う前に、Gmail の設定</h4>
<p>インストールしたら早速 Gmvault を使う、といきたいところだけどハヤる気持ちを抑えて、まずは <em>Gmail 上で設定の確認</em>をする。</p>
<p>これは <a target="_blank" href="http://gmvault.org/gmail_setup.html">Gmail Setup</a> にスクリーンショット付きで詳しく説明してあるので、特に迷うこともないと思う。</p>
<p>要は、</p>
<ul>
<li>IMAP アクセスを有効にし、</li>
<li>IMAP フォルダのメール数を制限せず、</li>
<li>特定のラベルを IMAP で表示する</li>
</ul>
<p>ことで、 Gmvault が IMAP を使用して Gmail にアクセスできるようにするということね。</p>
<h4>Gmvault を使って、バックアップの実行</h4>
<p>Gmail での設定が済んだら、 <em>Gmvault を実行</em>する。</p>
<p>Windows ではインストール時に &quot;Create Desktop Shortcut&quot; のチェックボックスをチェックしておけば、 gmvault-shell というショートカットがデスクトップに作成されるので、これから簡単に Gmvault を起動することができる。</p>
<p>データをバックアップするには、以下のように入力して実行する。</p>
<code class="vimpre">
gmvault sync (gmail アドレス)
</code>
<p>ただ、これだとバックアップされたデータが少々分かりにくいところ (%HOME%/gmvault-db) に保存されてしまう。また、基本的に<em>保存先フォルダには1つのアカウントのデータしか保存できない</em>ので、複数アカウントのバックアップをしたいときには困ることになる。</p>
<p>そこで、自分で保存先フォルダを指定して、アカウント毎に保存先を分けるようにする。</p>
<code class="vimpre">
gmvault sync -d (保存先フォルダのフルパス) (gmail アドレス)
</code>
<p>例えば、こんな感じ。</p>
<code class="vimpre">
gmvault sync -d D:\mails\google google@gmail.com
</code>
<p>一応、保存先フォルダに複数アカウントのデータを保存するという引数 (-m) も存在するが、これを指定するとデータが混ざり合うらしく、それはそれで困る。統合したいときには便利なのかな。</p>
<p>他にもいくつか設定できる引数があるので、慣れてきたら <a target="_blank" href="http://gmvault.org/in_depth.html">In Depth</a> を参考にすると良い。</p>
<h5>初回実行時には、アクセス許可が必要</h5>
<p>ちなみに、初めてバックアップを実行したときには、<em>「 Enter キーを押すとブラウザを開くので、そこで Gmvault に対してアクセス許可してちょ！」</em>みたいなことが表示されるので、素直に Enter キーを押して認証することが必要となる。</p>
<p>開いたブラウザのウィンドウで、アクセスを許可を選択すればよい。</p>
<h3>うまく行けばバックアップされるハズ</h3>
<p>これでうまく行けば Gmail のメールが全てローカルにバックアップされるのだけど、うまくできないことがあるかもしれない。というか、 sima はいくつか引っかかった点があった。</p>
<p>そこで、<em>次回の記事では sima が引っかかった点の解決法を書きたい</em>と思う。</p>
<p>予定としては、</p>
<ul>
<li>実行時に Error: Cannot find global 'Drafts' folder... というエラーが発生</li>
<li>ダウンロードが始まらず、リトライ多発でタイムアウト</li>
<li>チャットのダウンロードでエラー発生</li>
</ul>
<p>の解決法を書くつもり。</p>
<ins datetime="2013-07-14">
<p><a href="http://f-u.seesaa.net/article/369252005.html">解決法を書いた</a>。上の3つの問題については、その記事を参考に。</p>
</ins>
<div class="word">
<p>このブログ、 IE8 で開くと互換表示モードにしないと崩れるんだよね。</p>
<p>直そう直そうと思いつつ、 IE <s>なんか</s>のために手をかけるのも&hellip;と思ってしまう。 IE7 でも崩れないように作った結果、後の IE8 で崩れるというね。</p>
<p>最近は IE に対する文句をあまり聞かなくなったけど知ったことか！ IE 爆発しろ！</p>
</div><a name="more"></a>

]]><![CDATA[
]]></content:encoded>
</item>
<item rdf:about="https://f-u.seesaa.net/article/353020811.html">
<link>https://f-u.seesaa.net/article/353020811.html</link>
<title>厳選して使っているポイントサイト2つ</title>
<description>sima はポイントサイトを使っている！と言いつつ、そこまで積極的に使っているわけではないけれどもwネットショップで何かを買うときにポイントサイトを経由するといくらか還元されるので、そのためだけに登録しているようなもんだね。例えば、楽天やヤフオクなんかで買い物をする場合には、ハピタス (Happi+)というポイントサイトを経由すれば数パーセント分がポイントとしてもらえるのでお得。ちなみに sima が使っているポイントサイトは、以下の2つ。GetMoney!Happi+どちら..</description>
<dc:subject>WEBサービス</dc:subject>
<dc:creator>sima</dc:creator>
<dc:date>2013-03-27T21:50:00+09:00</dc:date>
<content:encoded><![CDATA[
<p>sima はポイントサイトを使っている！<br />と言いつつ、そこまで積極的に使っているわけではないけれどもw</p>
<p>ネットショップで何かを買うときに<strong>ポイントサイトを経由するといくらか還元される</strong>ので、そのためだけに登録しているようなもんだね。</p>
<p>例えば、<em>楽天</em>や<em>ヤフオク</em>なんかで買い物をする場合には、<a target="_blank" href="https://m.hapitas.jp/register?i=11947686">ハピタス (Happi+)</a>というポイントサイトを経由すれば数パーセント分がポイントとしてもらえるのでお得。</p>
<p>ちなみに sima が使っているポイントサイトは、以下の2つ。</p>
<ol>
<li><a target="_blank" href="http://dietnavi.com/?id=1916481">GetMoney!</a></li>
<li><a target="_blank" href="https://m.hapitas.jp/register?i=11947686">Happi+</a></li>
</ol>
<p>どちらも数あるポイントサイトの中でも有名・人気のあるサイトで、また換金のしやすさを考えてこの順で sima はおすすめする。</p>
<p>とりあえず1つ2つくらいのポイントサイトに登録しておけば、いろいろなショップでポイントがもらえるようになるので良いと思うよ。</p>
<h3>ハピタス宝くじをマックスまで交換した</h3>
<p>ところで、<a target="_blank" href="https://m.hapitas.jp/register?i=11947686">ハピタス</a>ではハピタス宝くじというイベントが毎月開催されている。</p>
<p>これはまぁ宝くじという名前から想像できる通りで、<em>自分の持つ宝くじ券が当選したらポイントをもらえる</em>というもの。この宝くじ券をもらうためには宝くじ交換券というものが必要なのだが、正直これはいつの間にか溜まっている。なので、すぐ交換すれば良い。</p>
<p>&hellip;が、ハピタスが2012年11月にリニューアルしてからというもの、宝くじ券を交換したい人が殺到したのか、即売り切れ状態になっていた。そのため、2,3ヶ月の間全然交換できなかった。</p>
<p class="center"><img width="480" height="292" alt="売り切れになったハピタス宝くじ" src="https://dl.dropbox.com/u/717739/blog/2013/hapitas_takarakuji_soldout.png" /></p>
<p>それが今月、やっと交換できたので上限まで交換した。</p>
<blockquote cite="http://hapitas.jp/takarakuji/">
<p>恐れ入りますが、より多くの皆様に宝くじ券に交換頂けるよう</p>
<p>今回もお一人様につき200枚までの交換とさせていただきます。</p>
<cite><a target="_blank" href="http://hapitas.jp/takarakuji/">ハピタス宝くじ | ハピタス</a></cite>
</blockquote>
<p>ということなので、200枚。</p>
<p class="floatleft"><img width="355" height="78" alt="sima が実際に交換したハピタス宝くじの組別枚数" src="https://dl.dropbox.com/u/717739/blog/2013/hapitas_takarakuji_201303.png" /></p>
<p>組ごとの枚数はこんな感じ。</p>
<p>まぁ、 sima は運が良くないので、どうせ外れるだろうと全く期待していないんだけどねw</p>
<p class="center"><img width="300" height="300" alt="2013年03月のハピタス宝くじ当選特典一覧" src="https://dl.dropbox.com/u/717739/blog/2013/hapitas_takarakuji_prize.png" /></p>
<p>当たれば儲けモン。</p>
<h3>うまく使っていこう、ポイントサイトを</h3>
<p>もちろん、<a target="_blank" href="https://m.hapitas.jp/register?i=11947686">ハピタス</a>だけでなく、 <a target="_blank" href="http://dietnavi.com/?id=1916481">GetMoney!</a> でもイベントが開催されている。参加したい人は参加すれば良いし、 sima みたいな面倒臭がりな人は気になったものだけ見れば良い。</p>
<ul>
<li><a target="_blank" href="http://dietnavi.com/?id=1916481">GetMoney!</a></li>
<li><a target="_blank" href="https://m.hapitas.jp/register?i=11947686">Happi+</a></li>
</ul><a name="more"></a>

]]><![CDATA[
]]></content:encoded>
</item>
<item rdf:about="https://f-u.seesaa.net/article/348813697.html">
<link>https://f-u.seesaa.net/article/348813697.html</link>
<title>Tumblr で画像を Lightbox 表示！(しかも何も導入せずに)</title>
<description>久しぶりに Tumblr の HTML テーマをイジってみたところ、新しい発見があった。そこで、 Tumblr に投稿した画像を Lightbox エフェクトを使って格好良く表示する方法を書いてみる。そもそも Lightbox とは？Lightbox とは何ぞや？という人ももちろんいるだろうから簡単に説明すると、画像を画面の真ん中に表示して画像以外を目立たなくするエフェクトのこと。Tumblr でいうと、新しめの HTML テーマを使っている場合に、フォトセット投稿、あるいは..</description>
<dc:subject>WEBサービス</dc:subject>
<dc:creator>sima</dc:creator>
<dc:date>2013-03-21T00:05:25+09:00</dc:date>
<content:encoded><![CDATA[
<p>久しぶりに Tumblr の HTML テーマをイジってみたところ、新しい発見があった。そこで、 <strong>Tumblr に投稿した画像を Lightbox エフェクトを使って格好良く表示する方法</strong>を書いてみる。</p>
<h3>そもそも Lightbox とは？</h3>
<p class="floatright"><img width="300" height="185" alt="Tumblr で画像を Lightbox エフェクトを使って表示したところ" src="https://dl.dropbox.com/u/717739/blog/2013/lightbox.png" /></p>
<p>Lightbox とは何ぞや？という人ももちろんいるだろうから簡単に説明すると、<em>画像を画面の真ん中に表示して画像以外を目立たなくするエフェクト</em>のこと。</p>
<p>Tumblr でいうと、新しめの HTML テーマを使っている場合に、フォトセット投稿、あるいはパノラマ投稿した画像をクリックすると、その画像が Lightbox 表示される。</p>
<p>ただし、単純な写真投稿の場合には Lightbox 表示されないので、今回はこの場合にも Lightbox 表示されるようにテーマをイジってみよう。</p>
<h3>Lightbox 表示されるように HTML テーマをイジる</h3>
<p>そもそも Tumblr の画像投稿には、単純な<em>写真投稿 (Photo Posts)</em> や複数枚をアップロードできる<em>フォトセット投稿 (Photoset Posts)</em> があり、そして、いつの間にか<em>パノラマ投稿 (Panorama Posts)</em> なんてものも増えていた (<a target="_blank" href="http://staff.tumblr.com/post/40779375054/panoramas"><time datetime="2013-01-17">2013年01月17日</time>のスタッフブログの記事</a>に説明あり)。</p>
<p>さきほども書いた通り、このフォトセット・パノラマ投稿した画像をクリックすると、大きく Lightbox 表示される。このとき何が起こっているかというと、テーマに自動的に挿入されたスクリプトの関数が実行され、これによって画像の Lightbox 表示がされているわけだ。</p>
<p>そこで、単純な写真投稿の場合にもこの関数を実行するように HTML テーマを書き換えてみよう！</p>
<h4>単純な写真投稿についてのブロックを探す</h4>
<p>まずは、 <a target="_blank" href="http://www.tumblr.com/customize">Tumblr のカスタマイズページ</a>に移動し、 <em>Custom theme</em> の横にある <em>Edit HTML</em> を開く。表示した HTML ソースから以下のように書かれたところを探す。</p>
<code class="vimpre">
{block:Photo}<br>
&nbsp;&nbsp;<span class="Special">&hellip;</span><br>
&nbsp;&nbsp;{LinkOpenTag}<span class="Identifier">&lt;</span><span class="Statement">img</span><span class="Identifier">&nbsp;</span><span class="Type">src</span><span class="Identifier">=</span><span class="Constant">&quot;{PhotoURL-400}&quot;</span><span class="Identifier">&nbsp;</span><span class="Type">alt</span><span class="Identifier">=</span><span class="Constant">&quot;{PhotoAlt}&quot;</span><span class="Identifier">&nbsp;/&gt;</span>{LinkCloseTag}<br>
&nbsp;&nbsp;<span class="Special">&hellip;</span><br>
{/block:Photo}<br>
</code>
<p>あるいは、テーマによってはこのようになっているかも。</p>
<code class="vimpre">
{block:Photo}<br>
&nbsp;&nbsp;<span class="Special">&hellip;</span><br>
&nbsp;&nbsp;<span class="Identifier">&lt;</span><span class="Statement">a</span><span class="Identifier">&nbsp;</span><span class="Type">href</span><span class="Identifier">=</span><span class="Constant">&quot;{PhotoURL-400}&quot;</span><span class="Identifier">&gt;&lt;</span><span class="Statement">img</span><span class="Identifier">&nbsp;</span><span class="Type">src</span><span class="Identifier">=</span><span class="Constant">&quot;{PhotoURL-400}&quot;</span><span class="Identifier">&nbsp;</span><span class="Type">alt</span><span class="Identifier">=</span><span class="Constant">&quot;{PhotoAlt}&quot;</span><span class="Identifier">&nbsp;/&gt;</span><span class="Identifier">&lt;/</span><span class="Statement">a</span><span class="Identifier">&gt;</span><br>
&nbsp;&nbsp;<span class="Special">&hellip;</span><br>
{/block:Photo}<br>
</code>
<h4>HTML テーマを書き換える</h4>
<p>そうしたら、このように書き換える。</p>
<code class="vimpre">
{block:Photo}<br>
&nbsp;&nbsp;&hellip;<br>
&nbsp;&nbsp;<span class="Identifier">&lt;</span><span class="Statement">a</span><span class="Identifier">&nbsp;</span><span class="Type">href</span><span class="Identifier">=</span><span class="Constant">&quot;{PhotoURL-HighRes}&quot;</span><span class="Identifier">&nbsp;</span><span class="Type">onclick</span><span class="Identifier">=</span><span class="Constant">&quot;Tumblr.Lightbox.init([{</span><br>
<span class="Constant">&nbsp;&nbsp;&nbsp;&nbsp;'width'&nbsp;&nbsp;&nbsp;&nbsp;: '{PhotoWidth-HighRes}',</span><br>
<span class="Constant">&nbsp;&nbsp;&nbsp;&nbsp;'height'&nbsp;&nbsp; : '{PhotoHeight-HighRes}',</span><br>
<span class="Constant">&nbsp;&nbsp;&nbsp;&nbsp;'low_res'&nbsp;&nbsp;: '{PhotoURL-400}',</span><br>
<span class="Constant">&nbsp;&nbsp;&nbsp;&nbsp;'high_res' : '{PhotoURL-HighRes}'</span><br>
<span class="Constant">&nbsp;&nbsp;}]); return false;&quot;</span><span class="Identifier">&gt;</span><span class="Identifier">&lt;</span><span class="Statement">img</span><span class="Identifier">&nbsp;</span><span class="Type">src</span><span class="Identifier">=</span><span class="Constant">&quot;{PhotoURL-400}&quot;</span><span class="Identifier">&nbsp;</span><span class="Type">alt</span><span class="Identifier">=</span><span class="Constant">&quot;{PhotoAlt}&quot;</span><span class="Identifier">&nbsp;/&gt;</span><span class="Identifier">&lt;/</span><span class="Statement">a</span><span class="Identifier">&gt;</span><br>
&nbsp;&nbsp;&hellip;<br>
{/block:Photo}<br>
</code>
<p>ちなみに、<em>{PhotoURL-400}</em>の部分は、元のテーマによって値が異なっている場合があるよ。</p>
<h3>良き Tumblelog ライフを</h3>
<p>以上！やることはたったこれだけ。</p>
<p class="center"><a target="_blank" href="http://zoo.tumblr.com/"><img width="485" height="300" alt="かわいいどうぶつ (zoo.tumblr.com) の画像を Lightbox 表示したところ" src="https://dl.dropbox.com/u/717739/blog/2013/lightbox_zoo.png" /></a></p>
<p>画像をクリックすると、大きく表示されるようになったはず。何も導入することなく、 Lightbox 表示できるというのが味噌だね。</p>
<p>というわけで、これでより良い Tumblelog ライフを送れるようになった。良い！</p>
<div class="word">
<p class="floatleft"><a target="_blank" href="http://www.amazon.co.jp/exec/obidos/ASIN/B004G8QSTO/fou-22/"><img width="180" height="126" alt="OLYMPUS XZ-1 | Amazon" src="http://ec2.images-amazon.com/images/I/41%2B7N48F7JL._SL180_.jpg" /></a></p>
<p>最近、 <a target="_blank" href="http://www.amazon.co.jp/exec/obidos/ASIN/B004G8QSTO/fou-22/">OLYMPUS XZ-1</a> というコンパクトデジタルカメラを買った。</p>
<p>このカメラは2011年に発売されたもので、既に <a target="_blank" href="http://www.amazon.co.jp/exec/obidos/ASIN/B009C72TX8/fou-22/">XZ-2</a> という後継機が発売されているという、まぁ新しくはない機種だ。</p>
<p>とはいえ、今まで使っていたデジカメは更に古い2009年発売のものだったし、カメラに詳しくない sima が最新型の機種を追っても仕方がないかなと思ったのでコレにした。デザインが格好良すぎて気に入ったというのもある。</p>
<p>実際に使ってみると、今までの普及型コンデジの写真とは写りが格段に違っていて驚いた。高級コンデジとは如何なものかと思っていたけど、素人目でもこんなに違うのが分かるんだね。びっくり。</p>
<p>正直、今まで全然気にもしていなかった OLYMPUS 、いやオリンパスさんを一気に好きになりつつある今日この頃w スナップ用途だけではもったいないかな。</p>
</div><a name="more"></a>

]]><![CDATA[
]]></content:encoded>
</item>
<item rdf:about="https://f-u.seesaa.net/article/343222076.html">
<link>https://f-u.seesaa.net/article/343222076.html</link>
<title>「ミクロの決死圏」を観た</title>
<description>ミクロの決死圏は1966年の映画で、今から約半世紀も前の映画だ。アイザック・アシモフの書いた小説のミクロの決死圏は読んだことがあったので、てっきりこの小説を原作として映画化されたのだと思っていたが、実は映画の脚本を元にして小説が書かれたということらしい。あ、これは毎度おなじみ Wikipedia 外部記憶からの情報ねw観始めて早々に思ったのは、車や飛行機などの乗り物、またモニター等の機械類が異様に格好良いということだ。「昔のハイテク」とでもいうべき、時間が経つことでしか出せな..</description>
<dc:subject>読書・映画鑑賞</dc:subject>
<dc:creator>sima</dc:creator>
<dc:date>2013-03-06T23:25:26+09:00</dc:date>
<content:encoded><![CDATA[
<p class="floatleft"><a target="_blank" href="http://www.amazon.co.jp/exec/obidos/ASIN/B003ZX8G5A/fou-22/"><img width="180" height="291" alt="ミクロの決死圏 | Amazon" src="http://ec2.images-amazon.com/images/I/51VpW1uzs-L._CR87,0,180,291_PU0_.jpg" /></a></p>
<p><a target="_blank" href="http://www.amazon.co.jp/exec/obidos/ASIN/B003ZX8G5A/fou-22/">ミクロの決死圏</a>は1966年の映画で、今から約半世紀も前の映画だ。</p>
<p>アイザック・アシモフの書いた小説の<a target="_blank" href="http://www.amazon.co.jp/exec/obidos/ASIN/4150100233/fou-22/">ミクロの決死圏</a>は読んだことがあったので、てっきりこの小説を原作として映画化されたのだと思っていたが、実は映画の脚本を元にして小説が書かれたということらしい。</p>
<p>あ、これは毎度おなじみ <a target="_blank" href="http://ja.wikipedia.org/wiki/ミクロの決死圏">Wikipedia 外部記憶</a>からの情報ねw</p>
<p>観始めて早々に思ったのは、車や飛行機などの乗り物、またモニター等の機械類が異様に格好良いということだ。<em>「昔のハイテク」</em>とでもいうべき、時間が経つことでしか出せない趣を感じることができ、レトロな乗り物・ガジェットが好きな sima はこれだけでも見て良かったと思った。</p>
<p>ストーリーとしては、小さくなって体の中を冒険する映画でしょ？となんとなく知っている人も多いと思うが、ただそれだけの単純なものではない。</p>
<p>縮小技術により、小さくなって患者の病巣を直接治療するというオペレーション（=作戦, =手術）を遂行していくのだが、この患者がこの縮小技術についての重要な人物であるがために作戦は一筋縄では終わらない。</p>
<p>ネタバレになるのであまり詳しくは書かないが、チーム内に作戦を妨害する者がいるわけだ。</p>
<p class="floatright"><a target="_blank" href="http://www.amazon.co.jp/exec/obidos/ASIN/4150100233/fou-22/"><img width="180" height="291" alt="ミクロの決死圏 | Amazon" src="http://ec2.images-amazon.com/images/I/51NALb7dhaL._CR0,0,180,291_PU0_.jpg" /></a></p>
<p>そういった事情、また予期していなかったハプニングの連続で、病巣までの道のりが予定とは違ったものとなり、いくつかの「器官」を道草して進んでいく。その先々で、この器官はこんな働きがあったのかと知的好奇心を満たしてくれるのだが、これについては<a target="_blank" href="http://www.amazon.co.jp/exec/obidos/ASIN/4150100233/fou-22/">小説</a>の方がより大きく満たしてくれるのでおすすめする。</p>
<p>映画は SF として見ると気になる点が確かにある。しかしながら、何十年も前の映画で CG も使わずにヒトの体内を描いたというところが偉大であり、このストーリーを映像として観られるというところに映画としての価値がある。</p>
<p>sima は小説を読んで面白かったので映画を観たのだが、まだどちらも見ていない人は映画 &rarr; 小説の順で見るとより楽しめると思うよ。小説では映画で気になった点も解決されていて、<em>ファンタジー寄りだった映画</em>からきちんと <em>SF 小説</em>になっているのでね。</p>
<p class="center"><a target="_blank" href="http://www.amazon.co.jp/exec/obidos/ASIN/B003ZX8G5A/fou-22/"><img width="212" height="300" alt="ミクロの決死圏 | Amazon" src="http://ec2.images-amazon.com/images/I/51VpW1uzs-L._SL300_.jpg" /></a><a target="_blank" href="http://www.amazon.co.jp/exec/obidos/ASIN/4150100233/fou-22/"><img width="209" height="300" alt="ミクロの決死圏 | Amazon" src="http://ec2.images-amazon.com/images/I/51NALb7dhaL._SL300_.jpg" /></a></p>
<div class="word">
<p>生存報告がてら記事投稿でも。</p>
<p>というか、思っていた以上に放置しすぎていた。ありえないw</p>
</div><a name="more"></a>

]]><![CDATA[
]]></content:encoded>
</item>
<item rdf:about="https://f-u.seesaa.net/article/238896669.html">
<link>https://f-u.seesaa.net/article/238896669.html</link>
<title>「ノウイング」を観た</title>
<description>この間、テレビで放映していたノウイングって映画を録画していたので、観てみた。あぁなるほど、こういう落ちなのね。サスペンスと SF を足したら何故かファンタジーになりました、って映画。前半はテンポ良く進むのが観てて気持ちよく、また謎の数字の羅列ってだけで個人的にはそそられるものがあったんだけど、如何せんラストが。前半良かっただけに、もう少し何とかならなかったものか。ニコラス・ケイジはカッコいい。ところで、観た映画を管理するために、何かいい WEB サービスはないものか。ちょっと..</description>
<dc:subject>読書・映画鑑賞</dc:subject>
<dc:creator>sima</dc:creator>
<dc:date>2011-12-06T00:30:23+09:00</dc:date>
<content:encoded><![CDATA[
<p class="floatleft"><a target="_blank" href="http://www.amazon.co.jp/exec/obidos/ASIN/B002AQTCVK/fou-22/"><img width="170" height="240" alt="ノウイング | Amazon" src="http://ec2.images-amazon.com/images/I/51CCzNWOuAL._SL240_.jpg" /></a></p>
<p>この間、テレビで放映していた<a target="_blank" href="http://www.amazon.co.jp/exec/obidos/ASIN/B002AQTCVK/fou-22/">ノウイング</a>って映画を録画していたので、観てみた。</p>
<p>あぁなるほど、こういう落ちなのね。サスペンスと SF を足したら何故かファンタジーになりました、って映画。</p>
<p>前半はテンポ良く進むのが観てて気持ちよく、また謎の数字の羅列ってだけで個人的にはそそられるものがあったんだけど、如何せんラストが。前半良かっただけに、もう少し何とかならなかったものか。</p>
<p>ニコラス・ケイジはカッコいい。</p>
<div class="word">
<p>ところで、観た映画を管理するために、何かいい WEB サービスはないものか。</p>
<p>ちょっと前まで <em>ONTV JAPAN</em> の映画管理を利用してたんだけど、急に「サービス終了 &rarr; データは消える前に各自ダウンロードすること」という鬼畜の所業でサヨナラしちゃったからね。</p>
<p>とりあえず、 <a target="_blank" href="http://movies.yahoo.co.jp/">Yahoo! 映画</a>と<a target="_blank" href="http://cinema.pia.co.jp/">ぴあ映画生活</a>を試してみたんだけど、どうもしっくり来ない。</p>
<p>前者は、マイナーな映画でも見付かるのはとてもいいんだけど、一覧が見にくいし、一番痛いのはレビューを書かないと評価の星を付けられないこと。星だけ付けさせてくれてもいいじゃん！</p>
<p>後者は、うーん、なんか使いにくいんだよね&hellip;。</p>
<p>何かいい WEB サービスあったら誰か教えて！</p>
</div><a name="more"></a>

]]><![CDATA[
]]></content:encoded>
</item>
<item rdf:about="https://f-u.seesaa.net/article/238892050.html">
<link>https://f-u.seesaa.net/article/238892050.html</link>
<title>英数字・記号を並べてみる</title>
<description>自分で並び替えられない一覧のために、あるいは、そういった一覧で使えそうな記号を探すために、いくつかの数字と記号を羅列、並べ替えてみた。言葉にするとどこのことか分かりにくいけど&amp;hellip;、自分で並び替えられない一覧とというのは、ほら、色々な Web サービスを使ってるとあるでしょ？サービス側で勝手に並べられるような一覧が (何の説明にもなってないなw)。例えば、 Evernote のノートブックとか、 Evernote のノートブックとか、 Evernote のノートブッ..</description>
<dc:subject>WEB・ブログ</dc:subject>
<dc:creator>sima</dc:creator>
<dc:date>2011-12-05T23:43:48+09:00</dc:date>
<content:encoded><![CDATA[
<p><strong>自分で並び替えられない一覧</strong>のために、あるいは、そういった一覧で<strong>使えそうな記号を探す</strong>ために、いくつかの数字と記号を羅列、並べ替えてみた。</p>
<p>言葉にするとどこのことか分かりにくいけど&hellip;、<em>自分で並び替えられない一覧</em>とというのは、ほら、色々な Web サービスを使ってるとあるでしょ？サービス側で勝手に並べられるような一覧が (何の説明にもなってないなw)。</p>
<p>例えば、 Evernote のノートブックとか、 Evernote のノートブックとか、 Evernote のノートブックとか。<br />
あぁあと、 Evernote のタグとか、 Evernote のタグとか、 Evernote のタグとか。</p>
<h3>何故、急にこんな記事書いたの？</h3>
<p>Evernote のノートブックを、うまいこと名付けて、うまいこと並べたかったのさ！<br />
Evernote のタグの一覧を、うまいこと名付けて、うまいこと並べたかったのさ！</p>
<p>実際、他にも色々あるよね。 Gmail のラベルなんかもそう。</p>
<p>まぁ何というか sima は元々、重要なカテゴリやタグの頭に「!」や「*」や「.」などを付ける癖があるんだけど、他にも使えそうな記号があるかなと思って。メモみたいなもんだね。思い付きだねw 完全に。</p>
<h3>早速、数字と記号を並び変えてみる</h3>
<p>毎度のことながら、前置きが長いのでさっさと羅列、並び替えてみる。</p>
<h5>今回調べた数字と記号</h5>
<p>とりあえずは、キーボード上の数字と記号をばーっと書き出し&hellip;</p>
<pre>1&nbsp;2&nbsp;3&nbsp;4&nbsp;5&nbsp;6&nbsp;7&nbsp;8&nbsp;9&nbsp;0&nbsp;!&nbsp;&quot;&nbsp;#&nbsp;$&nbsp;%&nbsp;&amp;&nbsp;&#39;&nbsp;(&nbsp;)&nbsp;-&nbsp;=&nbsp;^&nbsp;~&nbsp;\&nbsp;|&nbsp;@&nbsp;`&nbsp;[&nbsp;{&nbsp;;&nbsp;+&nbsp;:&nbsp;*&nbsp;]&nbsp;}&nbsp;,&nbsp;&lt;&nbsp;.&nbsp;&gt;&nbsp;/&nbsp;?&nbsp;_</pre>
<h5>ソートした後の数字と記号</h5>
<p>そして、並び替え！</p>
<pre>!&nbsp;&quot;&nbsp;#&nbsp;$&nbsp;%&nbsp;&amp;&nbsp;&#39;&nbsp;(&nbsp;)&nbsp;*&nbsp;+&nbsp;,&nbsp;-&nbsp;.&nbsp;/&nbsp;0&nbsp;1&nbsp;2&nbsp;3&nbsp;4&nbsp;5&nbsp;6&nbsp;7&nbsp;8&nbsp;9&nbsp;:&nbsp;;&nbsp;&lt;&nbsp;=&nbsp;&gt;&nbsp;?&nbsp;@&nbsp;[&nbsp;\&nbsp;]&nbsp;^&nbsp;_&nbsp;`&nbsp;{&nbsp;|&nbsp;}&nbsp;~</pre>
<p>ほうほう、なるほど。</p>
<h4>sima のおすすめ</h4>
<p>こうして並び替えて見てみると、</p>
<pre>!&nbsp;*&nbsp;+&nbsp;-&nbsp;.&nbsp;0&nbsp;1&nbsp;2&nbsp;3&nbsp;4&nbsp;5&nbsp;6&nbsp;7&nbsp;8&nbsp;9&nbsp;:&nbsp;=&nbsp;&gt;&nbsp;@&nbsp;_</pre>
<p>あたりが使い勝手がよさそうかなー。以上。終わりw</p>
<h3>ちなみに、よく英数字を付けることを勧める記事あるけどそれじゃあダメなの？</h3>
<p><span class="highlight">1. 2. 3. &hellip;</span> とか <span class="highlight">A. B. C. &hellip;</span> とかを頭に付けると、きれいに並んで便利よー、なんて良く見るよね。でも、これだけで全てを片づけるのは sima はイヤなんだよねー。</p>
<h4>順番付けが「強烈過ぎ」て&hellip;。それにいつかいらなくなったら&hellip;。</h4>
<p>例えば、</p>
<pre>A.大カテゴリ<br />
B.大カテゴリ<br />
C.大カテゴリ</pre>
<p>とあったとして、何だろう、 B. と C. では重要性が B. &gt; C. なんだろうか&hellip;、なんてことを思わない？数字で 1. 2. 3. だともっと思うな。</p>
<p>それに、いつかもし B. がいらなくなって消したとしたら、他のを直す面倒くささが半端じゃない。 (L. とか M. とかくらいまであるのを想像してちょ)</p>
<h5>記号を使えば！</h5>
<p>大カテゴリは、「全部」「重要」というイメージを (sima は) 感じる * を使うと決めとけば、</p>
<pre>*大カテゴリ<br />
*大カテゴリ<br />
*大カテゴリ</pre>
<p>と、こうなり、感じるイメージが「しっくりくる」し、フラットな階層を表せて気持ちがいいし、後でいらなくなったものは即消せばいい。</p>
<h4>一番下に置きたくて</h4>
<p>あと、一番下に置きたくて</p>
<pre>A.大カテゴリ<br />
B.大カテゴリ<br />
C.大カテゴリ<br />
Z.大カテゴリ</pre>
<p>なんて、急に Z. が登場してきたら、 sima は気持ち悪さで発狂するw<br />
これは、多分、連続してるハズの D. ~ Y. が「抜けてる」と感じてしまうことによる気持ち悪さなのかな、おそらく。いや、分からん。</p>
<h5>記号を使って！</h5>
<p>それよりは、「下」ってイメージを感じる _ を使って、</p>
<pre>*大カテゴリ<br />
*大カテゴリ<br />
*大カテゴリ<br />
_大カテゴリ</pre>
<p>こうした方が「しっくりくる」。</p>
<h3>結局は、</h3>
<p>記号ってそれ1つだけで何かしらのイメージを感じられるので、うまいこと使うと「しっくりくる」よね。かつ、並ぶ順序もそこそこ制御できるので便利ですよ、というお話。</p>
<p>まぁただの個人的な好き嫌いの問題ともいうw 記号好きです、はい。思い付きの割りに長くなったな、記事。</p>
<div class="word">
<p>相変わらずの記事サボり。筆無精とは sima のことです。ブンショウカケナイ。</p>
</div><a name="more"></a>

]]><![CDATA[
]]></content:encoded>
</item>
<item rdf:about="https://f-u.seesaa.net/article/210761847.html">
<link>https://f-u.seesaa.net/article/210761847.html</link>
<title>右クリックから画像で画像を検索できるようにしてみる</title>
<description>少し前に、 Google さんの検索がもっと便利になる新機能が発表された。画像で画像を検索できるようになって、確かにとても便利になったし、たまに変な類似画像が表示されるのもそれはそれで面白い。でもいちいち、カメラのアイコンをクリックして～、ってやるのは面倒くさいので、 Opera さんの右クリックに仕込みましょう。（ちなみに、 Chrome や Firefox だったら公式の Extension をインストールすれば、右クリックから検索できるようになるみたい。）ただし、必然的..</description>
<dc:subject>Opera</dc:subject>
<dc:creator>sima</dc:creator>
<dc:date>2011-06-19T23:59:36+09:00</dc:date>
<content:encoded><![CDATA[
<p>少し前に、 <a target="_blank" href="http://googlejapan.blogspot.com/2011/06/blog-post_17.html">Google さんの検索がもっと便利になる新機能が発表</a>された。</p>
<p><em>画像で画像を検索</em>できるようになって、確かにとても便利になったし、たまに変な類似画像が表示されるのもそれはそれで面白い。</p>
<p>でもいちいち、カメラのアイコンをクリックして～、ってやるのは面倒くさいので、 <strong>Opera さんの右クリックに仕込みましょう</strong>。（ちなみに、 Chrome や Firefox だったら公式の Extension をインストールすれば、右クリックから検索できるようになるみたい。）</p>
<p>ただし、必然的に menu.ini を弄ることになるので、そこは気を付けて。今までに弄ったことがない人はまず menu.ini とは何ぞやってのを知るべきだね。</p>
<h3>おっと、右クリックに仕込む前に</h3>
<p>Google さんは Opera さんに厳しいので、実はこのままでは<em>画像で画像を検索する新機能を使えない</em>。なので、まずは「サイトごとの設定を編集」する。</p>
<p>設定の仕方は簡単で、<a target="_blank" href="http://images.google.co.jp/">Google 画像検索</a>を開いたら、右クリックして「サイトごとの設定を編集」を開き、 images.google.co.jp （あるいは images.google.com）に対して、下の画像のように「ブラウザーの識別」を「完全に Firefox として認識させる」にする。</p>
<p class="center"><img width="485" height="360" alt="images.google.co.jp に対して、「サイトごとの設定を編集」で「ブラウザーの識別」を「完全に Firefox として認識させる」にしているところ" src="http://dl.dropbox.com/u/717739/blog/2011/searchbyimage1.png" /></p>
<p>これだけで、新機能を使えるようになる。（なら、無駄に弾かなくてもいいのに&hellip;）</p>
<h3>右クリックに仕込む</h3>
<p>ではでは、やっと本題。画像を右クリックしたときにポップアップするメニューに<strong>「画像を Google で検索」</strong>ってのを追加してみよう。</p>
<p>って言っても、 menu.ini を開き、[Image Popup Menu] と [Image Link Popup Menu] に以下のものを書き込むだけなんだけどね。</p>
<pre>Item, "画像を Google で検索" = Copy image address &amp; Go to page, "http://images.google.co.jp/searchbyimage?image_url=%c"</pre>
<p>これで、右クリックから検索できるようになったハズ。ただ、<em>クリップボードを汚す</em>ということは覚えておいたほうがいいかもしれない。</p>
<h4>「ウェブ検索」を使った方が後々変更するとき便利だね</h4>
<p>と、これで終わりでもいいんだけど、このままだと、例えば微妙に URL が変わったときだとかに、わざわざ menu.ini を開いて変更しなければいけないので面倒くさい。</p>
<p>そこで「ウェブ検索」を使いましょう。</p>
<p><a target="_blank" href="http://images.google.co.jp/">Google 画像検索</a>の検索フォームで右クリックして「検索の作成」をする。</p>
<p class="center"><img width="485" height="251" alt="「検索の作成」で Google イメージ検索 (by image) を作成しているところ" src="http://dl.dropbox.com/u/717739/blog/2011/searchbyimage2.png" /></p>
<dl>
<dt>名前</dt>
<dd>Google イメージ検索 (by image)</dd>
<dt>キーワード</dt>
<dd>gii</dd>
<dt>アドレス</dt>
<dd>http://images.google.co.jp/searchbyimage?image_url=%s</dd>
</dl>
<p>こんな感じ。そして、 menu.ini に書き込む内容を、さっきのではなく、以下のようにする。</p>
<pre>Item, "画像を Google で検索" = Copy image address &amp; Go to page, "gii %c"</pre>
<p>ふう。これできちんと検索できることを確認したら終わりですよ。お疲れ様。</p>
<div class="word">
<a target="_blank" href="http://dl.dropbox.com/u/717739/web/world_sf_awards.html"><img width="200" height="150" alt="「史上最も多くの賞を受けた SF 小説」" src="http://dl.dropbox.com/u/717739/web/world_sf_awards/w200.png" /></a>
<p><a target="_blank" href="http://dl.dropbox.com/u/717739/web/world_sf_awards.html">「史上最も多くの賞を受けた SF 小説」</a></p>
<p>絶賛&hellip;ではないけど公開中w</p>
<p>いろいろな人に宣伝すると幸せになれます。</p>
<p>むしろ、宣伝しないと幸せになれませんw</p>
<p>SF 読んでみたいって人はいっぱいいるから、普通に便利だと思うんだけどなー。ダメ？</p>
</div><a name="more"></a>

]]><![CDATA[
]]></content:encoded>
</item>
<item rdf:about="https://f-u.seesaa.net/article/209834677.html">
<link>https://f-u.seesaa.net/article/209834677.html</link>
<title>あなたの知らない SF 小説をまとめてみた</title>
<description>SF 小説、読んでますかー？「史上最も多くの賞を受けた SF 小説」というページをつくったんだけど、なかなか面白いので公開してみることにした。つくったページはどんなページ？sima は SF 小説が好きでたまに読んでるんだけれども、まだまだ読んでない作品がたくさんあり過ぎて次にどれを読もうか悩むことがある。そんなときに参考になるのが、いろいろな SF の賞。やっぱり賞をとった作品ってのは、それなりに多くの人が「おもしろい！」と思った作品なわけで、これはもう読み切るのもツラい&amp;..</description>
<dc:subject>読書・映画鑑賞</dc:subject>
<dc:creator>sima</dc:creator>
<dc:date>2011-06-15T00:20:14+09:00</dc:date>
<content:encoded><![CDATA[
<p class="floatright"><a target="_blank" href="http://dl.dropbox.com/u/717739/web/world_sf_awards.html"><img width="200" height="150" alt="「史上最も多くの賞を受けた SF 小説」" src="http://dl.dropbox.com/u/717739/web/world_sf_awards/w200.png" /></a></p>
<p>SF 小説、読んでますかー？</p>
<p><a target="_blank" href="http://dl.dropbox.com/u/717739/web/world_sf_awards.html">「史上最も多くの賞を受けた SF 小説」</a></p>
<p>というページをつくったんだけど、なかなか面白いので公開してみることにした。</p>
<h3>つくったページはどんなページ？</h3>
<p>sima は SF 小説が好きでたまに読んでるんだけれども、まだまだ読んでない作品がたくさんあり過ぎて次にどれを読もうか悩むことがある。</p>
<p>そんなときに参考になるのが、<em>いろいろな SF の賞</em>。</p>
<p>やっぱり賞をとった作品ってのは、それなりに多くの人が「おもしろい！」と思った作品なわけで、これはもう読み切るのもツラい&hellip;というハズレを引く可能性が限りなく少なくなるんだよね。</p>
<p>ではここで問題です。<strong>「今までで一番多くの賞を受けた SF 小説の作品はなんでしょう？」</strong></p>
<h4>賞は、ヒューゴー賞、ネビュラ賞、その他にも&hellip;</h4>
<p>SF 小説好きなら必ず聞いたことのある<strong>ヒューゴー賞</strong>、<strong>ネビュラ賞</strong>。もちろん他にも賞はあって、そんないくつもの賞を複数とった作品にはどんなものがあるのか気になるよね。</p>
<p>それを今回調べてまとめたのが、<a target="_blank" href="http://dl.dropbox.com/u/717739/web/world_sf_awards.html">さっきリンクしたこちらのページ</a>。</p>
<del datetime="2011-06-27"><p>あぁそれから、 IE6 とかそこら辺で表示されないのは<strong>仕様です</strong>。</p></del>
<ins datetime="2011-06-27"><p>仕方がないから、 IE でも表示できるように改造した&hellip;。うぉおおお。 IE いらない子。</p></ins>
<p><em>SF 小説に興味はあるけれどどれを読んだらいいのか分からない</em>という人にも、役に立つかもしれないな。良かったら見てみてちょ。</p>
<div class="word">
<p>はじめは自分用にまとめただけだったんだけどねー、 HTML, CSS, JavaScript 等々で遊んでいたら<a target="_blank" href="http://dl.dropbox.com/u/717739/web/world_sf_awards.html">こんなページ</a>になった。</p>
<p>情報のソースは Wikipedia だし、もともと自分の好奇心を満たすためにつくったページなので間違いや抜けなんかもあるかもしれない。</p>
<p>参考程度に軽く見るのが正しい見方ですよ、はい。</p>
</div><a name="more"></a>

]]><![CDATA[
]]></content:encoded>
</item>
</rdf:RDF>

