平素は格別のご高配を賜り、厚く御礼申し上げます。
弊社の年末年始の営業につきまして、ご案内いたします。

■年末年始休業期間

2010年12月30日（木）～2011年1月3日（月）まで

上記の期間中のお問い合わせ等につきましては、1月4日以降に順次対応させていただきます。ご不便をおかけいたしますが、何卒ご了承ください。

2011年もなお一層のご愛顧を賜りますよう、心よりお願い申し上げます。

報道関係者各位

2010年　11月11日
株式会社　クリエイティブホープ

11/11　「劇団四季idセンター」の新機能実現にクリエイティブホープが参画

Webコンサルティングカンパニーの株式会社クリエイティブホープ（所在地：東京都新宿区、代表取締役 大前 創希）は、11月11日に劇団四季（四季株式会社、所在地：神奈川県横浜市、代表取締役社長　浅利 慶太）が実施する劇団四季Webサイトリニューアル（プロジェクト名：劇団四季ウェブプラン2010）において、Web会員システム劇団四季idセンターの新機能"チケット送付システム"および興行界初となる"チケット出品サービス"などの機能強化において、WebコンサルティングおよびWebサイト・Webシステムの構築にて参画いたしました。

また、11月9日に自由劇場（所在地：東京都港区）に新規導入された、チケットレスシステム「劇団四季スマートチケット」の入場端末（ＡＴＭ）の制作に際しては、ＡＴＭ入力画面および入場チケットの券面の企画・デザインにて参画いたしました。

Webコンサルティングカンパニーの株式会社クリエイティブホープ（東京都新宿区・代表取締役　大前創希）は、劇団四季（四季株式会社　、所在地：神奈川県横浜市、代表取締役社長　浅利　慶太）が2009年より進めているWebサイトリニューアルプロジェクト「劇団四季ウェブプラン2010」において、WebコンサルティングおよびWebサイト構築の面から参画しています。その中で、劇団四季のWeb会員システム"劇団四季idセンター"は、7月の開設以来およそ2カ月間で約2万5000人の会員を集めるなど、順調にサービスの浸透が進んでいます。

この中で、11月11日には、劇団四季idセンターの新機能として、購入したチケットをWebサイトからデジタルデータとして一緒に観劇する方へ渡すことができる"チケット送付システム"、および、観劇できなくなったチケットを興行主が預かり、再販売マッチングを行う"チケット出品サービス"が公開されました。

クリエイティブホープでは、これら機能の実現に際し、Webサイト側でのシステム構築を行いました。劇団四季のビジネスニーズに対する要件定義を行い、劇団四季の基幹システムとのつなぎこみを含めたWebシステムの設計・構築も担当し、WebコンサルティングとWebサイト構築の面から、プロジェクトの推進に貢献しました。この他にも劇団四季idセンターには様々な機能追加を実施しており、弊社がその実現に参画しています。

また、この他11月9日には、劇団四季自由劇場（所在地：東京都港区）において、携帯電話のＱＲコードを利用したチケットレス入場システム「劇団四季スマートチケット」が新規導入されます。

"劇団四季スマートチケット"は、本プロジェクトにおいて本年7月11日より、導入が開始されており、最終的には劇団四季の全専用劇場において、Webサイトでチケットを購入し、携帯電話をかざすだけで入場が可能になります。

この入場に関わる設備構築の中で、弊社では劇場内のチケットレスシステム入場端末（ＡＴＭ）のユーザーインタフェースなどのフロントエンドシステムの構築・デザインを担当しました。入力がしやすいだけでなく、ミュージカルの魅力を伝えるビジュアルの面にも配慮したシステム構築に寄与しました。また、このほか、チケットレスシステムでの入場後各来場者に発行するチケットの券面のデザインも担当しました。

今回の自由劇場の改修は11月9日（火）に東京公演が開始される劇団四季の推理サスペンス劇「スルース（探偵）」の開幕に合わせて行われるもので、劇団四季の専用劇場では四季劇場[夏]に次いで、2番目の導入となります。

2010年から2011年にかけて行われる「劇団四季ウェブプラン2010」では、入場券データの完全電子化を進め、マス媒体からユーザ 一人ひとりに最適な情報を届ける個人向け媒体への進化を図っていきます。弊社では引き続きWebコンサルティングとWebサイトおよび入場端末等の制作・構築の面からプロジェクトの円滑な実施に貢献して参ります。

■株式会社クリエイティブホープについて

クリエイティブホープは、緻密な分析力、事業計画まで踏み込んだ提案力を元に、クライアント利益の最大化に寄与する "Webコンサルティング カンパニー"です。

2002年の設立以来、Web戦略の立案・ブランディングから、アクセス解析に基づく科学的サイト分析、Webサイトの設計・構築・運用に至るまで、ワンストップでサービスを提供し、数々のナショナルブランドや国際的な企業や団体のWebサイトの成功を支えています。

URL: http://www.creativehope.co.jp

■劇団四季（四季株式会社）について

劇団四季は1953年に創立された日本でも最大規模の劇団です。現在9カ所の専用劇場を持ち、年間のステージ数は3,000回を超える規模を誇ります。

ブロードウェイミュージカルなど数多くのロングラン公演を成功させ、演劇界に新たな潮流を生み出し続けています。

URL： http://www.shiki.jp/

＜補足資料＞

11月11日に導入される劇団四季Ｗｅｂサイト（劇団四季idセンター）の新機能

■チケット送付システム

Webサイトからまとめて購入したチケットを、一緒に観劇する方へ"ケータイＱＲチケット"として送付するサービスです。これにより、お客様同士で事前に紙のチケットをやり取りする必要がなくなります。クリエイティブホープでは、Webサイトおよびフロントエンドシステム、および基幹システムとの連携部分に関する要件定義・設計・構築を担当しました。

■チケット出品サービス（興行界初）

チケットを予約していたが、観劇できなくなったお客様と、特定の日に観劇したいがもう席がない、というお客様を劇団四季自らがマッチングさせるサービス。出品した座席を劇団四季がいったん預かり再販売を行い、再販売が成立した場合、購入金額分を「劇団四季ギフトカード」にチャージする仕組み。クリエイティブホープでは、Webサイトおよびフロントエンドシステム、および基幹システムとの連携部分に関する要件定義・設計・構築を担当しました。

(※当面は劇団四季idセンターに登録した「四季の会」会員のみを対象としたサービスとなります)

■その他の機能強化

上記の機能追加のほか、劇団四季idセンターの会員ページについて、下記のような機能強化を行っています。

・フレンドリスト（チケット送付システム関連機能）
チケットを送付する方を"劇団四季idセンター"へ招待し、登録していただく仕組みです。
idセンターから招待メールがそれぞれの方へ届き、劇団四季Webサイトからユーザ登録します。
チケットを送付するユーザへは、登録が電子メールで通知されるほか、登録状況をidセンターWebサイト上の"お知らせBOX"でいつでも確認可能です。

・お知らせBOX

各会員に対する個別の情報を表示する機能です。フレンドリストの登録終了通知のほか、出品サービスの再販売結果についての通知など、劇団四季からの各種通知情報が送信されます。

・チケット関連メニュー

劇団四季Webサイト以外（チケットセンター等）で購入した観劇前のチケットを、劇団四季idセンターに登録できる仕組みです。登録することで、チケット送付システムやチケット出品システムなど、劇団四季idセンターの機能の使用が可能になります。

・会員情報の機能強化

会員向けのアイコン機能の提供を開始し、ユーザは複数の画像から選択できる形になりました。

有料会員制度「四季の会」の会員は、四季の会の登録情報についても劇団四季idセンターのアカウントから変更可能になりました。

このほか、7月の劇団四季idセンター公開以来、Web会員向けのコンテンツ配信も強化しています。エリアターゲティングシステムの対応も強化し、劇団四季idセンターのユーザに対しては、登録されている住所に応じて最適な地域の演目をWebサイト上に表示される仕組みを構築し、劇場への来場を訴求していきます。

また、Web会員に限定した動画コンテンツも既に配信を開始しており、今後さらに個々のお客様向けのコンテンツ配信を強化していく計画です。

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

◆お問合せ先・取材等のお申込みはこちらまで。
株式会社クリエイティブホープ
〒160-0023 東京都新宿区西新宿7-22-45　KDX西新宿ビル4F
TEL 03-5925-2981  FAX 03-5925-2983
URL： http://www.creativehope.co.jp　E-mail： info@creativehope.co.jp
担当：広報室　鈴木

クリエイティブホープのブースでは、「Webコンサルティング無料相談所」と題し、第一線で活躍する実戦経験豊富なWebコンサルタントが、WebリニューアルやWeb事業の立ち上げに際する戦略立案から予算の獲得、そして実際のWebビジネスの成功・発展に至るまで、多くの課題を克服し、Webビジネスを成功に導くノウハウを紹介します。

クリエイティブホープはITproEXPO初出展となります。

WebリニューアルやWeb事業の立ち上げには、戦略立案から予算の獲得、そして実際のWebビジネスの成功・発展に至るまで、多くの課題への対応が求められます。本相談所では、実践経験豊富なコンサルタントが実例を交えて、そうした課題を克服しWebビジネスを成功に導くノウハウをご紹介します。

特に、経営企画、Webビジネス、マーケティング、広報のご担当者様は是非ご参加ください。また、無料相談以外にもご参加の方にはクリエイティブホープオリジナルRFP（提案依頼書）サンプルシート配布などの特典もご用意しております。

前回Web&モバイルマーケティングEXPOでも実施し、連日大盛況を頂いた企画です！ぜひ会場へお越しください！

■クリエイティブホープITproEXPO出展関連Webサイト
http://www.creativehope.co.jp/seminar/009/

■ブース紹介

＜大前の館＞
代表取締役社長：大前 創希（おおまえ そうき）
企業におけるWebサイト戦略を立案することは、決して簡単な作業ではありません。企業の成長に影響を与えるWebサイトの戦略を立案し、それらを実行するための予算を決め、更に実施するための制作会社を選定するといった事に至るまで、多岐にわたる専門的が必要になります。私たちクリエイティブホープは、企業のWebサイト戦略立案から運営委託までの幅広いサービスを提供し、お客様の戦略的アドバイザリーや問題解決を実施してきました。本EXPOでは豊富な経験から、短時間でも何かしらのアドバイスが出来る事を目指していますので、お気軽に立ち寄り下さい。

自己紹介
2002年に株式会社クリエイティブホープを創業し，戦略面を重視したWebコンサルティングを展開。Webコンサルタントとして数々のナショナルブランドや国際的な企業・団体の大規模Webサイトを成功に導く。2009年4月には，アクセス解析の協議会「アクセス解析イニシアチブ」の立ち上げに参画し，副代表を務める。

実績紹介
大塚製薬株式会社様【Webコンサルティング・構築】
大塚製薬eコマース オオツカプラスワン【Webコンサルティング・構築】
財団法人世界自然保護基金ジャパン (WWFジャパン)
【Webコンサルティング・構築】
某大手輸入車 インターネット戦略策定及び全プロジェクト統括
【Webコンサルティング】
某大手通販事業者 戦略アドバイザー【Webコンサルティング】
その他多数あり

執筆・講演歴
連載：現在技術評論社発行「WebSiteExpert」誌にて「大前創希のネットストラテジックビジョン」を連載中　（技術評論社Webサイト　http://gihyo.jp/magazine/WSE）
講演：「第4回戦略的Webマーケティングセミナー」基調講演（技術評論社主催・2010年9月29日開催）
ほか

―――――――――――――――――――――――――――――――――――――――――――――――
＜茅野相談所＞
取締役（Webコンサルタント）：茅野 智路（かやの ともみち）
新規事業の立ち上げ、事業の収益拡大を得意分野としストイックでシュールな手法でカイゼンします。

自己紹介
ITインキュベーション企業にてポイント系Web広告事業のビジネスモデル構築や立ち上げ、実施。またショッピングモール事業の事業拡大まで関わる。その後事業会社にてWebアプリ事業の立ち上げ、情報サイトの広告ビジネスモデル構築、複数サービスのロゴ・名称統一ブランディングに携わり、売上を5倍に成長させる。
2004年よりクリエイティブホープにて、Webコンサルタントとして企業の売上・限界利益をいかに上げるのかをBSC視点で実施中。

実績紹介
某サービス提供企業：企業の売上15%向上
某金融系企業：金融商品のシェア拡大のため市場活性化企画案の構築
某A社：新規ビジネスモデルの構築
某NGO団体：通販事業の業務改善（ECシステム、基幹、物流、倉庫等全て）
.
―――――――――――――――――――――――――――――――――――――――――――――――
＜高松相談所＞
Webインテグレート事業部 事業部長（プロデューサー）：高松 建太郎 （たかまつ けんたろう）
商店街ECサイトから証券会社システムまで。Webディレクター14年の経験値で、あなたのお悩みに直球でお応えします！

自己紹介
2000年大手Web構築ベンダーに入社。
5年間で数多くのWebサイトコンサルティング・構築をWebディレクター、プロデューサーとして手掛ける。
2006年国内最大手賃貸不動産メディアに入社。
グループの物件検索サイト全面リニューアルをプロデュース。その後、Webシステム統合プロジェクトのプロジェクトマネージャーを務める。
2008年株式会社クリエイティブホープ入社。発注企業側と受託側双方の豊富な経験を生かし、多数の企業のWebサイトコンサルティングおよびその構築で活躍している。
実績紹介
Web部署立ち上げ、運営、強化（クライアント経験あり）
中長期戦略策定
PL最適化
KPI策定
検索システム構築
CMS導入・評価
見込顧客獲得
CGMマーケティング（Twitter、Blog、SNS）
.
―――――――――――――――――――――――――――――――――――――――――――――――
＜田邉相談所＞
Webコンサルタント：田邉 耕平（たなべ こうへい）
Webの進化は、企業活動だけではなく生活者の価値観やコミュニケーションのあり方までを変化させています。
4年間のPDCA（データ分析→施策立案→実行→効果測定）成功＆失敗経験を基礎として、Web新時代のプロモーション、リレーション、マネタイズ課題をあなたと共に考え抜きます。
※強面が苦手な方は当相談所へ。最もフレッシュで低姿勢な相談所です。

自己紹介
インターネット映像配信事業会社を経て、2006年よりクリエイティブホープ入社。
アクセスログ分析、ユーザビリティ調査、Webディレクション、マーケティング支援を担当。2009年WWFジャパン様との出会いから、Webを活用したコーズ・リレーテッド・マーケティング（企業とNGO/NPO団体の協力による社会貢献活動）支援サービスを始動中。

実績紹介
WWFジャパン様：Webサイトフルリニューアル
（CMS選定導入・サーバリプレイス含む）
某直販EC様：売上増加支援
某スキンケアブランド様：ブランディング／直販EC売上支援
その他多数あり

参考：WWFジャパンWebサイトリニューアル事例
http://www.creativehope.co.jp/results/consulting/wwf_renewal.html
―――――――――――――――――――――――――――――――――――――――――――――――
＜.概要＞
日程
2010年10月18日（月）～10月20日（水）10:00～17:30

参加をお勧めしたいご担当者様
マーケティング、販促・広報責任者、実務ご担当者様
経営者、経営企画 責任者、実務ご担当者様
Web・ネットビジネス 責任者、実務ご担当者様

会場
東京ビッグサイト 東展示棟（ITproEXPO内、Sales & Marketing Solution2010コーナー）
東4-6展示ホール 小間番号16-11

お申し込み・詳細情報
http://itpro.nikkeibp.co.jp/expo/index.html

来場特典
特典1：無料診断サービス
（当日会場にてアンケートにお答えいただいた方対象）

特典2：RFPサンプル配布
当日会場にてRFP（提案依頼書）の作成に役立つサンプルシートを配布いたします。

■株式会社クリエイティブホープについて
クリエイティブホープは、緻密な分析力、事業計画まで踏み込んだ提案力を元に、クライアント利益の最大化に寄与する "Webコンサルティング カンパニー"です。

2002年の設立以来、Web戦略の立案・ブランディングから、アクセス解析に基づく科学的サイト分析、Webサイトの設計・構築・運用に至るまで、ワンストップでサービスを提供し、数々のナショナルブランドや国際的な企業や団体のWebサイトの成功を支えています。
URL: http://www.creativehope.co.jp

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

◆お問合せ先・取材等のお申込みはこちらまで。
株式会社クリエイティブホープ
〒160-0023 東京都新宿区西新宿7-22-45 KDX西新宿ビル4F
TEL 03-5925-2981 FAX 03-5925-2983
URL： http://www.creativehope.co.jp/ E-mail： info@creativehope.co.jp
担当：広報室 鈴木

基調講演では「コンバージョンに"徹底的"にこだわったWebサイトプロジェクト事例」をテーマに、コンバージョンを上げていく具体的な手法について、事例を交えてご紹介します。
なお、基調講演では、劇団四季様の「劇団四季ウェブプラン2010」の事例も含めてご紹介する予定です。

また、当日のトークセッションにもパネラーとして登壇いたします。

お申し込みの上、ぜひふるってご参加ください。

■開催概要■

第4回 戦略的Webマーケティングセミナー
成功事例から学ぶ！コンバージョンレート向上のための次の一手

主催：株式会社技術評論社
日時：2010年9月29日（水）13：00～18：20
会場：UDXギャラリー（秋葉原駅徒歩2分）
定員：200名
詳細情報・お申込：http://gihyo.jp/event/2010/webmk04
※2010年9月17日一次締め切りです。お早めにお申し込み下さい。

■基調講演（13：00～14：00）
「コンバージョンに"徹底的"にこだわったWebサイトプロジェクト事例」

皆様は、Webサイトの成功イメージを、数値や指標で具体的に定義していらっしゃるでしょうか？ 本講演では、国内の大規模Webプロジェクトの成功事例から、その背景にある"成功に導いたキーファクター"を学び、具体的な成果指標の設定手法をはじめ、コンバージョンアップに繋がる"次の打ち手"を考えるヒントを持ち帰って頂くことをテーマに語ります。

講演者： 大前 創希（株式会社クリエイティブホープ 代表取締役）

※基調講演では、弊社もプロジェクトに参画している「劇団四季ウェブプラン2010」の事例についてもご紹介する予定です。
参考情報：弊社実績紹介（劇団四季様事例）
http://www.creativehope.co.jp/results/consulting/index.html#shiki

■トークセッション（17:10～18:20 ）

～事例から読み解く～
顧客基点のWebマーケティングとは？

パネラーとして、弊社代表取締役 大前 創希が登壇するほか、弊社がWebリニューアルに参画しているWWFジャパン様もご登壇される予定です。
モデレータ： 馮 富久様（株式会社技術評論社 クロスメディア事業部部長代理 兼 Web Site Expert編集長）

参考情報：WWFジャパンWebサイトリニューアル事例
http://www.creativehope.co.jp/results/consulting/wwf_renewal.html

■弊社代表取締役 大前 創希プロフィール
株式会社クリエイティブホープ代表取締役，アクセス解析イニシアチブ 副代表。

2002年に株式会社クリエイティブホープを創業し、戦略面を重視したWebコンサルティングを展開。Web戦略の立案・ブランディングから、アクセス解析に基づく科学的サイト分析、Webサイトの設計・構築・運用に至るワンストップサービスを立ち上げ、自らもWebコンサルタントとして数々のナショナルブランドや国際的な企業・団体の大規模Webサイトを成功に導く。2009年4月には、アクセス解析の協議会「アクセス解析イニシアチブ」の立ち上げに参画し、副代表を務める。
現在、技術評論社「WebSiteExpert」誌にて「大前創希のネットストラテジックビジョン」を連載中。

・技術評論社「WebSiteExpert」
http://gihyo.jp/magazine/WSE

お客様各位

拝啓　盛夏の候、貴社ますますご盛栄のこととお慶び申し上げます。平素は格別のお引き立てをいただき、厚く御礼申し上げます。

さて、業務拡大に伴い、弊社ではかねてより新オフィスへの移転準備を進めて参りましたが、この度新オフィスが完成し、移転を完了いたしましたのでお知らせいたします。

新オフィスでは、セミナールームの新設など皆様へ有用な情報をお届けする設備をご用意し、社内的にはコンセントレーション・スペースなど、従業員の生産性向上のための機能も盛り込み、よりクリエイティブに業務に取り組める環境を整えました。

今回のオフィス移転は同ビル内で階数が変わるのみですので、お近くにお立ち寄りの際は、ぜひお気軽にお立ち寄り下さいませ。

新しいオフィスで、従業員一同フレッシュな気持ちで、より一層皆様の課題にお応えできるWebコンサルティングカンパニーとなるべく誠心誠意取り組んで参りますので、今後とも一層のお引き立てを賜りますようお願い申し上げます。

■株式会社クリエイティブホープ　新住所

〒160-0023
東京都新宿区西新宿7-22-45 KDX西新宿ビル4F
（ビル内のフロア移転のため、建物は変わりございません。）
電話番号：03-5925-2981
FAX：03-5925-2983
地図：
http://www.creativehope.co.jp/company/map/

弊社新オフィスのご紹介

■４Ｆ弊社エントランス

新しいオフィスのエントランス（受付）です。

■オフィスフロア

弊社Webコンサルタントおよびクリエイティブスタッフの勤務スペースです。

■セミナールーム / 大会議室

新オフィス移転に伴い新たにセミナールームを開設いたしました。
今後弊社主催セミナーの開催を予定しております。

■会議室

お打ち合わせ用の会議室です。

■ミーティングスペース

社内に設けた簡易ミーティングスペースです。

■コンセントレーション（集中）・スペース

弊社Webコンサルタントおよびクリエイティブスタッフの生産性向上を図るため、自席の他に利用できる作業ブースを用意し、コンセントレーション・スペースといたしました。

■リラクゼーション・ルーム

作業の合間に社員がリフレッシュをするためのスペースです。

■社長室

弊社代表の執務室です。





新しいオフィスで、従業員一同皆様のWebサイトおよびWeb事業の発展のため、誠心誠意取り組んで参ります。今後とも株式会社クリエイティブホープをどうぞ宜しくお願い致します。

●書籍「FREE」について

2009年、出版物の推定販売額が1989年以来21年ぶりに2兆円を割り込んだとのことです。

そんな出版不況の中、発売から3ヶ月で14万部という速さで売れているWeb関連のビジネス書が「FREE」。著者は雑誌「ワイヤード」の編集長をつとめるクリス・アンダーソンです。

●フリーモデル

今、生活している中で僕らが利用しているサービスも無料のモノが多くなっています。GoogleもTwitterもスカイプも無料です。しかし、無料であってもそのコストは誰かが負担しています。誰がどうコストを負担し、フリーのサービスができているのでしょうか。この本ではそのモデルを4つに分類しています。

◆1：直接的内部相互補助

初回無料のスポーツクラブなど、有料の商品と無料の商品を組み合わせて提供するモデルこの無料分のコストは製品・サービスに内包されています。

◆2：消費者がコンテンツを無料で得るために第三者（広告主）が費用を払うというメディアに象徴される三者間市場

この場合は、広告主がコストを支払っています。

◆3：フリーミアム

基本的なサービスを無料で提供し、さらに高度な機能や特別な機能について料金を課金する仕組みのビジネスモデル

Web特有のモデルの１つです。インターネットの登場から技術進化により、情報流通のコスト構造は抜本的に変化しました。デジタルコピーは何百万本でも無料で配ることができます。

Webサービスでは、ユーザ数が10,000人でも10,001人でも、運営者側にかかるコストはほぼ変わりません。少数の有料ユーザが存在すれば、その他の無料ユーザのコストはほぼ無料になります。

◆4：ウィキペディアやＳＮＳなど評判や注目と言った金銭以外のインセンティブによって成り立つ非貨幣経済

Webの進化がもたらした価値観の変化が最も現れているのがこの非貨幣経済です。貨幣経済から評判経済への移行とも思える非貨幣経済。これまで計測ができなかった「評判」がトラフィックとリンクによって計測可能になりました。例えばGoogleはこれを貨幣価値として転嫁する仕組みを提供しています。

●本書の大切なこと

インターネットの成果ではデータがフリー（タダ、自由）になっていくことは必然であり、止められません。むしろそうした状況を積極的に利用して潜在顧客を増やすなどに利用することが大切だと感じます。

本書で印象的だったフレーズが次の言葉です。

「潤沢さは新たな稀少さを生みだす。」

あるモノやサービスが無料になると、価値はひとつ高次のレイヤーに移します。100年前には娯楽は稀少で時間が潤沢だったが今はその逆です。デジタルでの情報発信コストは限りなくゼロで情報はあふれ返っています。

溢れる情報の潤沢さが生み出した稀少さとは何なのでしょうか。

それは「時間」「リスク」「嗜好」「ステイタス」などです。

今では時間がもったいなくてテレビを見ないという人も知っている限りでもいらっしゃいます。コンテンツより時間のほうが稀少だからです。例えばオーディオブックは2倍速の方がよく売れるそうです。より時間を効率的に使いたいと言うより高次の欲求を満たすからではないでしょうか。

フリーは既存のモノの価値を破壊しますが、新たな価値をその周辺に生み出しています。

それを見つけ、金銭的価値に転嫁する知恵が求められています。

（田邉）

今回は昨年大ヒットした書籍「FREE」について、Webを中心として振り返ってみたいと思います。

今回は、JavaScript(JS)について知識のおさらいをしたいと思います。エンジニア的には「ちょっと違うんじゃないか」と思うかもしれませんが、あまり詳しくない方も対象として、噛み砕いた説明をするためですので、ご了承ください。

◆そもそも、JavaScriptとは
主にWebブラウザ上で動作し、HTMLの書き換えや入力フォームの自動補完など、ウェブページの演出や補助を目的として使用されたり、リッチ・インターネット・アプリケーションの構築に使われたりする、スクリプト言語※です。

※スクリプト言語

アプリケーションの動作について、台本（script：スクリプト）のように記述し制御することから名づけられた、簡易的なプログラミング言語の呼称。

ちなみにブラウザで動くスクリプト言語は他にもあります。
＞JScript (IEで実装されているJavaScriptと似ているスクリプト言語)
＞VBScript (IE × Windowsでしか動かないスクリプト言語)

◆JavaScriptの基礎
JSの機能はセキュリティ上の理由でブラウザの中でしか動きません。
例外はありますが、基本的にJSでハードディスクに何かを保存したり別のアプリケーションを立ち上げたりすることは出来ません。

その上でJSは大きく3種類の機能があります。
１：BOM(ブラウザオブジェクトモデル)
＞ブラウザをオープンしたりクローズしたり、前のページに戻ることが出来ます。
ブラウザアプリケーションを操作する機能です。

２：DOM(ドキュメントオブジェクトモデル)
＞文字を書き換えたり、スタイルを変更することができます。
ブラウザが取り込んだHTMLを制御する機能です。
(例としては、クリックでの表示切替や、ドラッグアンドドロップ)

３：外部通信
＞外部にHTTPで接続してサーバでプログラムを実行したり、情報を取り出したりすることが出来ます。
（いわゆるAJAXといわれる非同期通信を可能にする機能です。）

◆JavaScriptの問題点
JavaScriptの問題点は、みなさんも知っての通りブラウザごとにJSの動きが異なることです。このため、実際に実装するためには各種ブラウザでのテストや、クロスブラウザ対策が必要になります。

クロスブラウザ対策の一例として、JavaScriptに各ブラウザ別の動作パターンを記述するケースがあります。このほか、JavaScriptを利用した入力フォームの自動補完機能などでは、ブラウザによって動作しない場合の例外処理をきちんと定義しておくことも大切です。

◆JavaScriptの現状と今後
ドキュメントオブジェクトモデルに焦点を当てますと
DOMはW3Cにより仕様が勧告されてきました。

1998年10月 DOM Level 1勧告（XML制御のコア機能とHTMLへの制御機能）
2003年 1月 DOM Level 2勧告（イベントやCSSの制御機能の拡張）
2004年 4月 DOM Level 3勧告（XMLへのさらなる互換性向上）

となっています。
DOM Level 3が勧告されて6年立ちましたが、ようやくIE9がDOM Level 2に対応するそうです。

主要ブラウザの互換性が高くなってきて、開発者のJSに対する敷居も低くなってきました。
今後、大手企業もどんどんサイト内でJSを使用した様々な演出効果やウェブアプリケーションが出てくるでしょう。

しかし、JSの活用が進んでくると逆に「JSが動く環境」「JSが動かない環境」どちらでも見られるサイト設計がさらに重要になってくるのではないでしょうか。

たとえば、JavaScriptが動作しない場合に、少なくともレイアウトは崩れないようページデザインを設計する必要があります。

また、JavaScriptを利用し、郵便番号を入力してボタンをクリックすると住所が補完されるようなフォームでは、JavaScriptが動作しない場合には、住所補完用のボタンを表示せず、通常の（ユーザーが住所すべてを入力する）フォームに見えるようにする工夫も必要になってきます。

JavaScriptをWebサイトに積極的に取り入れつつも、ユーザーの利便性を損なわないサイト作りを心がけたいものです。

（アプリケーションチーム）

Webサイトのデザインを考える時に、その"美しさ"も重要な要素になります。今回は、WEBデザインにも使えるものとして、「黄金比」と、日本人に馴染み深いとされている「白銀比」についてご紹介します。

黄金比と白銀比、いずれも安定感のある美しい比率、とされています。まずは「黄金比」と「白銀比」について簡単に見てみましょう。

■西洋の「黄金比」

・1.6：1　の比率

・西欧を中心に好まれている

＜例＞

・パルテノン神殿正面の縦横の比率

・パリの凱旋（がいせん）門の全体の高さと真ん中の通り抜け部分の高さの比率

・ミロのビーナスの顔の縦横や全長とつま先からへそまでの長さとの比率

■日本の「白銀比」

・1.4：1の比率

・日本でより好まれている

＜例＞

・寺社仏閣の敷地の短辺と長辺の比率

・仏像や菩薩（ぼさつ）の顔の縦横の比率

（毎日新聞　2010年5月20日「おもしろ数楽」より一部引用）

これらでも分かる通り、洋の東西を問わず、古代より多くのアーティストや建築家が、安定したデザインの特性として、こうした比率を活用してきたと考えられています。

白銀比には日本の例が挙げられていますが、日本人は黄金比よりも白銀比に近い比率や正方形を好む傾向も、指摘されています。昔から日本人が採用してきた白銀比が様々な日々のシーンで身近に登場している事で、もしかしたら私達日本人の好みが、白銀比よりになっているのかもしれません。

ですので、よく知られている黄金比をWEBデザインに取り入れるだけでなく、日本人の好みにより近い白銀比も取り入れてみるのも面白いのではないでしょうか。

WEBデザインに黄金比や白銀比を取り入れる場合は、例えば画像の比率や、サイトの幅などで活用できると思います。

黄金比や白銀比は計算が煩雑なのですが、数値を記入すると自動で黄金比と白銀比をはかってくれる便利なツールもあります。URLをご紹介しますので、黄金比や白銀比を計算するときに参考にしてはいかがでしょうか。

（田中）

＜計算ツールなど＞

* Webデザイン黄金比計算ツール

http://zapanet.info/blog/item/1298

* Webデザイン白銀比計算ツール

http://zapanet.info/blog/item/1300

* アプリケーションとして黄金比・白銀比計算ツール「ZAPA GS」

http://airappli.com/zapaappli/45.html

Webサイトのリニューアルやコンテンツの追加では、多くのページの作成と、それに伴うデザイン作業が発生します。今回は、そんなWebサイト構築時のデザイン共通化の効用をご紹介します。

Webサイト構築で用いられる手法として、「ワイヤーフレーム」の活用があります。「ワイヤーフレーム」とは、いわばWebページの下書きのようなものです。1ページ1ページデザインをする前に、輪郭線（ワイヤーフレーム）のみのラフスケッチを作り、構成要素の検討や、文章・図表のレイアウトを決めていくことから、こう呼ばれています。

このワイヤーフレームを活用して、Webサイト構築を省力化しようというのが、今回のテーマです。

今回の手法の活用に先立ち、サイトの中でキャンペーンページのように演出デザインを凝るページと、商品紹介のように、大量に同じ項目を掲載する、あるいは同じレイアウトが流用できるページを区別して洗い出しておきます。

そのうえで、同じレイアウトが流用できるページについては、ワイヤーフレームを"ラフスケッチ"とせずに、文章レイアウトやボタンなどのページ構成要素を詳細に盛り込んで、そのままHTMLに使える程度まで具体化・精緻化します。

こうしてワイヤーフレームの段階で共通化を図った上で、テキストや写真などの各ページの情報を流し込み、Webページのデザイン・制作に取り掛かるのです。

制作する上でのメリットは、1ページ1ページデザイン確認をする必要が無くなる点にあります。つまり1ページ1ページPSDでデザインデータを起こす必要が無くなるため、デザイナーのスケジュールを空けることが可能です。

またコーディングに関しても、デザインを共通化した全てのページを共通の文書構造でコーディングします。よって1ページ1ページ一からコーディングする必要がなくなり、コーダーのスケジュールを空けることもできます。

これは社内でWebページを制作する場合だけでなく、外部業者に制作を委託する場合にもメリットがあります。先ほどの制作上のメリットにより、スケジュール、コストの大幅なカットが可能になるのです。

（もちろん、ページの共通化について外部業者あるいは発注企業側がしっかりとコーディネートできることが前提です）

一方のデメリットとしては、デザインが画一的になる可能性があり、しっかりと見せたいページが目立たない恐れがあります。しかし、この点は目立たせたいページを切り分けた上で別途デザインすれば対策は可能になります。

つまり使い方が重要であり、かけるべきところにコストをかけ、かけなくてもいいところにはコストをかけない、Web制作する上で非常に正しい構築法と考えられます。

今回のTipsのポイントをおさらいしておきましょう

●デザインを共通化するページ、しないページを事前にしっかり決めておく

●事前に関係者に説明をして、デザイン共通化の趣旨を理解してもらう

●ワイヤーフレームの構成に基づいてHTMLを作成するため、予め精度が高いものを作る

この手法は、大規模なWebサイトリニューアルで活用し、スケジュールの短縮などに大きな成果を上げています。

（土井）

新たにWebページをデザインする時などで、大きな写真素材が不足している場合のTipsです。

日々のデザイン業務で、キービジュアルの作成など、大きな写真素材が必要な場合があると思います。そうした時に

・ページの内容に沿った（大きな）写真のカットがない

・大きな写真はあるが、画質がよくない

・解像度の低い素材しかない

なんてことが良くあります。

この問題の解決法として、「小さい素材を集めて大きい素材を作る」ことがとても有効なことがあります。今日はそれをご紹介します。

１：写真素材を集める

小さくても構わないので、写真素材をともかく収集します。たとえば、製品やサービスをPRするページの場合など、テーマに関連したものが含まれた写真を、解像度や大きさを問わず、数多く集めていきます。

（言うまでもありませんが、著作権などに問題がない素材であることが前提です。）

２：写真を組み合わせる

構成要素を切り抜いて新たに大きな画像を作っていきます。

たとえば、空や道路、木や人などを「パーツ」として、写真から切り抜き、それを組み合わせて「街」のキービジュアルを作るといったケースです。

たとえば「木」だけを切り抜いてしまうので、テーマから外れたものが映ってしまっている写真からも素材を切り出せます。

いかがでしょうか。

多くの写真を切り抜いたり、加工するので、多少手間と集中力は必要ですが、素材がないときの解決策として活用頂ければと思います。

筆者も、実際にこれを使ってビジュアルを作成し、ユーザーにとても喜ばれた経験もあるTipsです。（渡辺）

新たにWebページをデザインする時などで、大きな写真素材が不足している場合のTipsです。