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

09.02.08追記
新たにXMindの記事を書きました。詳しくはこちらから(Web制作者的な『XMind』の使い方)(タグ:XMind)

最近、仕事の打ち合わせなんかで、マンドマップツールでメモを取ることが多いです。

マインドマップツールでメモを取る理由は

• 系統がはっきりしているメモが取れる
• 系統がハッキリしているので、あとで議事録などを作るときが楽
• 書くのが意外に早い

特に3番目の書くのが意外に早いってのが大きいかもしれません。
早い割に、系統がハッキリしているので、言うこと無いです。

マウスに手をやること無く、ガンガン書き進められます。


始めに手をつけたのが、FreeMindというソフト(Mac,Win,Linux)でした。これはこれで良かったのですが、見た目がイマイチでした。ただ、操作性は非常に良かったので使っていたのですが、ちょっと前に新たなフリーマインドツールを発見し、それに乗り換えました。

それが、XMind(Mac,Win,Linux)です。

先日のサト研で、nisiaki氏に紹介したところ、意外に好評で、さらにブログでご紹介までいただいたので、私もそれに乗っかる形でご紹介させて頂きます。

詳しくは、nisiaki氏のブログを参考に!

っと、すごい投げやりな更新でした。はい。

私たち零細Web制作者の最大の営業は、アウトプットということ。

今更だけど、やはりこれは大事なんだなっと再認識。
ということで、今後ブログの更新頑張ります。

最近ちゃんとした文章を書かないと、という気持ちが更新の頻度を下げてたように思います。今後は、駄文(もともと駄文かなw)でもガンガン更新します。

 

プログラマーの35歳限界説は嘘。

向上心が無くなった所が限界らしいです。

 

 詳しくはここら辺で。

• [レポ] vol.3 in AIPcafe 2008/11/23  
•  サイト運営・管理研究会 Vol.3 に参加してきました - devworks
• 【レポート】FWW_サイト運営・管理研究会（仮）Vol.3 | MutsuLog
• Nishiaki's Log: やっぱりアウトプットが重要という事やね
• Nishiaki's Log: 「これからはマインドマップはXMindでしょ」という受け売り

最近、MovableTypeをブログツールではなく、CMSツールとして扱うカスタマイズ案件が結構多くやっていまして、それなりにノウハウが溜まってきましたので、少しずつですが、アウトプットしていきます。

今回は、パンくずナビ(パン屑リスト?)の制作です。

MovableTypeですが、意外にもパンくずナビが標準の装備で実装されていません。その為、タグを駆使して作る必要があるのですが、これが意外にややこしかったりします。

ということで、MovableTypeのパンくずナビの制作のコツをメモっておきます。一応SEO的にも意識した作りにしておきます。

Mac使いのWeb制作者にとっては、神のような素晴らしいCSSエディター「CSSEdit」を世に出している、MacRabbitが、今度はWebオーサリングソフトを制作してる様です。

「Espresso」という名前だそうです。CSSEditはそのままの名前だったのに、今度は割と分かりにくい名前付けてきたなっと、ちょっと驚きました。(もしかしたらコードネーム?)



公開されているスクリーンショットを見ても、かなり期待出来そうです。
CSSEditの編集し易すさを引き継いだ上で、同じくCSSEdit同様プレビューも見やすそうです。
さらに、FTP機能も搭載されているようで、ファイル管理なんかもシンプルで扱い易そうです。

ともあれ公開まで待ち遠しいのですが、ここらへんを読むと
「We plan to ship Espresso in November, but you can apply as a beta tester right now! Sign up if you're as excited as we are, and help shape the future of this cup of coffee.」
只今、開発中で、11月頃を目処に発売する模様です。ベータテスターは募集しているようなので、応募してみようかと考えています。

この前のサイト運営・管理研究会では、散々Dreamweaverのことを「愛している」っを叫んでいましたが、基本浮気性なので、いつでも鞍替えする覚悟は出来ています。ただ、使いどころを考えて、適材適所で使うのは変わらないと思います。

我流氏と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パッケージの作り方）(配布元)、日本語版したものが配布していたいているようです。