福岡のホームページ制作[BULANCO(ブランコ)]のWeb制作のこぼれ話

我流氏とnishiakiさん(若干私も手伝いました)の呼びかけで始まった、FWW_サイト運営・管理研究会（仮）。盛況でした。


「FWW_サイト運営・管理研究会（仮）」、内容は読んで字のごとくなんですが、基本的に研究会なので、話す人と聞く人の敷居を出来るだけ低くして、「先生」>「生徒」の関係ではなく、サイト運営・管理に関してみんなで「研究」出来ればという感じで始めた会です。

今回は、スピーカーが13人ぐらい(?)というかなり多めの人数の方のプレゼンを聞けました。始めは１人5分という持ち時間(当日聞いて焦りました)でしたが、結局その短時間でプレゼンするのは無理なので、最終的には１人の持ち時間は結局15分から20分ぐらいになったんじゃないかな?

誰かが話している時も、途中突っ込みアリアリな感じも、良かったと思います。

それでも、14時から始めて18時30ぐらいには終わったので、ちょっと長いかな?ぐらいの感じで良かったんではないかな。


その他まとめ

• 9arrowsの中の人に合うことが出来た。
• ↑の方が、MAMPを使わないで、Macに直接サーバーを構築していた。今度やってみよう。
• MacBook保有者(それもUSキー)がやたら多かった。
• ただ、長丁場だけど、飽きずに最後まで見られた。
• nishiakiさんの話、パクリ所満載で活用させてもらう。
• 我流氏、軽く触ったことはあったけどContributeってあんなに使えるのね。
• 筑陽デザイン科の後輩がいてびっくりした。やっぱ世の中は狭いなー。
• ココナッツジャムの運営裏話、大変面白かった。
• ココナッツジャムさんの毎月更新している、カレンダーのことは、なんとかして上げたいなぁー。
• ここら辺を参考にされてはどうですか?>ココナッツジャムさん
• MODx 前に一度構築したことあるんだけど、もう一度研究する価値がありそうだなぁ。
  
• nisiakiさんを目標にしていましたが、大久保先生という大きな目標が出来きました。
• プレゼン用のパブリックなPCが必要だなぁ。
• 私はコーディングエンジニアでは無いはずです(汗)>nishiaki
• やっぱりお酒はおいしい。うん。

一応、nisiaki氏も公開していたので、私のプレゼン資料も公開しておきます。
セアカゴケグモの退治方法も掲載しています(笑

Webデザイナー的CMSの愛し方
(Googleドキュメントに入れる時に若干崩れたけど、ノールックで!!)
内容は、MovableTypeとDreamweaverテンプレート機能のマッチングです。


最後に、我流氏、nisiaki氏お二人と来て下さった皆さん、また、忘れては行けない場所を提供してくださったAIP cafe、ならびに杉山様へ、この場を借りて感謝させてください。ありがとうございました。また是非よろしくおねがいします。

久々のブログ更新です。

更新してなさすぎて、ブログへのログインパスワードを忘れてかけていました(汗


前回の更新が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月のキャパ的には後半に掛けてゆっくりしています。ぼちぼち頑張って行きますので、今後ともよろしくおねがいします!

MovableTypeメモです。

長いタイトルの文字を制限する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;
}
?>

いや〜。本当に忙しいです。年度末までに、結構な数のサイト構築を託されてます。年度末なんて無くなっちゃえばよいのにっと、本気で考えたりしています（汗

そんな中、年度末と言えば、私たちフリーランスを苦しめるもう一つのイベント、そう、確定申告です。

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

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

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

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

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

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


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

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

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

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

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

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

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


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

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

もう結構前になりますが、同じ業界のご近所さんで、「警固ランチ会」なる会合を開催した。まぁ、開催と言っても、4人というかなり少数メンバーだのですけど、そのなかで、Adobe Contributeが便利という話が出た。

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

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

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

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

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

Dreamweaver CS3（オフィシャルのLiveDocs)

三項演算子
三項演算子?:の正しい書き方
三項演算子

MTOSが発表されて、もう結構な日数が経ちますが、未だに英語版のみの提供でした。といっても、日本語環境で使っても全然問題は無かったのですが、細かなところが英語で若干見にくかったりしました。

若干話題が遅れますが、Ogawa::Memorandaさんのところで、日本語版が配布されているのでご紹介しておきます。

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

自分でも作業出来るようですが、一応、こちらでも（MTOS-4.1-jaパッケージの作り方）(配布元)、日本語版したものが配布していたいているようです。  

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

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

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

というこの企画の趣旨に無理矢理当てはめるのなら・・・

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

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

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

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

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

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

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

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

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

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


saical.pdf（68kb）

先日、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にいました。

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


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

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



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のコアをいじっているので注意が必要です。

MWSF 2008で、とうとう発表がありました。MacBookAir!
予想の通りの名前でしたね。厚みは0.16〜0.76インチということなので、2cm切ってますね。
異常に薄い！記憶装置は、フラッシュメモリーかと思っていたら、1.8インチのHDD搭載のようですね。（追記：オプションでSDD64Gを選択出来るようですね。ただ＋12万1800円と、もう一台Macが買えそうな価格ですが...）

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

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

うーん。欲しいですね。

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