Design Wedge バックナンバー：No.77

　
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━



◆     D e s i g n  W e d g e           internet/web design mail magazine 

＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿
2003/12/14｜no 77｜ http://www.karadesign.com/designwedge/ ｜post>>magmag

((！))

最近特に机の下が冷えます。年末って何故か用事が増えて慌ただしくな
ります。少し発行時間も延びてしまったり。
そういえば、オンラインマガジン「SHIFT」にて今月よりクールサイトレ
ビューを担当させていただくことになりました。詳しくはお知らせにて。

今号から登録された皆様、はじめまして。ご登録ありがとうございます。
Design Wedgeは、現在月２回発行のウェブデザインの専門誌です。
毎月１１日と２６日の発行を予定してます。

１１日発行予定号では、サイトデザインのレポートとモバイルデザイン
関連＋α、２６日発行予定号では、ニューストピックとウェブアプリケ
ーション関連のデザイン＋αという感じで、ウェブデザインの世界を様
々な角度から探究していっています。これからもDesign Wedgeをよろし
くお願いします。

まぐまぐからのバージョンにはヘッダーもしくはフッターにはお知らせ
がはいっています。当分はフッターだけのようです。

―――――――――――――――――――――――――――――――――――――

-PR-----------------------------------------------------------------------
 ┏━━━━━━━━━━━━━━━┓─────────────────
 ┃WEBMASTERSホスティングサービス┃   ★ 月々 \800〜 の超低価格
 ┗━━━━━━━━━━━━━━━┛   ☆ Perl/CGI、PHP4標準対応
 │       ◇◆ 独自ドメインで快適なWEB運用してみませんか? ◆◇
 └────────────── 詳しくは --> http://www.webmasters.jp
-PR-----------------------------------------------------------------------


    ≫ c o n t e n t s

   +01 特集１：ワールドサイトデザインレポート
   +02 特集２：デジタルデバイスのゆくえ
               「ホームページ・ビルダー for iモード .review」
   ---
   +03 プレスブース
   ---
   +04 Design Wedgeよりお知らせ
   +05 編集後記

   今号のバックナンバーは、
   ( http://www.karadesign.com/designwedge/backnumbers/0077.shtml )
   にてご覧になれます。


 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

   +01 特集１：ワールドサイトデザインレポート
       ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣

 " CRM "
 ( http://www.crmtrust.com/ )

時計の歯車のようなデザインが美しいサイトです。実は法律事務所のサ
イトなのですが、従来の法律事務所の持つイメージとは一線を画す雰囲
気が展開されています。オフィスもきっと綺麗なんだろうと想像してし
まいます。このサイトは、最近気になっているB7

 " B7 "
 ( http://www.b7ven.com/v3/ )

というデザインユニットが制作しているのですが、どの制作サイトも洗
練されていて上品です。B7自身が手がけているFlash Dev Martというプ
ロジェクトの、

 " Flash Dev Mart | Source Files for Less! "
 ( http://flashdevmart.b7ven.com/ )
 
では、Flashを使ったいくつかのプロダクトをみることができます。その
中でも面白かったのは、XMLを使ったMp3 Player

 " Basic XML Mp3 Player "
 ( http://flashdevmart.b7ven.com/product_detail.php?pid=004 )

と、FlashとxmlとPHPを生かしたインタラクティブなショッピングカート
システム

 " FlashDevMart.com v1 Source "
 ( http://flashdevmart.b7ven.com/product_detail.php?pid=001 )

で、どちらも有料コンテンツなのですが、両方ともソースであるFlaファ
イルと設定用のxmlファイルがついてくるところが特徴です。
Basic XML Mp3 Playerでは、サンプルとして聞ける曲の１曲目がナイト
ライダーのテーマ曲になっていて、ドラマを見たことがある人はニンマ
リしてしまうこと間違いなしです。曲のリストはシンプルなxmlファイル
で提供するという形のようです。

ショッピングカートは、気持ちのよいインターフェイスとポップなスタ
イルが魅力的で様々な操作を１画面で出来てしまうというFlashの良さを
生かした作りになっています。商品はDetailsを押すことでシームレスに
詳細を見ることが出来ます。（個人的にはFDM XML Blogというプロダク
トが気になりました。まだAvailable Soonでしたが）



 " Fairvue Central "
 ( http://www.fairvue.com/ )

今年のウェブで起きているブームのひとつであるMovable Typeは、ヴィ
ジュアルをほとんどCSSで管理できるせいもあり、様々な実験的なスタイ
ルを持ったウェブログを世に生み出しています。このサイトはCSSを用い
てダイナミックなアプローチをしており、Movable Typeを使って動いて
いるブロッグとはクレジットを見るまでわかりませんでした。

サイトのスタイルを可変させるスイッチがサイトに用意されていて、
「D」はデフォルトの状態、「S」「M」「L」はそれぞれ文字のサイズを
可変させる仕組み、とサイズコントロールが可能なサイトに用意されて
いる基本的な機能がついているのはもちろんですが、次の「A」「A」「A」
でサンセリフ、セリフ、モノスペースのフォントに変えれたり、
「｜」「―」でレイアウト自体をまるっきり変えてしまう機能には驚か
されます。

画面の中ではコンテンツ部分のみスクロールされるようになっています
が、コンテンツ部分の占める面積がせまいのでフレーム内のコンテンツ
をスクロールさせているかのような錯覚を覚え、新鮮です。

また、地味な部分ですが、現在いるコーナーのイメージが背景にうっす
らと描かれていて、固定されている点や、マウスオーバーで変わる
recommendのタブも見所のひとつです。



 " search the web "
 ( http://landing.domainsponsor.com/ )
 
海外のウェブサイトを渡り歩いていると、たまに、リンク切れのところ
が、ディレクトリサービスのような広告サイトに変貌しているのを見か
けます。デザイン関係で有名な例では、k10kのcomドメインだった

 ( http://www.k10k.com/ )

がそういう状態になっています。この手のディレクトリはあまり凝った
つくりでないものがほとんどですが、この「earch the web」は結構凝っ
たデザインをしています。今後はこのスタイルの広告も洗練されてちゃ
んとしたサイトにアクセスしたかのような感じになるものが出てきそう
です。



 " KJ+P.com "
 ( http://kidflyer.com/jkp.html )

フォトグラファーのサイトは見ていってハズれたという記憶があまりあ
りません。写真というビジュアルの世界で生きている人が持つ、視覚的
な能力の高さが美しいビジュアルを生み出せるデザイナーを見抜いて依
頼しているからではないかとか考えたりします。

このサイトでは、Design Wedgeで何度も取り上げてきたエレメントのひ
とつである極小の文字をスタイリッシュに生かす手法が効果的に使われ
ています。あくまでも主役は写真であり、他の要素は写真を引き立たせ
るためと割り切った使用がされています。



 " William A. McDonough， FAIA "
 ( http://www.mcdonough.com/ )

William A. McDonoughのサイトは、余裕を持ってレイアウトされていて
非常に見やすいサイトで、見ていてゆとりすら感じます。このサイトを
制作した、

 " Massarelli Design "
 ( http://www.peter-massarelli.com/ )

というスタジオはウェブでテキストを、特に一覧に近い形で読ませるこ
とに非常に長けたスキルを持っているという気がします。それはスタジ
オの情報が１ページにまとめられた、

 " Massarelli Design: Web | Graphics | Motion "
 ( http://www.peter-massarelli.com/full_site_flash.htm )

のページを見ても明らかなのですが、何を伝えたくて、何を見せたいか
が見ている側にはすぐにわかります。William A. McDonoughからリンク
されている、

 " William McDonough + Partners "
 ( http://www.mcdonoughpartners.com/ )

 " MBDC "
 ( http://www.mbdc.com/ )

といったサイトでも情報の整理、その見せ方という点で見所が満載です。
計算され、美しく作られているトップページだけに、きっと後から付け
加えられたに違いないぶっきらぼうな検索窓がもったいないと感じてし
まいます。



 " MX Magazin "
 ( http://www.mx-magazin.de/ )

ドイツで発行されているMXの専門誌です。MXとつくだけあって最初から
最後までMacromedia一色な雑誌になっています。最新号は目次を見る限
りタイムリーな話題が沢山盛り込まれており、是非日本語版を読んでみ
たいと思うのは僕だけではないはずです。

このバックナンバーの１がサイトでPDF版がフル公開されており、普段あ
まり海外のウェブデザイン雑誌を見る機会がない製作者なら是非一度は
目を通しておきたい内容となっています。

 " Ausgabe 1 "
 ( http://www.mxmagazin1.de/inhalt_mxmag1.cfm )

バックナンバーの１はこのページの「Komplettes Magazin (7，5 MB)」と
いうところをクリックすれば見ることが出来ます。全部で９０ページも
あり、相当中身は濃いです。日本でもMXマガジン出ないものかなあとか
思います。



 " SO-AD - v05 "
 ( http://www.so-ad.com/main.html )

以前紹介しようと思って延びに延びてしまっているのですが、やはりFlash
を使ったサイト構築という部分の時代の流れの中で重要な位置を占める
のではないかと思い紹介します。Macromediaのsite of the dayでも紹介
されたサイトですのでご存知の方もいるかもしれません。

 " Auburn University College of Architecture， Design and Construction "
 ( http://www.cadc.auburn.edu/ )

こちらが、そのSO-AD制作のサイトです。Flashをインターフェイスのフ
ロントエンドとして使用し、一貫したスタイルを生み出しています。

 " Auburn University School of Architecture "
 ( http://www.arch.auburn.edu/ )

学内の他のサイトでも同一のインターフェイスが使われていて、
School of Architectureのサイトでもこういったスタイルを踏襲してい
ます。上で紹介しているB7でもそうなのですが、海外のサイトで、デー
タロード時に各ボックスごとにタイトル部分に「LOADING XML」と表示さ
れるようにしているサイトを見かけます。これはひとつのスタイルにな
りそうな気がします。

No.72で紹介したgroup94でも同様の傾向を感じたのですが、軽さを重視
したテキストベースのFlashサイトのデザインの方向性の一つが生まれた
のではないかと思っています。テキストベースならなんでHTMLじゃない
んだ、という意見があるかも知れませんが、画面遷移なしのインタラク
ティブな双方向なメディアを確立出来るということの他にも、XMLを利用
したサイトをブラウザに依存しない形で実現させる方法として、現時点
ではこれがベストではという面がある気がします。閲覧にはプラグイン
が入っていれば古いブラウザでも良く、エラーも出ません。学校のイメ
ージを完全に生かした上で、更新側はXMLの生成に気を使えばいいだけと
いう使い方が出来ます。



 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

   +02 特集２：デジタルデバイスのゆくえ
       ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣

--- ホームページ・ビルダー for iモード .review ---

ビデオリサーチネットコムが行った最新の調査によると、インターネッ
トを利用している人口は約5，670万人だそうです。また、NTT Docomoの発
表では、i-Modeの契約者数は全国で4，000万契約に達したとのことです。
i-Modeは必ずしも一契約＝一人というわけではなく、１人で何契約もし
ている人もいるだろうということを考えても、i-Mode利用者は今相当な
数になってきたと思えます。そんな流れの中で、いかにi-Mode用のコン
テンツを低コストで簡潔に生成できるかということには多くの関心があ
つまってることと思います。

 " インターネット普及状況調査 "
 ( http://www.vrnetcom.co.jp/press/pressdata/200307011.html )

 " 「ｉモード」が全国で４，０００万契約突破 "
 ( http://www.nttdocomo.co.jp/new/contents/03/whatnew1030.html )

今回は１２日に発売したばかりのホームページ・ビルダー for iモード
のレビューを行っていきます。


 -- 餅は餅屋の専用特化ソフトウェア

i-Mode用サイトの作成というとプロ向けのデザインソフトでは、Adobeの
GoliveやMacromediaのDreamweaverが標準で対応していたり、拡張機能の
追加でサポートしています。また、フリーウェアやシェアウェアのi-Mode
ページ作成ソフトもいくつかあるのですが、ホームページ・ビルダー 
for iモードが他のソフトと違うのは、1，980円という安価な価格設定で
ありながら店頭でボックスパッケージとして発売されているという点です。
for i-Modeとついている通り、完全にi-Mode用のサイト制作に特化し割
り切ったつくりになっています。


 -- 普通のi-ModeからFOMAまで各機種対応

i-Modeには新旧様々な画面サイズがあり、これは製作者の頭を大いに悩
ませます。機種によって使える絵文字や使えない絵文字もあります。
WISWIG形式でサイトを作っていく場合、ソフトウェアのレベルでチェッ
クできると便利です。ホームページ・ビルダー for iモードでは、普通
のi-Modeと、501iシリーズから最新の505iシリーズやFOMAに対応した様
々な解像度のページを作ることが出来ますが、その際、画面の横幅は設
定した端末のモードに応じて自動的に作成画面の幅を設定してくれます。
このあたりはさすがに専用ソフトならではと言えるのではないでしょうか。


 -- 便利な使い方・上級者向けのパネル

標準の状態ではカラーパレットが表示されていないので「表示＞カラー
パレット」をチェックして、常時表示させるようにしておくと楽です。

ホームページ・ビルダー for iモードでは、ナビメニューから使う機能
を押してがんがん挿入していくことで、ページを作っていけますが、も
うすこし高度な設定を行いたいこともあります。例えば、電話をかける
タグの挿入やアクセスキーの設定などです。こういった細かな機能は、
リンクを設定したらリンクの場所で「編集＞属性の設定」という少しわ
かりにくい場所にあるメニューを選ぶことで詳しい設定を行うことが出
来ます。設定のタブは７つもあり、ここだけ上級者用ソフトの様を呈し
ています。このパネルは「ALT+ENTER」を押すことでも呼び出すことが可
能です。

一つ、ヘルプには書いていないチップスとして、絵文字フォントのイン
ストールを紹介します。実は、標準の状態だと、編集時には絵文字の表
示ができるのですが、プレビュー時には絵文字は表示されないようにな
っているのです。プレビューでも絵文字入りの状態で確認できるように
するには、インストール先のフォルダの「font」というフォルダの中に
ある「絵文字入りフォント ( emoji.ttf ) について」の案内に従ってフ
ォントをインストール必要があります。


 -- 今後の希望

ある意味、ホームページ・ビルダー for iモードのキモともいえる「属
性の設定」パネルは、カラーパネルのようにプロパティとして常に画面
に存在しているようになっていてくれたら楽かなと思います。もちろん、
そうなることで、難解な印象を与えるソフトになってしまうので、設定
によっては表示させることが出来るとしたほうがいいかなと思っていま
す。せめてショートカットアイコンだけでもツールバーに並んでいたら
と思います。


 " ホームページ・ビルダー for iモード "
 ( http://www.sourcenext.com/products/builder_imode/ )



 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

   +03 プレスブース
       ￣￣￣￣￣￣

((！))
Design Wedgeでは、このたび、募集・告知コーナーを、企業の皆様から
のプレスリリースやイベント情報を掲載するプレスブースと、読者の方
の情報募集やプロジェクト発表、イベント、提案、発表のためのリーダ
ーズブースとして分離しました。

このコーナーでは企業情報、イベント情報や求人募集スペースとして場
所を提供していきます。スペースは、３２文字×２０〜２５行くらいと
なります。掲載のご依頼お待ちしてます。
メールにてお問い合わせ下さい。

  ↓
 mailto:designwedge@karadesign.com



 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

   +04 Design Wedgeよりお知らせ
       ￣￣￣￣￣￣￣￣￣￣￣￣

((！)) 

１２月号より、オンラインマガジン「SHIFT」にて、クールサイトレビュ
ーを担当させていただけることになりました。クールサイトレビューは
「SHIFT」創刊号よりあったコンテンツの一つで、９月に一旦は終了した
のですが、１２月号より、また再開することになりました。Design Wedge
で紹介しているサイトとはまったく違うサイトをレビューしてますので
是非ご覧ください。

 " SHIFT "
 ( http://www.shift.jp.org/ )

 - - -

Design WedgeのRSSを作りました。Design Wedgeはメールマガジンなので、
ニュースの一覧というよりはバックナンバーの参照用にと思って公開し
ます。

 " Design Wedge | RSS "
 ( http://www.karadesign.com/designwedge/dwrss.xml )

 - - -

ハニーモジュールでは、ウェブアプリケーションのデザインに焦点を置
いたメーリングリストを開設しました。概要を読んで参加してみてくだ
さい。

 " Design Wedge | WAD_ML参加申し込みページ "
 ( http://www.karadesign.com/designwedge/wad_ml.shtml )

 - - -

Design Wedge月２回発行のご案内です。
現在１１日と２６日の発行を予定しています。１１日発行予定号では
サイトデザインのレポートとモバイルデザイン関連＋α、２６日発行予
定号ではニューストピックとウェブアプリケーション関連のデザイン＋
αという感じになっています。

ウェブデザインの探求を目的に始まったDesign Wedgeですが、これから
もその方針は変わりません。今後は、アドバンスドな方向に向かいつつ
も、わかりやすく伝えるということに力を入れていきたいと思います。

＋α部分では、今まで散発的にやってきたコーナーなどがはいったり、
はいらなかったりする感じになります。

 - - -

リーダーズリンク、引き続き随時募集中です。現在も募集してますんで
是非申し込んでみてください。サイト名とＵＲＬ、サイトの紹介コメン
トのみ必須です。

 " Design Wedge | リーダーズリンク "
 ( http://www.karadesign.com/designwedge/readerslink.shtml )

 - - -

制作者同士のコミュニケーションがメインとなったメーリングリストを
やってます。大きなコミュニティ形成を主としてはいませんので、クロ
ーズドな形式を採用してみてます。資格は、最低限の礼儀を守れてメー
リングリストに参加していく意志がある人としています。技術レベルな
どは問いません。

参加方法に関するお問い合わせは、登録したいメールアドレス、簡単な
自己紹介など添えまして、dwml@karadesign.com までお便りください。

 → mailto:dwml@karadesign.com

 - - -

現在Design Wedgeではヘッダー部分に掲載する広告を募集しています。
全角３５文字×７行。詳細はメールにてお問い合わせ下さい。

 → mailto:designwedge@karadesign.com



 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

   +05 編集後記
       ￣￣￣￣

人との出会いはホントに大事だと実感する今日この頃。一期一会とかい
うけど、なるべく様々な人に会っておきたいと行動している。2004年は、
より多くの人と知り合うこと、ウェブの今を見つけにさらなる探求をし
ていくこと、もちろん基本の芯はウェブデザインで。そういったことを
中心に活動していきたいと思う。


次号の発行は１２月２６日を予定しています。


＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿

D e s i g n  W e d g e

    ≫ M a g a z i n e  i n f o

   +01 発行：KaRa designstudio
       http://www.karadesign.com/
       mailto:info@karadesign.com
   +02 編集・発行人：原　一浩　[Kara_D]
       mailto:khsoul@alles.or.jp
   ---
   +03 現在の購読者数：7800人
   +04 Design Wedge公式ページ：
       http://www.karadesign.com/designwedge/
       登録・解除はもちろんのことバックナンバーも見ることが出来
       ます。
   ---
   +05 お便りはこちら：
       mailto:designwedge@karadesign.com
       感想・情報提供・お問い合わせなどはこちらまで。お便り待っ
       てます。
   ---
   +06 配信：
           + まぐまぐ
             ( post  ->  magmag )    id:0000005412
             ( http://www.mag2.com/ )
           + Pubzine
             ( post  ->  pubzine )   id:225
             ( http://www.pubzine.com/ )
           + melma!
             ( post  ->  melma! )    id:m00103069
             ( http://www.melma.com/ )
           + カプライト
             ( post  ->  kapu )      id:8588
             ( http://kapu.biglobe.ne.jp/ )
           + E-magazine
             ( post  ->  e-mag )     id:deswedge
             ( http://www.emaga.com/ )
           + めるまる
             ( post  ->  melmal )    id:deswedge
             ( http://www.melmal.com/ )
   ---
   +07 コピーライト（著作権）：
       Copyright(c)，1998-2003  KaRa designstudio
       許可無く転載することを禁じます。参照としてのバックナンバー
       へのリンクや引用は自由です。

 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

   +99 スタジオ１×１行プチニュース

       " 次号では今年のまとめとかやりたいと思っています "
       ( http://www.karadesign.com/designwedge/ )

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━