Comments
Description
Transcript
シンプルで良質な商品を取り揃える 無印良品ネットストア - PFU
シンプルで良質な商品を取り揃える 無印良品ネットストアの構築 Online Store Design for Simple and Quality MUJI Products 安藤晋一 * 本多朋幸 ** Shin-ichi Ando Tomoyuki Honda * PFU アプリケーションズ株式会社 第二システム事業部 応用システム部 ** PFU アプリケーションズ株式会社 第二システム事業部 第一システム部 「無印良品」を展開する株式会社良品計画様ではオンラインストア「無印良品ネットストア」の急激な利用者の 増加に伴い，システムパフォーマンスの向上が急務となった．ネットストアの本格的な事業展開を見据え，処理能 力の向上や集客力，購買力の強化などをテーマにシステムリプレースが計画された．旧システムの分析，システム 開発，インフラ構築，移行，保守，監視までの顧客要件を PFU の Web サービスソリューションの採用により実 現させ，2010 年 11 月にリニューアルオープンした． Ryohin Keikaku Co., Ltd., a company that launched the "MUJI" brand, faced an urgent need to improve the system performance of its online store, "Mujirushi Ryohin Net Store", in order to cope with a rapid increase of users. A replacement of the system was deemed necessary to achieve a full-scale expansion of its online store by improving processing capacity, attracting more customers, and increasing the amount of sales. We realized Ryohin Keikaku Co., Ltd.'s requirements for old system analysis, system development, infrastructure configuration, system replacement, system maintenance, and system monitoring by adopting our Web service solution. Due to this, the online store was re-launched in November 2010. 1 まえがき ステムがスローダウンして利用者に迷惑をかける状況が 参１） 株式会社良品計画様（以下良品計画） は，シンプ 生じていた． ルで良質な商品にファンの多い「無印良品」の企画開発・ サイト運用面では，掲載種毎（PC，携帯，キャンペー 製造から流通・販売までを行う製造小売業として，衣料 ン）に静的コンテンツを作成し，手動で更新していたた 品から家庭用品，食品など日常生活全般にわたる商品群 め，ミスが生じやすいほか，サイト更新に手間と時間が （現在では約 7,500 品目以上）を展開している． 無印良品の店舗は国内に直営店 238 店舗，商品供給 かかり，タイムリーな販売促進活動が難しかった． 製造小売業を取り巻く状況に目を向けると，景気，消 店 121 店舗（2011 年 2 月末日現在）を展開しているが， 費，購買マインドは冷え込み，消費者の商品選択の眼が 店舗が近くに無い人や時間の都合で店舗に来られない人 よりシビア（高級／低価格，自分にあった商品の選択志 にも購買の機会を提供することを目的に無印良品の商品 向）になる反面，インターネットやモバイル人口の増加 を取り扱う 「無印良品ネットストア」 （以下ネットストア） により販売機会は拡大していた． をオンラインショッピング黎明期の 2000 年にスター トした． ネットストアが直面する上記の課題を解決するため に，良品計画では 2009 年にネットストアのリプレー 2006 年 12 月にシステムをリニューアルした後，利 スが計画された．PFU は現行ネットストアの構築・運 用者が想定を超えて増大したことで，導入 3 年目には設 営の経験および新たな課題解決への提案が評価されて受 定されたサービスレベルを超えるアクセスが発生し，シ 注，構築し，2010 年 11 月にリニューアルオープンを 6 PFU Tech. Rev., 22, 2,pp.6-12 (11,2011) シンプルで良質な商品を取り揃える無印良品ネットストアの構築 する． （４）多様な支払い方法 旧ネットストアから提供しているクレジットカード・ 代金引き換え・MUJI GIFT CARD・MUJI.net クー ポンに加え， 新たに楽天あんしん支払いサービス（2011 年 8 月開始）を利用した支払いが行える． （５）多様なアクセス方法 家庭などからの PC によるアクセスのほか，モバイル アクセスでは携帯電話 3 キャリア（NTT ドコモ，AU， ソフトバンク）の販売機種に幅広く対応している（200 機種以上） ． また，携帯電話では軽快な商品選択操作を Adobe 注１） Flash のアプリケーションで実現している． 2.2 本システムの構成 ◆図 -1 新ネットストアのトップ◆ （Fig.1-New online store main page） ネットストアは，(1) フロント系サーバ，(2) コンテ ンツ管理系サーバ，(3) 管理系サーバ，(4)DB サーバ のサーバ群と，良品計画の (5) 社内システムや (6) 外部 参２） 果たした ． 図 - １に新ネットストアのトップ画面を示す． 本稿では，新ネットストアの特長，構成，構築上のポ イント，移行の取り組みを紹介する． ASP サービスと連携したシステム構成をとる． 図 - ２にネットストアの構成を示す． （１）フロント系サーバ PC や携帯電話からアクセスする利用者への全サービ スを扱うフロント Web/AP サーバ，商品プロモーショ 2 無印良品ネットストア参３）の概要と特長 ン／レコメンド機能を提供する FAST ImPulse/FAST 2.1 本システムの概要と特長 ネットストアは，無印良品の商品を 24 時間いつでも ネットストア会員 簡単にお買い物ができるオンラインショッピングサイト であり，MUJI.net 会員（以下会員）向けの検索・照会・ (6) (1) 購入機能， 抽選機能， 募金機能， 店頭受取機能などと， ネッ トストア運営を支える管理機能からなり，次の特長を持 つ． （１）250 万会員が利用するサイト クレジット 決済 （ASP） 間）には普段の 10 倍を超えるアクセスが集中する． アフィリ エイト （ASP） … (4) 注文情報 商品情報 基幹 システム （社内） (2) コンテンツ Flash 携帯 管理サーバ コンテンツ コンテンツ 変換装置 変換装置 物流 システム （社内） (3) 管理Web/AP サーバ （２）7,000 点を超える商品から軽快な商品検索 「カテゴリトップ→サブカテゴリ→商品詳細」のシン (5) Web メール フロントWeb/AP FAST FAST 【参照系DB】 Cache 配信 サーバ Im- Recommenサーバ サーバ Pulse dations DBサーバ 【更新系DB】 250 万を超える会員が 24 時間利用する．特に無印 良品週間（MUJICard/MUJI.net 会員対象のセール期 無印良品ネットストア 勘定 システム （社内） 良品計画スタッフ プルな階層構造による選択，チラシやカタログ掲載の商 品番号による商品表示，マイページに登録したお気に入 ◆図 -2 ネットストアの構成◆ り商品表示など多様な方法で，7,000 点以上の商品か （Fig.2-Online store organization） ら目的の商品に素早くたどり着くことができる． （３）利用者にマッチした商品情報の提供 会員毎の利用状況に応じて最適なおすすめ商品を紹介 PFU Tech. Rev., 22, 2, (11,2011) 注１）Adobe は，Adobe Systems Incorporated（アドビ システ ムズ社）の米国ならびに他の国における商標または登録商標で ある． 7 シンプルで良質な商品を取り揃える無印良品ネットストアの構築 Recommendations 注２）サーバ， メールマガジンの一斉 配信など会員向けへメール送信するメール配信サーバで 構成する． （２）コンテンツ管理系サーバ 商品情報（テキスト，画像など）を作成管理するコン テンツ管理サーバ，携帯電話の機種毎に適切な形式のコ 3 新ネットストア構築のポイント 新ネットストアの構築では，2.3 節の狙いを元に旧シ ステムの分析，システム開発，インフラ構築，移行，保 守，監視までの顧客要件実現を PFU の「Web サービ スソリューション」により，ONE STOP にて実現した． ンテンツを生成する携帯コンテンツ変換装置，Adobe Flash 形式のコンテンツを生成する Flash コンテンツ 変換装置で構成する． （３）管理系サーバ 良品計画スタッフの業務機能（商品情報登録，会員管 3.1 ネットストアの処理能力の強化 ネットストアの処理能力の強化では，旧システムが抱 える処理能力不足を解消する緊急課題と，ネットストア 利用者数の今後の増大へ対応する将来課題を，システム 理，注文管理機能など）を提供する管理 Web/AP サー コストの抑制を考慮して解決する必要があった． バで構成する． 3.1.1 性能要件 （４）DB サーバ ネットストアの核をなす会員情報，商品情報，注文情 報を管理する DB サーバと NAS で構成する． （５）社内システム 商品情報や価格情報などのマスタ情報を提供する基幹 ネットストアは，平常時間帯（キャンペーンなしの 日中時間帯）の 10 倍超のアクセスが集中するピーク時 間帯（キャンペーン期間終了間際）でも利用者がストレ スなく商品照会や購入の操作を行え，かつ，今後利用者 が増大した時（2009 年最大アクセス時の 4 倍を想定） システム，商品在庫や配送を管理する物流システム，売 でもクリアできる処理能力を必要とした． 上を管理する勘定システムと連携する． 3.1.2 処理能力の強化方針 （６）外部 ASP サービス クレジット決済 ASP，アフィリエイト ASP などと 連携する． 緊急課題（旧ネットストアでの処理能力不足）と将来 課題（利用者数の増加）に対して，以下の考え方で強化 を図ることとした． （１）緊急課題への方針 2.3 本システムの狙い ネットストアのリニューアルにあたり，次に示す 3 点の実現を目指した． （１）ネットストアの処理能力の強化 旧システムで発生していたシステム処理能力の不足を 解消すると共に，今後の利用者数の増大にも容易に追従 可能なシステム構成とする． （２）集客力向上に向けたサイト開発のレベルアップ 旧ネットストアの処理能力の分析により，商品照会時 の検索系処理及び購入時の更新系処理が DB サーバに 集中したために DB サーバが過負荷状態に陥っていた ことがスローダウンの原因と判明したため，DB サーバ の負荷分散を方針とした． （２）将来課題への方針 初期導入時のコストを抑えるため，将来の利用者 4 倍増に対しては，フロント Web/AP サーバの利用者数 ネットストアの利用向上や実店舗の購買拡大につなが の増加に応じてサーバの台数を増設することで性能向上 る新サービスをタイムリーに提供可能なサイト開発が可 を図る手法であるスケールアウト構成を採り，スケール 能なアプリケーション構造とする． アウト構成が難しい DB サーバは当初より将来増加時 （３）商品購買率の向上 利用者の購買意欲を高めるタイムリーなキャンペーン 運用や利用者固有の商品推薦を実現し，利用者の購買意 欲を高め，商品購買率の向上を図る． に対応可能なスペックのサーバを設置する方針とした． 3.1.3 DB サーバの分散 旧ネットストアでは全アクセスの 35% がキャッシュ サーバで対応できずに DB サーバで処理していた．新 ネットストアでは，DB サーバのアクセス比率を 35% から 6 割超減を（新ネットストアの全アクセス数の 13%）を目指した． 注２）FAST ImPulse，FAST Recommendations は， 米 国 Microsoft Corporation の，米国，日本およびその他の国にお ける登録商標または商標である． 8 15% 削減は旧システムでは未対応であったモバイル アクセスのキャッシュサーバ対応で実現し，7% 削減は PFU Tech. Rev., 22, 2, (11,2011) シンプルで良質な商品を取り揃える無印良品ネットストアの構築 旧システム 新システム ネットストア利用者 ネットストア利用者 インターネット インターネット カートページ 商品詳細ページ SCD キャッシュ サーバ フロントWeb/ APサーバ SCD フロントWeb/ APサーバ セクションページ DBサーバに集中 セクションページ 商品詳細ページ カートページ キャッシュ サーバ 65％を処理 35%を処理 DBサーバ 参照専用DBサーバ DBサーバ ◆図 -3 DB サーバの負荷分散◆ （Fig.3-DB server load balancing） DB サーバの分散化で実現した． 旧システム 新システム キャッシュサーバ対応 約65% キャッシュサーバ対応 約65% 旧ネットストアの DB 利用は，35% は商品検索・ 照会時の検索系処理，65% が購入時の DB 更新系処 理であったことから，新ネットストアでは参照専用 DB サーバの役割を新設した FAST ImPulse/FAST Recommendations サーバに持たせ，DB サーバは更 DBサーバ処理 35% 約15% 約7% DBサーバ処理 13% 新系処理に専従する構成を採用し，DB サーバの全アク セス比率 13% を達成した． 図 - ３に参照系／更新系 DB サーバによる負荷分散を， 図 - ４に負荷分散による DB アクセス比率の 6 割超減 を示す． 対策(1) モバイル アクセスの キャッシュ サーバ対応 対策(2) 参照専用 DBサーバ 対応 DBサーバ負荷比率 を6割超減 ◆図 -4 DB サーバのアクセス比◆ （Fig.4-DB server access rate） 3.1.4 フロント Web/AP サーバのスケールアウト構 成 クセス数を処理できることを確認できた． 利用者数の増大に伴うアクセス増にはフロント Web/ AP サーバの増設で対応した． フロント Web/AP サーバはブレードサーバを採用し， 3.2 集客力向上に向けたサイト運営のレベルアップ 旧ネットストアでは採用した EC サイトパッケージ 共有ディスクに配置したシステムイメージをローディン の制約により新サービスの追加が困難であった．新ネッ グして起動する SANBoot 構成を採用し，前段にはロー トストアでは EC サイトパッケージを採用せず，替りに ドバランサを配置し，利用者のアクセスを複数台あるフ ネットストアに最適化した独自のアプリケーション構造 ロント Web/AP サーバの 1 台へ自動振り分けする方式 を設計し，その実装には開発効率が高く Java 注３）のノウ としたことで，サーバ増設の容易性を実現した． ハウを活用できる Web アプリケーションフレームワー 図 - ５にフロント Web/AP サーバのスケールアウト 構成を示す． 3.1.5 成果 2010 年 11 月 11 日のリニューアルサービス開始か ら 1 週間後のキャンペーン期間（約 2 週間）では旧ネッ トストアで見られたシステムスローダウンの事態は発生 せず，ストレスなく利用することができた． また，将来課題についてはシステム性能評価において， フロント Web/AP サーバの増設により現在比 4 倍のア PFU Tech. Rev., 22, 2, (11,2011) ク Grails を採用した． 3.2.1 アプリケーション・アーキテクチャー ネットストアの変更容易性を実現するために，アプリ ケーション層／インターフェース層／コンポーネント層 の 3 層アーキテクチャーを採用した． コンポーネント層はネットストアで必要な共通サービ スを処理と DB 操作をセットにサービス毎の独立性を 注３）Java は，Oracle Corporation 及びその子会社，関連会社の 米国及びその他の国における登録商標である． 9 シンプルで良質な商品を取り揃える無印良品ネットストアの構築 サービス開始時の構成 会員数増加時の構成（将来） インターネット 会員数増加に 応じた増設 インターネット ロードバランサ 導入済サーバ 導入済サーバ （未実装） 増設サーバ ブレードシャーシ SAN上の システムイメージを 読み込んで起動する 共有ディスク フロントWeb/AP用 システムイメージ フロントWeb/AP用 システムイメージ ◆図 -5 フロント Web/AP サーバのスケールアウト構成◆ （Fig.5-Horizontal scaling of Web front-end/AP servers） 高めた複数コンポーネントで構成される． ション層の間でデータの受け渡しを担う． して主に画面操作を提供する． インターフェース層の導入により，変更頻度が少ない コンポーネント層と画面操作など変更頻度が多いアプリ フェースの変更はアプリケーション層のみの変更で対応 可能となった． コンポーネント層 ケーション層を疎結合にしたことで，ユーザーインター インターフェース層 アプリケーション層はネットストア会員や管理者に対 アプリケーション層 インターフェース層はコンポーネント層とアプリケー 会員機能 顧客（PC／モバイル） ネットストア管理者（PC） 【フロント系】 【管理系】 抽選機能 注文管理 … マスタ登録 （バッチ） 購入IF 抽選IF 物流IF … 決済IF 注文管理 抽選管理 商品機能 … 購入機能 会員IF 商品IF 会員管理 商品管理 … … Grails とは，Web アプリケーション開発に欠か …… マスタ管理 サービスイン後、 2ヵ月で実装・リリース 図 - ６に３層アーキテクチャーを示す． 3.2.2 Web アプリケーションフレームワーク Grails 在庫管理 ◆図 -6 3 層アーキテクチャー◆ （Fig.6-Three-layered architecture） せない機能（Web ページ制御／レイアウトエンジ ン，DB 操作，テスト，ロギング操作など）を標準で 2010 年 11 月のリニューアルオープン後も短期間で新 備える 2008 年にバージョン 1.0 がリリースされたま サービスの提供を続けている． だ新しい Web アプリケーション用フレームワークで 図 - ７に新ネットストアの新サービス提供時期を示す． ある．Groovy/Java/Java フレームワーク（Spring/ Hibernate 等）上に構築されているため，Java プロ グラミングやチューニングに関する知識を活用でき， 3.3 商品購買率の向上 商品購買率の向上を実現するため，利用者の好みを Java を用いたシステムと同程度の拡張性を確保しやす 分析し，興味の有りそうな商品を選んで表示するレコメ い特長をもつ． ンデーション機能や膨大な商品点数の中から目的の商品 ネットストア開発では，図 - ６に示した 3 層アーキ に素早くたどり着き購入につなげる商品検索機能を持つ テクチャーのうちインターフェース層及びコンポーネン フレームワークとして，多数の導入実績を持つ「FAST ト層の開発に適用してアプリケーション開発を行った． ImPulse」 「FAST Recommendations」を採用し， 3.2.3 成果 ネットストア向けに構築した． 3 層アーキテクチャーと Grails の採用により， 10 PFU Tech. Rev., 22, 2, (11,2011) シンプルで良質な商品を取り揃える無印良品ネットストアの構築 コンテンツ（サイト内のキャンペーンやバナー）の配信 2009 年度 2009年10月 新ネットストア構築スタート 管理を日次でタイムリーにミスのない配信が可能になり， 販売機会を逃さない運営を実現した． また，ネットストア会員のネットストアでの利用動向 をリアルタイムに反映したレコメンデーション機能は会 2010 年度 2010年11月 新ネットストアオープン 2010年12月 抽選， モバイル商品照会Flash対応 員一人一人に最適な商品の推薦を実現することができた． 図 - ８に会員毎のおすすめ商品表示画面例を示す． 2011年2月 募金対応 2011 年度 2011年7月 店頭受取対応 2011年8月 楽天あんしん支払いサービス対応 4 本システム移行時の取組み （１）移行計画のプランニング 新システムへの移行による停止時間は，現行システ ◆図 -7 新ネットストアの新サービス提供時期◆ （Fig.7-Timeline of new services for the new online store） ムの停止時間と同様，最大 3 日間という要件があった． 停止期間は，データ移行，社内システム連携・試験，オー プン準備にそれぞれ 1 日ずつ必要であると試算し，実 質的なシステム移行時間は 24 時間として以下の方針で 移行計画を立案した． １）移行対象データを削減（クリーニング） ２）移行停止時間を削減 ３）システム停止前試験の充実 ４）一括移行対象を限定 ５）移行失敗時の作業中止方針の策定 ６）一部機器を除き，ハードウェアは移行しない ７）稼働確認方法の確立 計画時より，随時顧客レビューを通じて移行時間の短 縮につながるよう，移行対象の削減を図った． （２）移行ツールの開発 移行ツールは計画方針に基づき，以下のような開発計 画を立案した． １）対象データを限定 ２）部分移行可能な仕様立案 ３）エラー解析を迅速にするログ出力 移行ツール開発は，アプリケーション開発と同様， Grails を採用し，本体アプリケーションの流用による 開発期間の短縮化を図った．また，移行時間の短縮を図 るため，開発・性能測定・修正を繰り返し，ツール性能 の向上と，移行スケジュールへのフィードバックを行っ た． 試験で出てくるエラーデータのうち，可能なものはす ◆図 -8 会員毎のおすすめ商品表示画面例◆ （Fig.8-Example screen of recommended products for members） べてデータ・クリーニングの対象として顧客レビューを 行い類似エラーを含めたクリーニングを実施した． （３）お客様を巻き込んだリハーサル 移行リハーサルは４回に分けて実施することを計画し その結果，商品カテゴリに連動したプロモーション PFU Tech. Rev., 22, 2, (11,2011) た．最初の２回は立案計画の時間的裏づけおよび，作業 11 シンプルで良質な商品を取り揃える無印良品ネットストアの構築 計画の問題点の抽出を目的とし，後半の２回は，データ・ 5 クリーニングを含み，本番移行へ向けての実現性を高め るためのものとした． むすび （１）ネットストアの評価 ２回目以降は，お客様の作業立会いや，移行確認を含 良品計画様からは，新システム導入の狙いであった， めて参画いただくことで，お客様自らが移行を実施する 販売機会の損失回避を処理能力向上により確認できたほ 意識を高め，問題点の抽出・エラーデータの検証などを か， コンテンツ制作時間の短縮および， それに伴いクレー 行っていただいた．問題のあったデータは，クリーニン ムが減少したことなどをあげ，評価していただいた．ま グを行ったり，移行ツール仕様にフィードバックを行い， た，機能強化によるサービス性の向上や，運用面でのサ 移行当日スケジュールの精度を高めた． イト停止機会の減少などすぐに数値に現れない効果につ また，部分移行の対象となる，各種コンテンツや更新 の伴わない旧いデータについては，移行リハーサルに併 いても，好評価をいただいた． （２）ネットストアの強化について せて移行を開始するとともに，メンテナンスが必要な際 リリース以降も，数回に渡り定期的な機能強化を継続 には，新システムへの適用も並行して実施協力いただい して実施している．追加機能のリリースのしやすさにつ た． いても，新システムの導入目的であったため，これを実 （４）移行本番の取組み 移行は，通常業務完了を待って（当日売上処理）サー 現できるシステムとしたことも，効果といえる． （３）今後の取組み ビスを停止し，行うこととした．リハーサルで分単位の 今後も継続して新たなサービスの追加や，操作性向上 実績を取り，フィードバックしたことから，すべてが計 などの営業施策を実施し，良品計画様のビジネススピー 画どおりに遂行することができた． ドに合わせネットストアを進化させていきたい． 計画に沿った作業，報告，顧客への連絡を行い，シス また，多言語対応（英語・中国語対応）や，海外向け テム停止後，２日目でデータ移行を完了し，サービス開 サイトの構築なども，本システムをベースに展開してい 始確認を行い，顧客引渡し，サイトオープンまで事故な く． く作業を完了した． 参考文献 参１）良品計画 http://ryohin-keikaku.jp/ 参２）PFU CaseStudy REPORT Web サービス ソリューション 株式会社良品計画様 http://www.pfu.fujitsu.com/casestudies/ryohin-keikaku. html 参３）無印良品ネットストア 12 http://www.muji.net/ PFU Tech. Rev., 22, 2, (11,2011)