<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/atom10full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><feed xmlns="http://www.w3.org/2005/Atom">
    <title>linker journal</title>
    <link rel="alternate" type="text/html" href="http://linker.in/journal/" />
    
    <id>tag:linker.in,2009-01-30:/journal//2</id>
    <updated>2012-02-09T11:26:50Z</updated>
    
    <generator uri="http://www.sixapart.com/movabletype/">Movable Type 5.06</generator>

<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/atom+xml" href="http://feeds.feedburner.com/linker-journal" /><feedburner:info xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" uri="linker-journal" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><entry>
    <title>上ノ郷谷さんの写真展、Pulseを見てきました</title>
    <link rel="alternate" type="text/html" href="http://linker.in/journal/2012/02/pulse.php" />
    <id>tag:linker.in,2012:/journal//2.948</id>

    <published>2012-02-09T12:00:00Z</published>
    <updated>2012-02-09T11:26:50Z</updated>

    <summary>表参道で上ノ郷谷さんの写真展、Pulseを見てきました。
</summary>
    <author>
        <name>柳谷 真志</name>
        <uri>http://wp.mersy.jp</uri>
    </author>
    
        <category term="アート" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="art" label="art" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="event" label="event" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="photo" label="photo" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://linker.in/journal/">
        <![CDATA[<p>みなさん、こんにちは、まーしーです。&nbsp;&nbsp;<br /></p>
<p>さて、今日は今開催中のTaichi Kaminogoya "Pulse"を見てきました。</p>
<blockquote>
  <p>表参道画廊　上ノ郷谷太一展<br />
  <a href="http://omotesando-garo.com/link.12/kaminogouya.html">http://omotesando-garo.com/link.12/kaminogouya.html</a></p>

  <p>Exhibition: Pulse - 上ノ郷谷太一<br />
  <a href="http://taichikaminogoya.com/exhibition/pulse/">http://taichikaminogoya.com/exhibition/pulse/</a></p>

  <p>TAB Event - Taichi Kaminogoya "Pulse"<br />
  <a href="http://www.tokyoartbeat.com/event/2012/B8DD">http://www.tokyoartbeat.com/event/2012/B8DD</a></p>
</blockquote>
<p>美術館とか展覧会のエントリーは@taku-workや@cremaがよく書いていると思います。<br />
ですが、今日書いてるのは@mersyです。</p>
<p>MTでいろいろお世話になってる上ノ郷谷さんの写真展です。<br />
滅多にこういう所に足を運びませんし、ロンドンにいても大英博物館、ナショナルギャラリーはさささっと見てしまうタイプなのであれですが。。。&nbsp;&nbsp;</p>
<p>上ノ郷谷さんにとってはカメラが趣味なのか、趣味を越えたものなのかはわからないですが、こうやって写真展まで開いてしまうとはすごいな〜、って思いました。<br />
お会いしたかったのですが、今日は会えずじまいでした。</p>
<p>2/11の土曜日までです。<br />
表参道周辺に行かれた際にのぞきに行ってみてはいかがでしょう。</p>
]]>
        
    </content>
</entry>

<entry>
    <title>ブラウザで使える3Dモデリングツール「Tinkercad」3Dプリントサービスまで連携しててステキ。</title>
    <link rel="alternate" type="text/html" href="http://linker.in/journal/2012/02/3dtinkercad3d.php" />
    <id>tag:linker.in,2012:/journal//2.947</id>

    <published>2012-02-08T13:05:27Z</published>
    <updated>2012-02-08T13:07:52Z</updated>

    <summary>こんにちは、taku-workです。今回はブラウザで使える3Dモデリングツール「Tinkercad」のおはなし。ブラウザから使えるので手軽。 そして3Dプリントサービスとも連携しているのあたりがいい感じ。</summary>
    <author>
        <name>秋野 琢</name>
        <uri>http://linker.in/</uri>
    </author>
    
        <category term="レビュー" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="3d" label="3D" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://linker.in/journal/">
        <![CDATA[<p><img style="float: right;" src="http://linker.in/journal//120208_00.jpg" border="0" alt="120208 00" width="136" height="136" /></p>
<p>こんにちは、taku-workです。<br />最近では3Dプリンターもそれにまつわるサービスも随分進化しているみたいですね。<br />もう少しすればDTP（Desk Top Product）とかできるようになるかな。<br />楽しみすぎる。</p>
<p>ということで、今回はブラウザで使える3Dモデリングツール「Tinkercad」のおはなし。<br />ブラウザから使えるので手軽。 そして3Dプリントサービスとも連携しているのあたりがいい感じ。</p>
<blockquote>
<p>Tinkercad - Design a new thing<br /><a href="https://tinkercad.com/">https://tinkercad.com/</a></p>
</blockquote>
<p><img src="http://linker.in/journal//120208_01.jpg" border="0" alt="120208 01" width="500" height="330" /></p>
<p>トップページのStart hereをクリックすると早速モデリングするアプリケーションの画面になります。<br />ここでオブジェクトを追加したり、色をつけたりしていきます。</p>
<p><img src="http://linker.in/journal//120208_02.jpg" border="0" alt="120208 02" width="500" height="332" /></p>
<p>使えるオブジェクトは直方体とか球、アルファベットが用意されています。<br />簡単さを優先してか、あまりオブジェクトは用意されていないですね。<br />ただ、オブジェクトを組み合わせて形を削りとることはできるので、うまいことやれば複雑な形も作成できそうです。</p>
<p>そして、完成した形は3Dプリントサービスで立体にすることも可能です。<br />使えるサービスは以下のとおり。</p>
<p><img src="http://linker.in/journal//120208_03.jpg" border="0" alt="120208 03" width="500" height="374" /></p>
<ul>
<li><a href="http://www.ponoko.com/">ponoko</a></li>
<li><a href="http://i.materialise.com/">i.materialise</a></li>
<li><a href="http://www.shapeways.com/">shapeways</a></li>
</ul>
<p>いずれのサービスもマテリアルが豊富で金属とかセラミックがあったりと興味深いです。<br />日本へ発送可能かは各サービスの内容を確認してください。</p>
<p>ということで、<br />3Dモデリングツールも簡単に使えてそのまま3Dプリントとなると、丁度いいものが売ってなければ作ってみようとなりそうですね。<br />それか実際の立体の商品ではなくて、データを売り買いをするような日がくるのかな。<br />ちょっと本気で試してみたいなと思いました。</p>]]>
        
    </content>
</entry>

<entry>
    <title>Amazonのストレージサービス『S3』を試してみた話。</title>
    <link rel="alternate" type="text/html" href="http://linker.in/journal/2012/02/amazons3.php" />
    <id>tag:linker.in,2012:/journal//2.946</id>

    <published>2012-02-07T17:03:29Z</published>
    <updated>2012-02-07T19:11:19Z</updated>

    <summary> 火曜／金曜担当の@cremaです。 とあるプロジェクトで、誰でもアクセスできる場所に音声ファイルを安価にアップする必要があり、新規にレンタルサーバを借りるかど...</summary>
    <author>
        <name>黒野明子</name>
        <uri>http://cremadesign.jp/</uri>
    </author>
    
        <category term="Tips" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="amazon" label="amazon" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://linker.in/journal/">
        <![CDATA[<p><img alt="ttl20120207.gif" src="http://linker.in/journal/images/ttl20120207.gif" width="640" height="150" class="mt-image-none" style="" /></p>

<p>火曜／金曜担当の@cremaです。</p>

<p>とあるプロジェクトで、誰でもアクセスできる場所に音声ファイルを安価にアップする必要があり、新規にレンタルサーバを借りるかどうか悩んでいました。</p>

<p>そうしたところ、仲良しの<a href="https://twitter.com/#!/koyhoge">@koyhogeさん</a>から「S3を使ってみたら？」とサジェスチョンをいただいたので、早速試してみることに。</p>

<h2>「S3」ってなに？</h2>

<p>S3は、あのAmazonが運営している、オンラインストレージサービスです。従量課金制なのですが、安価に（※1）クラウド上のサーバに自由にデータを出し入れでき、データにアクセスする権限も細かく設定できるとのこと。</p>

<p>※1 「よく考えてみれば安価ではない」という記事も見つけたので、料金体系に関しては、一度目を通してみてくださいね。</p>

<ul>
	<li><a href="http://aws.amazon.com/jp/s3/#pricing">S3公式サイトの価格表</a></li>
	<li><a href="http://www.atmarkit.co.jp/news/200901/09/s3.html">クラウド型ストレージ「Amazon S3」は安いか？ ? ＠IT</a></li>
</ul>

<h2>実際に使ってみる</h2>

<p>さて、<a href="http://aws.amazon.com/jp/s3/">S3のページ</a>にアクセスしてみました。</p>

<p><a href="http://linker.in/journal/images/s3-001.png"><img alt="s3-001.png" src="http://linker.in/journal/assets_c/2012/02/s3-001-thumb-300x231-3603.png" width="300" height="231" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a></p>

<p>（料金や規約などを確認した上で）右側の「今すぐ申し込む」をクリックします。ログイン画面（なぜか英語）に遷移しますので、通常のAmazonで買い物するアカウントでログインします。</p>

<p><a href="http://linker.in/journal/images/s3-002.png"><img alt="s3-002.png" src="http://linker.in/journal/assets_c/2012/02/s3-002-thumb-300x230-3606.png" width="300" height="230" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a></p>

<p>次の画面で、住所等を登録します。</p>

<p><a href="http://linker.in/journal/images/s3-003.png"><img alt="s3-003.png" src="http://linker.in/journal/assets_c/2012/02/s3-003-thumb-300x235-3608.png" width="300" height="235" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a></p>

<p>次に、支払いカード情報を登録します。</p>

<p><a href="http://linker.in/journal/images/s3-004.png"><img alt="s3-004.png" src="http://linker.in/journal/assets_c/2012/02/s3-004-thumb-300x232-3610.png" width="300" height="232" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a></p>

<p>最後まで手順を進めると登録したメールアドレスに確認メールが届くので、記載されたリンクをクリックして登録完了です。</p>

<p>早速音声データをアップロードしてみたいと思います。@koyhogeさんによると、<a href="http://cyberduck.ch/index.ja.php">Cyberduck</a>などのクライアントを使って簡単にデータを出し入れできるとのことなのですが、画面を眺めているとブラウザからも出し入れできる雰囲気だったので、試してみました。</p>

<p><a href="http://aws.amazon.com/jp/s3/">S3のページ</a>の右上にある「アカウント／コンソール」のプルダウンメニューから「AWS Management Console」を選択します。</p>

<p><a href="http://linker.in/journal/images/s3-006.png"><img alt="s3-006.png" src="http://linker.in/journal/assets_c/2012/02/s3-006-thumb-400x296-3612.png" width="400" height="296" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a></p>

<p>コンソール画面（また英語）に遷移しますので、左側の「Create Bucket」をクリックして、データを入れる場所を作成します。</p>

<p><a href="http://linker.in/journal/images/s3-007.png"><img alt="s3-007.png" src="http://linker.in/journal/assets_c/2012/02/s3-007-thumb-400x207-3614.png" width="400" height="207" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a></p>

<p>Bucketに名前を付けて、データを置くサーバの地域を選択します。東京だと転送料の単価がアメリカよりちょっとだけ高いのですが、このデータへアクセスする人の大半は日本在住であろうとの推測のもと、試しに東京を選択してみることにします。</p>

<p><a href="http://linker.in/journal/images/s3-008.png"><img alt="s3-008.png" src="http://linker.in/journal/assets_c/2012/02/s3-008-thumb-400x208-3616.png" width="400" height="208" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a></p>

<p>空のBucketが出来ました。「Objects and Folders」のセクションにある「Upload」をクリックします。</p>

<p><a href="http://linker.in/journal/images/s3-009.png"><img alt="s3-009.png" src="http://linker.in/journal/assets_c/2012/02/s3-009-thumb-400x208-3618.png" width="400" height="208" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a></p>

<p>「Add Files」をクリックしてローカルのデータを選択し、「Start Upload」をクリックします。</p>

<p><a href="http://linker.in/journal/images/s3-010.png"><img alt="s3-010.png" src="http://linker.in/journal/assets_c/2012/02/s3-010-thumb-400x208-3620.png" width="400" height="208" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a></p>

<p>転送が始まるので、そのまま待機。</p>

<p><a href="http://linker.in/journal/images/s3-011.png"><img alt="s3-011.png" src="http://linker.in/journal/assets_c/2012/02/s3-011-thumb-400x209-3622.png" width="400" height="209" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a></p>

<p>アップロードが完了すると、リスト内にファイル名が出てきますので、クリックして選択。次に「Actions」から「Make Public」を選択します。</p>

<p><a href="http://linker.in/journal/images/s3-012.png"><img alt="s3-012.png" src="http://linker.in/journal/assets_c/2012/02/s3-012-thumb-400x221-3624.png" width="400" height="221" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a></p>

<p>最後に、当該ファイルを選択した状態で「Properties」をクリックすると、下部にそのファイルへのパスが表示されますので、これをこのプロジェクト（とあるポッドキャスト）に使おうと思います。とあるプロジェクトの詳細は、また後日。</p>

<p><a href="http://linker.in/journal/images/s3-013.png"><img alt="s3-013.png" src="http://linker.in/journal/assets_c/2012/02/s3-013-thumb-400x220-3626.png" width="400" height="220" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a></p>

<p>ということで、実際にアップロードした音声ファイルは、<a href="https://s3.amazonaws.com/crematest/episode000.mp3">こちら</a>。</p>

<h2>感想</h2>

<p>サービス内の各所が英語のままなので、私にはちょっと分からない部分がいくつかあって、詳しい解説ができず恐縮です。ということで、まだまだ選択できるオプションが沢山あるのだろうとは思うのですが、とりあえずファイルをアップロードして公開するのは、すごく楽でした。アカウント開設から所要時間3分ぐらい。</p>

<p>Bucketを作る際に「test」という一般的な名前にしたところ、アラートが出て作成できなかったので、Bucketはサービス全体でユニークな名前でないといけないのかもしれません（まだ検証してない）。</p>

<p>アップロードしたファイルのURLが「https://s3.amazonaws.com/crematest/episode000.mp3」で、いきなりルート直下に私が作成したBucketの名前のディレクトリがあるので、多分間違ってない気がしますが、どうでしょう。</p>

<p>ファイルごとにアクセス制限も細かくかけられるようなので、今後色々使い倒してみて、また改めてご報告したいと思います。</p>

<p>あ、あと、データの転送料も従量課金制なので、とあるポッドキャストが爆発的に人気になった場合は、支払が大変になるのかもしれないですね（汗）。試算した感じでは、月に1ドル以下だとは思うのですが。ま、あまりにお金がかかるようになったら、S3は諦めます。</p>

<p>そんなわけで、今日はこの辺で。</p>]]>
        
    </content>
</entry>

<entry>
    <title>Movable Typeで特定のカテゴリの記事一覧を日付毎に表示させる</title>
    <link rel="alternate" type="text/html" href="http://linker.in/journal/2012/02/movable-type-55.php" />
    <id>tag:linker.in,2012:/journal//2.945</id>

    <published>2012-02-06T12:00:00Z</published>
    <updated>2012-02-06T09:31:30Z</updated>

    <summary>MTDateHeader、MTDateFooterを忘れていて、少しはまりかけたのでメモしておこうと思います。
</summary>
    <author>
        <name>柳谷 真志</name>
        <uri>http://wp.mersy.jp</uri>
    </author>
    
        <category term="Movable Type" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="movabletype" label="Movable Type" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="mt" label="mt" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://linker.in/journal/">
        <![CDATA[<p>みなさん、こんにちは、まーしーです。<br />
個人的にはカレーを食べるときはご飯よりナンが好きです。みなさんはどちらが好きですか？？</p>
<p>さて、忘れていなければなんてことない話なのですが、MTDateHeader、MTDateFooterは便利ですね。</p>
<blockquote>
  <p>MTDateHeader | テンプレートタグリファレンス<br />
  <a href="http://www.movabletype.jp/documentation/appendices/tags/dateheader.html">http://www.movabletype.jp/documentation/appendices/tags/dateheader.html</a>&nbsp;&nbsp;</p>

  <p>MTDateFooter | テンプレートタグリファレンス<br />
  <a href="http://www.movabletype.jp/documentation/appendices/tags/datefooter.html">http://www.movabletype.jp/documentation/appendices/tags/datefooter.html</a></p>
</blockquote>
<p>例えば特定のカテゴリのエントリーをリストアップしてそれを日付毎にまとめたい、といった表示が出来ますね。<br />
（似たような話はCategory-Dailyアーカイブでもできそうではありますが。）</p>
<p>MTEntriesにCategoryモディファイアを指定してエントリーの一覧を表示させますね。<br /></p>
<p>&lt;mt:Entries category="hoge"&gt;</p>
<p>そうするとこんな感じになると思います。</p>
<p><img src="http://linker.in/journal/images/120206-01.jpg" width="289" height="125" alt="120206-01.jpg" style="border:2px #7c7c7c solid;" /></p>
<p>ソースはこんな感じですね。</p>
<pre>
&lt;MTEntries category="hoge"&gt;&lt;MTEntriesHeader&gt;&lt;table&gt;&lt;/MTEntriesHeader&gt;
&lt;tr&gt;
&lt;th&gt;&lt;mt:EntryDate&gt;&lt;/th&gt;
&lt;td&gt;
&lt;p&gt;&lt;$MTEntryTitle&gt;&lt;/p&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;MTEntriesFooter&gt;&lt;/table&gt;&lt;/MTEntriesFooter&gt;&lt;/MTEntries&gt;
</pre>
<p>これを以下のような感じで日付毎にまとめる場合ですね。</p>
<p><img src="http://linker.in/journal/images/120206-02.jpg" width="349" height="103" alt="120206-02.jpg" style="border:2px #7c7c7c solid;" /></p>
<p>Entryの日付を変数にセットしておいて、前後のエントリーと同じかどうか判定してそれにあわせて云々とかやれば出来ないことはないですが、MTDateHeader、MTDateFooterを使えばこんなかんじでさくっと書けます。</p>
<pre>
&lt;MTEntries category="hoge"&gt;&lt;MTEntriesHeader&gt;&lt;table&gt;
&lt;/MTEntriesHeader&gt;
&lt;MTDateHeader&gt;&lt;tr&gt;
&lt;th&gt;&lt;mt:EntryDate&gt;&lt;/th&gt;
&lt;td&gt;&lt;/MTDateHeader&gt;
&lt;p&gt;&lt;$MTEntryTitle&gt;&lt;/p&gt;
&lt;MTDateFooter&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;/MTDateFooter&gt;
&lt;MTEntriesFooter&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;/table&gt;&lt;/MTEntriesFooter&gt;&lt;/MTEntries&gt;
</pre>
<p>日付の箇所（今のサンプルだとthですが）が最初だけでてればよいので、MTDateHeaderでくくってあります。<br />
日付が違う場合はtd、trを閉じないといけないのでそれがMTDateFooterでくくってあります。</p>
<p>たかだか１つのタグの話ですが、使う機会が少ないと忘れてしまったりしますね。<br />
なんかの時に使えると色々楽になりますのでまた忘れないようにメモしておきます。</p>
]]>
        
    </content>
</entry>

<entry>
    <title>【当選者発表】デザインの学校 これからはじめるIllustrator＆Photoshopの本（黒野明子著）</title>
    <link rel="alternate" type="text/html" href="http://linker.in/journal/2012/02/illustrator-photoshop-prizewinner.php" />
    <id>tag:linker.in,2012:/journal//2.944</id>

    <published>2012-02-05T15:01:14Z</published>
    <updated>2012-02-05T16:21:31Z</updated>

    <summary>曜日を無視した番外編で失礼します。@cremaです。 皆さまとお約束していた「【1名様プレゼント企画】デザインの学校 これからはじめるIllustrator＆P...</summary>
    <author>
        <name>黒野明子</name>
        <uri>http://cremadesign.jp/</uri>
    </author>
    
        <category term="その他" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="book" label="book" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://linker.in/journal/">
        <![CDATA[<p>曜日を無視した番外編で失礼します。@cremaです。</p>

<p>皆さまとお約束していた「<a href="http://linker.in/journal/2012/01/illustrator-photoshop-book.php">【1名様プレゼント企画】デザインの学校 これからはじめるIllustrator＆Photoshopの本（黒野明子著）</a>」の抽選を実施しました。</p>

<p>最終的な締切日までに21名様にコメントをいただきまして、あみだくじによる抽選の結果、satonakaさんに当選決定しました！　おめでとうございます！　ぱちぱち。</p>

<p>satonakaさんにはこのあとメールにてお送り先をお尋ねいたしますので、どうぞよろしくお願いいたします。</p>

<p>残念ながらハズれてしまった皆さま、本当に申し訳ございません（深々）。</p>

<p>もしよろしければ、2月18日に開催される<a href="http://linker.in/journal/2012/02/illustrator-photoshop-seminar.php">書籍関連ハンズオンセミナー「Illustrator & Photoshop はじめの一歩」</a>でも、お得な書籍つきチケットで、講師（私ですw）から直接学ぶことができますので、ぜひご検討くださいませ。</p>

<p>それでは、今後ともなにとぞよろしくお願いいたします！</p>]]>
        
    </content>
</entry>

<entry>
    <title>Fireworksよく使うショートカットキー、あれこれ。</title>
    <link rel="alternate" type="text/html" href="http://linker.in/journal/2012/02/fireworks-2.php" />
    <id>tag:linker.in,2012:/journal//2.943</id>

    <published>2012-02-04T08:19:50Z</published>
    <updated>2012-02-04T08:26:57Z</updated>

    <summary>こんにちは、taku-workです。今回はFireworksのショートカットキーのおはなし。覚えておくとほのかに作業スピードが上がるかも。</summary>
    <author>
        <name>秋野 琢</name>
        <uri>http://linker.in/</uri>
    </author>
    
        <category term="デザイン" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="fireworks" label="fireworks" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://linker.in/journal/">
        <![CDATA[<p><img src="http://linker.in/journal//120204_00.jpg" border="0" alt="120204 00" width="640" height="195" /></p>
<p>こんにちは、taku-workです。<br />今回はFireworksのショートカットキーのおはなし。<br />覚えておくとほのかに作業スピードが上がるかも。</p>
<h2>変形の繰り返し「command + Y」</h2>
<p>直前の変形等の操作を繰り返しておこないます。<br />移動はもとより、拡大縮小、色の変更も繰り返せます。</p>
<h2>属性をペースト「shift + option + command + V」</h2>
<p>オブジェクトの属性を他のオブジェクトにペーストできます。<br />塗りや線の情報、フィルタなどスタイルごとまるっとペーストできちゃいます。<br />これホント便利。</p>
<h2>整列系「option ＋ command ＋1 〜 9」</h2>
<p>整列パネルにもありますが、ショートカットでサクッと揃えられます。</p>
<h3>縦方向</h3>
<p>左揃え：option ＋ command ＋ 1<br />中央揃え：option ＋ command ＋ 2<br />右揃え：option ＋ command ＋ 3</p>
<h3>横方向</h3>
<p>上揃え：option ＋ command ＋ 4<br />中央揃え：option ＋ command ＋ 5<br />下揃え：option ＋ command ＋ 6</p>
<h3>均等配置</h3>
<p>横等幅揃え：option ＋ command ＋ 7<br />縦等幅揃え：option ＋ command ＋ 9</p>
<h2>オブジェクトの重ね順の入れ替え「command + ↑ or ↓」</h2>
<p>このあたりも便利です。<br />最前面へ：shift + command + ↑<br />最背面へ：shift + command + ↓</p>
<h2>テキストの固定の幅を切り替え</h2>
<p>テキストのバウンディングボックスをテキスト幅に合わせたいというときに使います。</p>
<p><img src="http://linker.in/journal//120204_01.jpg" border="0" alt="120204 01" width="500" height="183" /></p>
<p>この操作は[メニュー] → [コマンド] → [テキスト] → [固定の幅を切り替え] にあります。<br />デフォルトではショートカットキーは設定されていないので [メニュー] → [Fireworks] → [キーボードショートカット] でオリジナルのショートカットキーを設定します。</p>
<h2>ということで、</h2>
<p>変形の繰り返しとか属性のペーストあたりは結構つかいますね。<br />メニューやパネルからでもいいですが、ショートカットキーで楽したいところです。</p>]]>
        
    </content>
</entry>

<entry>
    <title>【2/18開催】書籍関連ハンズオンセミナー「Illustrator &amp; Photoshop はじめの一歩」</title>
    <link rel="alternate" type="text/html" href="http://linker.in/journal/2012/02/illustrator-photoshop-seminar.php" />
    <id>tag:linker.in,2012:/journal//2.942</id>

    <published>2012-02-02T15:49:29Z</published>
    <updated>2012-02-03T17:35:25Z</updated>

    <summary> 火曜／金曜担当の@cremaです。 2回連続で恐縮ですが、私が書いた書籍関連のニュースをお届けします。 来る2月18日（土）に、私が書いた書籍「デザインの学校...</summary>
    <author>
        <name>黒野明子</name>
        <uri>http://cremadesign.jp/</uri>
    </author>
    
        <category term="イベント" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://linker.in/journal/">
        <![CDATA[<p><a href="http://linker.in/journal/images/crema-l.jpg"><img alt="crema-l.jpg" src="http://linker.in/journal/assets_c/2012/02/crema-l-thumb-200x231-3597.jpg" width="200" height="231" class="mt-image-left" style="float: left; margin: 0 20px 20px 0;" /></a></p>

<p>火曜／金曜担当の@cremaです。</p>

<p>2回連続で恐縮ですが、私が書いた書籍関連のニュースをお届けします。</p>

<p>来る2月18日（土）に、私が書いた書籍「<a href="http://www.amazon.co.jp/exec/obidos/ASIN/477414911X/cremadesign-22/ref=nosim/" name="amazletlink" target="_blank">デザインの学校 これからはじめるIllustrator&Photoshopの本</a>」の発売を記念して、「<strong>Illustrator & Photoshop はじめの一歩</strong>」というハンズオンセミナーが開催されることになりました！</p>

<p><a href="http://event.67.org/aiandps/">Illustrator &amp; Photoshop はじめの一歩 | ロクナナワークショップ イベント企画</a></p>

<p>「<a href="http://www.amazon.co.jp/exec/obidos/ASIN/477414911X/cremadesign-22/ref=nosim/" name="amazletlink" target="_blank">デザインの学校 これからはじめるIllustrator&Photoshopの本</a>」をテキストとして使用し、ご自分のノートPCをお持ち込みいただいての、ハンズオンセミナーとなります。お得な書籍つきチケットも用意していただきました。ということで、以下詳細です！</p>

<dl>
<dt>日時</dt>
<dd>2012年2月18日（土）14:00 - 18:00（開場13:15）</dd>
<dt>受講対象者</dt>
<dd>Illustrator / Photoshopを全く使ったことがない方から、少しだけ触ったことがある方</dd>
<dt>テキスト</dt>
<dd>2012年2月1日に発売されたばかりの、黒野明子氏の新刊著書「 デザインの学校 これからはじめるIllustrator&Photoshopの本 」をテキストとして使用します。ご参加の際は、お得な 書籍付きチケット をご購入いただくか、別途、書店などにてお求めの上ご持参いただく必用がございます。</dd>
<dt>会場</dt>
<dd>〒169-0073 東京都新宿区百人町 2-27-6　東京・新宿「 <a href="http://maps.google.co.jp/maps?q=%E6%9D%B1%E4%BA%AC%E9%83%BD%E6%96%B0%E5%AE%BF%E5%8C%BA%E7%99%BE%E4%BA%BA%E7%94%BA+2-27-6&hl=ja&ie=UTF8&ll=35.701002,139.698168&spn=0.00582,0.013078&oe=utf-8&client=firefox-a&hnear=%E6%9D%B1%E4%BA%AC%E9%83%BD%E6%96%B0%E5%AE%BF%E5%8C%BA%E7%99%BE%E4%BA%BA%E7%94%BA%EF%BC%92%E4%B8%81%E7%9B%AE%EF%BC%92%EF%BC%97%E2%88%92%EF%BC%96&gl=jp&t=m&z=17&brcurrent=3,0x60188d28d6283a85:0x11ae232f7411bd50,0">関東ITソフトウェア健保会館</a> Conference A」</dd>
<dt>日時</dt>
<dd>2012年2月18日（土）14:00 - 18:00（開場13:15）</dd>
<dt>出演者</dt>
<dd>黒野明子</dd>
<dt>定員</dt>
<dd>40名（会場の都合により増減あり）</dd>
<dt>料金</dt>
<dd>3,900円（書籍なし・税込み）
6,100円（書籍 付きチケット・税込み）
※書籍は郵送されません。イベント当日のお渡しとなります。</dd>
<dt>主催・運営</dt>
<dd>株式会社ロクナナ
ロクナナワークショップ</dd>
</dl>

<p>▼▼▼お申し込みは、下記のページからどうぞ▼▼▼<br />
<a href="http://event.67.org/aiandps/">Illustrator &amp; Photoshop はじめの一歩 | ロクナナワークショップ イベント企画</a></p>

<p>またしてもこのブログの読者層とはちょっと違った方々向けのセミナーですが、職場の方やご友人で該当しそうな方がいらっしゃいましたら「こんなのあるよー」とご紹介いただけましたら、本当に喜びます（深々）。</p>

<p>いままで培ってきた、武蔵野美術大学やロクナナさんでの講師経験をフルに活かして、はじめての方の手ほどきをさせていただければと思っています。</p>

<p>2月18日土曜日の昼下がり、私と一緒にIllustratorとPhotoshop学習のはじめの一歩を踏み出してみませんか？　いままでやろうかなと思っていても手が出なかった方、なにかとっかかりが欲しい方のお越しを、お待ちしております！</p>

<p># あ、<a href="http://linker.in/journal/2012/01/illustrator-photoshop-book.php">前回記事</a>のプレゼントへのご応募、誠にありがとうございます！2月4日（土）23:59に締め切りましたら、すぐに抽選して、当選者発表いたします！よろしくお願いいたします！</p>

<div class="amazlet-box" style="margin-bottom:0px;"><div class="amazlet-image" style="float:left;margin:0px 12px 1px 0px;"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/477414911X/cremadesign-22/ref=nosim/" name="amazletlink" target="_blank"><img src="http://ecx.images-amazon.com/images/I/51SQBxUP%2BPL._SL160_.jpg" alt="デザインの学校 これからはじめるIllustrator&Photoshopの本" style="border: none;" /></a></div><div class="amazlet-info" style="line-height:120%; margin-bottom: 10px"><div class="amazlet-name" style="margin-bottom:10px;line-height:120%"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/477414911X/cremadesign-22/ref=nosim/" name="amazletlink" target="_blank">デザインの学校 これからはじめるIllustrator&Photoshopの本</a><div class="amazlet-powered-date" style="font-size:80%;margin-top:5px;line-height:120%">posted with <a href="http://www.amazlet.com/browse/ASIN/477414911X/cremadesign-22/ref=nosim/" title="デザインの学校 これからはじめるIllustrator&Photoshopの本" target="_blank">amazlet</a> at 12.02.04</div></div><div class="amazlet-detail">黒野 明子 著 ロクナナワークショップ 監修 <br />技術評論社 <br />売り上げランキング: 60871<br /></div><div class="amazlet-sub-info" style="float: left;"><div class="amazlet-link" style="margin-top: 5px"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/477414911X/cremadesign-22/ref=nosim/" name="amazletlink" target="_blank">Amazon.co.jp で詳細を見る</a></div></div></div><div class="amazlet-footer" style="clear: left"></div></div>]]>
        
    </content>
</entry>

<entry>
    <title>Movable Typeで今月と来月の記事を一覧表示させてみる</title>
    <link rel="alternate" type="text/html" href="http://linker.in/journal/2012/02/movable-type-54.php" />
    <id>tag:linker.in,2012:/journal//2.941</id>

    <published>2012-02-02T00:30:00Z</published>
    <updated>2012-02-02T00:30:56Z</updated>

    <summary>MTQにあがっていた今月と来月の記事を一覧表示させてみたい、というのをどうやって実装するかを少し考えてみました。</summary>
    <author>
        <name>柳谷 真志</name>
        <uri>http://wp.mersy.jp</uri>
    </author>
    
        <category term="Movable Type" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="movabletype" label="Movable Type" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="mt" label="mt" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://linker.in/journal/">
        <![CDATA[<p>みなさん、こんにちは、まーしーです。</p>

<p>さて、MTQを見ていたらこんな質問があがっていました。</p>

<blockquote>

<p>最近MT勉強中なのですがウェブサイトテンプレートでブログの今月の記事と来月の記事を表示する方法がわからないのですがどちらかご教授願えますでしょうか。</p>

<p>今月と来月の記事一覧表示 - MTQ | Movable Type 5 ユーザーコミュニティ<br />
<a href="http://communities.movabletype.jp/2012/02/post-537.html">http://communities.movabletype.jp/2012/02/post-537.html</a></blockquote></p>

<p>どうやればいいかなぁ、と思ったので少しかんがえてみました。<br />
再構築のコストとか気になるところもあるので、正解とは言いにくい気がするのですがメモとして残しておこうと思います。</p>

<p>ひとまず、サンプルのエントリーはこんな感じで用意しました。</p>

<p><img alt="120202-01.jpg" src="http://linker.in/journal/images/120202-01.jpg" width="600" height="157" class="mt-image-none" style="" /></p>

<p>ソースはこんな感じです。</p>

<p>&lt;mt:SetVarBlock name=&quot;thisMonth&quot;&gt;&lt;MTDate format=&quot;%Y%m&quot;&gt;&lt;/mt:SetVarBlock&gt;<br />
&lt;mt:Blogs blog_ids=&quot;2&quot;&gt;<br />
&lt;MTArchiveList archive_type=&quot;Monthly&quot;&gt;&lt;mt:SetVarBlock name=&quot;Month&quot;&gt;&lt;MTArchiveDate format=&quot;%Y%m&quot;&gt;&lt;/mt:SetVarBlock&gt;<br />
&lt;MTIf name=&quot;Month&quot; eq=&quot;$thisMonth&quot;&gt;&lt;mt:ArchiveNext&gt;&lt;mt:SetVarBlock name=&quot;nextMonth&quot;&gt;&lt;MTArchiveDate format=&quot;%Y%m&quot;&gt;&lt;/mt:SetVarBlock&gt;&lt;/mt:ArchiveNext&gt;&lt;/mt:If&gt;<br />
&lt;/mt:ArchiveList&gt;<br />
&lt;MTArchiveList archive_type=&quot;Monthly&quot;&gt;&lt;mt:SetVarBlock name=&quot;Month&quot;&gt;&lt;MTArchiveDate format=&quot;%Y%m&quot;&gt;&lt;/mt:SetVarBlock&gt;<br />
&lt;mt:If name=&quot;Month&quot; eq=&quot;$nextMonth&quot;&gt;<br />
&lt;h2&gt;&lt;mt:ArchiveTitle&gt;&lt;/h2&gt;<br />
&lt;mt:Entries&gt;<br />
&lt;div&gt;<br />
&lt;h3&gt;&lt;mt:EntryTitle&gt;&lt;/h3&gt;<br />
&lt;p&gt;&lt;mt:EntryBody&gt;&lt;/p&gt;<br />
&lt;div&gt;<br />
&lt;/mt:Entries&gt;<br />
&lt;/mt:If&gt;<br />
&lt;mt:If name=&quot;Month&quot; eq=&quot;$thisMonth&quot;&gt;<br />
&lt;h2&gt;&lt;mt:ArchiveTitle&gt;&lt;/h2&gt;<br />
&lt;mt:Entries&gt;<br />
&lt;div&gt;<br />
&lt;h3&gt;&lt;mt:EntryTitle&gt;&lt;/h3&gt;<br />
&lt;p&gt;&lt;mt:EntryBody&gt;&lt;/p&gt;<br />
&lt;div&gt;<br />
&lt;/mt:Entries&gt;<br />
&lt;/mt:If&gt;&lt;/MTArchiveList&gt;&lt;/mt:Blogs&gt;</p>

<p>MTArchiveListを2回まわしているところはもう少し上手くやれそうなきがしますが。<br />
こちらをウェブサイトのインデックステンプレートに書いてみました。<br />
サンプルブログのblogIDが2なのでとりあえず直接blogIDを指定しています。</p>

<p>最初に<br />
&lt;mt:SetVarBlock name=&quot;thisMonth&quot;&gt;&lt;MTDate format=&quot;%Y%m&quot;&gt;&lt;/mt:SetVarBlock&gt;<br />
でthisMonthに今月の値をセットしておきます。</p>

<p>&lt;MTArchiveList archive_type=&quot;Monthly&quot;&gt;&lt;mt:SetVarBlock name=&quot;Month&quot;&gt;&lt;MTArchiveDate format=&quot;%Y%m&quot;&gt;&lt;/mt:SetVarBlock&gt;<br />
&lt;MTIf name=&quot;Month&quot; eq=&quot;$thisMonth&quot;&gt;&lt;mt:ArchiveNext&gt;&lt;mt:SetVarBlock name=&quot;nextMonth&quot;&gt;&lt;MTArchiveDate format=&quot;%Y%m&quot;&gt;&lt;/mt:SetVarBlock&gt;&lt;/mt:ArchiveNext&gt;&lt;/mt:If&gt;<br />
&lt;/mt:ArchiveList&gt;</p>

<p>ここでループの中で今月の時にその翌月の値をnextMonthにセットします。<br />
このnextMonthがもう少し上手くとれればいいと思うのですが、ひとまずこれでやっておきます。</p>

<p>thisMonthとnextMonthを取得出来たので、ループの中でMonthに毎回、年月をセットしてnextMonth、thisMonthとイコールの時にそれぞれmtentriesが動く様にしてみました。</p>

<p>&lt;mt:If name=&quot;Month&quot; eq=&quot;$nextMonth&quot;&gt;<br />
と<br />
&lt;mt:If name=&quot;Month&quot; eq=&quot;$thisMonth&quot;&gt;</p>

<p>でやってるところもあまりキレイではないですし、その中の</p>

<p>&lt;h2&gt;&lt;mt:ArchiveTitle&gt;&lt;/h2&gt;<br />
&lt;mt:Entries&gt;<br />
&lt;div&gt;<br />
&lt;h3&gt;&lt;mt:EntryTitle&gt;&lt;/h3&gt;<br />
&lt;p&gt;&lt;mt:EntryBody&gt;&lt;/p&gt;<br />
&lt;div&gt;<br />
&lt;/mt:Entries&gt;</p>

<p>は共通なのでtemplateで持たせてもいいでしょうね。</p>

<p>ひとまずこれで良さそうな気はしています。<br />
再構築のコストなどは考えた方が良さそうな気もしますが、、、</p>

<h2>常に2ヶ月である場合</h2>

<p>あとは要件次第なきもしますが、例えば常に1ヶ月先のエントリーしか無いのであれば</p>

<p>&lt;mt:Blogs blog_ids=&quot;2&quot;&gt;<br />
&lt;MTArchiveList archive_type=&quot;Monthly&quot;&gt;&lt;mt:If name=&quot;__counter__&quot; le=&quot;2&quot;&gt;<br />
&lt;h2&gt;&lt;mt:ArchiveTitle&gt;&lt;/h2&gt;<br />
&lt;mt:Entries&gt;<br />
&lt;div&gt;<br />
&lt;h3&gt;&lt;mt:EntryTitle&gt;&lt;/h3&gt;<br />
&lt;p&gt;&lt;mt:EntryBody&gt;&lt;/p&gt;<br />
&lt;div&gt;<br />
&lt;/mt:Entries&gt;<br />
&lt;/mt:If&gt;&lt;/MTArchiveList&gt;&lt;/mt:Blogs&gt;</p>

<p>みたいなかんじで、最初から2ヶ月分と限定してしまってもいいのかもしれません。</p>

<h2>今月より将来を表示させる場合</h2>

<p>今回の話は今月と来月ということでしたが、例えば今月より将来ということであれば</p>

<p>&lt;mt:SetVarBlock name=&quot;thisMonth&quot;&gt;&lt;MTDate format=&quot;%Y%m&quot;&gt;&lt;/mt:SetVarBlock&gt;<br />
&lt;mt:SetVar name=&quot;hoge&quot; value=&quot;0&quot;&gt;<br />
&lt;mt:Blogs blog_ids=&quot;2&quot;&gt;<br />
&lt;MTArchiveList archive_type=&quot;Monthly&quot;&gt;&lt;mt:SetVarBlock name=&quot;Month&quot;&gt;&lt;MTArchiveDate format=&quot;%Y%m&quot;&gt;&lt;/mt:SetVarBlock&gt;<br />
&lt;mt:Unless name=&quot;hoge&quot; eq=&quot;1&quot;&gt;<br />
&lt;h2&gt;&lt;mt:ArchiveTitle&gt;&lt;/h2&gt;<br />
&lt;mt:Entries&gt;<br />
&lt;div&gt;<br />
&lt;h3&gt;&lt;mt:EntryTitle&gt;&lt;/h3&gt;<br />
&lt;p&gt;&lt;mt:EntryBody&gt;&lt;/p&gt;<br />
&lt;div&gt;<br />
&lt;/mt:Entries&gt;<br />
&lt;MTIf name=&quot;Month&quot; eq=&quot;$thisMonth&quot;&gt;&lt;mt:SetVar name=&quot;hoge&quot; value=&quot;1&quot;&gt;&lt;/mt:If&gt;<br />
&lt;/mt:Unless&gt;<br />
&lt;/MTArchiveList&gt;&lt;/mt:Blogs&gt;</p>

<p>こんなかんじで書くことも出来るかもしれません。<br />
hogeの値がイコールで無い場合、ひとまず最初から回していって、今月の時にhogeに値をセットしてあげれば、それ以降は生成されなくなりますね。</p>

<p>スマートな方法だとは思えないところもありますし、ひとまず思いついた方法で書いてみただけですが考えるきっかけになれば幸いです。</p>]]>
        
    </content>
</entry>

<entry>
    <title>パナソニック電工汐留ミュージアムで開催中の「今 和次郎 採集講義」展に行ってきた。調査スケッチがすてき。</title>
    <link rel="alternate" type="text/html" href="http://linker.in/journal/2012/02/post-181.php" />
    <id>tag:linker.in,2012:/journal//2.940</id>

    <published>2012-02-01T09:55:54Z</published>
    <updated>2012-02-01T10:06:11Z</updated>

    <summary>こんにちは、taku-workです。今回はパナソニック電工汐留ミュージアムで開催中の「今 和次郎 採集講義」展のおはなし。今 和次郎の民家研究、考現学にまつわる資料、スケッチや建築などを見ることができます。調査スケッチはイラストとしてみても面白くておすすめです。</summary>
    <author>
        <name>秋野 琢</name>
        <uri>http://linker.in/</uri>
    </author>
    
        <category term="アート" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="art" label="art" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://linker.in/journal/">
        <![CDATA[<p><img style="float: right;" src="http://linker.in/journal//120201_01.JPG" border="0" alt="120201 01" width="300" height="300" /></p>
<p>こんにちは、taku-workです。<br />今和次郎は「いまわ・じろう」ではなく「こん・わじろう」です。あしからず。<br/>あやうく赤っ恥をかくところでした。</p>
<p>ということで、<br />
今回はパナソニック電工汐留ミュージアムで開催中の「今 和次郎 採集講義」展のおはなし。<br />今 和次郎の民家研究、考現学にまつわる資料、スケッチや建築などを見ることができます。<br/>
調査スケッチはイラストとしてみても面白くておすすめです。</p>
<blockquote>
<p>今 和次郎 採集講義 展<br /><a href="http://panasonic.co.jp/es/museum/exhibition/12/120114/index.html">http://panasonic.co.jp/es/museum/exhibition/12/120114/index.html</a></p>
</blockquote>
<p>展示は4つのセクションで構成されています。</p>
<ul>
<li>農村調査・民家研究の仕事</li>
<li>関東大震災 ー都市の崩壊と再生、そして考現学の誕生</li>
<li>建築家、デザイナーとしての活動</li>
<li>教育普及活動とドローイングのめざしたもの </li>
</ul>
<p>そんな中、興味深かったセクションをご紹介。</p>
<h2>農村調査・民家研究の仕事</h2>
<p>会場には農村の様子や家の間取りなど、細かなところまで観察されたスケッチや間取り図が並びます。丁寧に観察されたスケッチからは生活の音が聞こえてきそうです。</p>
<p>今 和次郎は東京美術学校の図按科を卒業したのち早稲田大学理工科建築学科助手となります。<br />そして、当時の教授であった佐藤功一を介して「白茅会」に参加します。<br />「白茅会」は柳田国男と佐藤功一を中心に結成された農村研究のための組織でした。<br />ここで今 和次郎は農村や農家、そこに住む人々の様子や道具などを調査・記録していきます。</p>
<h2>関東大震災 ー都市の崩壊と再生、そして考現学の誕生</h2>
<p>1923年に発生した関東大震災によって今和次郎の眼は地方から都市へと向きます。</p>
<p>会場には被災した人々が生活するバラック住居のスケッチが展示されています。<br />さまざまな素材で建てられたバラック小屋が冷静な眼で捉えられたスケッチです。</p>
<p>またこのころ、今和次郎は仲間たちとバラック装飾社なるものを始めます。<br />バラック建築の店舗などに装飾を施すことによって、バラックを美しくする一切を引き受ける会社でした。</p>
<p>震災後、復興によって新しい生活を立てなおそうとする人々を見る中で今和次郎は「考現学」という方法論を打ち出します。<br />人々の日々の生活とその変化を記録することを通してこれからの生活のあり方を考えるというものでした。</p>
<p>東京銀座風俗記録という考現学調査の記録も展示されています。<br />「ひげの形と割合」や「通行人分布」「着物の柄」などがユーモラスにまとめられています。<br />このあたりは赤瀬川原平の路上観察学会や、なかむらるみ著「<a href="http://www.amazon.co.jp/gp/product/4093881391/ref=as_li_ss_tl?ie=UTF8&amp;tag=takuwork-22&amp;linkCode=as2&amp;camp=247&amp;creative=7399&amp;creativeASIN=4093881391">おじさん図鑑</a>」<img style="border: none !important; margin: 0px !important;" src="http://www.assoc-amazon.jp/e/ir?t=takuwork-22&amp;l=as2&amp;o=9&amp;a=4093881391" border="0" alt="" width="1" height="1" />にも通じるものを感じます。イラスト的には寄藤文平あたりを思い出しました。</p>
<p>このセクションはスケッチが個人的にも一番興味深いところでした。</p>
<h2>ということで</h2>
<p>これらのセクションの後には建築に関して、教育・ドローイングに関してとセクションは続きます。続きは会場で。<br />今回の展示は絵画や彫刻、工芸とはまたひと味違う面白さが待っています。<br />ちなみに僕はこういった学術研究的なアプローチの一風変わったものが大好物だということがわかりました。</p>
<p>もう一つちなみに、展示図録の「今和次郎 採集講義」のブックデザインは菊池敦己さん。こちらも大好物。</p>
<p><iframe src="http://rcm-jp.amazon.co.jp/e/cm?lt1=_blank&amp;bc1=000000&amp;IS2=1&amp;bg1=FFFFFF&amp;fc1=000000&amp;lc1=0000FF&amp;t=takuwork-22&amp;o=9&amp;p=8&amp;l=as4&amp;m=amazon&amp;f=ifr&amp;ref=ss_til&amp;asins=4861523222" style="width: 120px; height: 240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe></p>]]>
        
    </content>
</entry>

<entry>
    <title>【1名様プレゼント企画】デザインの学校 これからはじめるIllustrator＆Photoshopの本（黒野明子著）</title>
    <link rel="alternate" type="text/html" href="http://linker.in/journal/2012/01/illustrator-photoshop-book.php" />
    <id>tag:linker.in,2012:/journal//2.939</id>

    <published>2012-01-30T15:04:02Z</published>
    <updated>2012-02-05T16:30:10Z</updated>

    <summary> 【2012年2月6日追記】当選者発表しました！　結果はこちらからご覧ください。 火曜／金曜担当の@cremaです。 今日は、私が初めて一人で書いた書籍の発売告...</summary>
    <author>
        <name>黒野明子</name>
        <uri>http://cremadesign.jp/</uri>
    </author>
    
        <category term="その他" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="book" label="book" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://linker.in/journal/">
        <![CDATA[<p><a href="http://linker.in/journal/images/IMG_0547.JPG"><img alt="IMG_0547.JPG" src="http://linker.in/journal/assets_c/2012/02/IMG_0547-thumb-300x300-3591.jpg" width="300" height="300" class="mt-image-left" style="float: left; margin: 0 20px 20px 0;" /></a></p>

<p><a href="http://linker.in/journal/2012/02/illustrator-photoshop-prizewinner.php">【2012年2月6日追記】当選者発表しました！　結果はこちらからご覧ください。</a></p>

<p>火曜／金曜担当の@cremaです。</p>

<p>今日は、私が初めて一人で書いた書籍の発売告知がてら、プレゼント企画を実施します！</p>

<p>TwitterやFacebookでしつこく告知しているのに、ブログ記事までしつこく書いて申し訳ありません（汗）。2月いっぱいはちょいちょい宣伝活動させていただくと思いますが、なにとぞ生温かく見守っていただければ幸いです......。</p>

<p>さて、いままで4冊共著としてMovable TypeやWebデザイン関連の書籍執筆に参加しましたが、今回は初めて自分一人での執筆。一人で本を書くって、ページが沢山あって、書いても書いても先が長いんですねぇ...としみじみ（笑）。でもその分、ぜーーーんぶ自分の好きな内容にさせていただき、自分色に染めまくった本となりましたよ！</p>

<p></p>

<div class="amazlet-box" style="margin-bottom:0px;"><div class="amazlet-image" style="float:left;margin:0px 12px 1px 0px;"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/477414911X/cremadesign-22/ref=nosim/" name="amazletlink" target="_blank"><img src="http://ecx.images-amazon.com/images/I/51SQBxUP%2BPL._SL160_.jpg" alt="デザインの学校 これからはじめるIllustrator&Photoshopの本" style="border: none;" /></a></div><div class="amazlet-info" style="line-height:120%; margin-bottom: 10px"><div class="amazlet-name" style="margin-bottom:10px;line-height:120%"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/477414911X/cremadesign-22/ref=nosim/" name="amazletlink" target="_blank">デザインの学校 これからはじめるIllustrator&Photoshopの本</a><div class="amazlet-powered-date" style="font-size:80%;margin-top:5px;line-height:120%">posted with <a href="http://www.amazlet.com/browse/ASIN/477414911X/cremadesign-22/ref=nosim/" title="デザインの学校 これからはじめるIllustrator&Photoshopの本" target="_blank">amazlet</a> at 12.02.01</div></div><div class="amazlet-detail">黒野 明子 著 ロクナナワークショップ 監修 <br />技術評論社 <br />売り上げランキング: 125874<br /></div><div class="amazlet-sub-info" style="float: left;"><div class="amazlet-link" style="margin-top: 5px"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/477414911X/cremadesign-22/ref=nosim/" name="amazletlink" target="_blank">Amazon.co.jp で詳細を見る</a></div></div></div><div class="amazlet-footer" style="clear: left"></div></div>

<p></p>

<p><br />
本書の内容は、まったくゼロからIllustratorとPhotoshopを勉強してみたいという初学者の方向けです。下記のような読者を想定して執筆しました。</p>

<ul>
	<li>美術系専門学校や大学に入ったばかりの方</li>
	<li>デザイナーを目指して勉強中の方</li>
	<li>Office系ソフトは使えるけど、これからデザイン系のソフトも使ってみたい方</li>
	<li>Webサイトの更新を突如任された新人サイトマスターさん</li>
	<li>ご自分でグラフィックを作れるようになりたいエンジニアさん</li>
	<li>ご自分で名刺やハガキをデザインしてみたい方</li>
</ul>

<p>などなど、いままでデザイン系のソフトに馴染みが無かった方々が、ゼロから楽しくコツコツと学習できるような構成になっています。</p>

<p>ファイルの作り方、ツールの切り替え方からはじめ、正方形や星形を描いたり、筆あとのような自由な線を描いたり。線の太さや色を変更し、文字を入力し、ロゴマークや名刺が作れるように徐々に学習が進みます。</p>

<p>中身のページは、こんな感じです。手順ひとつひとつにスクリーンショットが添えてあるので、迷わず勉強していただけるかと！<br />
<a href="http://linker.in/journal/images/IMG_0548.JPG"><img alt="IMG_0548.JPG" src="http://linker.in/journal/assets_c/2012/02/IMG_0548-thumb-400x400-3593.jpg" width="400" height="400" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a></p>

<p>さらに、写真の色を変更したり、一部分だけ切り抜いて複製したり、余分に写り込んだものを消したり。Web用のバナーや写真をアレンジしたイラストを作ってみて、最後には写真を貼り込んだポストカードを作ります。</p>

<p>ということで、このブログをお読みになっている方だと、かなり簡単すぎる内容かもしれませんね（このブログは、Webデザイン関係の方が主な読者層だと思いますので）。</p>

<p>ですので、職場の同僚さんやお友達で「これから勉強してみたいんだよねー」とお悩みの方に遭遇した場合、さりげなく紹介なぞしていただければ、これにまさる喜びはありません！</p>

<p>付属のDVDにIllustratorとPhotoshop CS5.1の30日間無料体験版がついていますので、PC（MacでもWinでも）とこの本さえあれば、とりあえず学習が進められるのも、良いところ( ´ ▽ ` )ﾉ</p>

<p>ということで、感謝と宣伝の気持ちをこめて（笑）、この本をlinker journalの読者1名さまにプレゼントいたしますー。</p>

<p>ご希望の方は、このブログのコメント欄に「欲しいよー」とご記入ください。お名前と連絡が取れるメールアドレス（公開されません）も忘れずに。2012年2月4日（土）23:59までにコメントを投稿いただいた方の中から抽選で1名さまに、こちらからメールでご連絡いたしますので、その際にご住所等を教えてくださいませ。</p>

<p>当選した方は、勉強したいお知り合いにあげてくださっても構いませんが、ブックオフにそのまま持って行ったりしないで、大切にしてくださると喜びます！</p>

<p>ではでは、ふるってご応募くださるのを、お待ちしております！</p>

<div class="amazlet-box" style="margin-bottom:0px;"><div class="amazlet-image" style="float:left;margin:0px 12px 1px 0px;"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/477414911X/cremadesign-22/ref=nosim/" name="amazletlink" target="_blank"><img src="http://ecx.images-amazon.com/images/I/51SQBxUP%2BPL._SL160_.jpg" alt="デザインの学校 これからはじめるIllustrator&Photoshopの本" style="border: none;" /></a></div><div class="amazlet-info" style="line-height:120%; margin-bottom: 10px"><div class="amazlet-name" style="margin-bottom:10px;line-height:120%"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/477414911X/cremadesign-22/ref=nosim/" name="amazletlink" target="_blank">デザインの学校 これからはじめるIllustrator&Photoshopの本</a><div class="amazlet-powered-date" style="font-size:80%;margin-top:5px;line-height:120%">posted with <a href="http://www.amazlet.com/browse/ASIN/477414911X/cremadesign-22/ref=nosim/" title="デザインの学校 これからはじめるIllustrator&Photoshopの本" target="_blank">amazlet</a> at 12.02.01</div></div><div class="amazlet-detail">黒野 明子 著 ロクナナワークショップ 監修 <br />技術評論社 <br />売り上げランキング: 125874<br /></div><div class="amazlet-sub-info" style="float: left;"><div class="amazlet-link" style="margin-top: 5px"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/477414911X/cremadesign-22/ref=nosim/" name="amazletlink" target="_blank">Amazon.co.jp で詳細を見る</a></div></div></div><div class="amazlet-footer" style="clear: left"></div></div>]]>
        
    </content>
</entry>

<entry>
    <title>Movable Typeでアーカイブのリンクをセレクトメニューにしてみる</title>
    <link rel="alternate" type="text/html" href="http://linker.in/journal/2012/01/movable-type-53.php" />
    <id>tag:linker.in,2012:/journal//2.938</id>

    <published>2012-01-30T03:00:00Z</published>
    <updated>2012-01-30T00:43:51Z</updated>

    <summary>月別アーカイブのリストが長くなっていたので、セレクトメニューに変更してみました。
</summary>
    <author>
        <name>柳谷 真志</name>
        <uri>http://wp.mersy.jp</uri>
    </author>
    
        <category term="Movable Type" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="html" label="html" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="movabletype" label="Movable Type" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://linker.in/journal/">
        <![CDATA[<p>みなさん、こんにちは、まーしーです<br />
東京は寒いですね。。。今年だけなんでしょうか。</p>
<p>さて、linker journalのサイドバーがこんなかんじで長くなりすぎていたので、少し整理しようかと思いました。</p>
<p><img src="http://linker.in/journal/images/120130-01.jpg" width="226" height="628" alt="120130-01.jpg" style="border:2px #7c7c7c solid;" /></p>
<p>まず手始めに月別アーカイブのリンクをリストではなくセレクトメニューにしてみました。</p>
<p>もとのテンプレートはこんな感じですね</p>
<pre class="brush:xml">
&lt;MTArchiveList archive_type="Monthly"&gt;
&lt;MTArchiveListHeader&gt;
&lt;div class="menu"&gt;
&lt;h2&gt;&lt;img src="&lt;$MTGetvar name="base_URL"$&gt;images/menutit-archives.gif" alt="Archives 月別アーカイブ" width="81" height="30" /&gt;&lt;/h2&gt;
&lt;ul&gt;
&lt;/MTArchiveListHeader&gt;
&lt;li&gt;&lt;a href="&lt;$MTArchiveLink$&gt;"&gt;&lt;$MTArchiveTitle$&gt;&lt;/a&gt;&lt;/li&gt;
&lt;MTArchiveListFooter&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;/MTArchiveListFooter&gt;
&lt;/MTArchiveList&gt;?
</pre>
<p>んでこのリストの所を修正して、こんなかんじでしょうか。</p>
<pre class="brush:xml">
&lt;MTArchiveList archive_type="Monthly"&gt;
&lt;MTArchiveListHeader&gt;
&lt;div class="menu"&gt;
&lt;h2&gt;&lt;img src="&lt;$MTGetvar name="base_URL"$&gt;images/menutit-archives.gif" alt="Archives 月別アーカイブ" width="81" height="30" /&gt;&lt;/h2&gt;
&lt;select onchange="location.href=this.options[this.selectedIndex].value"&gt;
&lt;/MTArchiveListHeader&gt;
&lt;option value="&lt;$MTArchiveLink$&gt;"&gt;&lt;$MTArchiveTitle$&gt;&lt;/option&gt;
&lt;MTArchiveListFooter&gt;
&lt;/select&gt;
&lt;/div&gt;
&lt;/MTArchiveListFooter&gt;
&lt;/MTArchiveList&gt;?
</pre>
<p>書き方としてはjsのところを分けるとか色々ありますね。</p>
<p>見た目もこんなかんじで少しだけ短くなりましたね。</p>
<p><img src="http://linker.in/journal/images/120130-02.jpg" width="426" height="510" alt="120130-02.jpg" style="border:2px #7c7c7c solid;" /></p>
<p>これでもまだ長いので、色々調整したほうがよさそうですね。</p>
<p>ということで、簡単ですがMTでやるならと言うときのメモでした。</p>
]]>
        
    </content>
</entry>

<entry>
    <title>葉山でベン・シャーン展を見てきた（2012年1月29日まで）</title>
    <link rel="alternate" type="text/html" href="http://linker.in/journal/2012/01/ben-shahn-hayama.php" />
    <id>tag:linker.in,2012:/journal//2.937</id>

    <published>2012-01-27T10:37:25Z</published>
    <updated>2012-01-28T11:19:57Z</updated>

    <summary> 火曜／金曜担当の@cremaです。 ちょっと担当曜日がずれてしまって恐縮ですが、明日（2012年1月29日）まで神奈川県立近代美術館 葉山で開催されている「ベ...</summary>
    <author>
        <name>黒野明子</name>
        <uri>http://cremadesign.jp/</uri>
    </author>
    
        <category term="アート" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="art" label="art" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://linker.in/journal/">
        <![CDATA[<p><img alt="ttl-20120128.jpg" src="http://linker.in/journal/images/ttl-20120128.jpg" width="640" height="150" class="mt-image-none" style="" /></p>

<p>火曜／金曜担当の@cremaです。</p>

<p>ちょっと担当曜日がずれてしまって恐縮ですが、明日（2012年1月29日）まで神奈川県立近代美術館 葉山で開催されている「ベン・シャーン展」についてレポートします。</p>

<p>結論から先に書くと、「関東近郊の人は、明日お時間あったら見に行くといいですよ！」ということなのですが。</p>

<p>前々から「海の前のベストロケーションな美術館」として私の憧れだった神奈川県立近代美術館 葉山なのですが、仕事が忙しくなかなか時間をとることができませんでした。</p>

<p>しかし今回は、日本のグラフィックデザインにも多大な影響を与えたアーティスト「ベン・シャーン」の大規模展示を見たい！いうことで、行きはJR帰りは京急を使い、ばびゅんと弾丸のように往復してきたわけなのです。</p>

<p>JR逗子駅からタクシーで到着した葉山館は、こんな感じの静謐な印象の建物。</p>

<p><a href="http://linker.in/journal/images/IMG_0523.JPG"><img alt="IMG_0523.JPG" src="http://linker.in/journal/assets_c/2012/01/IMG_0523-thumb-300x300-3583.jpg" width="300" height="300" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a></p>

<p>中庭に面してエントランス、ビデオ視聴室やミュージアムショップなどが配された、コンパクトな作りです。</p>

<p>ベン・シャーン展のチケットは1,100円。到着したのが15:30、閉館が17:00でしたので、入館時に「作品展数が多いので時間にお気をつけください」とアナウンスされました。最低でも2時間みておいた方が、ゆっくり鑑賞できるかと思います。</p>

<p>ここに作品の写真を掲載することは当然できないので残念ですが......。</p>

<p>墨を使って描かれたドローイング独特のごつごつした引っかかりのある線、が彼の特徴と勝手に思い込んでいましたが、展覧会の副題に「クロスメディア・アーティスト」とついているように、とにかく表現手段が多彩です。</p>

<p>グワッシュ、水彩、墨、リトグラフ、セリグラフ、コラージュ、テンペラなどなど考えうる限りの画材を使いこなしていますし、イメージソースとなる写真も多数自前で撮影。ニューヨークだけでなく南部の農業地域で撮影された印象的な人々のポートレイトは、生活感をありありと映し出していて、社会と密接に結びついた作品がここから生まれてきたことがよく分かります。</p>

<p>とても印象的だったのは、レタリングを駆使したポスター作品の数々。</p>

<p>もともと力強いグラフィックに加えてスクエアな印象の書体でキャッチコピーが入り、街中でさぞ目をひいただろうと思われる引力のあるポスターになっていました。解説によると石版画の工房での修業時代にレタリングを自分のものにしたということなのですが、改めて文字の持つ美しさと力強さを味わうことができます。</p>

<p>そして自らのルーツであるユダヤの文字＝ヘブライ文字をデザインした作品も、言葉の持つ意味は直接分からないものの、聖書の厳かな迫力が伝わってくる張りのある造形でした。</p>

<p>帰りにはきっちりカタログも買ってきましたので、再度自宅で味わい直したいと思います。</p>

<p><a href="http://linker.in/journal/images/9b1fcdfc499e11e1a87612313804ec91_7.jpg"><img alt="9b1fcdfc499e11e1a87612313804ec91_7.jpg" src="http://linker.in/journal/assets_c/2012/01/9b1fcdfc499e11e1a87612313804ec91_7-thumb-300x300-3585.jpg" width="300" height="300" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a></p>

<p>一番遅い時間帯に出かけて良かったことは、鑑賞終了と同時に日没に遭遇したこと。海に面した美術館の中庭からこんな夕日を見ることができ、もうひとつ得をした気分です。</p>

<p><a href="http://linker.in/journal/images/IMG_0530.JPG"><img alt="IMG_0530.JPG" src="http://linker.in/journal/assets_c/2012/01/IMG_0530-thumb-300x300-3587.jpg" width="300" height="300" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a></p>

<p>この展覧会は、このあと名古屋市美術館（2012年2月11日〜2012年3月25日）、岡山県立美術館（2012年4月8日〜2012年5月20日）、福島県立美術館（2012年6月3日〜2012年7月16日）にも巡回するので、各地域の方はそちらでぜひご覧になると良いかと思います。</p>]]>
        
    </content>
</entry>

<entry>
    <title>日本に戻ってきました</title>
    <link rel="alternate" type="text/html" href="http://linker.in/journal/2012/01/post-180.php" />
    <id>tag:linker.in,2012:/journal//2.936</id>

    <published>2012-01-26T00:00:00Z</published>
    <updated>2012-01-25T19:31:54Z</updated>

    <summary>残念なことこの上ないですが、色々あって日本に戻ってきました。初の海外生活は刺激的で非常に楽しいものでした。
</summary>
    <author>
        <name>柳谷 真志</name>
        <uri>http://wp.mersy.jp</uri>
    </author>
    
        <category term="その他" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://linker.in/journal/">
        <![CDATA[<p>みなさん、こんにちは、まーしーです。<br />
昨日の錦織選手の試合は残念でしたね。Top4との差はまだまだ大きいのかもしれませんが、また次の大会での活躍に期待ですね。</p>
<p>さて、ロンドンに引っ越したのが<a href="http://linker.in/journal/2010/09/post-113.php">2010年の9月末</a>でした。<br />
急な話ですが、この1月よりまた日本で仕事をする事になりました。<br />
（色々ありましてjournalに書けるようになるのに時間がかかりました。）</p>
<p>当初は2年か3年いる予定でしたが、妻が病気にかかってしまって手術したりしまして、妻の会社の都合もあり急遽日本に帰国することになりました。<br />
術後のリハビリとか日常生活に慣れてきた12月の初めに帰国の連絡を受けましたので、休むことなく帰国の準備、引越、日本での家探し、病院の手配、新居での荷物の受け入れ、妻の仕事復帰など、この年末年始はあまり休んだ気がしない感じでバタバタしていました。</p>
<p>1年3ヶ月と少々短く、帰国しないといけなくなってしまったのは大変残念で心残りなことがたくさんありますが、短いながらもすごく充実したロンドン生活でした。</p>
<p>ロンドンでの1年で仕事に直結するようなことで何かを見つけたり出来たわけではないですが、ロンドンが住みやすかったので、海外に対して抱いていたイメージがだいぶかわりました。<br />
機会があればまた海外生活したいな、と思っています。<br />
それを実現するためにはどうしたらいいのか？とかも今後考えてみたいと思ったりしています。</p>
<p>英語は・・・そこまでできる様にはなりませんでしたが、英語に対する抵抗感は少しは無くなった気がします。<br />
食わず嫌いをしたりしていたところはありますが、自分自身の知らなかった面に初の海外生活で気づくことができました。</p>
<p>また、@crema、@taku-workのおかげですが、仕事の面では特に問題無く仕事がこなせたんじゃないかな、と思っています。<br />
ただ、やはりどうにもならないのは時差ですね。<br />
9時間という時差なのでどうがんばってもSkypeでの打ち合わせが日本時間の午後以降になってしまいますよね。<br />
自分が早起きして対処できてもそんな感じでしたので、ここは少なからず影響がありそうだなぁ、と思いました。<br /></p>
<p>ということで、日本に戻ってきましたのでセミナーやお仕事などでお会いする機会があるかと思いますが、<br />
linker共々、これからもどうぞよろしくお願いいたします。</p>
]]>
        
    </content>
</entry>

<entry>
    <title>【献本ご紹介】標準HTML5タグリファレンス（藤本壱さん著）</title>
    <link rel="alternate" type="text/html" href="http://linker.in/journal/2012/01/html5.php" />
    <id>tag:linker.in,2012:/journal//2.935</id>

    <published>2012-01-23T18:23:46Z</published>
    <updated>2012-01-24T18:32:15Z</updated>

    <summary> 火曜／金曜担当の@cremaです。 献本いただいた書籍紹介シリーズ第二弾は、藤本壱さんの著作「標準HTML5タグリファレンス」です。 私たちlinkerは共著...</summary>
    <author>
        <name>黒野明子</name>
        <uri>http://cremadesign.jp/</uri>
    </author>
    
        <category term="レビュー" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="ja" xml:base="http://linker.in/journal/">
        <![CDATA[<p><img alt="IMG_0519.JPG" src="http://linker.in/journal/assets_c/2012/01/IMG_0519-thumb-300x300-3577.jpg" width="300" height="300" class="mt-image-left" style="float: left; margin: 0 20px 20px 0;" /></p>

<p>火曜／金曜担当の@cremaです。</p>

<p>献本いただいた書籍紹介シリーズ第二弾は、<a href="http://www.h-fj.com/blog/">藤本壱さん</a>の著作「<a href="http://www.amazon.co.jp/gp/product/4048860631/ref=as_li_ss_tl?ie=UTF8&tag=cremadesign-22&linkCode=as2&camp=247&creative=7399&creativeASIN=4048860631">標準HTML5タグリファレンス</a><img src="http://www.assoc-amazon.jp/e/ir?t=cremadesign-22&l=as2&o=9&a=4048860631" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />」です。</p>

<p>私たちlinkerは<a href="http://www.amazon.co.jp/gp/product/4883377067/ref=as_li_ss_tl?ie=UTF8&tag=cremadesign-22&linkCode=as2&camp=247&creative=7399&creativeASIN=4883377067">共著</a>を書かせていただいたこともあり、脚を向けては寝られないほどお世話になっている、藤本さん。</p>

<p>勝手に私が抱いていた藤本さんの守備範囲イメージは、「Movable Type」「WordPress」「PHPをはじめとするプログラミング」「投資や株などマネー関連」だったので、「HTML5」の書籍を出されたのは、正直ちょっとだけ意外でした（すみません＞＜）。</p>

<p>しかし拝読して、どんな分野でも緻密に根底から知り尽くし、研究し尽くす藤本さんならではのリファレンス本だなぁと、納得した次第です！</p>

<p>それでは、私が感じたこの本の素敵ポイントを4つ挙げてみますね。</p>

<h2>素敵ポイントその1：第1章で概要を知り、第2章以降を辞書的に活用できる</h2>

<p>基本的には「リファレンス本」ということで、「ルート要素とドキュメントデータ」「セクション」などの章に分かれ、さらにその中がbodyやarticleなどの要素ごとに節が立てられている、いわゆる辞書的な使い方をする本です。それぞれの要素には対応ブラウザ、親要素子要素、サンプル等が挙げられていて、「あ、この要素って、正しくはどうなってるんだっけ？」というときに見直すのが一番多い使い方かと思われます。</p>

<p>しかしながら、第1章で「HTML5の背景」「HTML 4、XHTMLとHTML5の違い」「要素、タグ、属性」「コンテンツ・モデルとカテゴリー」「セクションとアウトライン」「HTML5未対応のWebブラウザーへの対応」といった大枠が語られているので、「大きな声では言えないけど、HTML5よく分からないんだよね＞＜」という初学者の方にも親切な構成だと思います。</p>

<h2>素敵ポイントその2：各節のタイトルが分かりやすいので、辞書として使いやすい</h2>

<p>前項で「各節がbodyやarticleなどの要素になっている」ことに触れましたが、節タイトルが「文書内のセクション　section」「文書内のナビゲーション部分　nav」など、その要素を一言で表す説明がついており、それが目次でも使われているので、ざざっと概観を把握しやすいと感じました。その上で必要な要素にアクセスしやすい工夫だと思います。</p>

<h2>素敵ポイントその3：軽い紙で持ち運びやすい</h2>

<p>最初に受け取ったときに感じましたが、本の大きさと厚みの割にとても軽くて、ちょっと「おっ！」と思う気がします。帯にも「軽くて丈夫な『OKアドニスラフW』を採用」と書かれていて、この本をいつも持ち運んで使ってもらいたいという編集者さんの想いを感じました。電子書籍が席巻しつつある昨今、紙の本の場合は重さと大きさにも配慮が必要になっているということかもしれません。</p>

<h2>素敵ポイントその4：スマホ向け専用Webアプリが用意されている</h2>

<p>とは言え、やはりこういったリファレンス本は、電子書籍で読みたくなるのが人情。というニーズもしっかり汲み取られていて、紙の書籍を買った人だけが認証できるスマホ向け専用Webアプリが用意されています。ログインするとこんな感じの画面となり、さらに辞書的な使いやすさアップ！</p>

<p><a href="http://linker.in/journal/images/IMG_0520.PNG"><img alt="IMG_0520.PNG" src="http://linker.in/journal/assets_c/2012/01/IMG_0520-thumb-250x375-3579.png" width="250" height="375" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a></p>

<p>2013年末までの限定公開だそうですが、いまから丸2年間使わせていただけるとは、結構すごいことだと思うのです。読者のニーズを、とても丁寧に考えられた愛情深い書籍だと思います。</p>

<p>最後になりましたが、藤本さん、ASCIIの担当編集者さん、ご献本賜り誠にありがとうございました！　大切に使わせていただきます。</p>

<div class="amazlet-box" style="margin-bottom:0px;"><div class="amazlet-image" style="float:left;margin:0px 12px 1px 0px;"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4048860631/cremadesign-22/ref=nosim/" name="amazletlink" target="_blank"><img src="http://ecx.images-amazon.com/images/I/51nHDKWWPVL._SL160_.jpg" alt="標準HTML5タグリファレンス (WEB PROFESSIONAL)" style="border: none;" /></a></div><div class="amazlet-info" style="line-height:120%; margin-bottom: 10px"><div class="amazlet-name" style="margin-bottom:10px;line-height:120%"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4048860631/cremadesign-22/ref=nosim/" name="amazletlink" target="_blank">標準HTML5タグリファレンス (WEB PROFESSIONAL)</a><div class="amazlet-powered-date" style="font-size:80%;margin-top:5px;line-height:120%">posted with <a href="http://www.amazlet.com/browse/ASIN/4048860631/cremadesign-22/ref=nosim/" title="標準HTML5タグリファレンス (WEB PROFESSIONAL)" target="_blank">amazlet</a> at 12.01.25</div></div><div class="amazlet-detail">藤本壱 <br />アスキー・メディアワークス <br />売り上げランキング: 3622<br /></div><div class="amazlet-sub-info" style="float: left;"><div class="amazlet-link" style="margin-top: 5px"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4048860631/cremadesign-22/ref=nosim/" name="amazletlink" target="_blank">Amazon.co.jp で詳細を見る</a></div></div></div><div class="amazlet-footer" style="clear: left"></div></div>
]]>
        
    </content>
</entry>

<entry>
    <title>全豪オープンのiPhone、iPadアプリでテニス観戦してみる</title>
    <link rel="alternate" type="text/html" href="http://linker.in/journal/2012/01/iphoneipad-1.php" />
    <id>tag:linker.in,2012:/journal//2.934</id>

    <published>2012-01-23T06:00:00Z</published>
    <updated>2012-01-23T04:52:37Z</updated>

    <summary>テニスの全豪オープンが始まっています。そのiPhoneアプリ、iPadアプリを使ってみました。
</summary>
    <author>
        <name>柳谷 真志</name>
        <uri>http://wp.mersy.jp</uri>
    </author>
    
        <category term="その他" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="ipadアプリ" label="iPadアプリ" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="iphoneアプリ" label="iPhoneアプリ" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="ja" xml:base="http://linker.in/journal/">
        <![CDATA[<p>みなさん、こんにちは、まーしーです。<br />
大相撲の初場所は把瑠都が初優勝しましたね。怪我をしてだいぶ停滞しましたがついに横綱が見えてきた感じでしょうか。</p>
<p>さて、初場所も終わってしまったので、今気になるのはテニスの全豪オープンですね。</p>
<blockquote>
  <p>Australian Open Tennis Championships 2012<br />
  <a href="http://www.australianopen.com/en_AU/index.html">http://www.australianopen.com/en_AU/index.html</a></p>
</blockquote>
<p>ちょうど、今日は錦織vsTsongaということで期待が高まります。<br />
（書いてる今は錦織の2-1と1set upですね）</p>
<p>全豪オープンではiPhoneアプリとiPadアプリがそれぞれ別物として用意されていますね。<br />
Android用もあるようです。</p>
<h2>iPhoneアプリ</h2>
<blockquote>
  <p>App Store - Australian Open Tennis Championships 2012<br />
  <a href="http://itunes.apple.com/us/app/australian-open-tennis-hampionships/id345137837?mt=8">http://itunes.apple.com/us/app/australian-open-tennis-hampionships/id345137837?mt=8</a>&nbsp;&nbsp;</p>
</blockquote>
<h3>TOP</h3>
<p><img src="http://linker.in/journal/images/120123-01.png" width="320" height="480" alt="120123-01.PNG" style="border:2px #7c7c7c solid;" /></p>
<p>iPhoneから見たい情報は一通りそろっていそうな感じですね。</p>
<h3>Draw</h3>
<p><img src="http://linker.in/journal/images/120123-02.png" width="320" height="480" alt="120123-02.PNG" style="border:2px #7c7c7c solid;" /></p>
<p>Drawを見ることも出来ます。<br />
錦織選手がここ勝ってベスト８に入れるか。</p>
<h3>Scores</h3>
<p><img src="http://linker.in/journal/images/120123-03.png" width="320" height="480" alt="120123-03.PNG" style="border:2px #7c7c7c solid;" /></p>
<p>スコア部分は30秒ごとに自動で更新されるようですね。</p>
<h3>Videos</h3>
<p><img src="http://linker.in/journal/images/120123-04.png" width="320" height="480" alt="120123-04.PNG" style="border:2px #7c7c7c solid;" /></p>
<p>YouTubeへのリンクになりますが、動画も見ることが出来ますね。<br />
TVではなくハイライトを見ることが多いのですが、iPhoneでもいいかな・・・</p>
<h2>iPad</h2>
<blockquote>
  <p>Australian Open Official Program 2012 for iPad on the iTunes App Store<br />
  <a href="http://itunes.apple.com/us/app/australian-open-official-program/id493183132?mt=8">http://itunes.apple.com/us/app/australian-open-official-program/id493183132?mt=8</a>&nbsp;&nbsp;</p>
</blockquote>
<p>iPhoneアプリとは別にiPadアプリも用意されています。</p>
<h3>TOP</h3>
<p><img src="http://linker.in/journal/images/120123-05.png" width="480" height="360" alt="120123-05.PNG" style="border:2px #7c7c7c solid;" /></p>
<p>左右の２カラムで、最初の画面では使い方の説明が書かれていますね。</p>
<p><img src="http://linker.in/journal/images/120123-06.png" width="480" height="360" alt="120123-06.PNG" style="border:2px #7c7c7c solid;" /></p>
<p>iPadアプリでみれるものはScore、News、Storyといったかんじのようです。</p>
<h3>Scores</h3>
<p><img src="http://linker.in/journal/images/120123-07.png" width="480" height="360" alt="120123-07.PNG" style="border:2px #7c7c7c solid;" /></p>
<p>ScoreはiPhoneアプリの方が見やすい気ががしますね。。</p>
<h3>Story</h3>
<p><img src="http://linker.in/journal/images/120123-08.png" width="480" height="360" alt="120123-08.PNG" style="border:2px #7c7c7c solid;" /></p>
<p>iPadアプリらしいのはこのStoryですね。iPad用のofficial programのContentsといった方がいいのかな。<br />
上のキャプチャはStory Modeの時の画面です。</p>
<p>メインカラム下のアイコンをクリックするとこのような画面が出てきます。</p>
<p><img src="http://linker.in/journal/images/120123-09.png" width="480" height="360" alt="120123-09.PNG" style="border:2px #7c7c7c solid;" /></p>
<p>ビジュアルから読みたい物を選ぶことができますね。</p>
<p>Layout Modeにするとこのような感じです。</p>
<p><img src="http://linker.in/journal/images/120123-10.png" width="480" height="360" alt="120123-10.PNG" style="border:2px #7c7c7c solid;" /></p>
<p>下部から出てくるメニューでLayout Modeを選ぶかメインカラムをタップするとLayout Modeに切り替わります。</p>
<p><img src="http://linker.in/journal/images/120123-11.png" width="480" height="360" alt="120123-11.PNG" style="border:2px #7c7c7c solid;" /></p>
<p>読み物を楽しめる感じになっていますね。</p>
<p>と、書いていたら試合の方はNishikori 2-1 Tsongaで4setは3-5になっていますね。<br />
iPhoneアプリでスコアを見ながら、iPadでコンテンツをよんでみる、という楽しみ方も面白そうですね。</p>
]]>
        
    </content>
</entry>

</feed>

