<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
    <channel>
        <title>BULANCO log</title>
        <link>http://blog.bulanco.net/</link>
        <description>福岡のホームページ制作[BULANCO(ブランコ)]のWeb制作のこぼれ話</description>
        <language>en</language>
        <copyright>Copyright 2008</copyright>
        <lastBuildDate>Sun, 10 Aug 2008 10:25:58 +0900</lastBuildDate>
        <generator>http://www.sixapart.com/movabletype/</generator>
        <docs>http://www.rssboard.org/rss-specification</docs>
        
        <item>
            <title>お久しぶりです。</title>
            <description><![CDATA[久々のブログ更新です。<br /><br />更新してなさすぎて、ブログへのログインパスワードを忘れてかけていました(汗<br /><br /><br />前回の更新が2月28日。。。5ヶ月以上放置していました。生きています。頑張って生きています。<br /><br />仕事のはほうは、割と順調です。<br />一人では、物量的に無理が生じ始めたなっと思っている時に、縁があり、一人仲間が増えました。<br /><br />アメリカに5年ほど留学していた子で、英語バリバリです。たまに英語なまりな日本語を話します。たまにアメリカ人ぽく「ウップス」とか言っちゃいます。<br /><br />そんな彼ですが、非常に助かっています。やっぱり一人と二人では全然違います。仕事をこなす量が倍に、、、とまでは行きませんが、結構いい感じに仕事がこなせるように成りました。<br /><br />今後は、バイリンガルの彼がいるので、2カ国語サイトの構築なんかも楽に出来ると思います。<br /><br />とりとめも無く色々書きましたが、BULANCOは頑張ってますってことだけ、伝わればいいかなって思って久々の更新をしました。<br /><br />今後は、更新頻度を上げるぞ!言いません。。。申し訳ないです。<br />ただ月1ぐらいではご報告するようにいたします。<br /><br /><br /><br /><b>■お仕事メーター</b><br />(あるお仕事仲間がブログでやっていたことを、面白そうなので、真似してみます)<br />2008年8月10日現在のお仕事状況です。<br /><br />●建築系会社Web制作<br />&nbsp; 9割完了。今回はコピーライティングもしたので、意外に時間がかかりました。<br /><br />●サプリ情報系Blog(Movable Type)構築<br />&nbsp; 9割完了。引きずり案件。随分長くかかっています。もうあと一歩。<br /><br />●飲食系携帯ポイントシステム構築<br />&nbsp; 8割完了。引きづり案件。大詰めです。デバック中。<br /><br />●飲食系ポータルデザイン制作<br />&nbsp; 9割完了。修正作業。<br /><br />●コンサル系会社Webリニューアル(tableをcssへ)<br />&nbsp; 8割完了。新人君に任せています。厳密にコーディングしてもらっています。<br />&nbsp; また、DreamweaverのTemplate機能も覚えてもらっています。<br /><br />●某会社Web制作(リニューアル)<br />&nbsp; 計画段階<br /><br />●某食品会社ECサイト制作(リニューアル)<br />&nbsp; 盆空けに再始動予定<br /><br />●某リサーチ会社Web制作(リニューアル)<br />&nbsp; 1割。週明けラフデザイン(アウトライン)提出<br /><br /><br />以上です。<br /><b>キャパメーター70%<br /><br /></b><br /><br />この試み、仕事を整理出来て非常によいですね。<b><br />
</b>書き並べてみると、意外に案件数多いなぁ。<br />ただ、追い込みの案件が多いので、8月のキャパ的には後半に掛けてゆっくりしています。ぼちぼち頑張って行きますので、今後ともよろしくおねがいします!<br />]]></description>
            <link>http://blog.bulanco.net/2008/08/post-29.html</link>
            <guid>http://blog.bulanco.net/2008/08/post-29.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">Web制作実務</category>
            
                <category domain="http://www.sixapart.com/ns/types#category">業務記録</category>
            
                <category domain="http://www.sixapart.com/ns/types#category">雑記</category>
            
            
            <pubDate>Sun, 10 Aug 2008 10:25:58 +0900</pubDate>
        </item>
        
        <item>
            <title>MTのタイトルの文字数を制限する、非プラグイン</title>
            <description><![CDATA[MovableTypeメモです。<br /><br />長いタイトルの文字を制限するphpプログラムです。<br /><br />プラグインかなにかで、ありそうですが、phpだと簡単に出来そうなので作ってみました。<br />$nの数を変更することで、文字の制限を変えられます。<br /><br />もちろん、書き出すファイル名がphpに成っていることが必要です。<br /><br />

<code>&lt;?php <br />$str = "&lt;<u>$MTEntryTitle</u><u>$</u>&gt;";<br />$len = mb_strlen($str,"UTF-8");<br />$n = 20;<br /><br /><i>if</i>($len &gt; $n){<br />	$title = mb_substr($str,0,$n,"UTF-8");<br />	$title .= "...";<br />	echo $title;<br />} <br /><i>else</i>{<br />	echo $str;<br />}<br />?&gt; </code>]]></description>
            <link>http://blog.bulanco.net/2008/02/mt-1.html</link>
            <guid>http://blog.bulanco.net/2008/02/mt-1.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">MovableType</category>
            
            
            <pubDate>Thu, 28 Feb 2008 14:32:42 +0900</pubDate>
        </item>
        
        <item>
            <title>年度末と弥生とコーダー</title>
            <description><![CDATA[いや〜。本当に忙しいです。年度末までに、結構な数のサイト構築を託されてます。年度末なんて無くなっちゃえばよいのにっと、本気で考えたりしています（汗<br /><br />そんな中、年度末と言えば、私たちフリーランスを苦しめるもう一つのイベント、そう、確定申告です。<br /><br />
            去年までは、Excelなんかで、コツコツと付けていましたが、流石にそれも無理が出始めたので、今年からは本格的に会計ソフトを入れて、望むことにしました...。妻が！<br />
            <br />そう、妻に託しちゃいました。それもPCリテラリーを全く持ち合わせていない妻に。。。<br /><br />自分でやるのなら、Excelで十分と思ってたんですが、Excelすら出来ない妻にそれを押し付けるのは流石に酷なので、ある程度決まった形がある会計ソフトを買って、手放しでやらせてみようという作戦です。<br /><br />はじめは、Mac用の会計ソフトを検討しましたが、ノートはWinだし、先々、Winを切り捨ててMacのみでの仕事環境も、まずありえないので、結局Win版しか出ていないのですが、スタンダードな弥生会計にしました。<br /><br />弥生会計は驚くほど手厚いサポート（はじめの一回は、サポートセンターの方から電話がありました）をしてくれ、妻も初心者をいいことに、なんでもかんでも（弥生会計とは直接関係のない税金のことまで）聞いていました。<br /><br />結局期間は一ヶ月ほどかかっていましたが、完遂しました。なかなか根性があるやつです。<br /><br /><br />妻は建築士（私も建築士だったりします）で、もともと店舗の設計図や住宅の設計図や役所に出す書類を作る仕事をしていました。<br /><br />建築士＋インテリアデザイナーです。ただ、高卒で就職したため、時期的に、CADが、まだそんなに復旧していない時代に修行を積んだ＋手書きで良しとする会社に勤めていた為、不幸なことに、手書き図面しか書けないのです。そのため子育てが一段落したところで、現状のCAD必須の建築業界に、戻るのはちょっと難しいと思います。<br /><br />まぁ、私がCAD使えるので、教えるのも一つの手なんですが、話したところ妻は、私と同じく建築業界には全く未練が無いようだし、私の仕事に興味があるようなので、どうせ教えるなら、私の仕事を覚えさせようかと画策中です。私自身も最近、仕事量的に1人でするには無理が出て来ていたので、手が増えることは非常にありがたいことです。<br /><br />もともと、インテリアデザインながらもデザイナーはデザイナーだし（一応高校もデザイン科）、手書きながらも、几帳面で奇麗な図面を書く能力に長けていました。恐らくWeb制作の資質はあると思っています。<br /><br />特に、几帳面という性格はWeb制作に必要な資質なので、結構向いているんじゃないかと思っています。<br /><br />ただ、はじめからPhotoshopやらIllustratorを教えるのは、酷な話なので、はじめはコーディングを教えて、少しずつ慣れさせ、また、沢山のWebを見せて、ゆくゆくはデザイナーに育てて上げたいなと思っています。<br /><br />こんなこと書くと怒られるかもしれませんが、女性って生まれながらにして、男性より、単純作業が得意なのではないかなと思っています。この仕事って意外に単純作業多いので、女性がコーダーになるのは、良いのではないかと思っています。<br /><br /><br />そのうち、「PC初心者がWebデザイナーになるまで」というような主旨の、新たなブログを立ち上げて、妻のの成長記録＋教科書代わりにしてみようかなっと、構想を練っています。<br /><br />立ち上げるときは、また改めて告知致します。では！良い年度末を！<br /><br />]]></description>
            <link>http://blog.bulanco.net/2008/02/post-28.html</link>
            <guid>http://blog.bulanco.net/2008/02/post-28.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">Web制作実務</category>
            
                <category domain="http://www.sixapart.com/ns/types#category">業務記録</category>
            
            
            <pubDate>Mon, 25 Feb 2008 05:48:32 +0900</pubDate>
        </item>
        
        <item>
            <title>Dreamweaverのテンプレート機能</title>
            <description><![CDATA[もう結構前になりますが、同じ業界のご近所さんで、「警固ランチ会」なる会合を開催した。まぁ、開催と言っても、4人というかなり少数メンバーだのですけど、そのなかで、<a href="http://www.adobe.com/jp/products/contribute/">Adobe Contribute</a>が便利という話が出た。<br /><br />かなり興味を持ち、今回の案件でそれを使おうかと、Contributeのベースと成る、Dreamweaverのテンプレート機能を研究しているんですが、何故今まで使わなかったのかなっと思うほど、便利な機能がもり沢山です。<br /><br />Dreamweaverのテンプレート機能なんて、CMS真っ盛りの中今更だけど、本当使えるので色々メモ。<br /><br />特に三項演算子とリピート領域を使った方法なんて、のけぞるほど便利な機能。<br /><br />使われてる方には、何を今更的な技術だけど、意外にネット上に参照出来るところが少なかったので、参照リンクと、簡単な三項演算子の例文を掲載。<br /><br />参考にしたサイト<br />Dremweaverテンプレート機能関連<br /><a href="http://support.adobe.co.jp/faq/faq/qadoc.sv?228578+002">Dreamweaver Templateの使い方</a><br /><a href="http://www.zkdesign.jp/arch/index.php?Web%C0%A9%BA%EE%2FDreamweaver">Web制作/Dreamweaver- zkdesign/Archives</a><br /> <a href="http://support.adobe.co.jp/faq/faq/qadoc.sv?228578+002">［228578］Dreamweaver MX テンプレートのカスタムパラメータと式</a><br />（上記の参考<a href="http://www.adobe.com/support/dreamweaver/ts/documents/parameters/outlinetemplate.dwt">ソースコード</a>）<br /><pre id="line1"><a href="http://livedocs.adobe.com/ja_JP/Dreamweaver/9.0/help.html?content=WScbb6b82af5544594822510a94ae8d65-7acd.html">Dreamweaver CS3</a>（オフィシャルのLiveDocs)</pre><br /><br />三項演算子<br /><a href="http://hp.vector.co.jp/authors/VA010341/conditional.html">三項演算子?:の正しい書き方</a><br /><a href="http://wisdom.sakura.ne.jp/programming/java/java14.html">三項演算子</a><br />]]></description>
            <link>http://blog.bulanco.net/2008/02/dreamweaver.html</link>
            <guid>http://blog.bulanco.net/2008/02/dreamweaver.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">Dreamweaver</category>
            
                <category domain="http://www.sixapart.com/ns/types#category">Web制作実務</category>
            
            
            <pubDate>Sat, 16 Feb 2008 00:49:01 +0900</pubDate>
        </item>
        
        <item>
            <title>MTOS日本語版</title>
            <description><![CDATA[MTOSが発表されて、もう結構な日数が経ちますが、未だに英語版のみの提供でした。といっても、日本語環境で使っても全然問題は無かったのですが、細かなところが英語で若干見にくかったりしました。<br /><br />若干話題が遅れますが、<a href="http://as-is.net/blog/" title="Ogawa::Memoranda">Ogawa::Memoranda</a>さんのところで、日本語版が配布されているのでご紹介しておきます。<br /><br /><a title="小粋空間: MTOSリリースと日本語化手順" href="http://www.koikikukan.com/archives/2008/01/26-011555.php">小粋空間: MTOSリリースと日本語化手順</a>　MTの情報では著名な小粋空間さんでも手順が公開されていますが、<a href="http://as-is.net/blog/" title="Ogawa::Memoranda">Ogawa::Memoranda</a>さんのところを読んだ限り、割と簡単な方法で日本語版に出来るようですね。もともとMTOSの中に日本語環境がしくまれていたみたいですね。<br /><br />自分でも作業出来るようですが、一応、こちらでも（<a href="http://as-is.net/blog/archives/001316.html" title="Permalink: MTOS-4.1-jaパッケージの作り方">MTOS-4.1-jaパッケージの作り方</a>）(<a href="http://wiki.movabletype.org/LocalizedPackages/MTOS-4.1">配布元</a>)、日本語版したものが配布していたいているようです。&nbsp;&nbsp;  <br />]]></description>
            <link>http://blog.bulanco.net/2008/02/mtos.html</link>
            <guid>http://blog.bulanco.net/2008/02/mtos.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">MovableType</category>
            
                <category domain="http://www.sixapart.com/ns/types#category">Web制作実務</category>
            
            
                <category domain="http://www.sixapart.com/ns/types#tag">MovableType</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">MT</category>
            
            <pubDate>Thu, 14 Feb 2008 11:52:42 +0900</pubDate>
        </item>
        
        <item>
            <title>卓上カレンダーを作ってみました。『サイかるッ』</title>
            <description><![CDATA[<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="saical-2.jpg" src="http://blog.bulanco.net/images/uploads/saical-2.jpg" class="mt-image-none" height="180" width="520" /></span><br /><br /><a href="http://www.ideaxidea.com/">IDEA*IDEA</a>さんで、「<a href="http://www.ideaxidea.com/archives/2008/02/post_353.html">【百式企画塾】 カレンダー＋＋、結果発表！</a>」という企画が行われていたようですが、今に成って気がつきました。めちゃくちゃ遅れましたが、認められなくても、今更参加！<br /><br />この企画とは全く関係ないところで、ちょっと前に自前でカレンダーを作ったので、この機会に公開（＋配布）したいと思います。<br /><br /><blockquote>そのカレンダーは、オフィスでありがちな（A）という問題を、あなたが毎日使っている（B）にヒントをしつつ、（C）という機能を実装することによって、解決していた。そのカレンダーの名前は（D）。</blockquote>

というこの企画の趣旨に無理矢理当てはめるのなら・・・<br /><br />そのカレンダーは、オフィスでありがちな<b>iMacの下のスペースに入るカレンダーがない</b>（ありがちではない！？）という問題を、あなたが毎日使っている<b>サイコロ</b>（賭博場かい！？）にヒントをしつつ、<b>半年分しか見れない</b>（機能じゃないむしろ弱点！？）という機能を実装することによって、解決していた。そのカレンダーの名前は<b>サイコロカレンダー略して『サイかるッ』</b>（日テレの番組ではないですよ！？）。<br /><br /><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><a href="http://blog.bulanco.net/images/uploads/PICT0038.jpg" rel="lightview" title="PICT0038.jpg"><img src="http://blog.bulanco.net/images/uploads/PICT0038-thumb-250x187.jpg" alt="PICT0038.jpg" class="mt-image-right" height="187" width="250" /></a></span>はい、かなり無理矢理です。後付けです。ごめんなさい。<br />しかし、超シンプルなカレンダーですが、意外にコンパクトで使いやすいですよ。<br /><br />私は、普通のコピー用紙にプリントアウトして、組み立てて、iMacの下の隙間に入れています。一辺が6cm未満なので、デスクの上に置いても邪魔にならないですよ。もうちょっと固い紙にプリントアウトする方が適しているかもしれませんが、手軽にコピー用紙でも用途は満たします。<br /><br />ただ、過度の期待は禁物です。書き込みなんかするという目的には適さないです。<br /><br />Macのカレンダー（Winのダッシュボードもそうかな？）ってその当日の日付しか分からないので、前後の関係や、来週の同じ曜日等を確認したい時に便利ですよ。もちろんiCalを立ち上げれば問題ないのですが、電話対応中なんかに、瞬時に見れるという用途を想定しています。<br /><br />また、めくって来月を見るという行為ではなく、回すことによって、前後の月を確認したりしています。頑張れば、サイコロにもなるはずです！？（サイコロの法則は無視していますが）<br /><br />しかし、2月に成ってから、1月から6月までのカレンダーを配布するあたり、計画性の無さが露呈していますね。すいません。<br /><br /><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="saical-3.jpg" src="http://blog.bulanco.net/images/uploads/saical-3.jpg" class="mt-image-right" height="188" width="250" /></span>
もし、好評でしたら、5月頃にでも、6月から年末にかけて物を制作配布します。<br /><br />あ、そうそう、色のバリエーションも一応あるので、そのうち公表するかもです。<br /><br /><b>一部日付を誤って表記しておりました。修正した物をアップロドードしておりますので、2/14までにダウンロードした方は、お手数ですが、改めてダウンロードし直して下さい。<br /></b><br /><br /><span class="mt-enclosure mt-enclosure-file" style="display: inline;"><a href="http://blog.bulanco.net/upload/saical.pdf">saical.pdf</a></span>（68kb）<br /><span class="mt-enclosure mt-enclosure-image" style="display: inline;"></span>]]></description>
            <link>http://blog.bulanco.net/2008/02/post-2.html</link>
            <guid>http://blog.bulanco.net/2008/02/post-2.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">アイディア</category>
            
                <category domain="http://www.sixapart.com/ns/types#category">デザイン</category>
            
                <category domain="http://www.sixapart.com/ns/types#category">雑記</category>
            
            
                <category domain="http://www.sixapart.com/ns/types#tag">lifehack</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">オリジナルワーク</category>
            
            <pubDate>Wed, 06 Feb 2008 21:03:51 +0900</pubDate>
        </item>
        
        <item>
            <title>WBCに参加してきました。</title>
            <description><![CDATA[<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="ピクチャ 1.png" src="http://blog.bulanco.net/images/uploads/%E3%83%94%E3%82%AF%E3%83%81%E3%83%A3%201.png" class="mt-image-none" height="180" width="520" /></span><br />先日、2008年1月26日（土）に開催されたイベント<a href="http://wbc2008.fww.cc/">Web Barbarians Conference 2008</a>に参加して来ました。実にすばらしい内容で、13：00ごろ家を出て、帰ってきたのが、日付が変わって夜中1：00だったので、約12時間のイベントでしたが、飽きること無く楽しむことが出来ました。<br /><br />本当に、企画運営された方々には感謝感謝です。<br /><br />

<a href="http://blog.livedoor.jp/nulab_hashimoto/archives/50909390.html">「Web Barbarians Conference 2008」はとにかく終わった</a><br /><br />
<a href="http://nishiaki.probo.jp/2008/01/wbc2008_28.html">【ビッグなイベント】みなさんの優しさでなんとか無事に終了しました。</a><br /><br />
<a href="http://nishiaki.probo.jp/2008/01/wbc2008_28.html">【WBC2008】</a><a href="http://www.fww.cc/">福岡で働くWebの人々（FWW）</a><br /><br /><br /><br />当日は、セッションA（有料2000円）とセッションB（無料）に分かれて2会場でセミナーが行われていました。セッションAは東京からのビックゲスト（AdobeやAppleなど)がメインでお話しされていたようです。<br /><br />私は、セッションBではじめに行われた「グローバル戦略-地方から世界へ-Ruby ビジネス・コモンズ」が聞きたくて、まずはセッションBと思い参加しましたが、結局そのままずっとセッションBにいました。<br /><br />別にお金が払いたく無かった訳ではないですよ！（笑）<br /><br /><br />では、ざっくりと、参加したセミナーの感想などを、忘れないうちにメモっておきます。<br /><br />
]]></description>
            <link>http://blog.bulanco.net/2008/01/wbc.html</link>
            <guid>http://blog.bulanco.net/2008/01/wbc.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">Web制作実務</category>
            
                <category domain="http://www.sixapart.com/ns/types#category">雑記</category>
            
            
                <category domain="http://www.sixapart.com/ns/types#tag">web fww</category>
            
            <pubDate>Mon, 28 Jan 2008 03:55:47 +0900</pubDate>
        </item>
        
        <item>
            <title>MovableTypeにLightviewを導入</title>
            <description><![CDATA[<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="lightview.jpg" src="http://blog.bulanco.net/images/uploads/lightview.jpg" class="mt-image-none" height="180" width="520" /></span><br /><br />MovableTypeにLightviewを導入したので、記録しておきます。<br /><br /><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><a href="http://blog.bulanco.net/images/uploads/20070228136.jpg" rel="lightview[myset]" title="Lightviewテスト"><img src="http://blog.bulanco.net/images/uploads/20070228136-thumb-160x120.jpg" alt="20070228136.jpg" class="mt-image-left" height="120" width="160" /></a></span><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><a href="http://blog.bulanco.net/images/uploads/20070321334.jpg" rel="lightview[myset]" title="Lightviewテスト"><img src="http://blog.bulanco.net/images/uploads/20070321334-thumb-160x120.jpg" alt="20070321334.jpg" class="mt-image-left" height="120" width="160" /></a></span><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><a href="http://blog.bulanco.net/images/uploads/P2201068.jpg" rel="lightview" title="P2201068.jpg"><img src="http://blog.bulanco.net/assets_c/2008/01/P2201068-thumb-120x159.jpg" alt="P2201068.jpg" class="mt-image-left" height="159" width="120" /></a></span><br style="clear: both;" /><br />Lightviewは、Lightbox系の画像表示のライブラリですが、先日導入記録を書いたThickboxよりも、随分重くなると思います。内訳は、prototype.js(120k）使うライブラリの為、jquiry.jsに比べると、随分にヘビーになります。<br /><br />ただ、thickbox.jsとは、違いかなりリッチに出来ています。<br /><br />エフェクトがスムーズで美しく、角丸やスライドーショーなど、機能が盛りだくさんです。<br />オプションも多数用意させれていますので、エフェクトが好きで、色々といじりたい人向けのライブラリと思います。<br /><br />では、インストールmemoです。<br /><br />

<h3>手順</h3>

<a href="http://www.nickstakenburg.com/projects/lightview/#download">ここ</a>から、Lightviewをダウンロードする。<br />zipファイルを展開し各ファイルを自分の環境に合わせてアップロード。<br />
その時に、lightview.jsの40行目あたりの、imageへのパスを書き換える必要がある場合があります。<br /><br /><a href="http://www.prototypejs.org/download">ここ</a>から、prototype.js（ver1.6)をダウンロードし、アップロード<br /><br /><a href="http://script.aculo.us/downloads">ここ</a>から、scriptaculous.jsをダウンロードし<br />展開し、srcフォルダに入っている、scriptaculous.jsとeffects.jsをアップロード<br /><br /><br />MTのテンプレートファイルに以下コードを記入。<br />

<code>&lt;link rel="stylesheet" type="text/css" href="&lt;$MTBlogURL$&gt;css/lightview.css" /&gt;<br />&lt;script type='text/javascript' src='&lt;$MTBlogURL$&gt;js/prototype.js'&gt;&lt;/script&gt;<br />&lt;script type='text/javascript' src='&lt;$MTBlogURL$&gt;js/scriptaculous.js?load=effects'&gt;&lt;/script&gt;<br />&lt;script type='text/javascript' src='&lt;$MTBlogURL$&gt;js/lightview.js'&gt;&lt;/script&gt;<br /><br /><br />再構築<br /></code>

<br />Lightviewで表示させたい画像のaタグにrel="lightview"と記入する。表示時にタイトルを表示させたい時は、title="ここにタイトル"を挿入する。<br /><br /><br />導入momeは以上です。<br /><br />ここからはMovableTypleのコアをいじっているので注意が必要です。<br /><div><br /></div><div><br /></div><div><br /></div><div><br /></div>]]></description>
            <link>http://blog.bulanco.net/2008/01/movabletypelightview.html</link>
            <guid>http://blog.bulanco.net/2008/01/movabletypelightview.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">Ajax</category>
            
                <category domain="http://www.sixapart.com/ns/types#category">MovableType</category>
            
                <category domain="http://www.sixapart.com/ns/types#category">Web制作実務</category>
            
            
                <category domain="http://www.sixapart.com/ns/types#tag">prototype movabletype ajax</category>
            
            <pubDate>Tue, 22 Jan 2008 21:11:35 +0900</pubDate>
        </item>
        
        <item>
            <title>MacBookAir！！</title>
            <description><![CDATA[MWSF 2008で、とうとう発表がありました。MacBookAir!<br />予想の通りの名前でしたね。厚みは0.16〜0.76インチということなので、2cm切ってますね。<br />異常に薄い！記憶装置は、フラッシュメモリーかと思っていたら、1.8インチのHDD搭載のようですね。（追記：オプションでSDD64Gを選択出来るようですね。ただ＋12万1800円と、もう一台Macが買えそうな価格ですが...）<br /><br />CDドライブはオプションのようですね。99ドルで外付けドライブが付けられるそうです。<br />スペックも悪く無い。<br /><br />これは、1799ドルということなので、そのまま日本円に換算すると、197800円。うんあり得そうな金額。MacBookとMacBookProのちょうど中間にあたる金額ですね。<br /><br />うーん。欲しいですね。<br /><br />ノートはたまにしか使わないけど、プレゼンなんかで持って行くと絵になりそうですね。<br />デザイナーは見かけ倒しも大事ですから（笑）<br />（<a href="http://live.gizmodo.com/">Gizmod</a>から引用させて頂きます）<br /><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="macworld08389.jpg" src="http://blog.bulanco.net/images/uploads/macworld08389.jpg" height="308" width="463" /></span><br /><br /><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="macworld08384.jpg" src="http://blog.bulanco.net/images/uploads/macworld08384.jpg" height="308" width="463" /></span><br /><div><br /></div><div><br /></div>]]></description>
            <link>http://blog.bulanco.net/2008/01/macbookair.html</link>
            <guid>http://blog.bulanco.net/2008/01/macbookair.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">Mac</category>
            
            
                <category domain="http://www.sixapart.com/ns/types#tag">mac</category>
            
            <pubDate>Wed, 16 Jan 2008 03:37:06 +0900</pubDate>
        </item>
        
        <item>
            <title>MovableTypeにThickBox導入してみる</title>
            <description><![CDATA[<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><a href="http://blog.bulanco.net/images/uploads/20080106544.jpg" class="thickbox" title="ThickBox title"><img src="http://blog.bulanco.net/images/uploads/20080106544-thumb-520x390.jpg" alt="20080106544.jpg" class="mt-image-none" height="390" width="520" /></a></span>
<br />ThicBoxを導入してみました。(画像は内容とは関係ありません）<br /><br />参考にしたサイトは<br /><ul><li><a href="http://jquery.com/demo/thickbox/">ThickBox</a>（オフィシャル）</li><li><pre id="line1"><a href="http://blog.hybrid-style.com/archives/2007/08/movable_type_4thickb.html">Hybrid Style Design. BLOG :: Movable Type 4とThickBox</a></pre></li><li><a href="http://www.h-fj.com/blog/archives/2007/09/25-123904.php">画像を挿入したときにformタグがつく理由</a></li></ul><br />同等機能の元祖ライブラリに、<a href="http://www.huddletogether.com/projects/lightbox/">LightBox</a>というものもあります。<br />ThickBoxとの違いは、<br /><ul><li>LightBoxは開くときにちょっとしたアニメーション付き。（ThickBoxはない）</li><li>ThickBoxはhtmlなんかも開ける。</li></ul><br /><br />（1/23追記：現在は、このThickBoxを使用しておりません。）<br />]]></description>
            <link>http://blog.bulanco.net/2008/01/thickbox.html</link>
            <guid>http://blog.bulanco.net/2008/01/thickbox.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">Ajax</category>
            
                <category domain="http://www.sixapart.com/ns/types#category">Web制作実務</category>
            
            
                <category domain="http://www.sixapart.com/ns/types#tag">ajax</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">js</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">thickbox</category>
            
            <pubDate>Fri, 11 Jan 2008 05:18:21 +0900</pubDate>
        </item>
        
        <item>
            <title>XREA→CORESERVERサーバー移転</title>
            <description><![CDATA[XREAの上位サービス、CORESERVERへサーバーを移転しました。<br />サーバー側に用意された、「サーバー間コピー」機能を使って割とあっさりと移転できました。サーバー容量が１５Gもあるので、色々と無駄使い出来そうで楽しみです。<br /><br />おかげでメールも、IMAPに切り替えることが出来ました。<br /><br />IMAPとは（ウィキペディア）<br /><blockquote><a href="http://ja.wikipedia.org/wiki/Post_Office_Protocol" title="Post Office Protocol">POP</a> はユーザが利用中のサーバからクライアントにメールをダウンロードし、ダウンロードがすんだメールはサーバから削除することを標準的な利用形態とするのに対し、IMAP はメールをメールサーバ上に保存したまま管理する（<a href="http://tools.ietf.org/html/rfc1733" class="external" title="http://tools.ietf.org/html/rfc1733">RFC 1733</a> 参照）。この特性により、複数のコンピュータからメールを読む場合にメールの未読状態等の属性やメールフォルダの構成等が一元的に管理できる利点がある。<br /></blockquote>つまり、複数のPCでメールをチェックするときに便利ってことです。ただ、メールを受けた後もサーバーにメールが残ったままなので、サーバーの容量は食います。今回１５G になったお陰で、全然問題なく使えそうです。<br /><br /><br />ついでに、ブログもWordPressからMovableTypeに。テンプレートは、そのうちいじります。しばらくは、デフォルトのままで勘弁して下さい。<br /><br /><br /> ]]></description>
            <link>http://blog.bulanco.net/2008/01/xreacoreserver.html</link>
            <guid>http://blog.bulanco.net/2008/01/xreacoreserver.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">Web制作実務</category>
            
                <category domain="http://www.sixapart.com/ns/types#category">業務記録</category>
            
                <category domain="http://www.sixapart.com/ns/types#category">雑記</category>
            
            
                <category domain="http://www.sixapart.com/ns/types#tag">coreserver</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">MovableType</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">WordPress</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">xrea</category>
            
            <pubDate>Thu, 10 Jan 2008 10:49:58 +0900</pubDate>
        </item>
        
        <item>
            <title>WordPressからMovableTypeに移行</title>
            <description><![CDATA[WordPressからMovableTypeにデータを移しています。<br /><br />WordPressの[管理]&gt;[エクスポート]から、xml形式で書き出して、MovableTypeの[システムメニュー]&gt;[ツール]&gt;[インポート]で移行しました。<br /><br />ただ、改行がされずに、だらだら長いエントリーになってしまいました。<br />ネットで色々と調べてみましたが、有効な手だてが見つからなかったので、とりあえず、最近の記事は、改行を入れ直しました。過去の記事は・・・その内やりますとも、、、<br /><br />また、タグの移行されませんでした。これは、良い機会なのでタグの整理がてら手作業で移行していこうと思っています。<br /><br /><strike>でも、イメージとかはMTが自動でダウンロードして指定フォルダーにアップロードしてくれるので、この点は◎でした。</strike><br />これは間違っていました。イメージは元の場所からの引用でした。<br /><br />こういうツールって大抵万能ではないので、どの程度で妥協するかによるんですよね。改行が消えるのは、結構痛手ですが、私はギリギリで妥協出来そうです。<br /><br /><br /> ]]></description>
            <link>http://blog.bulanco.net/2008/01/wordpressmovabletype.html</link>
            <guid>http://blog.bulanco.net/2008/01/wordpressmovabletype.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">MovableType</category>
            
                <category domain="http://www.sixapart.com/ns/types#category">Web制作実務</category>
            
                <category domain="http://www.sixapart.com/ns/types#category">WordPress</category>
            
            
                <category domain="http://www.sixapart.com/ns/types#tag">MovableType</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">WordPress</category>
            
            <pubDate>Thu, 10 Jan 2008 08:46:31 +0900</pubDate>
        </item>
        
        <item>
            <title>地図を分かりやすく描く８つの方法</title>
            <description><![CDATA[<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><a href="http://blog.bulanco.net/images/uploads/cafe7map_s.gif" rel="lightview" title="地図の書き方"><img src="http://blog.bulanco.net/images/uploads/cafe7map_s-thumb-520x267.gif" alt="cafe7map_s.gif" height="267" width="520" /></a></span>
<p>今日は、お仕事で地図を描きました。ちょっと変わった感じに仕上げたので、結構時間が掛かってしまいました。もっと修行せねば・・・。</p>

<p>Web制作という仕事がら、よく地図を描かせて頂くのですが、地図を描くのって意外に難しいですよね。そこで今日は、Web用の地図を描くときに、私なりに注意していることを、自分自身の再確認の意味も込めて記しておきます。また手書きの地図を描いて人に渡すときなんかにも応用できると思うので、是非試してみて下さい。</p>
<h3>北を上に描く。</h3>
<p>これは基本ですが、多くの地図は、北が上に描かれています。真上にはならないことがありますが、出来るだけ北を上にして描きます。
建築図面なんかも、かなり多くの場合北が上に描かれます。意図的にやる場合はありかもしれませんが、特に大きな理由が無い限り、北を上の方に向けた描く方が無難でしょう。</p>
<h3>まず、最寄りの駅（大きな目印）を描く。</h3>
<p>道から描き出すと、最寄りの駅が入らなくなる可能性があるので、まず駅を配置します。また駅がない場合は、バス停を。また車で来られることを想定している場合は、国道や高速道路の降り口などを描きましょう。</p>
<h3>目的地は地図の真ん中の必要はない。</h3>
<p>一番目立たせたい目的地は、地図の真ん中に描きたくなるものですが、必ずしも真ん中におく必要はありません。真ん中ではなくても、目立たせる工夫を行えば、端の方に持ってきても、そう問題ではありません。</p>
<h3>緩やかなカーブなどは、直線道路として描く。</h3>
<p>地図上で見て、緩やかにカーブしている道を、その通りカーブして描くと、分かりにくくなることがあります。緩やかなカーブは、実際に通ってみるとまっすぐとしか、認識していることが多いので、思い切って直線道路として描きましょう。</p>

<p>ただ、明らかに曲がっている道は、 カーブとして描くべきです。</p>
<h3>最寄りの駅（大きな目印）からの分かりやすい経路を想定する。</h3>
<p>オリジナルの地図の大きな目的は、分かりやすい道のプレゼンです。分かりにくい近道よりも、少々遠回りでも分かりやすい道を想定しましょう。</p>
<h3>想定した経路の曲がり角に目印を描く。</h3>
<p>想定した経路の曲がり角に目印を見つけ、それを描きましょう。必要以上に目印を描いてしまうと、混乱を招き、かえって分かりにくい地図になってしまいます。極力少なく、かつ分かりやすい目印で目的地まで導きましょう。</p>
<h3>大きな建物やコンビニやファーストフード店を描く。</h3>
<p>曲がり角の目印のみ描いてしまうと、目立つ大きな建物や、コンビニや、ファーストフード店の近くを通ったときに、地図上に無く、道を間違ったのではないかと不安になるものです。その為、明らかに目立つ目印は、曲がり角になくても描くようにしましょう。</p>

<p>また、遠方から来ている人へ、その土地にしかない、お店やビルの名前を書くよりも、コンビニやファーストフード店などの知名度が高いものを描く方が、大きな目印になります。</p>
<h3>無駄なものを描かない。</h3>
<p>オリジナルの地図は、地図自体のポテンシャルから言えば<a href="http://maps.google.co.jp/maps" target="_blank">GoogleMap</a>に適いません。最近では、GoogleMapAPIなどを利用すれば、お手軽に自分のWebサイト上に、非常に高性能な地図を表示することは可能です。では、わざわざオリジナルで制作した地図を載せるの目的はというと、より分かりやすい経路の提案・提供だと思っております。</p>

<p>少々遠回りしても、確実に到着する経路の提供が、もっとも大事です。その為、描く際に経路を想定することが非常に重要になってきます。分かりにくい近道は、スッパリ切り捨ててしまって、分かりやすい道・目印のみ描きましょう。</p>

<strong>オリジナルの地図に出来て、GoogleMapに出来ないことは、ズバリ切り捨て（フィルタリング）です。</strong>

<p>無駄なものを描かないことで、かえって分かりやすくなり、ユーザーに優しい地図になることでしょう。</p>
<h3>まとめ</h3>
<p>作る地図が、どのような使われ方、車なのか？徒歩なのか？車の場合は、大きな道路が必要でしょうし、最寄りの駐車場を描くことの親切だと思われます。また、徒歩の場合は最寄りの駅やバス停からのおおよその到着時間を書くことも良いかもしれません。重要なことは、ユーザーの立場に立って、分かりやすい・目的地まで到着しやすい地図描くことに尽きると思います。</p>

今後も地図を描く機会には恵まれると思うので、研究していきたいと思います。]]></description>
            <link>http://blog.bulanco.net/2008/01/post-26.html</link>
            <guid>http://blog.bulanco.net/2008/01/post-26.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">Web制作実務</category>
            
                <category domain="http://www.sixapart.com/ns/types#category">デザイン</category>
            
                <category domain="http://www.sixapart.com/ns/types#category">メモ</category>
            
                <category domain="http://www.sixapart.com/ns/types#category">業務記録</category>
            
            
                <category domain="http://www.sixapart.com/ns/types#tag">Design</category>
            
            <pubDate>Wed, 09 Jan 2008 17:38:47 +0900</pubDate>
        </item>
        
        <item>
            <title>2008年の抱負！</title>
            <description><![CDATA[さて、本年2本目のエントリーです。

昨年は、エントリーの間隔がかなり開いていたので、反省して、今年はコンスタントに更新しようと思っております。

ブログの更新もそうなんですが、他にも元旦に今年の抱負をたてたので、ここで公開しておこうと思います。<br /><br />&nbsp;<strong>最低週一でブログを書く！</strong>
<br />先にも書きましたが、昨年はかなりサボったので、今年は頑張ります。<br /><br />&nbsp;<strong>1週間につき少なくとも新しい1人と知り合うようにする！</strong><br />&nbsp;仕事柄、引きこもりになってしまうことが多いので、機会があれば外に出て、新しいお知り合いと作りたいと思います。

<strong><br /><br />Ajax・ActionScript・Perlの取得 ！<br /></strong>&nbsp;取得と言うより、技術の向上といったほうが正確なんですが、あえて「取得」としておきます。あやふやになっているところが多いので、それを解消していきます。また、最近MovableTypeの案件が多いため、Perlの取得し、オリジナルのプラグインが作れるぐらいにはなりたいと思います。<br /><br />&nbsp;具体的の方法は、Web雑誌や、Web上にあるサンプルを一つ一つ、実際に作ってみようと思っています。今まで、流し読みして取得した気になっていましたが、実際に作ってみると、あやふやになっている所が見え、解消できるのではないかと思っています。

<br /><br /><strong>英語の勉強をする！</strong>
<br />ずっと思っていたことなんですが、今年こそは頑張りたいと思います。

具体的に、<a href="http://www.iknow.co.jp/mypage">I Know</a>という、英語のレッスンSNSという面白いサイトを見つけたので、ここで１日最低１レッスン行おうと思います。

<strong><br /><br />プライベートワークを行う！<br /></strong>&nbsp;仕事とは別に、プライベートでも何かを作りたいと思います。プライベートワークをすることによって、技術の向上を図り、結果的に仕事にもフィードバックさせられればと思っています。

具体的に、１日最低１アイディアもしくは、３０分以上考えるか、作る。2ヶ月に1サイトor1成果物を作り出す。

<strong><br /><br />営業活動を行う！
<br /></strong>昨年は、制作に精一杯で、あまり営業活動を行ってないので、今年はまじめに営業活動を行います。といっても、飛び込み営業とか、テレアポのようなものではなく、自社サイトの充実することがメインになると思います。また、現在お付き合いさせていただいている、お客様のフォローも今まで以上に行っていきたいと思っています。

<strong><br /><br />身の回りを片付ける！</strong>
<br />気がつくと、いつもデスクが散らかってしまうので、デスクの片付けを行います。

<strong><br /><br />毎日３０分以上運動する！</strong><br />&nbsp;運動不足になりがちなので、毎日30分以上運動したいと思います。最近Wii Fitを買ったので、頑張ってみたいと思います。

<strong><br /><br />記録する！<br />&nbsp;</strong>毎日日記を付ける・写真を撮る。日記は、<a href="http://www.google.com/notebook/" target="_blank">Googleノートブック</a>で毎日付けています。写真も出来る限り撮っていこうと思っています。<br /><br />&nbsp;以上、今年の抱負です。

目標を立てるのは簡単ですが、実行するのはなかなか至難の業だと思います。
今年は、毎日日記で、振り返ろうと思っています。]]></description>
            <link>http://blog.bulanco.net/2008/01/2008.html</link>
            <guid>http://blog.bulanco.net/2008/01/2008.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">雑記</category>
            
            
            <pubDate>Fri, 04 Jan 2008 17:39:53 +0900</pubDate>
        </item>
        
        <item>
            <title>A Happy new year!!</title>
            <description><![CDATA[あけましておめでとうございます。

<img src="http://bulanco.s39.coreserver.jp/blog.bulanco.net/images/uploads/2008BULANCO_________.jpg" alt="2008BULANCO_________.jpg" title="2008BULANCO_________.jpg" border="0" height="283" width="420" />

<br />昨年は、BULANCOとして軌道に乗った一年でした。多くの仕事をさせていただき、仕事に育てていただきました。

年が明けたばかりなのに、来年のことを言うと笑われそうですが、来年私の36歳になる年に、法人化することを目標にしております。<br /><br />今年はその目標へむけた、よい助走期間になるよう一年頑張って参ろうと思っております。

<br /><br />日々、デザインおよびシステム開発、CMSなど、勉強して参ろう思っております。インターネットという、優れた学習ツールを使ってどんどんと吸収（インプット）していこうと思っています。

<br /><br />また、昨年はインプット作業にばかりに追われため、今年こそアウトプット作業にも力を入れていこうと思っています。

では、今年もヤマダヤスヒロ並びにBULANCOをどうぞよろしくお願いいたします！]]></description>
            <link>http://blog.bulanco.net/2008/01/a-happy-new-year.html</link>
            <guid>http://blog.bulanco.net/2008/01/a-happy-new-year.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">雑記</category>
            
            
            <pubDate>Tue, 01 Jan 2008 03:05:23 +0900</pubDate>
        </item>
        
    </channel>
</rss>
