<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
    <title>その仕事、蠍は留守です</title>
    <link rel="alternate" type="text/html" href="http://www.hitoyam.com/web/" />
    <link rel="self" type="application/atom+xml" href="http://www.hitoyam.com/web/atom.xml" />
    <id>tag:www.hitoyam.com,2010-06-21:/web//13</id>
    <updated>2010-07-26T14:57:34Z</updated>
    <subtitle>仕事で勉強させてもらったことの記録やメモ。</subtitle>
    <generator uri="http://www.sixapart.com/movabletype/">Movable Type Pro 5.02</generator>
<entry>
    <title>Power CMS for MT 勉強会</title>
    <link rel="alternate" type="text/html" href="http://www.hitoyam.com/web/2010/07/26_2356.html" />
    <id>tag:www.hitoyam.com,2010:/web//13.631</id>
    <published>2010-07-26T14:56:12Z</published>
    <updated>2010-07-26T14:57:34Z</updated>
    <summary> こんにちは、土用うなぎを食べたHitoyamです。平賀源内って電通さんよりすご...</summary>
    <author>
        <name>hitoyam</name>
    </author>
        <category term="セミナー、勉強会報告" scheme="http://www.sixapart.com/ns/types#category" />
    <category term="cms" label="CMS" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="mt" label="MT" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="神保町" label="神保町" scheme="http://www.sixapart.com/ns/types#tag" />
    <content type="html" xml:lang="ja" xml:base="http://www.hitoyam.com/web/">
        <![CDATA[ <p>こんにちは、土用うなぎを食べたHitoyamです。平賀源内って電通さんよりすごいってことだよね。</p>
<p class="right break"><a href="http://www.flickr.com/photos/hitoyam/4823616060/" title="Power CMS for MT 勉強会 by hitoyam, on Flickr"><img src="http://farm5.static.flickr.com/4118/4823616060_b83606d63e_m.jpg" width="240" height="180" alt="Power CMS for MT 勉強会" /></a></p>
<p>先日、<a href="http://alfasado.net/">アルファサード</a>さんの主催する Power CMS for MT 勉強会に行ってきました。<a href="http://powercms.alfasado.net/">Power CMS for MT</a> とは Movable TypeのCMS活用に役立つオリジナルプラグインをオールインワン・パッケージで提供している製品です。</p>
<p class="break">前職時代から気になっていたのですが、私が関わった案件では<span class="txt_gray_s">（大人の事情で）</span>使用することができませんでした。今回よい機会だと思ったので、思い切って参加してみた次第です。</p>
<h2 class="clear">触ってみた感想</h2>
<p>ちょっと想像してた感じとは違いましたが、思っていたより自由にカスタマイズできる仕組みという印象でした。もう少しガチガチなのかと思った。人にとって受け取り方はそれぞれだろうけど、Dynamic MTML による各種分岐とかは、初心者にも比較的分かりやすいライトな変態といった感じかなぁ。</p>
<p class="break">どうしても外せないリビジョン管理やロール設定も十分な機能を持っていて、安心な感じ。</p>
<h3>このパッケージが気になる理由</h3>
<p>お役所などの案件の場合、いろいろクリアしないといけない事項がたくさんあって、それを安価で確実にクリアしたい時に便利だなぁと思わされてしまうからです。正直、<em class="txt_purple">その部分のクオリティを自力で担保する労力があったら、もっとコンテンツ側に注力すればいい</em>と考えたりもするワケで。</p>
<h3>もしも母体のCMSとしてMTを使うなら超強力</h3>
<p class="break">MTがその案件にとって最善策である場合には、これ以上ないぐらい強力な後押しとなってくれそうです。ただ、個人的にはなんでもかんでもMTを使えばいいとは思えないタイプなので、常にきちんとした選定の上で使いたいものですが。まぁ選択肢を広げればいいというものでもないし、悩みどころです。</p>
<h2>有料パッケージの方が、むしろ勉強会って有効かもしれない</h2>
<p>有料の製品なりソフトなりを納得いく形で試用したり勉強したりできる機会って、意外と少ない気がしています。肝心なところは外に出したくないのかもしれないし、まずはお金もらってなんぼって事情もあるのだろうし。</p>
<p>でもというか、だからこそ、こうした勉強会の機会を設けていただけると興味を引くし、継続して使ってみようと思えるのかもしれないなぁと感じました。<em class="txt_green">できれば少しでも慣れて馴染んだツールを使いたい心情があるし、いざ企画を立てる時にアイディアを乗っけていきやすい</em>ということもあるんじゃないかな。</p>
<p class="break">たっぷり触らせていただきましたし、今後どこかで使わせていただくタイミングがやってきそうな気もします。スタッフさん、お疲れさまでした＆ありがとうございました！</p>
<h2>関連URL</h2>
<ul class="related_link">
<li><a href="http://alfasado.net/">ホームページ制作会社 アルファサード</a></li>
<li><a href="http://powercms.alfasado.net/">Power CMS for MT Ver.2（Movable Typeベースの多機能CMS）</a></li>
<li><a href="http://www.sixapart.jp/movabletype/">Movable Type 5 - Six Apart</a></li>
<li><a href="http://www.sixapart.jp/pressroom/2010/07/alfasado_powercms_seminar.html?utm_campaign=sixapartkk&amp;utm_medium=twitter&amp;utm_source=am6_feedtweet">広報ブログ - Six Apart</a></li>
</ul>
<h2>会場の地図</h2>
<iframe class="map_frame" src="http://maps.google.co.jp/maps?f=q&amp;source=s_q&amp;hl=ja&amp;geocode=&amp;q=%E6%9D%B1%E4%BA%AC%E9%83%BD%E5%8D%83%E4%BB%A3%E7%94%B0%E5%8C%BA%E7%A5%9E%E7%94%B0%E7%A5%9E%E4%BF%9D%E7%94%BA3-10-3&amp;sll=35.697334,139.753282&amp;sspn=0.009759,0.016179&amp;brcurrent=3,0x60188c1484b6ab51:0x18f1f2a4c3d31af2,0&amp;ie=UTF8&amp;hq=&amp;hnear=%E6%9D%B1%E4%BA%AC%E9%83%BD%E5%8D%83%E4%BB%A3%E7%94%B0%E5%8C%BA%E7%A5%9E%E7%94%B0%E7%A5%9E%E4%BF%9D%E7%94%BA%EF%BC%93%E4%B8%81%E7%9B%AE%EF%BC%91%EF%BC%90%E2%88%92%EF%BC%93&amp;ll=35.697299,139.753947&amp;spn=0.006099,0.012875&amp;z=16&amp;iwloc=A&amp;output=embed"></iframe>
<span class="map_txt"><a href="http://maps.google.co.jp/maps?f=q&amp;source=embed&amp;hl=ja&amp;geocode=&amp;q=%E6%9D%B1%E4%BA%AC%E9%83%BD%E5%8D%83%E4%BB%A3%E7%94%B0%E5%8C%BA%E7%A5%9E%E7%94%B0%E7%A5%9E%E4%BF%9D%E7%94%BA3-10-3&amp;sll=35.697334,139.753282&amp;sspn=0.009759,0.016179&amp;brcurrent=3,0x60188c1484b6ab51:0x18f1f2a4c3d31af2,0&amp;ie=UTF8&amp;hq=&amp;hnear=%E6%9D%B1%E4%BA%AC%E9%83%BD%E5%8D%83%E4%BB%A3%E7%94%B0%E5%8C%BA%E7%A5%9E%E7%94%B0%E7%A5%9E%E4%BF%9D%E7%94%BA%EF%BC%93%E4%B8%81%E7%9B%AE%EF%BC%91%EF%BC%90%E2%88%92%EF%BC%93&amp;ll=35.697299,139.753947&amp;spn=0.006099,0.012875&amp;z=16&amp;iwloc=A">大きな地図で見る</a></span>]]>
    </content>
</entry>
<entry>
    <title>Firefoxのアドオンが調子悪かった件</title>
    <link rel="alternate" type="text/html" href="http://www.hitoyam.com/web/2010/07/26_0117.html" />
    <id>tag:www.hitoyam.com,2010:/web//13.630</id>
    <published>2010-07-25T16:17:34Z</published>
    <updated>2010-07-29T00:59:39Z</updated>
    <summary>こんにちは、効率重視のHitoyamです。 2010年の4月22日に『Firef...</summary>
    <author>
        <name>hitoyam</name>
    </author>
        <category term="サービス、アプリ" scheme="http://www.sixapart.com/ns/types#category" />
    <category term="firefox" label="firefox" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="google" label="Google" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="mozilla" label="mozilla" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="アドオン" label="アドオン" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="不具合" label="不具合" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="機能拡張" label="機能拡張" scheme="http://www.sixapart.com/ns/types#tag" />
    <content type="html" xml:lang="ja" xml:base="http://www.hitoyam.com/web/">
        <![CDATA[<p>こんにちは、効率重視のHitoyamです。</p>
<p>2010年の4月22日に<a href="http://www.hitoyam.com/web/2010/04/22_2318.html">『Firefoxのアドオンが調子悪い...』</a>というエントリを書いたのですが、その後Chromeを普通に使ってしまっていたこともあり、解決策を見つけることなくここまで来ました。</p>
<p class="break">が、<a href="http://maboroshi.biz/clearskysource/">@kobaさんのブログ</a>を見ていたところ、<a href="http://maboroshi.biz/clearskysource/?p=314">MacのFirefoxでGoogleツールバーが使えなくなった時』</a>というエントリがあるではありませんか。そこで紹介されている<a href="http://shin.s-ence.org/archives/2010/07/13676.html">『Mac(OS10.6)のFireFoxでGoogleツールバーが使えなくなった』</a>の解決策を参考に、同じ手順で作業してみました。</p>
<h2>解決の手順</h2>
<h3>Firefoxのアドレスバーに「about:config」と入力する</h3>
<p>「動作保証外になります！」などと怖いことを言われますが、勇気を出して「細心の注意を払って使用する」をクリックします。小心者なので「次回もこの警告を表示する」にチェックを入れておきます。</p>
<p class="break"><a href="http://www.flickr.com/photos/hitoyam/4827310772/" title="fix a trouble with GoogleToolbar addon for Firefox by hitoyam, on Flickr"><img src="http://farm5.static.flickr.com/4140/4827310772_5ce0923bcc_z.jpg" width="620" alt="Firefoxアドオンの解決手順のキャプチャ1" /></a></p>
<h3>フィルタ欄に「general.useragent.locale」と入力し、設定名部分をダブルクリックする</h3>
<p class="break"><a href="http://www.flickr.com/photos/hitoyam/4827310960/" title="fix a trouble with GoogleToolbar addon for Firefox by hitoyam, on Flickr"><img src="http://farm5.static.flickr.com/4114/4827310960_6e5e2e42b1_o.png" width="526" height="90" alt="Firefoxアドオンの解決手順のキャプチャ2" /></a></p>
<h3>「ja-JP-mac」という箇所を「ja-JP」に変更する</h3>
<p class="break"><a href="http://www.flickr.com/photos/hitoyam/4826703241/" title="fix a trouble with GoogleToolbar addon for Firefox by hitoyam, on Flickr"><img src="http://farm5.static.flickr.com/4140/4826703241_a43be11c2f_o.png" width="460" height="203" alt="Firefoxアドオンの解決手順のキャプチャ3" /></a></p>
<h3>反映を確認したら、Firefoxを再起動する</h3>
<p class="break"><a href="http://www.flickr.com/photos/hitoyam/4826703419/" title="fix a trouble with GoogleToolbar addon for Firefox by hitoyam, on Flickr"><img src="http://farm5.static.flickr.com/4119/4826703419_7f41712ed9_o.png" width="526" height="90" alt="Firefoxアドオンの解決手順のキャプチャ4" /></a></p>
<h2>見事、解決！</h2>
<p><em class="txt_purple_l">やった！　解決しましたよ！</em>　ありがとうございます！</p>
<p>正直Chromeのおかげで、Firefoxを使わなくなった理由さえ忘れかけていたぐらいなのですが...。とはいえ、Chromeだけではカバーしきれない作業もいくつかあるので、Firefoxも時々は立ち上げてました。完全復活してくれるのなら大助かりだし、効率アップ間違いなしです。</p>
<p class="break">同じ悩みで困っている方がいましたら、すぐ試してみてくださいませ。</p>
<h2>追記（2010年7月29日）</h2>
<p class="break">先ほどアップデートがかかったら、また動かなくなりました...。アプリケーションが立ち上がりすらしないので、また再インストールしないといけない感じ...。アップデートのたびに毎回こうなるってことですか...？　それはちょっとしんどい！</p>
<h2>関連URL</h2>
<ul class="related_link">
<li><a href="http://maboroshi.biz/clearskysource/?p=314">clear sky source - MacのFirefoxでGoogleツールバーが使えなくなった時</a></li>
<li><a href="http://shin.s-ence.org/archives/2010/07/13676.html">Mac(OS10.6)のFireFoxでGoogleツールバーが使えなくなった</a></li>
</ul>]]>
    </content>
</entry>
<entry>
    <title>WDE-ex Vol11『iPad のウェブデザイン：私たちがみつけたこと』</title>
    <link rel="alternate" type="text/html" href="http://www.hitoyam.com/web/2010/07/25_2323.html" />
    <id>tag:www.hitoyam.com,2010:/web//13.629</id>
    <published>2010-07-25T14:23:55Z</published>
    <updated>2010-07-25T14:25:12Z</updated>
    <summary>こんにちは、iPadはいまだ購入にいたっていないHitoyamです。 iPadか...</summary>
    <author>
        <name>hitoyam</name>
    </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="ux" label="UX" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="wde" label="WDE" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="デザイン" label="デザイン" scheme="http://www.sixapart.com/ns/types#tag" />
    <content type="html" xml:lang="ja" xml:base="http://www.hitoyam.com/web/">
        <![CDATA[<p>こんにちは、iPadはいまだ購入にいたっていないHitoyamです。</p>
<p class="left break"><a href="http://www.flickr.com/photos/hitoyam/4822999895/" title="WDE-ex Vol11 by hitoyam, on Flickr"><img src="http://farm5.static.flickr.com/4134/4822999895_e94cb1b5da_m.jpg" width="240" height="180" alt="WDE-ex Vol11" /></a></p>
<p>iPadから学ぶIAについてということで、<a href="http://east.webdirections.org/blog/wde-ex11/">WDE-ex Vol11『iPad のウェブデザイン：私たちがみつけたこと』</a>に行ってきました。</p>
<p>スピーカーは Information Architects の Oliver Reichenstein 氏。相変わらずの人気っぷりという感じでした。</p>
<p>iPadのデザインとiPadアプリ（ライティングマシーン）のデモを中心に、質問時間を多く取った構成の内容だったように思いました。</p>
<h2 class="clear">ざっくりメモなど</h2>
<h3>iPadは雑誌でも新聞でもない</h3>
<p>デバイスとしてのiPadは、本でもないしウェブ上のデザインともまた違うので、<em class="txt_purple">元々あるウェブのデザインをただ小さくするだけでは不十分。</em>iPadのデザインは粗いものであること、メタファーを使うとしたらファンクションが必要であることなどを理解して、適切なデザインを心がけなくてはならないとのことでした。</p>
<ul class="point">
<li>ひとつの機能に絞ってシンプルに正しく作ること</li>
<li>コントラストを常に考え、大きくすることを心がける</li>
<li>PCのモニターを信じず、実機とライブビューを使うこと</li>
</ul>
<p class="break">特性を考えると<em class="txt_red">アプリはシンプルであるべき</em>で、余計な機能を付けないことが肝になりそうです。削ぎ落として残った本質がアプリの価値となるので、「削る」という作業が一番しんどいのですよね。何でも盛り込む方が頭使わなくて済んでしまうので。</p>
<h3>ウェブデザイン、ウェブ制作との違い</h3>
<p>iPadアプリを作る際にも、ウェブ制作の時と同じようなワークフローで制作しているそうですが、それが正解であるかどうかはまだ分からないとおっしゃっていました。また、ルールが手探りなので、ウェブのデザインよりも工数はかかっているそうです。</p>
<p>技術面では、<em class="txt_blue">一番大切なファクターは速度</em>であり、JavaScriptなどのウェブ系の言語よりもネイティブである Objective-C の方が速いです。ただし作りやすさの面ではHTMLの方が圧倒的に優れているので、いきなりXcodeで書くのではなくHTMLから始めてみるのもいいみたいです。</p>
<p class="break"><em class="txt_green">iPadでの最適フォントサイズは20〜24pxぐらいではないか</em>とのこと。しかしそのようにして美しさと可読性を確保しようとすると、もともとスペースが小さい上に文字が大きくなります。画面に表示できる内容が限られてしまうため、3カラムなどのデザインは適していないことになります。不要な要素はできるだけ削り、最適なデザインを実現しようとのことでした。</p>
<h3>もしも、はじめてウェブアプリを作るなら</h3>
<p>まだウェブアプリを作ったことがなくて、今から作ってみたいと考えているなら、iPadからはじめることをおすすめされていました。</p>
<ul class="point">
<li>機能をシンプルにする必要があるので足し算ができない</li>
<li>コンテンツによりフォーカスできる</li>
</ul>
<p class="break">などがメリットとなり洗練されたアプリが作れる、というワケですね。確かにシンプルなものを打ち出すプラクティスになりそうですね。アイディアを膨らませた後の引き算はとても難しいですから！</p>
<h2>ライティングマシーンのデモ</h2>
<p class="left break"><a href="http://www.flickr.com/photos/hitoyam/4823000079/" title="iPadでライティングマシーンを動かしている様子 by hitoyam, on Flickr"><img src="http://farm5.static.flickr.com/4119/4823000079_0f6d4534ed_m.jpg" width="240" height="180" alt="iPadでライティングマシーンを動かしている様子" /></a></p>
<p>そのような考えの上で制作されているライティングマシーンも、書くことに特化したシンプルなアプリ。少ない行数だけをハイライト表示することで、集中力を高める役に立つそうです。</p>
<p class="break">懇親会の時に実際に触っている様子を見せていただきましたが、フォーカスモードではかなりしっかりフォーカスが効いている感じがしました。デフォルトのiPadキーボードにはない矢印キーも追加され、リリースまでにはさらなる機能が付くみたいです。</p>
<h2 class="clear">とにかく、シンプルに</h2>
<p>「ユーザは使いやすいアプリに良い印象を持つ」ので、まずは<em class="txt_red">コンセプトとそれに対する使いやすさを追求すべき。</em>使いやすいアプリは見た目がよくなかったり、キレイなアプリは使いづらかったりという現状がまだまだあるみたいですが、これから多くのアプリが制作されるにあたって、素敵なアプリが増えるといいですね。</p>
<p class="break">私はまだiPadアプリを作ったことがないですが、機会を見つけてチャレンジしてみたいと思っています。</p>
<h2>関連URL</h2>
<ul class="related_link">
<li><a href="http://east.webdirections.org/blog/wde-ex11/">WDE-ex Vol11『iPad のウェブデザイン：私たちがみつけたこと』</a></li>
<li><a href="http://informationarchitects.jp/">informationarchitects.jp</a></li>
</ul>]]>
    </content>
</entry>
<entry>
    <title>無職なう、になりました</title>
    <link rel="alternate" type="text/html" href="http://www.hitoyam.com/web/2010/07/24_2045.html" />
    <id>tag:www.hitoyam.com,2010:/web//13.628</id>
    <published>2010-07-24T11:45:40Z</published>
    <updated>2010-07-26T02:56:28Z</updated>
    <summary> こんにちは、夏休み満喫中のHitoyamです。 先日、3年間在籍していた会社を...</summary>
    <author>
        <name>hitoyam</name>
    </author>
        <category term="その他いろいろ" scheme="http://www.sixapart.com/ns/types#category" />
    <category term="お知らせ" label="お知らせ" scheme="http://www.sixapart.com/ns/types#tag" />
    <content type="html" xml:lang="ja" xml:base="http://www.hitoyam.com/web/">
        <![CDATA[ <p>こんにちは、夏休み満喫中のHitoyamです。</p>
<p>先日、3年間在籍していた会社を退職いたしました。<br />やりがいのある仕事や貴重な体験をさせていただき、とても感謝しています。本当にお世話になりました。</p>
<p>お会いした方にはすでにご挨拶させていただいておりますが、しばらくは求職活動などをしつつ、今後どうするか考えていきたいと思っています。</p>
<p>以上、ご報告まで。</p>
<p>あ、あと求職活動と平行して、人様のオフィスにお邪魔させていただく見学企画をやらせてもらってます。その様子などは、後日ブログにて！</p>]]>
    </content>
</entry>
<entry>
    <title>WDE ex -Vol10 『Webフォントの未来』</title>
    <link rel="alternate" type="text/html" href="http://www.hitoyam.com/web/2010/07/05_2203.html" />
    <id>tag:www.hitoyam.com,2010:/web//13.627</id>
    <published>2010-07-05T13:03:35Z</published>
    <updated>2010-07-06T01:00:10Z</updated>
    <summary> こんにちは、フォントを買い漁る資本が欲しいと思うHitoyamです。切実。 前...</summary>
    <author>
        <name>hitoyam</name>
    </author>
        <category term="セミナー、勉強会報告" scheme="http://www.sixapart.com/ns/types#category" />
    <category term="wde" label="WDE" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="タイポグラフィ" label="タイポグラフィ" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="デザイン" label="デザイン" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="フォント" label="フォント" scheme="http://www.sixapart.com/ns/types#tag" />
    <content type="html" xml:lang="ja" xml:base="http://www.hitoyam.com/web/">
        <![CDATA[ <p>こんにちは、フォントを買い漁る資本が欲しいと思うHitoyamです。切実。</p>
<p class="break"><a href="http://www.hitoyam.com/web/2010/05/20_2226.html">前回のWDXはタイポグラフィーのこと</a>だったのですが、今回はウェブフォント。個人的には技術的なフォーカスよりも、現在の状況と今後の動向が気になっている感じ。という感じな感じで参加してきました。</p>
<h2>講演内容の感想など</h2>
<p class="left break"><a href="http://www.flickr.com/photos/hitoyam/4755965558/" title="WDE ex -Vol10 &amp;quot;WebFonts&amp;quot; by hitoyam, on Flickr"><img src="http://farm5.static.flickr.com/4098/4755965558_c54eb91040_m.jpg" alt="WDE ex -Vol10 &amp;quot;WebFonts&amp;quot;" height="180" width="240" /></a></p>
<p>スピーカーはジョン・ダゲット氏。Mozilla Japan グラフィックス＆テクスト エンジニアで、W3C CSSワーキンググループ CSS3 Fontsエディターのダゲット氏は、ちょっと日本語を勉強しようと思って来日して、気が付いたら8年目になっちゃったそうです。</p>
<p class="break">当日使用されたスライドは<a href="http://blog.mozilla.com/nattokirai/2010/07/01/%e3%82%a6%e3%82%a7%e3%83%96%e3%83%95%e3%82%a9%e3%83%b3%e3%83%88%e3%81%ae%e6%9c%aa%e6%9d%a5/">ダゲッド氏のブログ</a>から見ることができますし、<a href="http://togetter.com/li/32685">Togetterでのまとめ</a>も作成されていますので、詳しい内容はそちらでどうぞ。</p>
<h3 class="clear">WOFFのこと</h3>
<p>WOFFとはWeb Open Font Formatの略で、ウェブ専用の新しいフォントフォーマットです。OpenTypeデータの可逆圧縮で、追加のメタデータも定義可能です。</p>
<p>ウェブ制作をしている人々からすれば、当然のごとく興味がWOFFに集中するのですが、種類の貧弱さとライセンスの問題がまだまだまだまだ大きいと思います。今後少しずつ増えてゆくのだとは思いますが、まだ難しい点が残されているのかなぁと。日本語フォントの特性を考えると、特に。</p>
<p>@font-faceでunicode-rangeを利用すれば、使う範囲を定義したり定義した範囲のフォントデータだけを使用することが出来ますし、フォントを分割することもできるのですが。実際にはどのような使われ方になってゆくのかなぁ。電子書籍の縦書きグリフなんかも、書籍リーダーの独自実装ではなくて標準的にできるようになればいいのになぁ。</p>
<p class="break">ちなみに<a href="http://www.w3.org/2009/09/html5-ig-jp-charter.ja.html">HTML5 Japanese Interest Group</a>ではCSS3のフォント周りに関する意見交換が行われているので、興味のある方はそちらを追ったり参加したりするといいんじゃないかと思います。</p>
<h3>SVGフォント</h3>
<p>ウェブ上で使えるフォントといえばSVGフォントもあります。機能は多くありませんが、XML形式で定義がシンプル。Windows上でヒンティングデータのない場合などには、SVGの方がキレイに表示されるみたいです。</p>
<p class="break">とはいえ、現時点で本文にガツガツ使える感じでもないので、使いどころは難しいのかも。</p>
<h2>フォントの問題は誰の問題か</h2>
<p>さて、作るものに対してフォントを最初に当てる人は誰だ？　って考えたら、うん、コーダーでもエンジニアでもなくデザイナーですよね、どう考えても。</p>
<p>デザイナーは技術的なことを追う必要はないと考える人もいるだろうし、それもきっと間違いではないと思うのですが、これからの時代のデバイスやUIを考えれば、せめてフォント周りのことは知っておいたほうがいいんじゃないかなぁぐらいには思っています。</p>
<p>できることの選択肢は多く持っていた方がいいし、<em class="txt_pink_l">こんなフォントがこんなふうに使えるならこんな表現ができるよ！</em>　という楽しみだって増えます。表現を仕事にする以上、その選択肢と楽しみがスキルに直結するのは当然のことなので、やっぱり知らないよりは知っておいた方がいい。</p>
<p class="break">そういう意味でも、<em class="txt_blue">ビットマップ化されたものも含む印刷用フォントとウェブフォントは同列に語れるものではない</em>のだと思います。どんなふうに使っていけるのか、使っていきたいのか、考えてワクワクしようと思います！</p>
<h2>関連URL</h2>
<ul class="related_link">
<li><a href="http://blog.mozilla.com/nattokirai/2010/07/01/%e3%82%a6%e3%82%a7%e3%83%96%e3%83%95%e3%82%a9%e3%83%b3%e3%83%88%e3%81%ae%e6%9c%aa%e6%9d%a5/">Graphic bits » Blog Archive » ウェブフォントの未来</a></li>
<li><a href="http://www.w3.org/2009/09/html5-ig-jp-charter.ja.html">HTML5 Japanese Interest Group 憲章</a></li>
<li><a href="http://togetter.com/li/32685">Togetter - まとめ「WDE ex -Vol10 『Webフォントの未来』 - ハッシュタグ " #wdx " まとめ」</a></li>
</ul>]]>
    </content>
</entry>
<entry>
    <title>自治体Webサイト・ユーザビリティ評価2009 最終審査発表会</title>
    <link rel="alternate" type="text/html" href="http://www.hitoyam.com/web/2010/07/03_2350.html" />
    <id>tag:www.hitoyam.com,2010:/web//13.626</id>
    <published>2010-07-03T14:50:08Z</published>
    <updated>2010-07-03T14:55:17Z</updated>
    <summary>こんにちは、早くも夏バテ気味のHitoyamです。 昨年12月に開催された自治体...</summary>
    <author>
        <name>hitoyam</name>
    </author>
        <category term="セミナー、勉強会報告" scheme="http://www.sixapart.com/ns/types#category" />
    <category term="ユーザビリティ" label="ユーザビリティ" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="自治体" label="自治体" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="行政" label="行政" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="評価" label="評価" scheme="http://www.sixapart.com/ns/types#tag" />
    <content type="html" xml:lang="ja" xml:base="http://www.hitoyam.com/web/">
        <![CDATA[<p>こんにちは、早くも夏バテ気味のHitoyamです。</p>
<p>昨年12月に開催された<a href="http://www.hitoyam.com/web/2009/12/14_2359.html">自治体Webサイトユーザビリティワークショップ</a>を元に、今年の1月〜5月ぐらいにかけて「<a href="http://www.asukoe.org/static.php?page=umworkshop2">自治体Webサイト・ユーザビリティ評価2009</a>」が実施されました。</p>
<p class="left break""><a href="http://www.flickr.com/photos/hitoyam/4724306692/" title="最終審査発表会の様子 by hitoyam, on Flickr"><img src="http://farm2.static.flickr.com/1413/4724306692_c80c8b20c5_m.jpg" width="240" height="180" alt="最終審査発表会の様子" /></a></p>
<p><q>ユーザビリティの面からより専門的に、そしてより利用者目線で評価した、他には無いサイト評価</q>とのことで、今回は子育てと引越しについての評価が行われ、私もヒューリスティック評価及びペルソナによる評価に参加しました。</p>
<p class="break">先日その最終審査発表会がありましたので、行ってきました。会場は東京国際フォーラムでした。</p>
<h2 class="clear">自治体サイトユーザビリティ評価　結果発表</h2>
<h3>基調講演「開かれた電子政府実現に向けて 〜電子政府対応推進WGの検証〜」</h3>
<p>オンライン利用率はそれほど高くないし、1件も利用されなかった電子申請もあるとのこと。高度情報通信ネットワーク社会推進戦略本部の「新たな情報通信技術戦略」では、キオスク端末を多くの場所に置いたり、国民ID制度を導入したりすることによって、国民本位の電子行政の実現を目指すそうです。地域の絆の再生というキーワードなども出ました。</p>
<p class="break">日本の電子行政の現状と今後についてのお話でしたが、全体を通して今ひとつ具体的に何ができるのか分からない感じのお話だったような。絵にかいた餅という印象が否めなかったので、今後の展開が気になります。</p>
<h3>結果発表とワークショップ参加者への資格認定証授与式</h3>
<p>総合1位は<a href="http://www.city.himeji.lg.jp/">兵庫県姫路市</a>、引越部門1位は<a href="http://www.city.osaka.lg.jp/">大阪府大阪市</a>、子育て部門1位は<a href="http://www.city.narashino.chiba.jp/">千葉県習志野市</a>という結果でした。なるほどなという結果でしたが、それぞれ部門や評価法が変わると結果もガラリと変わるので、その点は頭に置いておかないといけないですね。</p>
<p class="left break"><a href="http://www.flickr.com/photos/hitoyam/4723654569/" title="認定証 by hitoyam, on Flickr"><img src="http://farm2.static.flickr.com/1123/4723654569_8dc7f13805_m.jpg" height="120" alt="認定証" /></a></p>
<p>最後にワークショップ参加者への資格認定証授与式ということで、立派な枠に収まった認定証をいただきました。あの<a href="http://twitter.com/koba">まぼろしの小林</a>さんも一緒でしたよ。どうもありがとうございました。</p>
<p class="break"><span class="txt_gray_s">ただ個人的にはそういった形で人前に出るのであれば、あらかじめ個別に知らせてほしいと思いました。光栄ではありますが、抜き打ちみたいに呼ばれるのはちょっといただけません...(泣)。</span></p>
<h2 class="clear">ASEAN行政サイトユーザビリティ評価　結果発表</h2>
<p class="break">普段自治体サイトを多く見ていますが、ASEANを含む世界の行政サイトはそんなに見たことがなかったので、目を向けるよい機会になりました。</p>
<h3>特別講演「アジアの事例に見る自治体ポータルのトレンド」</h3>
<p>マイクロソフトの今井早苗さんの講演では、マイクロソフトの汎用製品やクラウドサービスの有効活用などのお話がありました。</p>
<p>自治体の抱える課題は世界共通なので、世界共通の課題へのソリューションをテンプレートとして提供しているとのこと。キーワードとして以下のような言葉が挙げられました。</p>
<ul class="point break">
<li>Citizen Centric ： 組織の壁を感じさせない</li>
<li>Integrated ： 庁内システムとの有機的な連携</li>
<li>Transparency ： わかりやすい「見える化」</li>
<li>Intaractive ： Gov 2.0</li>
<li>Participarion ： 政策決定プロセスへの参画</li>
</ul>
<h3>ASEAN行政サイトユーザビリティ評価　総合1位　シンガポール</h3>
<p>ASEANの行政サイトで総合1位だったのは<a href="http://www.gov.sg/government/web/content/govsg/classic/home">シンガポール</a>。国連電子政府ランキングでは11位のサイトです。デザイン、内容、両面で評価が高く、総合的に優秀なサイトとのことでした。</p>
<ul class="point break">
<li>ヒューリスティック項目では長所と短所が明確に分かれた</li>
<li>メニューの分類、更新頻度、サイト内検索、サイトマップなど、ユーザを補助する項目において高評価</li>
<li>文字サイズの変更機能、イラストを用いたメニューやアイコン等の視覚的表現に課題</li>
<li>国家サイトの中では圧倒的第一位</li>
<li>ペルソナ評価においても高い評価</li>
<li>観光用の特設サイトが作られており、観光名所や食事など情報量が豊富</li>
<li>多くの言語に対応している</li>
<li>就活についてもコンテンツの量、質ともに充実している</li>
</ul>
<h3>ASEAN行政サイトユーザビリティ評価　都市サイト1位　クアラルンプール</h3>
<p>ASEANの行政サイトで都市サイト部門1位だったのは、マレーシアの首都<a href="http://www.dbkl.gov.my/">クアラルンプール</a>。国連電子政府ランキングでは32位で、ASEANの中ではシンガポールに続く上位サイトです。</p>
<ul class="point break">
<li>色彩の統一性や、各要素の配置が洗練されており、ユーザに配慮した設計</li>
<li>ASEANサイトでは唯一文字サイズや背景色をが変更可能</li>
<li>情報の分類や、スクロール、リンクの階層など使いやすさの面でも高評価</li>
<li>注目情報の位置や連絡先の位置、コンテンツの内容など分かりやすさの面に課題が残る</li>
<li>観光ペルソナ面では観光スポットの情報がいくつか用意されているので、初心者にも分かりやすい</li>
<li>就活ペルソナでは、ややコンテンツ不足気味</li>
<li>ライセンス取得支援情報や政府に関する仕事の情報はあるものの、雇用状況等の情報はない</li>
</ul>
<h2>全体を通しての感想など</h2>
<p>自治体ランキングを実施している法人・団体は他にもたくさんありますが、評価方法や具体的な項目がクリアになっていないものが多く、納得できるようなできないようなモヤモヤした気分で順位だけ眺める、といったことも一部あるように思います。</p>
<p>今回の評価に関しても、専門家による最終審査の項目や手法に関してどのように行われたのか、よく分からない部分もあります。資料としてガイドラインの一部を見ることはできますが、転載禁止項目になっているので紹介はできない状態です。</p>
<p>実際よくよく考えてみると、評価（の一部）に市民が参加しているという事実から、全てがオープンにされているような錯覚を起こしてしまうなんてことが、ないとは限らないんですよね。思い込んでしまうと思考停止してしまうし、気付かず走ってしまう可能性だってあるので怖いです。</p>
<p class="break">今後も何かに対して点数を付ける作業をする機会があるかもしれませんが、何が明らかで何が明らかでないのか、きちんと考えることを忘れないで取り組む・受け止める、という姿勢を忘れずにいたいなぁと思いました。</p>
<h2>関連URL</h2>
<ul class="related_link">
<li><a href="http://www.asukoe.org/static.php?page=umworkshop2">アスコエ - 私の声で明日を変える &gt; 第2回UMワークショップ</a></li>
<li><a href="http://www.asukoe.org/">アスコエ - 私の声で明日を変える</a></li>
<li><a href="http://www.city.himeji.lg.jp/">兵庫県姫路市</a></li>
<li><a href="http://www.city.osaka.lg.jp/">大阪府大阪市</a></li>
<li><a href="http://www.city.narashino.chiba.jp/">千葉県習志野市</a></li>
<li><a href="http://www.gov.sg/government/web/content/govsg/classic/home">シンガポール　gov.sg: Singapore Government Information</a></li>
<li><a href="http://www.dbkl.gov.my/">クアラルンプール　Portal Rasmi Dewan Bandaraya Kuala Lumpur</a></li>
</ul>
<h2>会場の地図</h2>
<iframe class="map_frame" src="http://maps.google.co.jp/maps?f=q&amp;source=s_q&amp;hl=ja&amp;geocode=&amp;q=%E6%9D%B1%E4%BA%AC%E5%9B%BD%E9%9A%9B%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A9%E3%83%A0&amp;sll=35.702065,139.745015&amp;sspn=0.019481,0.025964&amp;ie=UTF8&amp;hq=%E6%9D%B1%E4%BA%AC%E5%9B%BD%E9%9A%9B%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A9%E3%83%A0&amp;hnear=%E6%9D%B1%E4%BA%AC%E9%83%BD%E5%8D%83%E4%BB%A3%E7%94%B0%E5%8C%BA%E4%B8%B8%E3%81%AE%E5%86%85+%E6%9D%B1%E4%BA%AC%E5%9B%BD%E9%9A%9B%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A9%E3%83%A0&amp;brcurrent=3,0x60188c0c0b13f54d:0xb630953beee48188,1&amp;cid=14180262925732488765&amp;ll=35.676943,139.763496&amp;spn=0.006101,0.012875&amp;z=16&amp;iwloc=A&amp;output=embed"></iframe>
<span class="map_txt"><a href="http://maps.google.co.jp/maps?f=q&amp;source=embed&amp;hl=ja&amp;geocode=&amp;q=%E6%9D%B1%E4%BA%AC%E5%9B%BD%E9%9A%9B%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A9%E3%83%A0&amp;sll=35.702065,139.745015&amp;sspn=0.019481,0.025964&amp;ie=UTF8&amp;hq=%E6%9D%B1%E4%BA%AC%E5%9B%BD%E9%9A%9B%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A9%E3%83%A0&amp;hnear=%E6%9D%B1%E4%BA%AC%E9%83%BD%E5%8D%83%E4%BB%A3%E7%94%B0%E5%8C%BA%E4%B8%B8%E3%81%AE%E5%86%85+%E6%9D%B1%E4%BA%AC%E5%9B%BD%E9%9A%9B%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A9%E3%83%A0&amp;brcurrent=3,0x60188c0c0b13f54d:0xb630953beee48188,1&amp;cid=14180262925732488765&amp;ll=35.676943,139.763496&amp;spn=0.006101,0.012875&amp;z=16&amp;iwloc=A">大きな地図で見る</a></span>]]>
    </content>
</entry>
<entry>
    <title>高齢運転者標識もみじマークの代替案について考える</title>
    <link rel="alternate" type="text/html" href="http://www.hitoyam.com/web/2010/06/20_2355.html" />
    <id>tag:www.hitoyam.com,2010:/web//13.621</id>
    <published>2010-06-20T14:55:04Z</published>
    <updated>2010-06-20T17:59:55Z</updated>
    <summary>こんにちは、ペーパードライバーのHitoyamです。 警察庁が18日付の情報とし...</summary>
    <author>
        <name>hitoyam</name>
    </author>
        <category term="デザイン関連" scheme="http://www.sixapart.com/ns/types#category" />
    <category term="デザイン" label="デザイン" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="パブリックコメント" label="パブリックコメント" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="公共" label="公共" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="標識" label="標識" scheme="http://www.sixapart.com/ns/types#tag" />
    <content type="html" xml:lang="ja" xml:base="http://www.hitoyam.com/web/">
        <![CDATA[<p>こんにちは、ペーパードライバーのHitoyamです。</p>
<p><a href="http://www.npa.go.jp/">警察庁</a>が18日付の情報として「高齢運転者標識のデザインについての意見募集」を掲載しています。</p>
<p>道路交通法によると<q>加齢に伴って生ずる身体の機能の低下が自動車の運転に影響を及ぼすおそれがあるときは、高齢運転者標識を付けて普通自動車を運転するように努めなければならない</q>とあり、表示しなくても違反にはなりませんが、高齢ドライバーと周囲のドライバーの交通事故防止を目的としているそうです。</p>
<p class="break">高齢運転者標識の「もみじ」マーク（<a href="http://www.keishicho.metro.tokyo.jp/kotu/shosinmark/mark.htm">自動車の運転者が表示する標識(マーク)について</a>：参照）は「枯葉マーク」などど揶揄され一部で不評のようで。代替案が公募されたようです。そんなもみじマークについて、自分なりに考えてみました。あくまで私個人の意見ですので、主観が多分に含まれています。</p>
<h2>代替案の要件</h2>
<p>「高齢運転者標識の様式に関する検討委員会」では、以下の4項目に沿って代替案を選定したそうです。</p>
<ul class="point">
<li>ベテランドライバーを象徴し、高齢者が誇りを持って自らの意思で自動車に表示したくなるもの</li>
<li>高齢者を含むすべてのドライバーにとって親しみを感じるもの</li>
<li>夜間や離れた場所からでも見やすいもの</li>
<li>既存の様々なマークと混同を生じないもの</li>
</ul>
<p class="break">高齢運転者標識のデザインについての意見は平成22年6月18日(金曜日)から平成22年7月17日(土曜日)まで募集しているそうです。概要は警察庁のサイトにある<a href="http://www.npa.go.jp/koutsuu/kikaku/momijibosyuu.pdf">高齢運転者標識のデザインについての意見募集PDF</a>で確認できます。</p>
<h2>現行「もみじ」マーク</h2>
<p class="left"><img src="http://farm5.static.flickr.com/4066/4710948199_e5584fbee6_o.png" width="99" height="147" alt="現行もみじマーク" /></p>
<p>秋の美しい紅葉のイメージを図案化し、熟練した高齢運転者を表現したもの。</p>
<p style="float:right;"><img src="http://farm5.static.flickr.com/4028/4710949135_547f7df5b9_o.png" height="100" alt="若葉マーク" /></p>
<p>初心者が表示義務を持つ「若葉」マークと比較すると、形の面でも色の面でも対称性があります。運転者標識としての共通性が見て取れるし、初心者とベテランの対比も表現されていると思います。</p>
<p class="break">色は2色使用。彩度にも明度にも適度な差があり、モノクロで見ても「もみじ」マークであることが分かります。膨張色かつ目を引く色とも言われている黄色が広い面積で使われているので、視認性は高いのではないかと思います。</p>
<h3>参考）色覚特性を持つ運転者から見た場合の見え方シミュレーション</h3>
<table class="break">
<tbody><tr>
<th>グレースケール</th>
<th>第一色覚</th>
<th>第二色覚</th>
<th>第三色覚</th>
</tr>
<tr>
<td><img src="http://farm5.static.flickr.com/4062/4710998647_b3752de41f_o.png" width="99" height="147" alt="現行もみじマークのグレースケールシミュレーション" /></td>
<td><img src="http://farm5.static.flickr.com/4068/4711641190_e9fd8c2dd3_o.png" width="99" height="147" alt="現行もみじマークの第一色覚シミュレーション" /></td>
<td><img src="http://farm2.static.flickr.com/1288/4710998697_0bc10956c8_o.png" width="99" height="147" alt="現行もみじマークの第二色覚シミュレーション" /></td>
<td><img src="http://farm2.static.flickr.com/1299/4711641234_78096135fd_o.png" width="99" height="147" alt="現行もみじマークの第三色覚シミュレーション" /></td>
</tr>
</tbody></table>
<h2>代替デザイン案2</h2>
<p class="left"><img src="http://farm2.static.flickr.com/1276/4711590374_07c48f54ef_o.png" width="128" height="140" alt="代替デザイン案2" /></p>
<p>四つ葉のクローバーをモチーフとし、シニアの「S」を図案化したものだそうです。現行のマークで使用している色に加えて黄緑と深緑が加わっています。</p>
<p style="float:right;"><img src="http://farm2.static.flickr.com/1296/4710949081_f8111f286e_o.png" width="100" alt="身体障害者標識" /></p>
<p>これを見て真っ先に思い浮かんだのは身体障害者標識でした。あちらもモチーフはクローバー。見分けがつかないほど似ているとはいえませんが、なんとなく被っている感がなくもないですね...。</p>
<p class="break"><q>既存の様々なマークと混同を生じないもの</q>という意味で、モチーフの被りは避けた方がいいような気もしますが、図案としては見やすくて可愛いと思います。</p>
<h3 class="clear">参考）色覚特性を持つ運転者から見た場合の見え方シミュレーション</h3>
<table class="break">
<tbody><tr>
<th>グレースケール</th>
<th>第一色覚</th>
<th>第二色覚</th>
<th>第三色覚</th>
</tr>
<tr>
<td><img src="http://farm2.static.flickr.com/1286/4710998737_317e03d71b_o.png" width="128" height="140" alt="代替デザイン案2のグレースケールシミュレーション" /></td>
<td><img src="http://farm5.static.flickr.com/4065/4711641282_18ba0f9728_o.png" width="128" height="140" alt="代替デザイン案2の第一色覚シミュレーション" /></td>
<td><img src="http://farm5.static.flickr.com/4056/4710998777_ab8a3fbdb2_o.png" width="128" height="140" alt="代替デザイン案2の第二色覚シミュレーション" /></td>
<td><img src="http://farm5.static.flickr.com/4063/4711641322_5885882b48_o.png" width="128" height="140" alt="代替デザイン案2の第三色覚シミュレーション" /></td>
</tr>
</tbody></table>
<h2>代替デザイン案3</h2>
<p class="left"><img src="http://farm5.static.flickr.com/4013/4710948259_fa6c0351e4_o.png" width="141" height="140" alt="代替デザイン案3" /></p>
<p>さまざまな人生を表現する色とりどりの線が丸く柔らかい円を描いている様子を図案化したものだそうです。</p>
<p><q>夜間や離れた場所からでも見やすいもの</q>という点では、白い面は良く見えるのかもしれませんが、細い線の部分の視認性がどのぐらい確保できるのか微妙な気もします。</p>
<p>実際の標識には蛍光塗料などが塗られることを想定しても、夜間などに見た時に白い部分ばかりが目に入ってしまうのじゃないかな？　白い部分が汚れたらどう見えるのかとか、いろいろ考えてしまいます。</p>
<p class="break">何より、パッと見て線の数と色の数が把握できないというのは、図案として複雑すぎるように思えます。一方で、丸という形は分かりやすいかもしれませんが、同じ丸を使ったステッカーとかたくさんある気がするのですが...。</p>
<h3 class="clear">参考）色覚特性を持つ運転者から見た場合の見え方シミュレーション</h3>
<table class="break">
<tbody><tr>
<th>グレースケール</th>
<th>第一色覚</th>
<th>第二色覚</th>
<th>第三色覚</th>
</tr>
<tr>
<td><img src="http://farm5.static.flickr.com/4030/4711641354_20347d7335_o.png" width="141" height="140" alt="代替デザイン案3のグレースケールシミュレーション" /></td>
<td><img src="http://farm5.static.flickr.com/4064/4710998857_4b01fa83bc_o.png" width="141" height="140" alt="代替デザイン案3の第一色覚シミュレーション" /></td>
<td><img src="http://farm5.static.flickr.com/4061/4711641402_cacd6d8665_o.png" width="141" height="140" alt="代替デザイン案3の第二色覚シミュレーション" /></td>
<td><img src="http://farm5.static.flickr.com/4072/4711641438_749d854b30_o.png" width="141" height="140" alt="代替デザイン案3の第三色覚シミュレーション" /></td>
</tr>
</tbody></table>
<h2>代替デザイン案4</h2>
<p class="left"><img src="http://farm5.static.flickr.com/4021/4711590552_7ec83c9d71_o.png" width="142" height="137" alt="代替デザイン案4" /></p>
<p>交通社会での豊富な経験をもつ高齢ドライバーを稲穂の実とハートを支える手のひらに例えて図案化したもの。</p>
<p style="float:right;"><img src="http://farm5.static.flickr.com/4032/4710949105_9c36dd6dac_o.png" width="100" alt="聴覚障害者標識" /></p>
<p>これもパッと見た時に、一瞬だけ聴覚障害者標識を思い起こしました。よく見れば全く違うものなのに、なんでだろ？　色合いと左右対称な形がそう見せるのかな？</p>
<p class="break">完全に私だけの感覚かもしれませんが、「あっ、これどっちの標識だっけ？」ということになりそうな気がして。<q>既存の様々なマークと混同を生じないもの</q>という点で、他の表示義務標識と混同してしまいそうなのが不安です。</p>
<h3 class="clear">参考）色覚特性を持つ運転者から見た場合の見え方シミュレーション</h3>
<table class="break">
<tbody><tr>
<th>グレースケール</th>
<th>第一色覚</th>
<th>第二色覚</th>
<th>第三色覚</th>
</tr>
<tr>
<td><img src="http://farm5.static.flickr.com/4036/4710998943_618e0665f5_o.png" width="142" height="137" alt="代替デザイン案4のグレースケールシミュレーション" /></td>
<td><img src="http://farm2.static.flickr.com/1294/4710998971_dfedc4b349_o.png" width="142" height="137" alt="代替デザイン案4の第一色覚シミュレーション" /></td>
<td><img src="http://farm5.static.flickr.com/4023/4711641532_d0578f96f7_o.png" width="142" height="137" alt="代替デザイン案4の第二色覚シミュレーション" /></td>
<td><img src="http://farm5.static.flickr.com/4031/4710999027_67b62f0f97_o.png" width="142" height="137" alt="代替デザイン案4の第三色覚シミュレーション" /></td>
</tr>
</tbody></table>
<h2>代替デザイン案5</h2>
<p class="left"><img src="http://farm5.static.flickr.com/4025/4711590596_7d5eb70cb0_o.png" width="164" height="131" alt="代替デザイン案5" /></p>
<p>ゆとりを持って接して欲しい想いから「鳥」に「ハート」、「手」のモチーフを組み合わせて図案化したものだそうです。</p>
<p>まず最初に思ったのが、交通に関わる標識として色が適切なのかどうか。道路標識の多くは水色っぽい青ですが、あの理由は夕暮れ時などのプルキンエ現象を利用して視認性を確保しているから。</p>
<p>その意味では、朱色のような色は沈んでしまって見えづらそう。また、1色塗りということで、標識を掲示する自動車の車体色によっては、同化してしまうのではないかな？　と。</p>
<p style="float:right;"><img src="http://farm2.static.flickr.com/1302/4711591254_fa3255bb79_o.png" width="90" alt="AEDマーク" /></p>
<p>あとこれも酷似ではないですが、<a href="http://www.qqzaidan.jp/">財団法人日本救急医療財団</a>のAEDマークとちょっとだけ似ていますね。遠目に見たら一瞬間違えてしまいそうな気はします。</p>
<p class="break">可愛らしさでいったら私はこの図案が一番好きなんですけど、可愛らしさと標識機能を分離して考えると、やはり色合いに不安を感じます。</p>
<h3 class="clear">参考）色覚特性を持つ運転者から見た場合の見え方シミュレーション</h3>
<table class="break">
<tbody><tr>
<th>グレースケール</th>
<th>第一色覚</th>
<th>第二色覚</th>
<th>第三色覚</th>
</tr>
<tr>
<td><img src="http://farm5.static.flickr.com/4036/4711641574_400fa7823c_o.png" width="150" alt="代替デザイン案5のグレースケールシミュレーション" /></td>
<td><img src="http://farm5.static.flickr.com/4057/4710999073_acd36f85be_o.png" width="150" alt="代替デザイン案5の第一色覚シミュレーション" /></td>
<td><img src="http://farm2.static.flickr.com/1271/4710999103_5df8487018_o.png" width="150" alt="代替デザイン案5の第二色覚シミュレーション" /></td>
<td><img src="http://farm2.static.flickr.com/1268/4710999139_82178710ca_o.png" width="150" alt="代替デザイン案5の第三色覚シミュレーション" /></td>
</tr>
</tbody></table>
<h2>まとめ</h2>
<p style="float:right;"><img src="http://farm5.static.flickr.com/4066/4710948199_e5584fbee6_o.png" width="99" height="147" alt="現行もみじマーク" /></p>
<p>Hitoyam 個人の考えを言いますと、標識目的の図案としては現行の「もみじ」マーク続行がベストなんじゃないかと感じます。</p>
<p>「若葉」マークとの対比も含め、形と色の両方で分かりやすい特徴を持っているので、認知しやすい図案だと思うのですよね。もちろん、すでに馴染んでいるために分かりやすく感じるという学習効果の側面は大きいのかもしれませんけど、その学習効果だって軽く見てはいけないものだと思うし。</p>
<p>そもそも要件にある最初の2つ、</p>
<ul class="point">
<li>ベテランドライバーを象徴し、高齢者が誇りを持って自らの意思で自動車に表示したくなるもの</li>
<li>高齢者を含むすべてのドライバーにとって親しみを感じるもの</li>
</ul>
<p class="break">というのは、図案の可愛らしさだけで解決する問題なのでしょうか？　元々もみじではなくクローバー等がモチーフであれば、抵抗なく普及していたのでしょうか？　その辺り、難しいところなのかも。</p>
<h3>デザインするということ</h3>
<p>実際、マークだけ変更しても、「高齢者を表すマーク」だというだけで嫌がる運転者は出てくるように思うんですよね。高齢運転者や周囲の運転者を守るための標識なのに、当事者に当たる運転者が拒否するという悲しさ。</p>
<p>それを解決するためのデザイン公募ということなのだとは思いますが、「一般公募すること＝コミュニケーション」というのはちょっと違うのかなと感じました。本当にそれだけで解決する問題かどうか、議論されたのかな？</p>
<p>もちろん、もしも図案ひとつで内在する問題が全て解決するならば、そんな素晴らしいことはありません。ただし「デザイン＝お絵描きすること」ではないし、本来もっと必要なやり取りやコミュニケーションがあったのかも、って少しだけ思うのです。</p>
<p class="break">デザインやリデザインをする時、どの段階から何を考え、解決してゆくべきなのでしょうか。「高齢運転者標識のデザインについての意見募集」を通して、そんなことを考えさせられました。</p>
<h2>関連URL</h2>
<ul class="related_link">
<li><a href="http://www.npa.go.jp/">警察庁</a></li>
<li><a href="http://www.keishicho.metro.tokyo.jp/kotu/shosinmark/mark.htm">自動車の運転者が表示する標識(マーク)について</a></li>
<li><a href="http://www.qqzaidan.jp/">財団法人日本救急医療財団</a></li>
<li><a href="http://ja.wikipedia.org/wiki/%E8%89%B2%E8%A6%9A%E7%95%B0%E5%B8%B8">色覚異常 - Wikipedia</a></li>
</ul>
 ]]>
    </content>
</entry>
<entry>
    <title>iPhone 4 ブラック、そして幻のホワイト！</title>
    <link rel="alternate" type="text/html" href="http://www.hitoyam.com/web/2010/06/15_2359.html" />
    <id>tag:www.hitoyam.com,2010:/web//13.619</id>
    <published>2010-06-15T14:59:34Z</published>
    <updated>2010-06-22T11:35:07Z</updated>
    <summary> こんにちは、白狙いだったので出端をくじかれたHitoyamです。 iPhone...</summary>
    <author>
        <name>hitoyam</name>
    </author>
        <category term="その他いろいろ" scheme="http://www.sixapart.com/ns/types#category" />
    <category term="iphone" label="iPhone" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="ペーパークラフト" label="ペーパークラフト" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="モックアップ" label="モックアップ" scheme="http://www.sixapart.com/ns/types#tag" />
    <content type="html" xml:lang="ja" xml:base="http://www.hitoyam.com/web/">
        <![CDATA[ <p>こんにちは、白狙いだったので出端をくじかれたHitoyamです。</p>
<p class="left"><a href="http://www.flickr.com/photos/hitoyam/4702965945/" title="コピー用紙でできたiPhone4 by hitoyam, on Flickr"><img src="http://farm5.static.flickr.com/4022/4702965945_273986db87_m.jpg" width="180" height="240" alt="コピー用紙でできたiPhone4" /></a></p>
<p><a href="http://www.apple.com/jp/iphone/features.html">iPhone 4</a> の予約がはじまりましたね。欲しいですね。予約しませんでしたけど。だって白がいいんだもん。</p>
<p>でもね、待ちきれないから <em class="txt_purple_l">Hitoyam の技術力で iPhone 4 を自作しちゃいました。</em></p>
<p>...というのはもちろんウソで、<a href="http://twitter.com/woot_radio">@woot_radio</a> 氏の <a href="http://bit.ly/arRCuI">iPhone4.ai</a> を使わせてもらって、今をときめく iPhone 4 をペーパークラフトで作ってみました。</p>
<p>どうしても白がよかったので、改編させてもらって白バージョンも作りました。特に意味はないのですが、ホームボタンは黒いままにしてみたり。</p>
<p class="break">最初ペラペラのコピー用紙を使って作ったので仕上がりがイマイチ...。ぐぬぬ、なんか切ない。というワケでなぜか工作魂に火が点いてしまい、しっかり作ってみることにしました。</p>
<h2>iPhone 4 制作工程</h2>
<h3>基本の組み立て</h3>
<p>言ってしまえば、印刷したものを切って、張り合わせるだけ。厚紙に印刷した後カッターで切って、カッターの背を使って裏面に折り目の筋を付け、のりで貼り付けるという手順でした。</p>
<p class="break"><a href="http://www.flickr.com/photos/hitoyam/4702965311/" title="ペーパークラフトの準備 by hitoyam, on Flickr"><img src="http://farm5.static.flickr.com/4049/4702965311_843d188fe3_m.jpg" width="190" alt="ペーパークラフトの準備" /></a> <a href="http://www.flickr.com/photos/hitoyam/4702965527/" title="切り抜いたiPhone4パーツ by hitoyam, on Flickr"><img src="http://farm5.static.flickr.com/4048/4702965527_4365657b3b_m.jpg" width="190" alt="切り抜いたiPhone4パーツ" /></a> <a href="http://www.flickr.com/photos/hitoyam/4703600212/" title="折り目を付けたiPhone4パーツ by hitoyam, on Flickr"><img src="http://farm2.static.flickr.com/1292/4703600212_ee7be610bc_m.jpg" width="190" alt="折り目を付けたiPhone4パーツ" /></a></p>
<h3>はい、完成</h3>
<p>コピー紙で作ったものよりはキレイに仕上がりました！</p>
<p class="break"><a href="http://www.flickr.com/photos/hitoyam/4703600778/" title="iPhone4完成 by hitoyam, on Flickr"><img src="http://farm5.static.flickr.com/4031/4703600778_322ea72e0a_b.jpg" width="620" alt="iPhone4完成" /></a></p>
<h3>せっかくだから通話したい</h3>
<p>はじめに作ったものには通話機能は付いていませんでしたが、せっかく iPhone 4 ですから、通話もしてみたいですよねぇ？　そう思いますよねぇ？　というワケで</p>
<p><em class="txt_blue_ll">振動による通話機能を実装しました。（別名：糸電話4）</em></p>
<p><a href="http://www.flickr.com/photos/hitoyam/4703600642/" title="iPhone4で糸電話してみた by hitoyam, on Flickr"><img src="http://farm5.static.flickr.com/4055/4703600642_803df6eb7b.jpg" width="300" alt="iPhone4で糸電話してみた" /></a> <a href="http://www.flickr.com/photos/hitoyam/4702975147/" title="iPhone4で通信中 by hitoyam, on Flickr"><img src="http://farm5.static.flickr.com/4055/4702975147_7e9cc5658d.jpg" width="300" alt="iPhone4で通信中" /></a></p>
<p>結論から言うと、<em class="txt_red">ちっとも声は届きませんでした。</em>あれ、おかしいな？　<span class="txt_gray_s">もしかして我が家、圏外なのかな？</span></p>
<p class="break">糸を取り付ける場所が場所だったので振動が伝わりづらかったことと、基本閉じちゃってる構造なのでそもそも無理ってのがありますよね(笑)。ま、ご愛嬌ってことで...えへへ。</p>
<h2>ペーパークラフト、好きです</h2>
<p>以前からペーパークラフトが好きで、息抜きがてら<a href="http://cp.c-ij.com/ja/contents/2023/10197/index.html">マトリョーシカ</a>作ったり<a href="http://www.wombat.zaq.ne.jp/fare/steak.html">フィレステーキ</a>作ったりしてます。</p>
<p>学生時代はこんな感じで制作物のモックアップ作ったりしてましたし、機会があれば仕事でこういう作業もどんどん取り入れられたらいいのにって思っています。手を動かすことは大事。</p>
<p>ちまちま手先を使う感じが刺激になるので、パソコン仕事の合間とかにやるとすごくリフッシュできたりするんですよー。興味のある方は是非お試しくださいね。</p>
<p class="break">簡単に作れますよ、<em class="txt_purple_lll">アイフォーンならね！</em><br /><span class="txt_gray_s">言いたいだけですごめんなさいごめんなさい。</span></p>
<h2>関連URL</h2>
<ul class="related_link">
<li><a href="http://www.apple.com/jp/iphone/features.html">iPhone 4</a></li>
<li><a href="http://cp.c-ij.com/ja/contents/2023/10197/index.html">マトリョーシカ - おもちゃ - ペーパークラフトキヤノン クリエイティブパーク</a></li>
<li><a href="http://www.wombat.zaq.ne.jp/fare/steak.html">フィレステーキペーパークラフト</a></li>
</ul>]]>
    </content>
</entry>
<entry>
    <title>MT5アップグレード、その後 2</title>
    <link rel="alternate" type="text/html" href="http://www.hitoyam.com/web/2010/06/13_2359.html" />
    <id>tag:www.hitoyam.com,2010:/web//13.617</id>
    <published>2010-06-13T14:59:13Z</published>
    <updated>2010-06-13T15:24:58Z</updated>
    <summary>こんにちは、詰めが甘いことでお馴染みのHitoyamです。 先日 MT4 から ...</summary>
    <author>
        <name>hitoyam</name>
    </author>
        <category term="CMS、システム等" scheme="http://www.sixapart.com/ns/types#category" />
    <category term="cms" label="CMS" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="mt" label="MT" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="アップグレード" label="アップグレード" scheme="http://www.sixapart.com/ns/types#tag" />
    <content type="html" xml:lang="ja" xml:base="http://www.hitoyam.com/web/">
        <![CDATA[<p>こんにちは、詰めが甘いことでお馴染みのHitoyamです。</p>
<p>先日 <a href="http://www.hitoyam.com/web/2010/06/03_2319.html">MT4 から MT5 へアップグレード</a>して、<a href="http://www.hitoyam.com/web/2010/06/07_2340.html">その後の処理もしたつもりでいた</a>のですが、他にもいろいろ取りこぼしを発見...してしまいました。orz</p>
<ul class="point">
<li>検索結果一覧の表示画面がなくなってる</li>
<li>タグ一覧の表示画面がなくなってる</li>
</ul>
<p>えーなんで！？ ＞＜　よく見たら、<em class="txt_blue_l">システムテンプレートがひとつも引き継がれてない</em>よ？　いや、今気付いたのかって感じですけど...すみません。ぐぬぬ。</p>
<p>そんなこんなで検索とかできないですけど、また折りを見て調整していきたいと思います。</p>
<p>あと<em class="txt_purple">「このブログ、Safariリーダーで見れねぇよ！」</em>というありがたいご指摘をいただきました。<br /><span class="txt_gray_s">はい、すみません。Safariリーダーの方に言ってください。</span></p>
<p>その件に関しては、<em class="txt_red_l">素敵なお兄さんたちが仕様をチェックしてくれる</em>とかくれないとかｗ　というワケでその結果を期待しておきたいと思います。</p>]]>
    </content>
</entry>
<entry>
    <title>MT5アップグレード、その後</title>
    <link rel="alternate" type="text/html" href="http://www.hitoyam.com/web/2010/06/07_2340.html" />
    <id>tag:www.hitoyam.com,2010:/web//13.606</id>
    <published>2010-06-07T14:40:16Z</published>
    <updated>2010-06-07T14:43:00Z</updated>
    <summary> こんにちは、今日も元気にラーメンを食べたHitoyamです。 先日 MT4 か...</summary>
    <author>
        <name>hitoyam</name>
    </author>
        <category term="CMS、システム等" scheme="http://www.sixapart.com/ns/types#category" />
    <category term="cms" label="CMS" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="mt" label="MT" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="アップグレード" label="アップグレード" scheme="http://www.sixapart.com/ns/types#tag" />
    <content type="html" xml:lang="ja" xml:base="http://www.hitoyam.com/web/">
        <![CDATA[ <p>こんにちは、今日も元気にラーメンを食べたHitoyamです。</p>
<p class="break">先日 <a href="http://www.hitoyam.com/web/2010/06/03_2319.html">MT4 から MT5 へアップグレードしました</a>。カスタムフィールドは多用していなかったので、懸念していたそのあたりの問題は起きませんでしたが、こまごまと調整があったのでメモしておきます。</p>
<h2>MT5に対応していないプラグインの調整</h2>
<p class="break">表示されないまま放置しておいたプラグイン周りを対応させました。</p>
<h3>カテゴリ並べ替えプラグイン</h3>
<p>アップグレード直後に再構築してみたところ、<em class="txt_red">サイドバーのカテゴリ表示がエラーを吐いて再構築失敗。</em>カテゴリの並べ替えにプラグインを使用していたので、おそらくそれが原因と思いググッてみると、配布元の<a href="http://www.h-fj.com/blog/">The blog of H.Fujimoto</a>さんで<a href="http://www.h-fj.com/blog/archives/2009/09/24-190615.php">MT5対応版</a>をあっさり発見。</p>
<ul class="point">
<li>MT5用プラグインをダウンロードして手順どおりにインストール</li>
<li>テンプレートの一部を手順どおりに書き換える</li>
<li>ウェジェットセットを編集し直して再構築</li>
</ul>
<p class="break">とすることで、問題なく表示されるようになりました。</p>
<h3>携帯電話向け変換プログラム MT4i</h3>
<p><a href="http://www.hitoyam.com/">さそる</a>では携帯向けに <a href="http://www.hazama.nu/pukiwiki/index.php?MT4i">MT4i</a> 利用しています。とはいえ周りが iPhone ユーザばかりなので、<em class="txt_purple">携帯電話対応していたことすら失念していたぐらい...。</em>表示されていないことに気付いたので、それも対応しました。</p>
<ul class="point">
<li><a href="http://www.hazama.nu/pukiwiki/index.php?MT4i%2F3.1%2Falpha">MT4i/3.1/alpha</a> をダウンロードしてインストール</li>
<li>ちょっとしたエラーが出たのでディレクトリを調整して完了</li>
</ul>
<p class="break">エラーというのはキャッシュ用のディレクトリに関するもの。該当の場所にディレクトリを用意したら元通り動いてくれました。MT4i に関しては動けばまぁいいかぐらいで、深いことは考えずに使わせてもらってます。</p>
<h2>近いうちにやりたいこと</h2>
<p>さそるホームのサイドバーに、<em class="txt_blue">ファミリー4ブログ分の「投稿時期別の一覧」を置きたい</em>のですよ。しかしずっと想定している状態に持っていけなくて、しかも特になくても困りはしないので、なんとなく放置したままでした。</p>
<p>何か方法はないかなぁと思っていたら、今日 <a href="http://twitter.com/BUN">@BUN</a> さんから<a href="http://twitter.com/BUN/status/15609209379">アドバイスを頂いた</a>ので、近いうちにその方法を試してみたいと思います。</p>
<p class="break">作業できる時間も限られているので、まぁぼちぼちとね！</p>
<h2>関連URL</h2>
<ul class="related_link">
<li><a href="http://www.h-fj.com/blog/archives/2009/09/24-190615.php">カテゴリとフォルダを並べ替えるプラグイン（MT5用・その1） - The blog of H.Fujimoto</a></li>
<li><a href="http://www.hazama.nu/pukiwiki/index.php?MT4i%2F3.1%2Falpha">MT4i/3.1/alpha - t2o2-Wiki</a></li>
</ul>
]]>
    </content>
</entry>
<entry>
    <title>予感研究所3に行ってきました</title>
    <link rel="alternate" type="text/html" href="http://www.hitoyam.com/web/2010/06/06_2358.html" />
    <id>tag:www.hitoyam.com,2010:/web//13.604</id>
    <published>2010-06-06T14:58:48Z</published>
    <updated>2010-06-06T15:20:38Z</updated>
    <summary> こんにちは、ここのところ科学づいてるHitoyamです。 大型連休中の話なので...</summary>
    <author>
        <name>hitoyam</name>
    </author>
        <category term="その他いろいろ" scheme="http://www.sixapart.com/ns/types#category" />
    <category term="テクノロジー" label="テクノロジー" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="デバイス" label="デバイス" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="バーチャル" label="バーチャル" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="台場" label="台場" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="科学" label="科学" scheme="http://www.sixapart.com/ns/types#tag" />
    <content type="html" xml:lang="ja" xml:base="http://www.hitoyam.com/web/">
        <![CDATA[ <p>こんにちは、ここのところ科学づいてるHitoyamです。</p>
<p class="left"><a href="http://www.flickr.com/photos/hitoyam/4571129672/" title="予感研究所パンフレット by hitoyam, on Flickr"><img src="http://farm4.static.flickr.com/3437/4571129672_59c90cce15_m.jpg" width="240" height="180" alt="予感研究所パンフレット" /></a></p>
<p>大型連休中の話なのでだいぶ前のことになりますが、<a href="http://openspiral.jp/">「予感研究所3　アート＋テクノロジー＋エンタテインメント=? ! あなたの予感⇔研究者の予感」</a>に行ってきました。</p>
<p>「予感研究所」の作品は、<a href="http://www.jst.go.jp/">JST</a>の研究領域「<a href="http://www.media.jst.go.jp/">デジタルメディア作品の制作を支援する基盤技術</a>」のプロジェクトの中で育まれたもので、今回は3回目の開催とのこと。</p>
<p class="clear">予感ひょうげん研究室、予感まんぷく研究室、予感かんかく研究室、予感なりきり研究室、予感ラウンジという展示エリアがあって、各テーマごとの作品が展示されていました。</p>
<p>中でも目を引いたのが全天周コンテンツを映し出した<a href="http://openspiral.jp/yokanken3/hyougen-6">Panorama Ball Vision</a>という球体ディスプレイ。<a href="http://www.hitoyam.com/diary/2010/06/06_2359.html">未来館シンボル展示のGeo-Cosmos</a>ともまた違う方式のディスプレイみたいです。ちなみに映されていたのはフジファブリックの『Sugar!!』でしたよ。</p>
<p><a href="http://www.flickr.com/photos/hitoyam/4570492827/" title="Panorama Ball Vision by hitoyam, on Flickr"><img src="http://farm5.static.flickr.com/4020/4570492827_aa6fe2a2dc_o.jpg" width="620" alt="Panorama Ball Vision" /></a></p>
<p>光源がくるんくるん回って、ビジョンを作り出しているんですね。いろいろ質問をしたら、わざわざスイッチを切って見せてくれました。どうもありがとうございます。こうやって見ると仕組みが分かりやすいな。</p>
<p class="break"><a href="http://www.flickr.com/photos/hitoyam/4571129392/" title="Panorama Ball Visionの仕組み1 by hitoyam, on Flickr"><img src="http://farm5.static.flickr.com/4003/4571129392_21962bcd57_m.jpg" width="240" height="180" alt="Panorama Ball Visionの仕組み1" /></a>　<a href="http://www.flickr.com/photos/hitoyam/4570492587/" title="Panorama Ball Visionの仕組み2 by hitoyam, on Flickr"><img src="http://farm5.static.flickr.com/4010/4570492587_3f4ebbeef9_m.jpg" width="240" height="180" alt="Panorama Ball Visionの仕組み2" /></a></p>
<p>その他も全部興味深く眺めたけど、特に気になったのは、<a href="http://openspiral.jp/yokanken3/kankaku-4">Touch the Small World</a>とか<a href="http://openspiral.jp/yokanken3/narikiri-6">Virtual Shadow Puppet</a>とか。</p>
<p>Touch the Small Worldはざらざらやでこぼこといった感覚を再現するデバイス。これからのデバイスには是体的に触覚が必要になってくると思うんだけど、その方面の可能性の広がりを感じさせられます。</p>
<p>Virtual Shadow Puppetは自分の影が影絵人形に変わるというもの。子供たちが影絵人形と一緒に踊っている様子がとても楽しそうで、彼らはどんな新しい技術でも真っ先に楽しみに変える力を持っているんだなぁって嬉しくなりました。</p>
<p class="break"><a href="http://www.flickr.com/photos/hitoyam/4571127804/" title="Touch the Small World by hitoyam, on Flickr"><img src="http://farm5.static.flickr.com/4003/4571127804_03d42683ec_m.jpg" width="190" alt="Touch the Small World" /></a>　<a href="http://www.flickr.com/photos/hitoyam/4571128900/" title="カメラマン育成所 by hitoyam, on Flickr"><img src="http://farm5.static.flickr.com/4069/4571128900_a8e8acda80_m.jpg" width="190" alt="カメラマン育成所" /></a>　<a href="http://www.flickr.com/photos/hitoyam/4571128746/" title="Virtual Shadow Puppet by hitoyam, on Flickr"><img src="http://farm4.static.flickr.com/3525/4571128746_eb2c7bc2c0_m.jpg" width="190" alt="Virtual Shadow Puppet" /></a></p>
<p>今回のチャレンジが『研究と社会がどうつながるのか』だと書かれていましたが、<em class="txt_blue">社会に自分の研究を語って意見やフィードバックをもらうという試みは、作る側にも見る側にも素晴らしいものをもたらす</em>と思います。</p>
<p>影絵を楽しんでいた子供たちのように、技術と直接ふれ合うことで科学や技術が好きになることもあるでしょうし、そこから次の世代が育つということもあるでしょう。何かしらの技術が側にある毎日が当たり前になっている今だからこそ、そうした対話が重要になるんじゃないかと思いました。</p>
<p><a href="http://www.flickr.com/photos/hitoyam/4570492475/" title="20100501_05 by hitoyam, on Flickr"><img src="http://farm4.static.flickr.com/3494/4570492475_1892e0fec4_m.jpg" height="150" alt="予感ウォール" /></a>　<a href="http://www.flickr.com/photos/hitoyam/4570492339/" title="予感ウォールで気になった箇所 by hitoyam, on Flickr"><img src="http://farm5.static.flickr.com/4002/4570492339_09bfa7e10f.jpg" height="150" alt="予感ウォールで気になった箇所" /></a></p>
<p>みんながみんな科学好きになる必要はないけれど、研究者が満足に研究できる環境を守ったり、子供たちが科学の楽しさに触れられる機会を増やしたりするのは必要なことなんじゃないかな。そういう領域を縮小されてしまうのはやっぱり避けたいことだし、減らされたら切ない。</p>
<p><em class="txt_red">1年後や10年後や100年後を作っている人たちがいて、それを受け継いでさらに先へ進む人がいる。</em>私の暮らす日本には、いつまでもそういう国であってほしいです。</p>
<p class="break">そもそも私達みたいにコンテンツを作る仕事をしている人種にとってみれば、こうした様々なデバイスを利用してコンテンツを作ることを考えるのって、すごく楽しいことでしょ？　<em class="txt_pink_l">ワクワク眺めるだけだったものが自分の手元にやってくる日は、案外とても近い</em>ものだと思う。ここで見た技術がすぐ仕事としてやってくるのかもしれないしね！</p>
<h2>関連URL</h2>
<ul class="related_link">
<li><a href="http://www.miraikan.jst.go.jp/">日本科学未来館</a></li>
<li><a href="http://www.jst.go.jp/">独立行政法人　科学技術振興機構</a></li>
<li><a href="http://openspiral.jp/">予感研究所3　アート＋テクノロジー＋エンタテインメント=? ! あなたの予感⇔研究者の予感　特設サイト</a></li>
<li><a href="http://www.media.jst.go.jp/">JST デジタルメディア作品の制作を支援する基盤技術</a></li>
<li><a href="http://www.ambient.jst.go.jp/">CREST「共生社会に向けた人間調和型情報技術の構築」</a></li>
<li><a href="http://www.jst.go.jp/erato/project/ahs_P/ahs_P-j.html">ERATO「合原複雑数理モデルプロジェクト」</a></li>
<li><a href="http://www.designinterface.jp/">ERATO「五十嵐デザインインタフェースプロジェクト」</a></li>
</ul>
<h2>日本科学未来館の地図</h2>
<iframe class="map_frame" src="http://maps.google.co.jp/maps?f=q&amp;source=s_q&amp;hl=ja&amp;geocode=&amp;q=%E7%A7%91%E5%AD%A6%E6%9C%AA%E6%9D%A5%E9%A4%A8&amp;sll=35.718225,139.770126&amp;sspn=0.080417,0.11055&amp;brcurrent=3,0x60186205ead13805:0xaa8ada48dcf73d3a,0&amp;ie=UTF8&amp;hq=%E6%97%A5%E6%9C%AC%E7%A7%91%E5%AD%A6%E6%9C%AA%E6%9D%A5%E9%A4%A8&amp;hnear=%E6%97%A5%E6%9C%AC%E7%A7%91%E5%AD%A6%E6%9C%AA%E6%9D%A5%E9%A4%A8&amp;cid=1270698158378950780&amp;ll=35.629047,139.780769&amp;spn=0.024417,0.051498&amp;z=14&amp;iwloc=A&amp;output=embed"></iframe>
<span class="map_txt"><a href="http://maps.google.co.jp/maps?f=q&amp;source=embed&amp;hl=ja&amp;geocode=&amp;q=%E7%A7%91%E5%AD%A6%E6%9C%AA%E6%9D%A5%E9%A4%A8&amp;sll=35.718225,139.770126&amp;sspn=0.080417,0.11055&amp;brcurrent=3,0x60186205ead13805:0xaa8ada48dcf73d3a,0&amp;ie=UTF8&amp;hq=%E6%97%A5%E6%9C%AC%E7%A7%91%E5%AD%A6%E6%9C%AA%E6%9D%A5%E9%A4%A8&amp;hnear=%E6%97%A5%E6%9C%AC%E7%A7%91%E5%AD%A6%E6%9C%AA%E6%9D%A5%E9%A4%A8&amp;cid=1270698158378950780&amp;ll=35.629047,139.780769&amp;spn=0.024417,0.051498&amp;z=14&amp;iwloc=A">大きな地図で見る</a></span>]]>
    </content>
</entry>
<entry>
    <title>MT4からMT5へアップグレードしました</title>
    <link rel="alternate" type="text/html" href="http://www.hitoyam.com/web/2010/06/03_2319.html" />
    <id>tag:www.hitoyam.com,2010:/web//13.601</id>
    <published>2010-06-03T14:19:55Z</published>
    <updated>2010-06-03T14:21:44Z</updated>
    <summary>こんにちは、サーバとかデータベースはできれば触りたくない派のHitoyamです。...</summary>
    <author>
        <name>hitoyam</name>
    </author>
        <category term="CMS、システム等" scheme="http://www.sixapart.com/ns/types#category" />
    <category term="cms" label="CMS" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="mt" label="MT" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="アップグレード" label="アップグレード" scheme="http://www.sixapart.com/ns/types#tag" />
    <content type="html" xml:lang="ja" xml:base="http://www.hitoyam.com/web/">
        <![CDATA[<p>こんにちは、サーバとかデータベースはできれば触りたくない派のHitoyamです。</p>
<p class="break">今頃かよって話ですが、のびのび＆後回しになっていた Movable Type のアップグレードをようやく行いました。忘れてしまわないように手順その他をメモしておきます。</p>
<h2>アップグレードの手順</h2>
<p class="break">今回は Movable Type 4.26 から Movable Type 5.02 へのアップグレードを、レンタルサーバーの <a href="http://www.xserver.ne.jp/">Xserver</a> 内で行いました。</p>
<h3>新規にDBを作成して移行</h3>
<p class="break">既存の MT4 用のデータベースをそのまま残しておき、新しく Movable Type 5 用のデータベースを作成する方法でトライすることに決めました。作業の際は <a href="http://www.movabletype.jp/documentation/mt5/">「Movable Type 5 ドキュメント」</a>の中の<a href="http://www.movabletype.jp/documentation/mt5/upgrade/copy-mt4-to-mt5.html#copy_db">「既存のデータベースを残す方式のアップグレード | Movable Type 5 ドキュメント」</a>を参考にしています。</p>
<h3>1.必要なパーツのバックアップを取る</h3>
<ul class="point">
<li>念のため MT のエクスポート機能でブログのバックアップ</li>
<li>FTPで必要なディレクトリを全部ダウンロード</li>
<li>既存の MySQL データベースをバックアップ</li>
</ul>
<p>ブログ内の画像は <a href="http://www.flickr.com/">Flickr</a> に上げたものを使っているので、画像のダウンロードはしなくて済みました。画像があったら、かなりの容量をバックアップしなくちゃいけないので面倒ですね...。</p>
<p class="break">サーバ周りのことはちっとも明るくない私ですが、<em class="txt_blue_l">Xserver では <a href="http://ja.wikipedia.org/wiki/PhpMyAdmin">phpMyAdmin</a> が使える</em>ため、簡単に既存 DB をエクスポートすることができました。おかげで難しいこと何もなくて楽チン。</p>
<h3>2.新しい環境を用意する</h3>
<ul class="point">
<li>既存のディレクトリとは別のディレクトリに MT5 をインストール</li>
<li>新しい MySQL データベースを作成し、既存 DB のバックアップを複製</li>
</ul>
<p class="break">新しい DB を増やすには Xserver のサーバパネルを利用。その後 phpMyAdmin でエクスポートした既存 DB を新規 DB にインポートしました。楽チンすぎて Xserver 様々です。</p>
<h3>3.アップグレードウィザードを実行</h3>
<ul class="point">
<li>新環境のアプリケーションディレクトリにアクセス</li>
<li>サインインしてウィザードを開始</li>
</ul>
<p class="break">アップグレードウィザードが無事に終了したら、アップグレード自体は成功...なんですが、SQLサーバの設定をちょっと勘違いしてて、何度かエラーを出してしまいました。既存のmt-config.cgiを確認したらすぐ間違いに気付いたので、無事クリア。</p>
<h3>4.必要なファイルをコピーした後、既存環境の CGI ファイルを無効化</h3>
<ul class="point">
<li>既存環境から必要なファイルをコピー（plugins とか mt-static とか）</li>
<li>既存環境を削除、もしくはファイルの権限を変更しておく</li>
</ul>
<p class="break">既存環境のCGIが動くとブログディレクトリを上書きしてしまうので、ブログ破損防止のために無効化しておかないといけない感じです。</p>
<h2>雑感</h2>
<p>サーバ周りのことがクリアできれば、何も怖いことなさそうですね。Telnet とか SSH ガシガシ使える人は余裕なんでしょうけど、現時点では慣れないコマンドラインで作業するのはちょっと抵抗があるので、Xserver の管理機能はとてもとても重宝しました。</p>
<p>そもそもアップグレードがのびのびになっていたのもサーバ周りをいじって壊しちゃうのが怖かったからで、このハードルはデザイン畑の人間には高いモンだと思うのですよ。ドキドキするもん！</p>
<p class="break">アップグレードという最難関を突破したので、とりあえず一安心。あとは新しい管理画面に慣れれば問題ない感じ。MT5 自体は仕事で触っているので、その点はクリアしてるかなー。</p>
<h3>などと余裕こいてたら...</h3>
<p><em class="txt_purple_l">一部のテンプレートでエラーが出てしまい、再構築ができなくなりました。</em>検証したら、カテゴリ一覧に関わるウィジェットテンプレートがダメだったみたい。まずい箇所はそこだけだったので、現在はカテゴリ一覧を抜いた状態で構築してあります。どの行が悪いかも大体は分かっているので、近いうちに直して設置しておきたいと思います。</p>
<p class="break">しっかし、<em class="txt_red">どうしてアップグレードって、新規インストールより小難しいんだろ？</em>　仕方ないこととはいえ、アップグレードに関してだけ言えば <a href="http://ja.wordpress.org/">WordPress</a> のが圧倒的に楽な気がするなぁ。</p>
<h2>関連URL</h2>
<ul class="related_link">
<li><a href="http://www.movabletype.jp/documentation/mt5/upgrade/copy-mt4-to-mt5.html#copy_db">「既存のデータベースを残す方式のアップグレード | Movable Type 5 ドキュメント」</a></li>
<li><a href="http://www.movabletype.jp/documentation/mt5/">「Movable Type 5 ドキュメント」</a></li>
<li><a href="http://ja.wikipedia.org/wiki/PhpMyAdmin">phpMyAdmin</a></li>
<li><a href="http://www.xserver.ne.jp/">Xserver</a></li>
</ul>
 ]]>
    </content>
</entry>
<entry>
    <title>Tomorrow&apos;s Web Today ( 今日考える明日のウェブ )</title>
    <link rel="alternate" type="text/html" href="http://www.hitoyam.com/web/2010/06/01_2252.html" />
    <id>tag:www.hitoyam.com,2010:/web//13.598</id>
    <published>2010-06-01T13:52:41Z</published>
    <updated>2010-06-22T11:41:40Z</updated>
    <summary> こんにちは、ハイチュウを食べる時は歯の詰め物が取れないかドキドキするHitoy...</summary>
    <author>
        <name>hitoyam</name>
    </author>
        <category term="セミナー、勉強会報告" scheme="http://www.sixapart.com/ns/types#category" />
    <category term="microformats" label="Microformats" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="opera" label="Opera" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="rdfa" label="RDFa" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="svg" label="SVG" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="六本木" label="六本木" scheme="http://www.sixapart.com/ns/types#tag" />
    <content type="html" xml:lang="ja" xml:base="http://www.hitoyam.com/web/">
        <![CDATA[ <p>こんにちは、ハイチュウを食べる時は歯の詰め物が取れないかドキドキするHitoyamです。</p>
<p class="break left"><a href="http://www.flickr.com/photos/hitoyam/4608455476/" title="アカヒルのエレベーター by hitoyam, on Flickr"><img src="http://farm4.static.flickr.com/3551/4608455476_db1e492c3c_m.jpg" width="240" height="180" alt="アカヒルのエレベーター" /></a></p>
<p>とってもとっても今さらなのですが、ログ残すの忘れてたので思いだしがてらのメモ。先月Opera Softwareのイベント<a href="http://my.opera.com/MezamashiTech/blog/tomorrows-web-today">Tomorrow's Web Today</a>に行ってきました。会場は六本木アカデミーヒルズでした。</p>
<p>スピーカーはヨン・フォン・テッツナーさん、ホーコン・ウィウム・リーさん。ゲストスピーカーとして菊池崇さん。中でもホーコン目当てで訪れていた参加者が多かったみたいです。</p>
<h2 class="clear">気になったことメモ</h2>
<p>Operaハイチュウをいただいたので、もぐもぐしながらお話を聞きました。</p>
<p>セッションの内容については<a href="http://anoh.s10.xrea.com/blog.php/2010/05/14/1">Operaの「Tomorrow's Web Today」にいってきたですよ</a>とか<a href="http://kidachi.kazuhi.to/blog/archives/003839.html">覚え書き@kazuhi.to: Tomorrow's Web Today</a>の方に詳しくありますので、自分的に気になったことだけをメモしておきます。</p>
<p class="break"><a href="http://www.flickr.com/photos/hitoyam/4607848209/" title="Operaハイチュウ by hitoyam, on Flickr"><img src="http://farm4.static.flickr.com/3201/4607848209_6899a864aa_m.jpg" width="190" alt="Operaハイチュウ" /></a> <a href="http://www.flickr.com/photos/hitoyam/4608456550/" title="セッションの様子 by hitoyam, on Flickr"><img src="http://farm4.static.flickr.com/3399/4608456550_756ab0d733_m.jpg" width="190" alt="セッションの様子" /></a> <a href="http://www.flickr.com/photos/hitoyam/4607849269/" title="会場の様子 by hitoyam, on Flickr"><img src="http://farm5.static.flickr.com/4072/4607849269_977ab42094_m.jpg" width="190" alt="会場の様子" /></a></p>
<h3>SVGについてのアンケート結果</h3>
<p>まずは、菊池さんのセッション中での、SVGについてのアンケート結果。<em class="txt_blue">2008年に比べて、2010年はSVG利用が減っている</em>んですね。数値が数値なので微々たる違いといえばそれまでなんですが（そもそも「利用していない」が圧倒的なワケだし）。</p>
<p>SVGについての目立ったドキュメントが2004年ぐらいのもので止まってる感じがするので、緩やかに忘れられたり捨てられたりするのは仕方ないことなのかなぁ。むむ。でもまた2年後にアンケートしたら、増えているのではないでしょうか。</p>
<p class="break"><a href="http://www.flickr.com/photos/hitoyam/4608457134/" title="SVGについてのアンケート結果 by hitoyam, on Flickr"><img src="http://farm4.static.flickr.com/3370/4608457134_7916c8899c_m.jpg" width="240" height="180" alt="SVGについてのアンケート結果" /></a>　<a href="http://www.flickr.com/photos/hitoyam/4607849601/" title="ライブラリについてのアンケート結果 by hitoyam, on Flickr"><img src="http://farm5.static.flickr.com/4023/4607849601_5119f1effb_m.jpg" width="240" height="180" alt="ライブラリについてのアンケート結果" /></a></p>
<h3>マイクロフォーマットとRDFaについてのアンケート結果</h3>
<p>あと驚愕したのが、マイクロフォーマットとRDFaについてのアンケート結果。<em class="txt_purple">両方とも「利用していない」が増えている！</em>　<em class="txt_red_l">それどころか「知らない」が増えているという...！</em></p>
<p>私自身がウェブのセマンティクスについて勉強しているところなので、この結果はとても残念です。「使ってない」は分かるんだけど、「知らない」か...。そうか...知らないのか...。セマンティック関連の皆様、いろいろやらなきゃいけないことがありそうですね。</p>
<p class="break"><a href="http://www.flickr.com/photos/hitoyam/4608457446/" title="マイクロフォーマットについてのアンケート結果 by hitoyam, on Flickr"><img src="http://farm2.static.flickr.com/1003/4608457446_acb635356b_m.jpg" width="240" height="180" alt="マイクロフォーマットについてのアンケート結果" /></a>　<a href="http://www.flickr.com/photos/hitoyam/4608457604/" title="RDFaについてのアンケート結果 by hitoyam, on Flickr"><img src="http://farm2.static.flickr.com/1301/4608457604_b4e4fc6342_m.jpg" width="240" height="180" alt="RDFaについてのアンケート結果" /></a></p>
<h2>そんな感じでした</h2>
<p class="break">しっかりお話を聞いた後、居合わせた<a href="http://www.hitoyam.com/diary/2010/06/01_2254.html">お世話になってる方々とごはんを食べに行きました</a>。なかなか面白い組み合わせのメンバーだったので、新鮮な気持ちで楽しかったです。どうもありがとうございました。</p>
<h2>関連URL</h2>
<ul class="related_link">
<li><a href="http://my.opera.com/MezamashiTech/blog/tomorrows-web-today">めざましTech - イベント：Tomorrow's Web Today</a></li>
<li><a href="http://www.opera.com/">Opera.com</a></li>
<li><a href="http://www.slideshare.net/mantangs/the-state-of-web-development">The State of Web Development（スライド）</a></li>
<li><a href="http://anoh.s10.xrea.com/blog.php/2010/05/14/1">Operaの「Tomorrow's Web Today」にいってきたですよ</a></li>
<li><a href="http://kidachi.kazuhi.to/blog/archives/003839.html">覚え書き@kazuhi.to: Tomorrow's Web Today</a></li>
<li><a href="http://www.academyhills.com/">academyhills Note　アカデミーヒルズ</a></li>
</ul>
<h2>会場の地図</h2>
<iframe class="map_frame" src="http://maps.google.co.jp/maps?q=%E3%82%A2%E3%82%AB%E3%83%87%E3%83%9F%E3%83%BC%E3%83%92%E3%83%AB%E3%82%BA&amp;hl=ja&amp;cd=1&amp;ei=jZn0S4XaJaPGugOwsdH3BA&amp;sig2=y7_SA6XMQcPCL_mX_xsjwg&amp;ie=UTF8&amp;view=map&amp;cid=4289940245637627662&amp;ved=0CBoQpQY&amp;hq=%E3%82%A2%E3%82%AB%E3%83%87%E3%83%9F%E3%83%BC%E3%83%92%E3%83%AB%E3%82%BA&amp;hnear=&amp;brcurrent=3,0x60188b77b2ded3eb:0x3c74c0403015977b,0&amp;ll=35.6604,139.729228&amp;spn=0.006102,0.012875&amp;z=16&amp;iwloc=A&amp;output=embed"></iframe>
<span class="map_txt"><a href="http://maps.google.co.jp/maps?q=%E3%82%A2%E3%82%AB%E3%83%87%E3%83%9F%E3%83%BC%E3%83%92%E3%83%AB%E3%82%BA&amp;hl=ja&amp;cd=1&amp;ei=jZn0S4XaJaPGugOwsdH3BA&amp;sig2=y7_SA6XMQcPCL_mX_xsjwg&amp;ie=UTF8&amp;view=map&amp;cid=4289940245637627662&amp;ved=0CBoQpQY&amp;hq=%E3%82%A2%E3%82%AB%E3%83%87%E3%83%9F%E3%83%BC%E3%83%92%E3%83%AB%E3%82%BA&amp;hnear=&amp;brcurrent=3,0x60188b77b2ded3eb:0x3c74c0403015977b,0&amp;ll=35.6604,139.729228&amp;spn=0.006102,0.012875&amp;z=16&amp;iwloc=A&amp;source=embed">大きな地図で見る</a></span>]]>
    </content>
</entry>
<entry>
    <title>矢印でゲシュタルト崩壊してみた</title>
    <link rel="alternate" type="text/html" href="http://www.hitoyam.com/web/2010/05/23_0123.html" />
    <id>tag:www.hitoyam.com,2010:/web//13.595</id>
    <published>2010-05-22T16:23:11Z</published>
    <updated>2010-05-22T16:23:50Z</updated>
    <summary> こんにちは、最近Flickrからネタの先読みをされて困ってるHitoyamです...</summary>
    <author>
        <name>hitoyam</name>
    </author>
        <category term="デザイン関連" scheme="http://www.sixapart.com/ns/types#category" />
    <category term="フォント" label="フォント" scheme="http://www.sixapart.com/ns/types#tag" />
    <content type="html" xml:lang="ja" xml:base="http://www.hitoyam.com/web/">
        <![CDATA[ <p>こんにちは、最近Flickrからネタの先読みをされて困ってるHitoyamです。<br />「今日あげてたあれ、なんスか？」という問いが切なく感じる爽やかな初夏です。</p>
<p>さて、今回もすでに「あの矢印なんスか？」というツッコミが入っているワケですが、その矢印の話。</p>
<p>ある日、矢印のオブジェクトを作る機会があり、ベースになるフォントを探していた時のこと。同じ矢印でも、比べてみれば個性豊かだなぁと思ってコレクションしてみました。</p>
<p class="break"><a href="http://www.flickr.com/photos/hitoyam/4603186296/" title="HG創英プレゼンスEBの矢印 by hitoyam, on Flickr"><img src="http://farm5.static.flickr.com/4037/4603186296_c64697800f_m.jpg" width="100" alt="HG創英プレゼンスEBの矢印" /></a> <a href="http://www.flickr.com/photos/hitoyam/4603186284/" title="毎日新聞ゴシック Pro L の矢印 by hitoyam, on Flickr"><img src="http://farm2.static.flickr.com/1372/4603186284_b0017805c4_m.jpg" width="100" alt="毎日新聞ゴシック Pro L の矢印" /></a> <a href="http://www.flickr.com/photos/hitoyam/4603186226/" title="メイリオの矢印 by hitoyam, on Flickr"><img src="http://farm2.static.flickr.com/1208/4603186226_4ac0e635fd_m.jpg" width="100" alt="メイリオの矢印" /></a> <a href="http://www.flickr.com/photos/hitoyam/4602571749/" title="国鉄方向幕書体の矢印 by hitoyam, on Flickr"><img src="http://farm2.static.flickr.com/1080/4602571749_10caa92886_m.jpg" width="100" alt="国鉄方向幕書体の矢印" /></a> <a href="http://www.flickr.com/photos/hitoyam/4603186196/" title="HG行書体の矢印 by hitoyam, on Flickr"><img src="http://farm4.static.flickr.com/3403/4603186196_27c426e171_m.jpg" width="100" alt="HG行書体の矢印" /></a> <a href="http://www.flickr.com/photos/hitoyam/4602571727/" title="MSゴシックの矢印 by hitoyam, on Flickr"><img src="http://farm4.static.flickr.com/3376/4602571727_8f2e961312_m.jpg" width="100" alt="MSゴシックの矢印" /></a> <a href="http://www.flickr.com/photos/hitoyam/4602571691/" title="DF超太丸ゴシック体の矢印 by hitoyam, on Flickr"><img src="http://farm2.static.flickr.com/1424/4602571691_7027a777ab_m.jpg" width="100" alt="DF超太丸ゴシック体の矢印" /></a> <a href="http://www.flickr.com/photos/hitoyam/4602571677/" title="DF康印体W4の矢印 by hitoyam, on Flickr"><img src="http://farm4.static.flickr.com/3329/4602571677_15053e76b0_m.jpg" width="100" alt="DF康印体W4の矢印" /></a> <a href="http://www.flickr.com/photos/hitoyam/4602571653/" title="DF勘亭流W6の矢印 by hitoyam, on Flickr"><img src="http://farm2.static.flickr.com/1312/4602571653_c9dfd5bdd1_m.jpg" width="100" alt="DF勘亭流W6の矢印" /></a> <a href="http://www.flickr.com/photos/hitoyam/4603186136/" title="DFまるもじ体W9の矢印 by hitoyam, on Flickr"><img src="http://farm2.static.flickr.com/1228/4603186136_323819ae1e_m.jpg" width="100" alt="DFまるもじ体W9の矢印" /></a> <a href="http://www.flickr.com/photos/hitoyam/4603186112/" title="DFまるもじ体W7の矢印 by hitoyam, on Flickr"><img src="http://farm2.static.flickr.com/1191/4603186112_d0fa1e0fb3_m.jpg" width="100" alt="DFまるもじ体W7の矢印" /></a> <a href="http://www.flickr.com/photos/hitoyam/4602571615/" title="DFホラーAW3の矢印 by hitoyam, on Flickr"><img src="http://farm4.static.flickr.com/3299/4602571615_3fed9071f3_m.jpg" width="100" alt="DFホラーAW3の矢印" /></a> <a href="http://www.flickr.com/photos/hitoyam/4602571593/" title="DFフリー流線の矢印 by hitoyam, on Flickr"><img src="http://farm2.static.flickr.com/1008/4602571593_34e96e7d93_m.jpg" width="100" alt="DFフリー流線の矢印" /></a> <a href="http://www.flickr.com/photos/hitoyam/4602571573/" title="DFブラッシュRDW7の矢印 by hitoyam, on Flickr"><img src="http://farm2.static.flickr.com/1272/4602571573_15f3a3eb08_m.jpg" width="100" alt="DFブラッシュRDW7の矢印" /></a> <a href="http://www.flickr.com/photos/hitoyam/4602571553/" title="DCひげ文字W5の矢印 by hitoyam, on Flickr"><img src="http://farm2.static.flickr.com/1348/4602571553_70d4473864_m.jpg" width="100" alt="DCひげ文字W5の矢印" /></a> <a href="http://www.flickr.com/photos/hitoyam/4602571541/" title="Arial Unicode MS の矢印 by hitoyam, on Flickr"><img src="http://farm5.static.flickr.com/4009/4602571541_0ec1288493_m.jpg" width="100" alt="Arial Unicode MS の矢印" /></a></p>
<h2>DFまるもじ体の謎</h2>
<p>DFまるもじ体W9は左肩が下がっているように見えますが、DFまるもじ体W7は右肩が下がっているように見えます。同じDFまるもじ体なのに、ウエイトで見た目が違うのはどうしてなのでしょうか。何か事情があるのでしょうか。どんな理由があるのか気になるところです。</p>
<p class="break"><a href="http://www.flickr.com/photos/hitoyam/4603186136/" title="DFまるもじ体W9の矢印 by hitoyam, on Flickr"><img src="http://farm2.static.flickr.com/1228/4603186136_323819ae1e_m.jpg" width="200" alt="DFまるもじ体W9の矢印" /></a> <a href="http://www.flickr.com/photos/hitoyam/4603186112/" title="DFまるもじ体W7の矢印 by hitoyam, on Flickr"><img src="http://farm2.static.flickr.com/1191/4603186112_d0fa1e0fb3_m.jpg" width="200" alt="DFまるもじ体W7の矢印" /></a></p>
<h2>頼りない系</h2>
<p>矢印と呼ぶにはちょっと頼りなさ過ぎる矢印たち。DFホラーAW3はもう目的地を指せてないというか心折れてる感じですし、DFフリー流線などは息を吹きかけたら大空にふわふわ飛んでいきそうです。少なくとも、ベクトル的な何かを感じるには頼りなさ過ぎると思います。</p>
<p class="break"><a href="http://www.flickr.com/photos/hitoyam/4602571677/" title="DF康印体W4の矢印 by hitoyam, on Flickr"><img src="http://farm4.static.flickr.com/3329/4602571677_15053e76b0_m.jpg" width="200" alt="DF康印体W4の矢印" /></a> <a href="http://www.flickr.com/photos/hitoyam/4602571615/" title="DFホラーAW3の矢印 by hitoyam, on Flickr"><img src="http://farm4.static.flickr.com/3299/4602571615_3fed9071f3_m.jpg" width="200" alt="DFホラーAW3の矢印" /></a> <a href="http://www.flickr.com/photos/hitoyam/4602571593/" title="DFフリー流線の矢印 by hitoyam, on Flickr"><img src="http://farm2.static.flickr.com/1008/4602571593_34e96e7d93_m.jpg" width="200" alt="DFフリー流線の矢印" /></a></p>
<h2>き...きのこ...？</h2>
<p>DF勘亭流W6はまだ愛嬌があって可愛げがあると思いますが、あとのふたつ...<br /><em class="txt_purple">なんだろう...</em><em class="txt_purple_lll">なんかやだ！！</em>　私の中の何かが拒絶するフォルム＆質感です。</p>
<p class="break"><a href="http://www.flickr.com/photos/hitoyam/4602571653/" title="DF勘亭流W6の矢印 by hitoyam, on Flickr"><img src="http://farm2.static.flickr.com/1312/4602571653_c9dfd5bdd1_m.jpg" width="200" alt="DF勘亭流W6の矢印" /></a> <a href="http://www.flickr.com/photos/hitoyam/4602571691/" title="DF超太丸ゴシック体の矢印 by hitoyam, on Flickr"><img src="http://farm2.static.flickr.com/1424/4602571691_7027a777ab_m.jpg" width="200" alt="DF超太丸ゴシック体の矢印" /></a> <a href="http://www.flickr.com/photos/hitoyam/4602571553/" title="DCひげ文字W5の矢印 by hitoyam, on Flickr"><img src="http://farm2.static.flickr.com/1348/4602571553_70d4473864_m.jpg" width="200" alt="DCひげ文字W5の矢印" /></a></p>
<h2>やじるし、意外と奥深い</h2>
<p>普段は小さくしか使わないので、あまり気にしたことがなかったのかもしれません。</p>
<p>いざ大きくして並べてみると、差異が際立ちつつゲシュタルト崩壊が起きたりなんかして。<em class="txt_blue">そもそも矢印という記号が文字としてゲシュタルト崩壊を起こすなんてことがあるのかどうか知りません</em>が、とにかく矢印というものの性質を忘れてしまいそうなぐらい、個性豊かであることだけは分かりました。</p>
<p><em class="txt_red_ll">たかが矢印、されど矢印。</em></p>
<p class="break">これからはもう少していねいに使用したいと思います、矢印。</p>]]>
    </content>
</entry>
<entry>
    <title>MacBookをカスタマイズした話</title>
    <link rel="alternate" type="text/html" href="http://www.hitoyam.com/web/2010/05/21_2359.html" />
    <id>tag:www.hitoyam.com,2010:/web//13.594</id>
    <published>2010-05-21T14:59:28Z</published>
    <updated>2010-05-21T15:42:18Z</updated>
    <summary> こんにちは、パソコンを開けるのはPerforma5410以来のHitoyamで...</summary>
    <author>
        <name>hitoyam</name>
    </author>
        <category term="その他いろいろ" scheme="http://www.sixapart.com/ns/types#category" />
    <category term="macintosh" label="Macintosh" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="カスタマイズ" label="カスタマイズ" scheme="http://www.sixapart.com/ns/types#tag" />
    <content type="html" xml:lang="ja" xml:base="http://www.hitoyam.com/web/">
        <![CDATA[ <p>こんにちは、パソコンを開けるのはPerforma5410以来のHitoyamです。</p>
<p>実は2か月ほど前に、我が家のMacBookをカスタマイズしてたんですけど、ログに残しておくのを忘れたので、今さら報告しておきます。ウチのは<em class="txt_blue">発売と同時に購入した初代intel入ってるMacBook</em>ですから、確か2006年から使ってることになるんですかね？</p>
<p>ずいぶんとお世話になってきましたが、このままだとさすがにSnow Leopardは入れられず...。容量も厳しくなってきているし、保証もとっくのとっくに切れてるし、思い切って。</p>
<p>どのように行ったかは、<a href="http://likealunatic.jp/2010/05/macbook.php">Like@Lunatic BlogさんのMacBookをチューニングした話</a>とだいたい同じです。とても丁寧な説明が載っているので、参考にする際はそちらをどうぞ。</p>
<p>MacBookの裏をパカッと開けたあとは、T型<a href="http://ja.wikipedia.org/wiki/%E3%83%88%E3%83%AB%E3%82%AF%E3%82%B9">トルクス</a>レンチが必要になります。むかーし昔はハードディスクの交換の際には、<em class="txt_red_l">儀式のようなピリピリムードの中、恐ろしいほどの集中力を発揮しつつ細心の注意を払って静電気を防止せねばならなかった</em>ものですが、現代社会においては軽い気持ちで開けても大丈夫なようです。テクノロジーの進化すごい。</p>
<p><a href="http://www.flickr.com/photos/hitoyam/4583349259/" title="MacBookの裏 by hitoyam, on Flickr"><img src="http://farm5.static.flickr.com/4002/4583349259_0b2f8b8d99_m.jpg" width="240" height="180" alt="MacBookの裏" /></a>　<a href="http://www.flickr.com/photos/hitoyam/4583978962/" title="T型トルクスレンチ by hitoyam, on Flickr"><img src="http://farm5.static.flickr.com/4052/4583978962_9e6cc5f97a_m.jpg" width="240" height="180" alt="T型トルクスレンチ" /></a></p>
<p>我が家の個体のHDDは東芝製だったようです。初期ロットは初期不良も珍しくないと聞くし、結構ハードに持ち歩いたりしたこともあったのに、今まで大したトラブルもなく動いてくれてありがとう！　覚えてなかったけど、メモリは512MBが2枚ささってました。</p>
<p>テラ的なHDDを乗せる計画もあったのですが、<em class="txt_blue">初代intel入ってるMacBookに載せられるテラ的なHDDはない</em>みたいなので、新しいHDDは500GBということに落ち着きました。...TBとか言われてもわからないけど、500GBも十分わからない！　どのくらいよ、500GB？　<span class="txt_red_s">東京ドーム何個分？</span></p>
<p><a href="http://www.flickr.com/photos/hitoyam/4583979006/" title="元のハードディスク by hitoyam, on Flickr"><img src="http://farm5.static.flickr.com/4056/4583979006_c3249ec559_m.jpg" width="240" height="180" alt="元のハードディスク" /></a>　<a href="http://www.flickr.com/photos/hitoyam/4583349659/" title="元のメモリ by hitoyam, on Flickr"><img src="http://farm5.static.flickr.com/4061/4583349659_863ab18029_m.jpg" width="240" height="180" alt="元のメモリ" /></a></p>
<p><a href="http://www.flickr.com/photos/hitoyam/4583349357/" title="新しいハードディスク by hitoyam, on Flickr"><img src="http://farm5.static.flickr.com/4039/4583349357_bb05c9813a_m.jpg" width="240" height="180" alt="新しいハードディスク" /></a>　<a href="http://www.flickr.com/photos/hitoyam/4583979056/" title="新しいメモリ by hitoyam, on Flickr"><img src="http://farm4.static.flickr.com/3321/4583979056_ff452b2298_m.jpg" width="240" height="180" alt="新しいメモリ" /></a></p>
<p><em class="txt_purple">欲を言えばSSDにしたかった</em>のですが、今回は見送ってHDDの入れ替えとメモリの増設のみに留めました。今のMacBookと違って入れられるパーツも限られているので、その中で見れば最大限のカスタマイズかな、と。</p>
<p>乗せ換えたあと、はじめ上手く認識してくれなくて焦ったりしつつ、ほどなくしてちゃんと認識してくれたので一安心。Snow Leopardのインストールも無事に済み、生まれ変わったように働いてくれています。まぁ実際生まれ変わってるワケですけどね。</p>
<p><a href="http://www.flickr.com/photos/hitoyam/4583349307/" title="ハードディスクの確認画面 by hitoyam, on Flickr"><img src="http://farm5.static.flickr.com/4011/4583349307_805c7ab4e5_m.jpg" width="240" height="180" alt="ハードディスクの確認画面" /></a></p>
<p><a href="http://twitter.com/likealunatic">@likealunatic</a>さんのところでは<q>7200rpmのHDDも熱や振動などといった問題は特に感じることなく動作して</q>いるとのことですが、ウチはわりかし凄いです、熱。CPUの問題も大きいのでしょうけど、重い処理をさせるとファンも半端なく回りますしね。</p>
<p class="break">とはいえ、とにかく満足。Adobe製品も気兼ねなく動かせるようになったし、動画編集なんかもさくさくだし、まだまだ現役続行してもらえそうです。<span class="txt_gray_s">少なくともMacBookProほしい欲は少し治まりました。</span></p>
<h2>関連URL</h2>
<ul class="related_link">
<li><a href="http://likealunatic.jp/2010/05/macbook.php">MacBookをチューニングした話 « Like@Lunatic Blog</a></li>
<li><a href="http://ja.wikipedia.org/wiki/%E3%83%88%E3%83%AB%E3%82%AF%E3%82%B9">トルクス - Wikipedia</a></li>
</ul>]]>
    </content>
</entry>
</feed>
