さわいじり

正確に言うと初めてではないんですけれども、2年ぶりくらいにMTを設置しました。
管理ページとかものすごく使いやすくなってますね～。いやビックリ。
その分機能も増えているだろうし、しっかり使いこなせるよう勉強したいと思います。

目的は自分の備忘録です。ウェブ業界のことで気付いたことをさらりと書いていきたいなと思います。

企画からデザインへの落とし込みについて書かれている本です。
今までにあまり無かったタイプの本なので期待しています。
特に企画とデザインをつなぐディレクター職の方は読んでおくといいかもしれません。
発売は6月上旬頃だそうです。

以下、アマゾンより引用

本邦初！「Nokia」「トヨタist」「KDDIリスモ」…etc. ウェブデザインの過程で発生した実際の企画書、ラフ、仕様書など全てを見せて解説！ 本書は、デザインが生まれるプロセスで発生する成果物（企画書、ラフ、スケッチ、メモ、モックアップ、プロトタイプ、サイトマップ、仕様書、要件定義などなど）を題材にして、ディレクションを行う立場の人が折々で発生する問題をどう解決していくか、同時にクライアント、その上司、デザイナーといった立場の人が行うべき大切なことも含めて、実際の事例に関わった人が解説していきます。

制作の方法やワークフローに関する書籍は多数出ていますが、依然としてウェブのデザインプロセスで生まれる成果物はブラックボックスに包まれています。実例を中心に扱った書籍はありません。ウェブ業界に携わる方、これから業界を目指す方にとって非常に価値ある一冊です！！

■スペシャルインタビュー■
KDDI：1年の構想を経て、「LISMO」デザインが誕生！
Method：国際的なWebデザインの落とし込みプロセスがわかる！

プロセス オブ ウェブデザイン 企画からデザインへ 落とし込みの技術

posted with amazlet on 06.05.21

WEB CREATORS LAB.
翔泳社 (2006/06/02)

Amazon.co.jp で詳細を見る

MT入門書としてオススメの本ということで購入してきました。
1年半程前に出版されているのですが、重要な部分をピックアップした初心者にも分かりやすい内容です。

私が働いている会社の制作実績が、ある業界誌に掲載されることになりました。
私もちょーっとだけお手伝いしていたので名前が掲載されたりします。
少しでも携わったサイトが誌面で紹介されるのは嬉しいですね。
この嬉しさを忘れないように日々精進しようと思います。

画像が表示されるかテスト。
lightBoxで表示されるように・・・rel属性を追加。

スタイルやMTタグの設定の前にJSに手を出しております。。。
lightBoxやprototype.js、script.aculo.usなどが楽しくてしょうがないです。

今はただ設置しただけ（簡単）なのですが、ゆくゆくはeat in Tokyoさんくらい上手に扱えるようになりたいですね。勉強勉強...

スタイルも設定を変えました。
とりあえずStyleCatcherでsixapertから配布されているスタイルに変更しました。
CSSへのパスさえ間違えなければかなり簡単にスタイル変更が可能です。
自作スタイルへのつなぎとして使用させていただこうと思います。

本日作業メモとして

*lightBoxの設置

小粋空間の説明
http://www.koikikukan.com/archives/2006/01/13-235556.php

lightboxの改造
http://ieiriblog.jugem.jp/?eid=816
lightBox.jsにエフェクトをかけてみる。
script.aculo.usを組み合わせる。
http://script.aculo.us/

script.aculo.usのファイルサイズを軽減
http://d.hatena.ne.jp/secondlife/20060204/1139013893
HTMLに以下のように記述し、ロードする
<script src="/js/scriptaculous.js?load=effects" type="text/javascript"></script>

*StyleCatcherの設置確認
*MTのDBをMySQLに
*記事のインポートはimportフォルダを設置する。

・・・まだトラックバックとかよく分かってないので普通にリンクを設定・・・

今日はheadタグ内の情報整理とHTMLをキレイにしました。
今のところHTML Lintで98点。

あとの2点は、
・エントリー時の改行のせいか、空白のパラグラフタグが出来てしまう
・アンカータグのname属性が無い
ですが、まぁ、これはよしとしておきましょう・・・。
Lintなどのチェッカーで100点じゃなければならないというわけではないと思いますが、点数が付くとなるとどうも気になります。もう少しMTに慣れたら色々いじっていこうと思います。

HTML Lint

http://openlab.ring.gr.jp/k16/htmllint/htmllint.html

あと、トップページに表示される記事を5つにしてみました。目指せ、1日1記事です。過去のエントリーは右のメニューから探してみてください。。。

MovableTypeを本格的に勉強しようということで、とりあえずタグ辞典も必要だろうと思い、早速購入してきました。まだ全貌がまったく掴めていない今の情況で役に立つのか不安ですが、コツコツやっていこうと思います。
エビスコムさんの本は読みやすい、分かりやすいと定評があります。皆さんにもお勧めです。

なんとか土日でデザイン完成させたいなぁ・・・

Movable Type例解テンプレートタグ辞典―目的引きリファレンス+実例サンプル集

posted with amazlet on 06.05.19

エビスコムテックラボ
毎日コミュニケーションズ (2006/04)

Amazon.co.jp で詳細を見る

海外のロゴを集めたステキBOOKです。
勉強になる・・・というよりも純粋に見ていて面白い。
トイレのお供に最適です（笑）

ロゴラウンジ2000

posted with amazlet on 06.05.30

キャサリン フィッシェル ビル ガードナー Catherine Fishel Bill Gardner
グラフィック社 (2006/04)

Amazon.co.jp で詳細を見る

○東京webデザイナー日記　さん

http://tokyo.fun.cx/web/2006/05/post_18.html

で紹介されていました。
「日経平均銘柄225社サイトの脱テーブル率調査」だそうです。
全体的に約20%とまだ低いですが、今後伸びていくでしょうね。
提案時の参考にもさせていただきます。

トラックバックする勇気がまだ無い・・・

Googleの検索結果画面が時々？新しいレイアウトになりますね。（サイドに項目が追加）
横にグラフのようなものが出るようになりました。
これはどういう風に見たら良いのでしょう？

なんにしろより使いやすく、見やすくなって欲しいですね。

http://blog.summerwind.jp/archives/886/

こちらのブログでMac BookにWinXPとUbuntuをインストールし、Fast User Switchのような感覚で切り替えるというステキムービーを紹介されています。

デスクトップ切り替えのVirtueDesktopsと仮想化ソフトのParalellsを同時に使用し、実現されています。（設定は比較的簡単にできるのかな？）

こんなの見たら本当にMac Bookが欲しくなります。
これでPhotoshopやFlashなどのアプリケーションもスムーズに動いてくれたりしたら・・・

旧Macromedia Japan 上条さんのBlogに次期Flashのお話が掲載されていました。

http://weblogs.macromedia.com/akamijo/archives/2006/05/flash.cfm

まだ新機能などの情報はありませんが（あったとしてもまだMXすら満足に扱えないし）来春頃に予定というお話です。
やはりWeb BandleというCSシリーズとの組み合わせパッケージで発売される模様です。
インターフェースや操作性など、studioとCSの良いところを上手くミックスしていただけるといいですね。
値段は・・・できれば下げる方向で・・・

ポストマップ

http://postmap.org/

ポストマップは、みんなで郵便ポストの場所をマッピングしていこうというプロジェクトです。

TAKATORA HARADA.COM::WEBLOG
http://www.takatoraharada.com/blog/index.php?itemid=288

TAKATORA HARADA.COM::WEBLOGさんで紹介されてました、全国のポストをGoogle Maps上に表示させてしまおう！というプロジェクトだそうです。同じネタで繰り広げるならば(もうあるのかもしれないけど)、記念碑や一里塚、タバコやメーカー別自販機、吉野家(笑)みたいなチェーン店など、なんでもマッピングできますね。

個人的に全国のウェブ系制作会社が一目でわかる「Web Company Map」とかあれば面白いと思いました:)

東京へあるウェブ系のセミナーを受けに行ってきました。
その場で聞いたちょっとナルホドと思った言葉。

大企業を目指すなら最初から大きな設計図を書いておくべき。
なぜなら大企業は「大きな企(くわだ)て」と書くから。

ウェブ制作業界は参入は容易で、売上維持や成長は難しいといわれています。
ですが、その中からも数社、大手と呼ばれる企業に成長しています。
ウチもその成功した一社に名を連ねられるよう、様々な工夫を凝らしていくべきだと思いました。

まぁ、私は一介の雇われデザイナーですけれども:p

https://www.futureairport.jp/

成田空港リニューアルに際し、表参道をエアポートに見立てたアートプロジェクトです。
先日東京へ行ったときにもポスターが大きく貼られていました。
サイトはFlashのインターフェースでメッセージが投稿できます。
投稿したメッセージは会場？に展示され、誰かが持ち帰ることができます。
あわよくばそこからメッセージがいただけるというもの。

サイト→リアルというつながりが面白いですね。いつかこんな企画をたててみたいものです。

ちょっと気が向いたので何気なくロゴ作ってみました。
架空の企業という設定？で、とりあえず思いつくまま数個。

・・・うーん、どうなんだろこれ（笑）

あ、明日の専門学校の授業で使お。
というわけで明日はIllustratorの授業です。

発売されてからだいぶたちますが、やっと生でMac Bookを触ってきました。
13inchモニタということでだいぶ小さいのかと思っていたら、意外と大きめ。
今はDELLの12.1inchノートを使用しているのですが、これよりはずっとか使いやすそう・・・
キータッチの感覚も違和感なく、改めて欲しくなってしまいました。

問題はMacのソフト群やフォントをそろえる必要があること。
今までWindowsメインで作業してきたのでソフトがないんですよね。
うーん、それでも欲しいなぁ、Mac Book・・・

本日発売されましたWeb creators 2006年7月号に少し携わったサイトが掲載されました。
載るよーと報告は受けていたのですが、改めて誌面を見るとやっぱりなんか嬉しいですね。

Web creators (ウェブクリエイターズ) 2006年 07月号 [雑誌]

posted with amazlet on 06.06.11

インプレスコミュニケーションズ (2006/05/29)

Amazon.co.jp で詳細を見る

http://www.uniqlo.com/flagship/

今秋ニューヨークにオープンするユニクロ。
世界進出プロジェクトのティザーサイトが公開されました。
ADは佐藤可士和氏、制作等はtha社です。
いかにも中村勇吾さんらしい作品、といった印象を受けました。
（最近こういった"時間刻む系"をよく見るような。amanaとか）

でもカッチョエエのでセーバーもインストールしました。。。
amana、uniqro、fotologue、beyesのセーバーがお気に入りなのですけど、
どれにしようか毎日悩みます・・・

http://www.downloadsquad.com/2006/05/30/adobe-kills-off-freehand-golive/
http://www.macsimumnews.com/index.php/archive/goodbye_to_freehand_golive

上記の記事によるとFreeHand、GoLiveの開発が中止されるとか。マクロメディア、アドビの統合で予想されていたことですが、やっぱり消えるとなると寂しいと感じてしまいます。私はどちらもあまり使えなかったので実害はなさそうです：)

また、ウェブオーサリングソフトはDreamweaverに一本化されるが、インターフェースはAdobe使用になるらしいとも。ひょっとするとFlashもそのように変更されるかもしれませんね。個人的にはツールのレイアウトはマクロメディアの方がお気に入りだったのですが・・・慣れの問題かもしれません。
どちらにしろ、より便利に進化するであろうCS3、Studio9？シリーズを早くこの目で見てみたいものです。