<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
    <channel>
        <title>Thumbnail on qwerty.work</title>
        <link>https://qwerty.work/tags/thumbnail/</link>
        <description>Recent content in Thumbnail on qwerty.work</description>
        <generator>Hugo -- gohugo.io</generator>
        <language>ja-JP</language>
        <lastBuildDate>Mon, 12 Oct 2009 16:25:02 +0900</lastBuildDate><atom:link href="https://qwerty.work/tags/thumbnail/index.xml" rel="self" type="application/rss+xml" /><item>
            <title>Windows XP/VistaのエクスプローラでデジカメのRAWファイルをサムネイルで表示する。</title>
            <link>https://qwerty.work/post/2009/10/windows_xpvistaraw/</link>
            <pubDate>Mon, 12 Oct 2009 16:25:02 +0900</pubDate>
            <guid>https://qwerty.work/post/2009/10/windows_xpvistaraw/</guid>
            <description>&lt;ul&gt;&#xA;&lt;li&gt;WindowのエクスプローラでデジカメのRAWファイルの中身を簡単にサムネイルで見たい。&lt;/li&gt;&#xA;&lt;li&gt;アプリケーションを起動させず、簡単に写真の整理をしたい。&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;p&gt;なんて思う事が多々あります。&lt;/p&gt;&#xA;&lt;p&gt;ファイルの中身を見るだけなのに、&lt;/p&gt;&#xA;&lt;p&gt;Photoshopなどの画像編集のアプリケーションや、&lt;/p&gt;&#xA;&lt;p&gt;PicasaやLightroomなどの写真を整理するアプリケーションを起動していました。&lt;/p&gt;&#xA;&lt;p&gt; &lt;/p&gt;&#xA;&lt;p&gt;しかし、こんなことをしなくてもコーデックをインストールすれば、Windowsエクスプローラ上でサムネイル表示できるんですね。&lt;/p&gt;&#xA;&lt;p&gt;なぜこれに気が付かなかったのか&amp;hellip;。&lt;/p&gt;&#xA;&lt;p&gt; &lt;/p&gt;&#xA;&lt;p&gt;ちなみにNikon D200を使用してるので、RAWファイルの拡張子は&lt;strong&gt;NEF&lt;/strong&gt;です。&lt;/p&gt;&#xA;&lt;p&gt; &lt;/p&gt;&#xA;&lt;p&gt;Windows XPの場合は以下をマイクロソフトのホームページがらダウンロード。&lt;/p&gt;&#xA;&lt;p&gt;ニコンに限らず、キャノン・コダック・オリンパス・富士フィルムのRAWにも対応しているようです。&lt;/p&gt;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;  &#xA;&#xA;&#xA;&lt;div class=&#34;link-card&#34;&gt;&#xA;  &lt;a href=&#34;https://www.microsoft.com/ja-jp/download/details.aspx?id=26829&#34; target=&#34;_blank&#34; rel=&#34;noopener noreferrer&#34;&gt;&#xA;    &#xA;    &lt;div class=&#34;link-card-image&#34;&gt;&#xA;      &lt;img src=&#34;https://image.thum.io/get/width/300/crop/200/https://www.microsoft.com/ja-jp/download/details.aspx?id=26829&#34; alt=&#34;https://www.microsoft.com/ja-jp/download/details.aspx?id=26829&#34; loading=&#34;lazy&#34;&gt;&#xA;    &lt;/div&gt;&#xA;    &#xA;    &lt;div class=&#34;link-card-body&#34;&gt;&#xA;      &lt;span class=&#34;link-card-title&#34;&gt;https://www.microsoft.com/ja-jp/download/details.aspx?id=26829&lt;/span&gt;&#xA;      &#xA;      &lt;span class=&#34;link-card-url&#34;&gt;https://www.microsoft.com/ja-jp/download/details.aspx?id=26829&lt;/span&gt;&#xA;    &lt;/div&gt;&#xA;  &lt;/a&gt;&#xA;&lt;/div&gt;&#xA;&#xA;&lt;p&gt; &lt;/p&gt;&#xA;&lt;p&gt;Windows　Vistaの場合は以下のニコンのホームページからコーデックをダウンロード&lt;/p&gt;&#xA;&lt;p&gt;XPでも使えるようです。&lt;/p&gt;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;  &#xA;&#xA;&#xA;&lt;div class=&#34;link-card&#34;&gt;&#xA;  &lt;a href=&#34;http://www.nikonimglib.com/nefcodec/index.html.ja&#34; target=&#34;_blank&#34; rel=&#34;noopener noreferrer&#34;&gt;&#xA;    &#xA;    &lt;div class=&#34;link-card-image&#34;&gt;&#xA;      &lt;img src=&#34;https://image.thum.io/get/width/300/crop/200/http://www.nikonimglib.com/nefcodec/index.html.ja&#34; alt=&#34;http://www.nikonimglib.com/nefcodec/index.html.ja&#34; loading=&#34;lazy&#34;&gt;&#xA;    &lt;/div&gt;&#xA;    &#xA;    &lt;div class=&#34;link-card-body&#34;&gt;&#xA;      &lt;span class=&#34;link-card-title&#34;&gt;http://www.nikonimglib.com/nefcodec/index.html.ja&lt;/span&gt;&#xA;      &#xA;      &lt;span class=&#34;link-card-url&#34;&gt;http://www.nikonimglib.com/nefcodec/index.html.ja&lt;/span&gt;&#xA;    &lt;/div&gt;&#xA;  &lt;/a&gt;&#xA;&lt;/div&gt;&#xA;&#xA;&lt;h3 id=&#34;その他参考&#34;&gt;その他参考&#xA;&lt;/h3&gt;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;  &#xA;&#xA;&#xA;&lt;div class=&#34;link-card&#34;&gt;&#xA;  &lt;a href=&#34;https://forest.watch.impress.co.jp/article/2005/06/16/msrawimage.html&#34; target=&#34;_blank&#34; rel=&#34;noopener noreferrer&#34;&gt;&#xA;    &#xA;    &lt;div class=&#34;link-card-image&#34;&gt;&#xA;      &lt;img src=&#34;https://image.thum.io/get/width/300/crop/200/https://forest.watch.impress.co.jp/article/2005/06/16/msrawimage.html&#34; alt=&#34;https://forest.watch.impress.co.jp/article/2005/06/16/msrawimage.html&#34; loading=&#34;lazy&#34;&gt;&#xA;    &lt;/div&gt;&#xA;    &#xA;    &lt;div class=&#34;link-card-body&#34;&gt;&#xA;      &lt;span class=&#34;link-card-title&#34;&gt;https://forest.watch.impress.co.jp/article/2005/06/16/msrawimage.html&lt;/span&gt;&#xA;      &#xA;      &lt;span class=&#34;link-card-url&#34;&gt;https://forest.watch.impress.co.jp/article/2005/06/16/msrawimage.html&lt;/span&gt;&#xA;    &lt;/div&gt;&#xA;  &lt;/a&gt;&#xA;&lt;/div&gt;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;  &#xA;&#xA;&#xA;&lt;div class=&#34;link-card&#34;&gt;&#xA;  &lt;a href=&#34;https://dc.watch.impress.co.jp/cda/other/2005/06/16/1756.html&#34; target=&#34;_blank&#34; rel=&#34;noopener noreferrer&#34;&gt;&#xA;    &#xA;    &lt;div class=&#34;link-card-image&#34;&gt;&#xA;      &lt;img src=&#34;https://image.thum.io/get/width/300/crop/200/https://dc.watch.impress.co.jp/cda/other/2005/06/16/1756.html&#34; alt=&#34;https://dc.watch.impress.co.jp/cda/other/2005/06/16/1756.html&#34; loading=&#34;lazy&#34;&gt;&#xA;    &lt;/div&gt;&#xA;    &#xA;    &lt;div class=&#34;link-card-body&#34;&gt;&#xA;      &lt;span class=&#34;link-card-title&#34;&gt;https://dc.watch.impress.co.jp/cda/other/2005/06/16/1756.html&lt;/span&gt;&#xA;      &#xA;      &lt;span class=&#34;link-card-url&#34;&gt;https://dc.watch.impress.co.jp/cda/other/2005/06/16/1756.html&lt;/span&gt;&#xA;    &lt;/div&gt;&#xA;  &lt;/a&gt;&#xA;&lt;/div&gt;&#xA;&#xA;&lt;p&gt;2009/10/26追記&lt;/p&gt;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;  &#xA;&#xA;&#xA;&lt;div class=&#34;link-card&#34;&gt;&#xA;  &lt;a href=&#34;http://www.forest.impress.co.jp/docs/review/20091023_324033.html&#34; target=&#34;_blank&#34; rel=&#34;noopener noreferrer&#34;&gt;&#xA;    &#xA;    &lt;div class=&#34;link-card-image&#34;&gt;&#xA;      &lt;img src=&#34;https://image.thum.io/get/width/300/crop/200/http://www.forest.impress.co.jp/docs/review/20091023_324033.html&#34; alt=&#34;http://www.forest.impress.co.jp/docs/review/20091023_324033.html&#34; loading=&#34;lazy&#34;&gt;&#xA;    &lt;/div&gt;&#xA;    &#xA;    &lt;div class=&#34;link-card-body&#34;&gt;&#xA;      &lt;span class=&#34;link-card-title&#34;&gt;http://www.forest.impress.co.jp/docs/review/20091023_324033.html&lt;/span&gt;&#xA;      &#xA;      &lt;span class=&#34;link-card-url&#34;&gt;http://www.forest.impress.co.jp/docs/review/20091023_324033.html&lt;/span&gt;&#xA;    &lt;/div&gt;&#xA;  &lt;/a&gt;&#xA;&lt;/div&gt;&#xA;&#xA;</description>
        </item><item>
            <title>MozshotとCSSでサムネイル画像の横に文字列を回り込みさせる方法</title>
            <link>https://qwerty.work/post/2009/07/mozshotcss/</link>
            <pubDate>Sat, 04 Jul 2009 22:31:24 +0900</pubDate>
            <guid>https://qwerty.work/post/2009/07/mozshotcss/</guid>
            <description>&lt;h2 id=&#34;サムネイルの周りに文字を回り込ませたい&#34;&gt;サムネイルの周りに文字を回り込ませたい&#xA;&lt;/h2&gt;&lt;p&gt;指定したURLのサムネイルを簡単に表示できる「&lt;a class=&#34;link&#34; href=&#34;http://mozshot.nemui.org&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;&#xA;    &gt;Mozshot&lt;/a&gt;」とCSSを組み合わせて、サイトのサムネイル画像の周りに文字を回り込ませて配置する方法をメモ。リンク集のページなどに便利です。&lt;/p&gt;&#xA;&lt;h3 id=&#34;ソース例&#34;&gt;ソース例&#xA;&lt;/h3&gt;&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; style=&#34;color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;&#34;&gt;&lt;code class=&#34;language-xml&#34; data-lang=&#34;xml&#34;&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;&amp;lt;style&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;type=&lt;/span&gt;&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;text/css&amp;#34;&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;&amp;gt;&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  .imgLeft { float : left ; } /*画像の回り込みの設定*/&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  .clrLeft { clear : both ; } /*文字の回り込みの解除*/&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;&amp;lt;/style&amp;gt;&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;&amp;lt;div&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;class=&lt;/span&gt;&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;clrLeft&amp;#34;&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;&amp;gt;&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#f92672&#34;&gt;&amp;lt;p&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;class=&lt;/span&gt;&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;imgLeft&amp;#34;&lt;/span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;&amp;gt;&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    &lt;span style=&#34;color:#f92672&#34;&gt;&amp;lt;img&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;src=&lt;/span&gt;&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;https://image.thum.io/get/width/300/crop/200/http://qwerty.work&amp;#34;&lt;/span&gt; &lt;span style=&#34;color:#a6e22e&#34;&gt;alt=&lt;/span&gt;&lt;span style=&#34;color:#e6db74&#34;&gt;&amp;#34;QWERTY.WORK&amp;#34;&lt;/span&gt; &lt;span style=&#34;color:#f92672&#34;&gt;/&amp;gt;&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;    QWERTY.WORK&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;  &lt;span style=&#34;color:#f92672&#34;&gt;&amp;lt;/p&amp;gt;&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;span style=&#34;display:flex;&#34;&gt;&lt;span&gt;&lt;span style=&#34;color:#f92672&#34;&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&#xA;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h4 id=&#34;表示例&#34;&gt;表示例&#xA;&lt;/h4&gt;&lt;p&gt;↓↓上記でこうなる↓↓&lt;/p&gt;&#xA;&lt;p&gt;/&lt;em&gt;画像の回り込みの設定&lt;/em&gt;/&#xA;.imgLeft { float : left ; }&#xA;/&lt;em&gt;文字の回り込みの解除&lt;/em&gt;/&#xA;.clrLeft { clear : both ; }&lt;/p&gt;&#xA;&lt;p&gt;&lt;img class=&#34;gallery-image&#34; data-flex-basis=&#34;1440px&#34; data-flex-grow=&#34;600&#34; height=&#34;50&#34; loading=&#34;lazy&#34; sizes=&#34;(max-width: 767px) calc(100vw - 30px), (max-width: 1023px) 700px, (max-width: 1279px) 950px, 1232px&#34; src=&#34;https://image.thum.io/get/width/300/crop/200/http://qwerty.work&#34; width=&#34;300&#34;&gt;QWERTY.WORK&lt;/p&gt;&#xA;&lt;h2 id=&#34;mozshotはblinkyに変わっていた&#34;&gt;MozshotはBlinkyに変わっていた&#xA;&lt;/h2&gt;&lt;p&gt;2022/3/22現在、久々に&lt;a class=&#34;link&#34; href=&#34;http://mozshot.nemui.org&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;&#xA;    &gt;Mozshot&lt;/a&gt;の公式サイトにアクセスしてみると、&lt;a class=&#34;link&#34; href=&#34;https://blinky.nemui.org/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;&#xA;    &gt;Blinky&lt;/a&gt;という後継サービスに変わっていました。&lt;/p&gt;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;  &#xA;&#xA;&#xA;&lt;div class=&#34;link-card&#34;&gt;&#xA;  &lt;a href=&#34;https://blinky.nemui.org/&#34; target=&#34;_blank&#34; rel=&#34;noopener noreferrer&#34;&gt;&#xA;    &#xA;    &lt;div class=&#34;link-card-image&#34;&gt;&#xA;      &lt;img src=&#34;https://image.thum.io/get/width/300/crop/200/https://blinky.nemui.org/&#34; alt=&#34;https://blinky.nemui.org/&#34; loading=&#34;lazy&#34;&gt;&#xA;    &lt;/div&gt;&#xA;    &#xA;    &lt;div class=&#34;link-card-body&#34;&gt;&#xA;      &lt;span class=&#34;link-card-title&#34;&gt;https://blinky.nemui.org/&lt;/span&gt;&#xA;      &#xA;      &lt;span class=&#34;link-card-url&#34;&gt;https://blinky.nemui.org/&lt;/span&gt;&#xA;    &lt;/div&gt;&#xA;  &lt;/a&gt;&#xA;&lt;/div&gt;&#xA;&#xA;&lt;p&gt;使用方法はほぼ同じです。&lt;/p&gt;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;&#xA;  &#xA;&#xA;&#xA;&lt;div class=&#34;link-card&#34;&gt;&#xA;  &lt;a href=&#34;https://blinky.nemui.org/usage&#34; target=&#34;_blank&#34; rel=&#34;noopener noreferrer&#34;&gt;&#xA;    &#xA;    &lt;div class=&#34;link-card-image&#34;&gt;&#xA;      &lt;img src=&#34;https://image.thum.io/get/width/300/crop/200/https://blinky.nemui.org/usage&#34; alt=&#34;https://blinky.nemui.org/usage&#34; loading=&#34;lazy&#34;&gt;&#xA;    &lt;/div&gt;&#xA;    &#xA;    &lt;div class=&#34;link-card-body&#34;&gt;&#xA;      &lt;span class=&#34;link-card-title&#34;&gt;https://blinky.nemui.org/usage&lt;/span&gt;&#xA;      &#xA;      &lt;span class=&#34;link-card-url&#34;&gt;https://blinky.nemui.org/usage&lt;/span&gt;&#xA;    &lt;/div&gt;&#xA;  &lt;/a&gt;&#xA;&lt;/div&gt;&#xA;&#xA;</description>
        </item></channel>
</rss>
