BULANCO log tag:blog.bulanco.net,2008-02-14://1 2008-08-10T01:56:51Z 福岡のホームページ制作[BULANCO(ブランコ)]のWeb制作のこぼれ話 Movable Type Open Source 4.1 お久しぶりです。 tag:blog.bulanco.net,2008://1.992 2008-08-10T01:25:58Z 2008-08-10T01:56:51Z 久々のブログ更新です。更新してなさすぎて、ブログへのログインパスワードを忘れてか... ヤマダ ヤスヒロ http://www.bulanco.net/
更新してなさすぎて、ブログへのログインパスワードを忘れてかけていました(汗


前回の更新が2月28日。。。5ヶ月以上放置していました。生きています。頑張って生きています。

仕事のはほうは、割と順調です。
一人では、物量的に無理が生じ始めたなっと思っている時に、縁があり、一人仲間が増えました。

アメリカに5年ほど留学していた子で、英語バリバリです。たまに英語なまりな日本語を話します。たまにアメリカ人ぽく「ウップス」とか言っちゃいます。

そんな彼ですが、非常に助かっています。やっぱり一人と二人では全然違います。仕事をこなす量が倍に、、、とまでは行きませんが、結構いい感じに仕事がこなせるように成りました。

今後は、バイリンガルの彼がいるので、2カ国語サイトの構築なんかも楽に出来ると思います。

とりとめも無く色々書きましたが、BULANCOは頑張ってますってことだけ、伝わればいいかなって思って久々の更新をしました。

今後は、更新頻度を上げるぞ!言いません。。。申し訳ないです。
ただ月1ぐらいではご報告するようにいたします。



■お仕事メーター
(あるお仕事仲間がブログでやっていたことを、面白そうなので、真似してみます)
2008年8月10日現在のお仕事状況です。

●建築系会社Web制作
  9割完了。今回はコピーライティングもしたので、意外に時間がかかりました。

●サプリ情報系Blog(Movable Type)構築
  9割完了。引きずり案件。随分長くかかっています。もうあと一歩。

●飲食系携帯ポイントシステム構築
  8割完了。引きづり案件。大詰めです。デバック中。

●飲食系ポータルデザイン制作
  9割完了。修正作業。

●コンサル系会社Webリニューアル(tableをcssへ)
  8割完了。新人君に任せています。厳密にコーディングしてもらっています。
  また、DreamweaverのTemplate機能も覚えてもらっています。

●某会社Web制作(リニューアル)
  計画段階

●某食品会社ECサイト制作(リニューアル)
  盆空けに再始動予定

●某リサーチ会社Web制作(リニューアル)
  1割。週明けラフデザイン(アウトライン)提出


以上です。
キャパメーター70%



この試み、仕事を整理出来て非常によいですね。
書き並べてみると、意外に案件数多いなぁ。
ただ、追い込みの案件が多いので、8月のキャパ的には後半に掛けてゆっくりしています。ぼちぼち頑張って行きますので、今後ともよろしくおねがいします!
]]> MTのタイトルの文字数を制限する、非プラグイン tag:blog.bulanco.net,2008://1.981 2008-02-28T05:32:42Z 2008-02-28T05:43:59Z MovableTypeメモです。長いタイトルの文字を制限するphpプログラムです... ヤマダ ヤスヒロ http://www.bulanco.net/
長いタイトルの文字を制限するphpプログラムです。

プラグインかなにかで、ありそうですが、phpだと簡単に出来そうなので作ってみました。
$nの数を変更することで、文字の制限を変えられます。

もちろん、書き出すファイル名がphpに成っていることが必要です。

<?php
$str = "<$MTEntryTitle$>";
$len = mb_strlen($str,"UTF-8");
$n = 20;

if($len > $n){
$title = mb_substr($str,0,$n,"UTF-8");
$title .= "...";
echo $title;
}
else{
echo $str;
}
?> ]]> 年度末と弥生とコーダー tag:blog.bulanco.net,2008://1.977 2008-02-24T20:48:32Z 2008-02-25T12:47:46Z いや〜。本当に忙しいです。年度末までに、結構な数のサイト構築を託されてます。年度... ヤマダ ヤスヒロ http://www.bulanco.net/
そんな中、年度末と言えば、私たちフリーランスを苦しめるもう一つのイベント、そう、確定申告です。

去年までは、Excelなんかで、コツコツと付けていましたが、流石にそれも無理が出始めたので、今年からは本格的に会計ソフトを入れて、望むことにしました...。妻が！

そう、妻に託しちゃいました。それもPCリテラリーを全く持ち合わせていない妻に。。。

自分でやるのなら、Excelで十分と思ってたんですが、Excelすら出来ない妻にそれを押し付けるのは流石に酷なので、ある程度決まった形がある会計ソフトを買って、手放しでやらせてみようという作戦です。

はじめは、Mac用の会計ソフトを検討しましたが、ノートはWinだし、先々、Winを切り捨ててMacのみでの仕事環境も、まずありえないので、結局Win版しか出ていないのですが、スタンダードな弥生会計にしました。

弥生会計は驚くほど手厚いサポート（はじめの一回は、サポートセンターの方から電話がありました）をしてくれ、妻も初心者をいいことに、なんでもかんでも（弥生会計とは直接関係のない税金のことまで）聞いていました。

結局期間は一ヶ月ほどかかっていましたが、完遂しました。なかなか根性があるやつです。


妻は建築士（私も建築士だったりします）で、もともと店舗の設計図や住宅の設計図や役所に出す書類を作る仕事をしていました。

建築士＋インテリアデザイナーです。ただ、高卒で就職したため、時期的に、CADが、まだそんなに復旧していない時代に修行を積んだ＋手書きで良しとする会社に勤めていた為、不幸なことに、手書き図面しか書けないのです。そのため子育てが一段落したところで、現状のCAD必須の建築業界に、戻るのはちょっと難しいと思います。

まぁ、私がCAD使えるので、教えるのも一つの手なんですが、話したところ妻は、私と同じく建築業界には全く未練が無いようだし、私の仕事に興味があるようなので、どうせ教えるなら、私の仕事を覚えさせようかと画策中です。私自身も最近、仕事量的に1人でするには無理が出て来ていたので、手が増えることは非常にありがたいことです。

もともと、インテリアデザインながらもデザイナーはデザイナーだし（一応高校もデザイン科）、手書きながらも、几帳面で奇麗な図面を書く能力に長けていました。恐らくWeb制作の資質はあると思っています。

特に、几帳面という性格はWeb制作に必要な資質なので、結構向いているんじゃないかと思っています。

ただ、はじめからPhotoshopやらIllustratorを教えるのは、酷な話なので、はじめはコーディングを教えて、少しずつ慣れさせ、また、沢山のWebを見せて、ゆくゆくはデザイナーに育てて上げたいなと思っています。

こんなこと書くと怒られるかもしれませんが、女性って生まれながらにして、男性より、単純作業が得意なのではないかなと思っています。この仕事って意外に単純作業多いので、女性がコーダーになるのは、良いのではないかと思っています。


そのうち、「PC初心者がWebデザイナーになるまで」というような主旨の、新たなブログを立ち上げて、妻のの成長記録＋教科書代わりにしてみようかなっと、構想を練っています。

立ち上げるときは、また改めて告知致します。では！良い年度末を！

]]> Dreamweaverのテンプレート機能 tag:blog.bulanco.net,2008://1.949 2008-02-15T15:49:01Z 2008-02-23T03:10:26Z もう結構前になりますが、同じ業界のご近所さんで、「警固ランチ会」なる会合を開催し... ヤマダ ヤスヒロ http://www.bulanco.net/ Adobe Contributeが便利という話が出た。

かなり興味を持ち、今回の案件でそれを使おうかと、Contributeのベースと成る、Dreamweaverのテンプレート機能を研究しているんですが、何故今まで使わなかったのかなっと思うほど、便利な機能がもり沢山です。

Dreamweaverのテンプレート機能なんて、CMS真っ盛りの中今更だけど、本当使えるので色々メモ。

特に三項演算子とリピート領域を使った方法なんて、のけぞるほど便利な機能。

使われてる方には、何を今更的な技術だけど、意外にネット上に参照出来るところが少なかったので、参照リンクと、簡単な三項演算子の例文を掲載。

参考にしたサイト
Dremweaverテンプレート機能関連
Dreamweaver Templateの使い方
Web制作/Dreamweaver- zkdesign/Archives
［228578］Dreamweaver MX テンプレートのカスタムパラメータと式
（上記の参考ソースコード）
Dreamweaver CS3（オフィシャルのLiveDocs)


三項演算子
三項演算子?:の正しい書き方
三項演算子
]]>
さらにそれを便利に使いこなすのが、テンプレート式でその中でも三項演算子を利用した物は非常に強力で便利です。

よくある、構成なんですが、一番上と一番下はラインの入れ方とか変えたいという時に便利です。これで、自動で最初のセクションと最後のセクションに、別のクラスが入ってくれます。


DWテンプレート式
@@((_isLast)?'class="section section_last"':'class="section"')@@
入れ子も出来る
@@((_isLast)?'class="section section_last"':((_isFirst)?'class="section_first"':'class="section"'))@@
三項演算子

（2/23　分かりにくかったので追記します）
三項演算子が分かっている方は、簡単だと思うのですが、Dreamweaverのテンプレートを扱う人は、必ずしもそうではない（私もそうだったりします）ので、一応解説。

まず、ルールで『@@（』『）@@』とで囲まれた場所が、テンプレート式として認識されるようです。
@@((ここに条件)?'条件がtrueの時の書き出し':'条件がfalseの時の書き出し')@@


実際のコードだと

<!-- TemplateBeginRepeat name="section" -->
    </code><div @@((_islast)?="" :((_isfirst)?="" :="" class="section section_last" ))@@="">
        <!-- TemplateBeginEditable name="section_title" --><h3>section_title</h3><!-- TemplateEndEditable -->
        <!-- TemplateBeginEditable name="contents_body" -->
            <p>contents_body</p>
        <!-- TemplateEndEditable -->
    </div><!--contents section-->
<!-- TemplateEndRepeat -->

リピート領域の、一番上のエントリーのクラスがsection_firstとsectionとなり、最後はsection_lastとsectionになり、なにもないエントリーはsectionになります。

本当に、非常に便利です。
一応これを利用すると、いろんなことが出来ます。
また今度、色々とサンプル書きたいと思います。]]> MTOS日本語版 tag:blog.bulanco.net,2008://1.948 2008-02-14T02:52:42Z 2008-02-14T03:06:48Z MTOSが発表されて、もう結構な日数が経ちますが、未だに英語版のみの提供でした。... ヤマダ ヤスヒロ http://www.bulanco.net/
若干話題が遅れますが、Ogawa::Memorandaさんのところで、日本語版が配布されているのでご紹介しておきます。

小粋空間: MTOSリリースと日本語化手順　MTの情報では著名な小粋空間さんでも手順が公開されていますが、Ogawa::Memorandaさんのところを読んだ限り、割と簡単な方法で日本語版に出来るようですね。もともとMTOSの中に日本語環境がしくまれていたみたいですね。

自分でも作業出来るようですが、一応、こちらでも（MTOS-4.1-jaパッケージの作り方）(配布元)、日本語版したものが配布していたいているようです。  
]]> 卓上カレンダーを作ってみました。『サイかるッ』 tag:blog.bulanco.net,2008://1.944 2008-02-06T12:03:51Z 2008-02-14T05:19:00Z IDEA*IDEAさんで、「【百式企画塾】 カレンダー＋＋、結果発表！」という企... ヤマダ ヤスヒロ http://www.bulanco.net/ saical-2.jpg

IDEA*IDEAさんで、「【百式企画塾】 カレンダー＋＋、結果発表！」という企画が行われていたようですが、今に成って気がつきました。めちゃくちゃ遅れましたが、認められなくても、今更参加！

この企画とは全く関係ないところで、ちょっと前に自前でカレンダーを作ったので、この機会に公開（＋配布）したいと思います。

そのカレンダーは、オフィスでありがちな（A）という問題を、あなたが毎日使っている（B）にヒントをしつつ、（C）という機能を実装することによって、解決していた。そのカレンダーの名前は（D）。
というこの企画の趣旨に無理矢理当てはめるのなら・・・

そのカレンダーは、オフィスでありがちなiMacの下のスペースに入るカレンダーがない（ありがちではない！？）という問題を、あなたが毎日使っているサイコロ（賭博場かい！？）にヒントをしつつ、半年分しか見れない（機能じゃないむしろ弱点！？）という機能を実装することによって、解決していた。そのカレンダーの名前はサイコロカレンダー略して『サイかるッ』（日テレの番組ではないですよ！？）。

PICT0038.jpgはい、かなり無理矢理です。後付けです。ごめんなさい。
しかし、超シンプルなカレンダーですが、意外にコンパクトで使いやすいですよ。

私は、普通のコピー用紙にプリントアウトして、組み立てて、iMacの下の隙間に入れています。一辺が6cm未満なので、デスクの上に置いても邪魔にならないですよ。もうちょっと固い紙にプリントアウトする方が適しているかもしれませんが、手軽にコピー用紙でも用途は満たします。

ただ、過度の期待は禁物です。書き込みなんかするという目的には適さないです。

Macのカレンダー（Winのダッシュボードもそうかな？）ってその当日の日付しか分からないので、前後の関係や、来週の同じ曜日等を確認したい時に便利ですよ。もちろんiCalを立ち上げれば問題ないのですが、電話対応中なんかに、瞬時に見れるという用途を想定しています。

また、めくって来月を見るという行為ではなく、回すことによって、前後の月を確認したりしています。頑張れば、サイコロにもなるはずです！？（サイコロの法則は無視していますが）

しかし、2月に成ってから、1月から6月までのカレンダーを配布するあたり、計画性の無さが露呈していますね。すいません。

saical-3.jpg もし、好評でしたら、5月頃にでも、6月から年末にかけて物を制作配布します。

あ、そうそう、色のバリエーションも一応あるので、そのうち公表するかもです。

一部日付を誤って表記しておりました。修正した物をアップロドードしておりますので、2/14までにダウンロードした方は、お手数ですが、改めてダウンロードし直して下さい。


saical.pdf（68kb）
]]> WBCに参加してきました。 tag:blog.bulanco.net,2008://1.941 2008-01-27T18:55:47Z 2008-01-28T06:35:00Z 先日、2008年1月26日（土）に開催されたイベントWeb Barbarians... ヤマダ ヤスヒロ http://www.bulanco.net/ ピクチャ 1.png
先日、2008年1月26日（土）に開催されたイベントWeb Barbarians Conference 2008に参加して来ました。実にすばらしい内容で、13：00ごろ家を出て、帰ってきたのが、日付が変わって夜中1：00だったので、約12時間のイベントでしたが、飽きること無く楽しむことが出来ました。

本当に、企画運営された方々には感謝感謝です。

「Web Barbarians Conference 2008」はとにかく終わった

【ビッグなイベント】みなさんの優しさでなんとか無事に終了しました。

【WBC2008】福岡で働くWebの人々（FWW）



当日は、セッションA（有料2000円）とセッションB（無料）に分かれて2会場でセミナーが行われていました。セッションAは東京からのビックゲスト（AdobeやAppleなど)がメインでお話しされていたようです。

私は、セッションBではじめに行われた「グローバル戦略-地方から世界へ-Ruby ビジネス・コモンズ」が聞きたくて、まずはセッションBと思い参加しましたが、結局そのままずっとセッションBにいました。

別にお金が払いたく無かった訳ではないですよ！（笑）


では、ざっくりと、参加したセミナーの感想などを、忘れないうちにメモっておきます。

]]> グローバル戦略-地方から世界へ-Rubyビジネスコモンズ
PICT0056.jpg Rubyという言語は前々から興味はありましたが、このセミナーでどんな言語なのか知ることが出来ました。

  • どんなプログラマーでも、一日に書けるコードの限界があるため、よりシンプルに書ける言語の方が優れている。
  • Rubyは非常に生産性の高い言語である。
  • Ruby配列に入れるのが実に簡単。
  • 開発された日本より、むしろ海外での人気が高い。

 特に印象に残ったのが、Rubyで1時間でブログを作るというムービーでした。ヨーロッパの方が、ブラジルで行われたカンファレンスで、壇上でブログを制作して行くというムービーでした。

これが実に軽快に、ブログを作っていってしまいます。ほとんどコードを書かずに、DBを制作すると、サクサクと出来て行っちゃいます。結局時間の都合で最後まで見れませんでした。機会があれば是非最後まで見てみたいです。

今度3月に福岡でRubyの勉強会があるらしいので、参加してみたいと思います。


デザインプロセス~見えない物をみえるようにする話〜

福岡Webデザイナーズ

デザインプロセスのお話でした。
人が作っているプロセスを見ることはあまり無いため、非常に貴重な体験でした。

  • 良心的な価格というフレーズが出てきたけど、良心的な価格って何だろう？今度ゆっくり考えてみよう。
  • Web制作のプロセスで、最初にロゴを作ってサイトの大きな方向性を決めてしまう。
  • フルFlashで作られたサイトを例にご説明されていたが、あまりに作り込みがすばらしくて、金銭面ばかり気になった。
  • デザインヒントは常に対象にある。
特に印象に残ったのは、「ロゴは声色」というもの。思わず「う〜ん、なるほど〜」っと唸ってしまった。

コラボレーションで生み出すサイト戦略

Producers&Directors Fukuoka

発注者と制作者が協力して一緒に作り上げる。つまりコラボレーションで生み出すものだというお話でした。

  • クライアントと、ワークショップを行い、ペルソナ（仮想ユーザー）などを作り出し、サイトの方向性などを明確にあぶり出す。
  • 相関図を使った、ライバル社とクライアントのWebの立ち位置の確認を計る。
  • 参考サイトをプリントアウトして、話し合う。（プリントアウトってローテクだけど、いつもやっているような、PCで一つ一つ開いて行くというより、良いかも）
最後に見せて頂いた、クライアントから提出された、写真が実に印象深かった。クライアントが楽しんで作っているのが、その写真からビンビン伝わってきた。

あんな写真を提供されたら、制作者冥利につきるだろうな。

危ないサイトにしないためのWebアプリケーション・セキュリティ講座

PHP in Fukuoka

Web担当者へ向けて、Webアプリケーションの脆弱性の説明でした。

  • xssを始め様々な攻撃方法がある。
  • あのMixiも攻撃されたことがある「はまちゃん」
私も、PHPを触ることがあるので、聞けば聞くほど怖くなるような内容でした。気を引き締めて行きたい。

コミュニティに入ろう！〜サルでも分かる福岡IT講座〜

AIPコミュニティ

福岡のWeb業界のコミュニティのお話でした。

  • 福岡は数多くのITコミュニティが存在する。（PiF FWW FWD PDF RBCなど)
  • 東京一極集中が続いている。
  • 新ふくおかIT戦略委員会
  • ふくおかDOタンク構想
スキル＝知識×経験×人間性
この人間性を構築する上でコミュニティの存在が重要になってくる。

もしかして、福岡でWebやっているのは恵まれているかも！？っと感じました。他の地方はここまで盛り上がってないのかな？


ブランディングサイトのプロジェクトデザイン

ここでセッションBが終わり、セッションAの会場に行ってみると。見覚えのあるサイト画面に。ちょっと前に感動したサイトを作った本人が会場で説明しているではないか・・・。

そのサイトとは、このサイト（西村あさひ法律事務所）

Flash のUIがすばらしく、色使いなど、写真などが奇麗でとても気に入ったサイトでした。
しかも、MT3.3で作っていたらしい。MTの可能性を感じた反面ちょっとショックでした。

こんなことなら、セッションAに来ていれば良かった・・・。ただセッションBも随分と楽しかったし、こればかりは仕方ない。

パネルディスカッション

PICT0076.jpg最後に、最首氏、杉山氏、堀内氏、橋本氏による、パネルディスカッションが行われた。
テーマは、「九州、ゆく人、くる人IT・Web業界のこれから」だった。

デジハリの渡辺さんの小気味いい司会で進められて行きました。
  • 福岡は東京に負けてない
  • 福岡は他の地域と違って、東京と対等に付き合おうとする傾向にある。
  • 福岡はビジネスが早い。（これはフリーランスが動きが速いに通じるところあるかな。小さい分身動き取りやすいのよね。）
  • 人が少ないのは、デメリットばかりではなく、メリットでもある。
  • 東京に上から目線で話そう！
  • 必然性を作ろう。
  • 福岡はシリコンバレーに似ている！？
  • あの有名なSUN MicrosystemsはStanford University Network（米スタンフォード大学）
かなり勇気の出る内容でした。

以前、長野の方と飲む機会がありお話しした時に、長野の若い学生は、長野で就職しようとしない、と嘆いておられました。その時に、福岡の学生は福岡で就職する人が多いという話をさせて頂きました。

福岡って地元のLOVEの気持ちはが他の地域に比べると強く、また別に東京なんて行かなくても良い！っと思っている人間が多いのも福岡の特徴なのかもしれないと、その時も思いましたが、今回も再確認させられました。

福岡に生まれてよかったっと改めて思いました。
こんなにWebのコミュがあり、こんな素晴らしいイベントが行われるのも福岡だからこそなのかもしれませんね。


イベントが終わり、イムズを出ると外はもう真っ暗。すでに、20：00を回っていました。
20080126556.jpgその後の懇親会も素晴らしい物でした。一次会は、いつも座りっぱなしのIT業界の人間には、若干酷な立食スタイルでしたが、多くの人と名刺交換が出来て本当に良かったです。


一日、WBC一色でした。本当に素晴らしい一日で良い刺激に成りました。また明日から頑張って参ります！


]]> MovableTypeにLightviewを導入 tag:blog.bulanco.net,2008://1.936 2008-01-22T12:11:35Z 2008-01-23T15:20:31Z MovableTypeにLightviewを導入したので、記録しておきます。Li... ヤマダ ヤスヒロ http://www.bulanco.net/ lightview.jpg

MovableTypeにLightviewを導入したので、記録しておきます。

20070228136.jpg20070321334.jpgP2201068.jpg

Lightviewは、Lightbox系の画像表示のライブラリですが、先日導入記録を書いたThickboxよりも、随分重くなると思います。内訳は、prototype.js(120k）使うライブラリの為、jquiry.jsに比べると、随分にヘビーになります。

ただ、thickbox.jsとは、違いかなりリッチに出来ています。

エフェクトがスムーズで美しく、角丸やスライドーショーなど、機能が盛りだくさんです。
オプションも多数用意させれていますので、エフェクトが好きで、色々といじりたい人向けのライブラリと思います。

では、インストールmemoです。

手順

ここから、Lightviewをダウンロードする。
zipファイルを展開し各ファイルを自分の環境に合わせてアップロード。
その時に、lightview.jsの40行目あたりの、imageへのパスを書き換える必要がある場合があります。

ここから、prototype.js（ver1.6)をダウンロードし、アップロード

ここから、scriptaculous.jsをダウンロードし
展開し、srcフォルダに入っている、scriptaculous.jsとeffects.jsをアップロード


MTのテンプレートファイルに以下コードを記入。
<link rel="stylesheet" type="text/css" href="<$MTBlogURL$>css/lightview.css" />
<script type='text/javascript' src='<$MTBlogURL$>js/prototype.js'></script>
<script type='text/javascript' src='<$MTBlogURL$>js/scriptaculous.js?load=effects'></script>
<script type='text/javascript' src='<$MTBlogURL$>js/lightview.js'></script>


再構築
Lightviewで表示させたい画像のaタグにrel="lightview"と記入する。表示時にタイトルを表示させたい時は、title="ここにタイトル"を挿入する。


導入momeは以上です。

ここからはMovableTypleのコアをいじっているので注意が必要です。




]]>
$text = sprintf(
q|<a href="%s" onclick="window.open('%s','popup','width=%d,height=%d,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false">%s</a>|,
                MT::Util::encode_html( $popup->url ),
                MT::Util::encode_html( $popup->url ),
                $asset->image_width,
                $asset->image_height,
                $link,
            );

以上箇所を、コメントアウトして

$text = sprintf(
q|<a href="%s" rel="lightview" title="%s">%s</a>|,
                MT::Util::encode_html( $asset->url ),
                MT::Util::encode_html( $asset->file_name ),
                $link,
            );

以上を挿入する。
ここでは、titleをファイルネームで取得しているので、○○○.jpgなとになるので、書き直しが必要です。

このtitleを、MTアイテムの名前や説明あたりを参照出来れば便利なんでしょうけど、対応の変数が分からなかったので、諦めました。お分かりになる方、コメント頂けると助かります。

以上は、コアをいじっているので、バージョンアップなどを行うとで改めて書き直しに成るので、プラグイン化をするのが望ましいのですが、気が向けば改めて行いたいと思います。

小粋空間さんのlitebox導入に関するこのエントリーを見ていると、javascriptで、aタグにrel属性を自動挿入しているようです。プラグインを作るより、このアプローチの方が、シンプルで良いかもしれませんね。

オプション

lightview.jsの32行目あたりを、変更することによって見栄えを色々と変えることが出来ます。

特に、使えそうなやつを書いておきます。

・backgroundColor
ウィンドウの背景色を変更することが出来ます。

・border
ウィンヅの余白を変更出来ます。数を大きくすれば余白が広がります。単位はpxのようです。

・buttons
クローズボタンなどのオーバー時の見え方を調整します。
opacity: { normal: 0.65, hover: 1 }
normalが通常時です。画像を65％薄く見せています。
hoverがマウスオーバー時の状態です。ここでは100％に設定しています。

・images
イメージの格納ディレクトリまでの相対パスです。
 '../images/lightview/'

・radius
ウィンドウ角丸の半径です。


他にも、スライドショウの秒数など色々と設定出来ますので、試してみてください。]]> MacBookAir！！ tag:blog.bulanco.net,2008://1.930 2008-01-15T18:37:06Z 2008-01-16T07:32:21Z MWSF 2008で、とうとう発表がありました。MacBookAir!予想の通り... ヤマダ ヤスヒロ http://www.bulanco.net/ 予想の通りの名前でしたね。厚みは0.16〜0.76インチということなので、2cm切ってますね。
異常に薄い！記憶装置は、フラッシュメモリーかと思っていたら、1.8インチのHDD搭載のようですね。（追記：オプションでSDD64Gを選択出来るようですね。ただ＋12万1800円と、もう一台Macが買えそうな価格ですが...）

CDドライブはオプションのようですね。99ドルで外付けドライブが付けられるそうです。
スペックも悪く無い。

これは、1799ドルということなので、そのまま日本円に換算すると、197800円。うんあり得そうな金額。MacBookとMacBookProのちょうど中間にあたる金額ですね。

うーん。欲しいですね。

ノートはたまにしか使わないけど、プレゼンなんかで持って行くと絵になりそうですね。
デザイナーは見かけ倒しも大事ですから（笑）
（Gizmodから引用させて頂きます）
macworld08389.jpg

macworld08384.jpg


]]>

MacBook Airと一緒に発表された、TimeCapsule。ワイヤレスでMacのバックアッップをしてくれるもの。これは今すぐにでも欲しいです。500Gで35,800円...。TimeMachine用に500GBのHDD買ったばかりなのに、このHDDどうしよう。
]]> MovableTypeにThickBox導入してみる tag:blog.bulanco.net,2008://1.133 2008-01-10T20:18:21Z 2008-01-22T11:19:13Z ThicBoxを導入してみました。(画像は内容とは関係ありません）参考にしたサ... ヤマダ ヤスヒロ http://www.bulanco.net/ 20080106544.jpg
ThicBoxを導入してみました。(画像は内容とは関係ありません）

参考にしたサイトは

同等機能の元祖ライブラリに、LightBoxというものもあります。
ThickBoxとの違いは、
  • LightBoxは開くときにちょっとしたアニメーション付き。（ThickBoxはない）
  • ThickBoxはhtmlなんかも開ける。


（1/23追記：現在は、このThickBoxを使用しておりません。）
]]>
]]> XREA→CORESERVERサーバー移転 tag:blog.bulanco.net,2008://1.132 2008-01-10T01:49:58Z 2008-01-10T02:00:02Z XREAの上位サービス、CORESERVERへサーバーを移転しました。サーバー側... ヤマダ ヤスヒロ http://www.bulanco.net/ サーバー側に用意された、「サーバー間コピー」機能を使って割とあっさりと移転できました。サーバー容量が１５Gもあるので、色々と無駄使い出来そうで楽しみです。

おかげでメールも、IMAPに切り替えることが出来ました。

IMAPとは（ウィキペディア）
POP はユーザが利用中のサーバからクライアントにメールをダウンロードし、ダウンロードがすんだメールはサーバから削除することを標準的な利用形態とするのに対し、IMAP はメールをメールサーバ上に保存したまま管理する（RFC 1733 参照）。この特性により、複数のコンピュータからメールを読む場合にメールの未読状態等の属性やメールフォルダの構成等が一元的に管理できる利点がある。
つまり、複数のPCでメールをチェックするときに便利ってことです。ただ、メールを受けた後もサーバーにメールが残ったままなので、サーバーの容量は食います。今回１５G になったお陰で、全然問題なく使えそうです。


ついでに、ブログもWordPressからMovableTypeに。テンプレートは、そのうちいじります。しばらくは、デフォルトのままで勘弁して下さい。


]]> WordPressからMovableTypeに移行 tag:bulanco.s39.coreserver.jp,2008:/blog.bulanco.net//1.131 2008-01-09T23:46:31Z 2008-01-10T00:07:40Z WordPressからMovableTypeにデータを移しています。WordPr... ヤマダ ヤスヒロ http://www.bulanco.net/
WordPressの[管理]>[エクスポート]から、xml形式で書き出して、MovableTypeの[システムメニュー]>[ツール]>[インポート]で移行しました。

ただ、改行がされずに、だらだら長いエントリーになってしまいました。
ネットで色々と調べてみましたが、有効な手だてが見つからなかったので、とりあえず、最近の記事は、改行を入れ直しました。過去の記事は・・・その内やりますとも、、、

また、タグの移行されませんでした。これは、良い機会なのでタグの整理がてら手作業で移行していこうと思っています。

でも、イメージとかはMTが自動でダウンロードして指定フォルダーにアップロードしてくれるので、この点は◎でした。
これは間違っていました。イメージは元の場所からの引用でした。

こういうツールって大抵万能ではないので、どの程度で妥協するかによるんですよね。改行が消えるのは、結構痛手ですが、私はギリギリで妥協出来そうです。


]]> 地図を分かりやすく描く８つの方法 tag:bulanco.s39.coreserver.jp,2008:/blog.bulanco.net//1.130 2008-01-09T08:38:47Z 2008-01-22T11:22:14Z 今日は、お仕事で地図を描きました。ちょっと変わった感じに仕上げたので、結構時間... ヤマダ ヤスヒロ http://www.bulanco.net/ cafe7map_s.gif

今日は、お仕事で地図を描きました。ちょっと変わった感じに仕上げたので、結構時間が掛かってしまいました。もっと修行せねば・・・。

Web制作という仕事がら、よく地図を描かせて頂くのですが、地図を描くのって意外に難しいですよね。そこで今日は、Web用の地図を描くときに、私なりに注意していることを、自分自身の再確認の意味も込めて記しておきます。また手書きの地図を描いて人に渡すときなんかにも応用できると思うので、是非試してみて下さい。

北を上に描く。

これは基本ですが、多くの地図は、北が上に描かれています。真上にはならないことがありますが、出来るだけ北を上にして描きます。 建築図面なんかも、かなり多くの場合北が上に描かれます。意図的にやる場合はありかもしれませんが、特に大きな理由が無い限り、北を上の方に向けた描く方が無難でしょう。

まず、最寄りの駅（大きな目印）を描く。

道から描き出すと、最寄りの駅が入らなくなる可能性があるので、まず駅を配置します。また駅がない場合は、バス停を。また車で来られることを想定している場合は、国道や高速道路の降り口などを描きましょう。

目的地は地図の真ん中の必要はない。

一番目立たせたい目的地は、地図の真ん中に描きたくなるものですが、必ずしも真ん中におく必要はありません。真ん中ではなくても、目立たせる工夫を行えば、端の方に持ってきても、そう問題ではありません。

緩やかなカーブなどは、直線道路として描く。

地図上で見て、緩やかにカーブしている道を、その通りカーブして描くと、分かりにくくなることがあります。緩やかなカーブは、実際に通ってみるとまっすぐとしか、認識していることが多いので、思い切って直線道路として描きましょう。

ただ、明らかに曲がっている道は、 カーブとして描くべきです。

最寄りの駅（大きな目印）からの分かりやすい経路を想定する。

オリジナルの地図の大きな目的は、分かりやすい道のプレゼンです。分かりにくい近道よりも、少々遠回りでも分かりやすい道を想定しましょう。

想定した経路の曲がり角に目印を描く。

想定した経路の曲がり角に目印を見つけ、それを描きましょう。必要以上に目印を描いてしまうと、混乱を招き、かえって分かりにくい地図になってしまいます。極力少なく、かつ分かりやすい目印で目的地まで導きましょう。

大きな建物やコンビニやファーストフード店を描く。

曲がり角の目印のみ描いてしまうと、目立つ大きな建物や、コンビニや、ファーストフード店の近くを通ったときに、地図上に無く、道を間違ったのではないかと不安になるものです。その為、明らかに目立つ目印は、曲がり角になくても描くようにしましょう。

また、遠方から来ている人へ、その土地にしかない、お店やビルの名前を書くよりも、コンビニやファーストフード店などの知名度が高いものを描く方が、大きな目印になります。

無駄なものを描かない。

オリジナルの地図は、地図自体のポテンシャルから言えばGoogleMapに適いません。最近では、GoogleMapAPIなどを利用すれば、お手軽に自分のWebサイト上に、非常に高性能な地図を表示することは可能です。では、わざわざオリジナルで制作した地図を載せるの目的はというと、より分かりやすい経路の提案・提供だと思っております。

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

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

無駄なものを描かないことで、かえって分かりやすくなり、ユーザーに優しい地図になることでしょう。

まとめ

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

今後も地図を描く機会には恵まれると思うので、研究していきたいと思います。]]> 2008年の抱負！ tag:bulanco.s39.coreserver.jp,2008:/blog.bulanco.net//1.129 2008-01-04T08:39:53Z 2008-01-10T00:05:13Z さて、本年2本目のエントリーです。 昨年は、エントリーの間隔がかなり開いていたの... ヤマダ ヤスヒロ http://www.bulanco.net/
 最低週一でブログを書く！
先にも書きましたが、昨年はかなりサボったので、今年は頑張ります。

 1週間につき少なくとも新しい1人と知り合うようにする！
 仕事柄、引きこもりになってしまうことが多いので、機会があれば外に出て、新しいお知り合いと作りたいと思います。

Ajax・ActionScript・Perlの取得 ！
 取得と言うより、技術の向上といったほうが正確なんですが、あえて「取得」としておきます。あやふやになっているところが多いので、それを解消していきます。また、最近MovableTypeの案件が多いため、Perlの取得し、オリジナルのプラグインが作れるぐらいにはなりたいと思います。

 具体的の方法は、Web雑誌や、Web上にあるサンプルを一つ一つ、実際に作ってみようと思っています。今まで、流し読みして取得した気になっていましたが、実際に作ってみると、あやふやになっている所が見え、解消できるのではないかと思っています。

英語の勉強をする！
ずっと思っていたことなんですが、今年こそは頑張りたいと思います。 具体的に、I Knowという、英語のレッスンSNSという面白いサイトを見つけたので、ここで１日最低１レッスン行おうと思います。

プライベートワークを行う！
 仕事とは別に、プライベートでも何かを作りたいと思います。プライベートワークをすることによって、技術の向上を図り、結果的に仕事にもフィードバックさせられればと思っています。 具体的に、１日最低１アイディアもしくは、３０分以上考えるか、作る。2ヶ月に1サイトor1成果物を作り出す。

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

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

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

記録する！
 毎日日記を付ける・写真を撮る。日記は、Googleノートブックで毎日付けています。写真も出来る限り撮っていこうと思っています。

 以上、今年の抱負です。 目標を立てるのは簡単ですが、実行するのはなかなか至難の業だと思います。 今年は、毎日日記で、振り返ろうと思っています。]]> A Happy new year!! tag:bulanco.s39.coreserver.jp,2008:/blog.bulanco.net//1.128 2007-12-31T18:05:23Z 2008-02-13T13:23:39Z あけましておめでとうございます。 昨年は、BULANCOとして軌道に乗った一年で... ヤマダ ヤスヒロ http://www.bulanco.net/
昨年は、BULANCOとして軌道に乗った一年でした。多くの仕事をさせていただき、仕事に育てていただきました。 年が明けたばかりなのに、来年のことを言うと笑われそうですが、来年私の36歳になる年に、法人化することを目標にしております。

今年はその目標へむけた、よい助走期間になるよう一年頑張って参ろうと思っております。

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

また、昨年はインプット作業にばかりに追われため、今年こそアウトプット作業にも力を入れていこうと思っています。 では、今年もヤマダヤスヒロ並びにBULANCOをどうぞよろしくお願いいたします！]]>