EC-CUBE（イーシーキューブ）ECサイトの設定開始

ここからはEC-CUBE（イーシーキューブ）のショッピングサイトの管理側の設定になります。
下記の【ECサイトの設定】【WEBサーバーの設定】の枠に必要な情報を入力します。WEBサーバの設定は自動で入りますが、設定内容が異なる場合はこちらを変更してください。
設定が完了したら【次へ進む】ボタンをクリックし次に進みましょう。
HTMLパス：/usr/home/お客様のアカウント名/お客様の独自ドメイン名/eccube/html/
URL(通常)：http://お客様の独自ドメイン名/eccube/html/
URL(セキュア)：SSLを使用しない場合はそのままで可
共通ドメイン：空欄のままで可

EC-CUBE（イーシーキューブ）ECサイト設定画面

EC-CUBE（イーシーキューブ）インストール⑧

EC-CUBE（イーシーキューブ）データベースの設定開始

次に「データベースの設定」画面が表示されますので、情報を入力します。
DBの種類：MySQL
DBサーバ：localhost
ポート：空欄のままで可
DB名：お客様のアカウント名
DBユーザ：お客様のアカウント名
DBパスワード：データベースのパスワード
情報の入力が完了したら【次へ進む】ボタンをクリックし次に進みましょう。

EC-CUBE（イーシーキューブ）データベース設定画面

EC-CUBE（イーシーキューブ）インストール⑨

EC-CUBE（イーシーキューブ）データベースの初期化

【データベースの初期化】画面が表示されますので、【次へ進む】ボタンをクリックし次に進みましょう。

EC-CUBE（イーシーキューブ）データベースの初期化画面

EC-CUBE（イーシーキューブ）インストール⑩

EC-CUBE（イーシーキューブ）データベースの初期化開始画面

EC-CUBE（イーシーキューブ）インストール⑪

EC-CUBE（イーシーキューブ）インストール完了

【サイト情報について】画面が表示されますので、「はい」か「いいえ」を選択し【次へ進む】ボタンをクリックし次に進みましょう。

EC-CUBE（イーシーキューブ）サイト情報画面

EC-CUBE（イーシーキューブ）インストール⑫

EC-CUBE（イーシーキューブ）管理画面ログイン

以上でインストールの完了です。完了後、http://お客様のドメイン名/eccube/html/admin/ にアクセスすると【管理画面】のログインページが表示されます。
『EC サイトの設定』の際に設定した「ID」と「PASSWORD」を入力して管理画面にログインします。

EC-CUBE（イーシーキューブ）サイト情報画面

EC-CUBE（イーシーキューブ）インストール⑬

※最後にインストール完了後、ファイル転送ソフトを使用して/eccube/html/install/index.php ファイルを削除してください。

以上でEC-CUBE（イーシーキューブ）インストールが完了しましたので、ログインを行いショッピングサイトの設定を行ってください。

EC-CUBE（イーシーキューブ）インストール方法①
EC-CUBE（イーシーキューブ）インストール方法②
EC-CUBE（イーシーキューブ）インストール方法③

EC-CUBE（イーシーキューブ）ファイルのアップロード

前回EC-CUBE（イーシーキューブ）をダウンロードし、解凍したファイルをFFFTPソフトからサーバーにアップロードを行います。
解凍したファイルは「data」「html」ファイルに分かれていますので各ファイルをFFFTPでサーバーにアップロードします。
※例としてさくらレンタルサーバーでの事例画面を掲載いたします。

EC-CUBE（イーシーキューブ）htmlファイルアップロード

EC-CUBE（イーシーキューブ）インストール③

EC-CUBE（イーシーキューブ）dataファイルアップロード

EC-CUBE（イーシーキューブ）インストール④

EC-CUBE（イーシーキューブ）インストール開始

ファイルをサーバーへアップロードが完了したら、ブラウザより設定したドメイン（今回の例ではhttp://ドメイン/install/）にアクセスします。アクセスすると下記のインストール開始画面が出てきます。
【次へ進む】ボタンをクリックし次に進みましょう。
※この際に画面が表示されずエラー表示が出た場合サーバーによる設定方法が異なっている場合がございます。（例としてさくらレンタルサーバーでは【.htaccess】ファイルを削除しないと表示がされません。

EC-CUBE（イーシーキューブ）インストール開始画面①

EC-CUBE（イーシーキューブ）インストール⑤

EC-CUBE（イーシーキューブ）ファイルのアップロード

アクセス権限のチェックを行います。権限が正しく設定されている場合は、【次へ進む】ボタンをクリックし次に進みましょう。
※サーバーにより、そのままに解凍するとすんなり「アクセス権限は正常です」と出てきますが、パーミッションの問題で、アクセス権限エラーが発生する場合もございます。その場合エラーメッセージが出てきますので、それに従って、各ファイルのパーミッションを変更してください。

EC-CUBE（イーシーキューブ）インストール開始画面②

EC-CUBE（イーシーキューブ）インストール⑥

EC-CUBE（イーシーキューブ）インストール開始画面③

EC-CUBE（イーシーキューブ）インストール⑦

ここまででEC-CUBE（イーシーキューブ）インストールのアクセス権限チェックは完了です。
次は引き続きEC-CUBE（イーシーキューブ）インストール手順・ECサイトの設定方法を掲載していきます。

EC-CUBEがインストールされるサーバには、以下の環境が既にインストールされている必要があります。
※WEB サーバ：Apacheを推奨
※PHP：4.1.x以上(GD2、FREETYPE2ライブラリを有効にしておくことを推奨します)※注1
※データベース：’PostgresSQL7.4.x以上、MySQL4.1、MySQL5.0以上’

データベースサーバ(MySQL)の設定

データベース、ユーザの作成権限がある場合は、以下の手順によりデータベースを作成します。
1.ユーザの作成
mysql> GRANT ALL PRIVILEGES ON eccube_db.* TO eccube_db_user@localhost IDENTIFIED BY ‘ ********’;
mysql> FLUSH PRIVILEGES;
※青字の部分には自分で決めたパスワードを入力します。
2.データベースの作成
mysql> CREATE DATABASE eccube_db
※サーバーによりMySQLの設定は異なりますので、利用しているサーバー会社のマニュアルで確認しましょう。

EC-CUBE（イーシーキューブ）ダウンロード①

▼まずは下記のEC-CUBE（イーシーキューブ）サイトを検索してみましょう。
EC-CUBE（イーシーキューブ）http://www.ec-cube.net/
画面の上部にあるメニューから【EC-CUBEダウンロード】をクリックしましょう。

EC-CUBE（イーシーキューブ）サイト

EC-CUBE（イーシーキューブ）インストール①

EC-CUBE（イーシーキューブ）ダウンロード②

▼①を次に進むと、EC-CUBE（イーシーキューブ）ダウンロードページが開かれます。
EC-CUBE（イーシーキューブ）ダウンロード
下記の画面の枠部分にEC-CUBE（イーシーキューブ）正式版ダウンロードがありますので、そちらをクリックしてダウンロードを行いましょう。

EC-CUBE（イーシーキューブ）ダウンロード

EC-CUBE（イーシーキューブ）インストール②

EC-CUBE（イーシーキューブ）ダウンロードファイル解凍

ダウンロードした「eccube-2.4.2.zip」ファイルを解凍します。
ファイルはzip形式となっているのでこの形式のファイルを解凍できるツールを使って解凍してください。

・windows用ファイル解凍ツール 「Lhaplus」
・Mac用ファイル解凍ツール 「StuffIt Expander」

PHP(php.ini)の設定

EC-CUBE（イーシーキューブ）のインストールを行う前にPHP(php.ini)の設定を行います。
EC-CUBE2.0の推奨設定で文字コードをUTF-8で動かす場合の一般的な設定例は以下の通りです。
※日本語(UTF-8)環境でのphp.ini設定

mbstring.language = Japanese
auto_detect_line_endings = on
output_handler = mb_output_handler
mbstring.internal_encoding = UTF-8
mbstring.encoding_translation = on
mbstring.detect_order = auto
mbstring.substitute_character = none
magic_quotes_gpc off

ここまででEC-CUBE（イーシーキューブ）インストール前の準備は完了です。
次はEC-CUBE（イーシーキューブ）インストール手順方法を掲載いたします。

EC-CUBE（イーシーキューブ）インストール方法①
EC-CUBE（イーシーキューブ）インストール方法②
EC-CUBE（イーシーキューブ）インストール方法③

EC-CUBE（イーシーキューブ）とは、株式会社ロックオンが2000年の創業以来、手がけてきたECサイト構築により培ったノウハウ（モジュール群）をオープンソースとして提供したECサイト構築パッケージです。

ショッピングサイト（ECサイト）といった構築方法は、簡単に始められるが独自性に欠ける「ASP型」と、独自性はあるが莫大な費用と時間のかかる「開発型」にわかれます。
いずれの方法を選択しても、実社会の店舗のように、隅々にまで気が配られた個性あふれる店舗には、ほど遠いことに変わりはありません。
ヤフーショップや楽天ショップなどのASP型のショッピングサイトも沢山ありますが、独自性のあるショッピングサイトを持ちたいという方には最適な構築システムです。

ある程度のカスタマイズはホームページを知っている方にとって手軽に行えます。

wordpress（ワードプレス）やMovable Type（ムーバブル・タイプ）といったブログシステムと同じくオープンソースなので、SEO対策への効果や日々の情報更新に柔軟性の高いパッケージです。

高度に洗練されたECパッケージが、EC-CUBEのWebサイトから、いつでも無料でダウンロードしていただけます。もちろん、EC-CUBEがバージョンアップされれば、新しいバージョンアップも無料でダウンロードしてご利用いただけます。

▼まずは下記のEC-CUBE（イーシーキューブ）サイトを検索してみましょう。
EC-CUBE（イーシーキューブ）http://www.ec-cube.net/

EC-CUBE（イーシーキューブ）サイト

EC-CUBE（イーシーキューブ）画面①

EC-CUBE（イーシーキューブ）初期画面

・商品登録は一回で、商品一覧・商品詳細・検索結果ページを自動生成！！
・オススメ商品登録機能や、ユーザーからのコメントを受け付けるリコメンド機能で、ショップそのものや商品を魅力的にみせます。
・会員ユーザーにとって便利なMYページご用意。過去の購入履歴やお届け先を指定できます。

EC-CUBE（イーシーキューブ）初期画面と管理画面

EC-CUBE（イーシーキューブ）画面②

EC-CUBE（イーシーキューブ）管理画面

・毎日チェックする売上管理や欠品情報は一つのページに表示。
・顧客情報・受注情報・売上管理はＣＳＶダウンロードが可能。
・販売促進につながるメールマガジン配信機能も標準装備。
・サイトデザインはブロックごとにドラッグ＆ドロップでレイアウト変更が可能。ブロックは HTMLレベルの編集もできます。

EC-CUBE（イーシーキューブ）初期画面と管理画面

EC-CUBE（イーシーキューブ）画面③

EC-CUBE（イーシーキューブ）機能一覧

ショッピングサイト機能としては十分な機能が活用でき、ECショップに欠かせないカート機能や決済機能ももちろんついております。
1.商品情報登録機能
2.商品注文機能
3.会員登録機能
4.商品オプション機能
5.決済モジュール機能

▼細かい機能詳細はこちら
http://www.ec-cube.net/product/function.php

EC-CUBE（イーシーキューブ）ソフトウェア要件

OS
Windows
Windows 2000 Professional　　Windows 2000 Server
Windows 2003 Server　　WindowsXP Professional
WindowsNT Workstation 4.0　　WindowsNT Server 4.0
Windows 2008 Server　　Windows 2008 Server R2

UNIX
Linux glibc 2.1/2.2/2.3　　FreeBSD 5.4以降

言語
PHP
PHP4.1.x以降　　PHP5.0.x以降

ライブラリ
画像生成
freetype2 2.1.x以降
gd 2.0.x以降

データベース
Postgres
PostgreSQL 7.4.x以降
MySQL
MySQL4.1以上
（MySQL5.x系を含む）

EC-CUBE（イーシーキューブ）はショッピングサイトを制作する上で万能な機能がついているので私の色々カスタマイズしたいと思います。

EC-CUBE（イーシーキューブ）インストール方法①
EC-CUBE（イーシーキューブ）インストール方法②
EC-CUBE（イーシーキューブ）インストール方法③

あっちなみに私が制作したWEBデザインもいくつか掲載して頂いております。

◆Webデザインのデータベース｜WebデザイナーのためのWebデザイン－ウェブログジャパン
URL：http://design.weblogjapan.com/
※Webデザインが優れたサイトを集めたWebデザインのデータベース｜WebデザイナーのためのWebデザイン。

◆WEBサイトカッコイイ – かっこいいWEBサイトのリンク集
URL：http://fukuoka-web.hustle.ne.jp/
※かっこいいWEBサイトのリンク集。ヘッダーやボタンなどのサイトのパーツごとや、構築方法などでカテゴリーを分けて、デザインのかっこいいWEBサイトを紹介しています。

◆Webデザインのリンク集 Webデザインポータルサイト S5-Style
URL：http://bm.s5-style.com/
※「Webデザインのリンク集 Webデザインポータルサイト S5-Style」は、人の目を惹きつけるWebデザインのWebサイトを企業やメーカーなど業種・業界別にブックマークしたWebデザイナーの為のリンク集です。「新着Webデザイン一覧」。

◆クリエイティブなWebデザインリンク集 -[ウェブアートノックARTNOC]-
URL：http://www.art-noc.com/
※WEBデザインに役立つ、優良なWEBデザインを業種別、色別、レイアウト別にデータベース化したリンク集です。

◆WEBデザイン WEBサイトのリンク集・デザイン集 | YSIG
URL：http://www.ysig.jp/
※Webデザイン WEBサイトをサポートするWebデザイナーのためのカテゴリー別（色・レイアウトなど）リンク集。webデザイン・web制作の参考に。

世の中には色んなデザイナーさんがいますね。
皆さんも色んなサイトを参考に見てみてはどうでしょうか。

あっちなみに私が制作したWEBデザインもいくつか掲載して頂いております。

◆WEBデザイン リンク集 : ikesai.com — いけてるサイト ドットコム
URL：http://www.ikesai.com/
※WEBデザインに役立つ、いけてるサイト、かっこいいサイト、おしゃれなサイト、クールなサイトなどを集めたWEBデザイナーのためのWEBデザインリンク集。 ちなみに日本語&日本人が制作しているWEBサイトを対象としています。

◆Webデザイン・Webデザイナーのまとめサイト | Webデザインに優れたサイトのリンク集
URL：http://www.designlinkdatabase.net/

※Webデザインの優れたWebデザイナー向けサイトを、Webデザインの人気、Webデザインのカテゴリーごとに、Webデザイナーに役立つようまとめて公開しています。

◆WEBデザインの評価・リンク集 || WEBデザイン・データベース【WEBdeDB】
URL：http://www.webdedb.com/
※WEBdeDB ではホームページ制作を行う全てのクリエーターの為に、「いいデザインとは何か？」を検証し、参考にしていただく為のDBサイトです。ユーザー様からのWEBデザイン評価によりWEBデザインの検証を行っております。

◆イケてるWEBデザインサイト集
URL：http://design-iketeru.azu-mi.com/
※イケてるサイト、カッコイイ、オシャレなサイトなどを紹介するWebデザインのリンク集です。デザインのご参考にどうぞ。このサイトについてBlogお問い合わせ。

◆看板デザインデータベース | WEBデザインの評価 リンク集
URL：http://www.kanbandedb.com/
※看板製作会社や看板に関係するWEBサイトをあつめたサイトです。

◆WEBデザインの見本帳｜WEBデザイナーのためのデータベース・リンク集、サンプル・配色・参考・ご提案に!!
URL：http://www.web-mihon.com/
※WEBデザイナーのためのWEBデザイン データベース・リンク集、サンプル・配色・参考・ご提案にご利用ください!!

◆週刊ウェブデザイン
URL：http://www.dailywebdesign.com/
※ウェブデザインのまとめ・リンク集「毎週20サイト以上更新中」。数あるWebデザインに特化したWEBサイトから目的にあわせたWebサイトを見つけよう！他にもいけてるロゴやウェブ開発に必要な便利ツールやレンタルサーバなどもまとめてあります。

世の中には色んなデザイナーさんがいますね。
皆さんも色んなサイトを参考に見てみてはどうでしょうか。

Google Analytics(PC用)アクセス解析登録手順①はこちら
Google Analytics(PC用)アクセス解析登録手順②はこちら

11.Google Analyticsアクセス解析用トラッキングコードの設置①

前回まではグーグルのAnalytics(PC用)アクセス解析のアカウントと情報の登録を行いましたが次はアクセス解析を解析するためのトラッキングコードの設置に進んでいきます。
前回「Google Analytics サービス利用規約」の同意を行いましたが、その次に下記画面のページトラッキングコード発行画面が出てきます。画面右側にあるトラッキングコードをコピーし念の為にテキストファイルに保存して置きましょう。※後からでもトラッキングコードは確認することは出来ます。

アクセス解析用トラッキングコード発行画面

Google Analytics 申込み手順⑩

12.Google Analyticsアクセス解析用トラッキングコードの設置②

12番目で発行されたトラッキングコードをホームページhtmlファイル（例：index.htm）のソースの/body>タグの直前に貼り付けます。インクルードソース【include】など全ファイルに引用しているファイルを利用していない場合はアクセス解析を行いたいhtmlファイル全てのタグの/body>直前に貼り付けましょう。
設置が完了したらhtmlファイルをサーバー上にFFFTPなどのソフトやコントロールパネルから設置したファイルをアップロードしてサイト（ホームページ）を更新しましょう。

13.Google Analyticsアクセス解析の認証確認

トラッキングコードを設置しファイルをアップロード後、11番目で掲載している画面トラッキングコード発行画面の下の「保存して終了」のボタンを押してアクセス解析の解析画面に行きます。
そうしますと下記の画面が出てきます。参考に画面では2つのサイトを登録していますが、トラッキングコードを設置し、Google Analyticsアクセス解析に認識されていない場合は画面のマーク①の様なマークが付きます。トラッキングコードが認識をされている場合は画面のマーク②の様なマークが付きます。
※トラッキングコードを設置してすぐは認識されません、最低でも一時間くらいは待ちましょう。

アクセス解析　解析確認画面

Google Analytics 申込み手順⑪

14.Google Analyticsアクセス解析完了

以上でGoogle Analyticsアクセス解析設置の完了です。最後にアクセス解析の認証をされていない場合は、トラッキングコードの設置場所が間違っているか、ファイルが更新されていない場合もございますので、確認してみてください。

▼まずは下記のTwitter（ツイッター）サイトを検索してみましょう。
Twitter（ツイッター）http://twitter.com/

Twitter（ツイッター）サイトのトップページ画面右の「今すぐ登録」ボタンをクリックしましょう。

Twitter（ツイッター）サイト

Twitter（ツイッター）①

2.Twitter（ツイッター）サイトアカウント作成情報入力

アカウントの作成画面に移るので、各情報を入力していきます。
※名前：ユーザーページのプロフィール(右上)等に表示される名前。
※ユーザー名：ログイン時に使用するほか、ユーザーページページの
URL(http://twitter.com/[ユーザー名]/となります。)としても使われます。
※パスワード：ログイン時に使用するパスワード(6文字以上)。
※メールアドレス：登録の確認や、各種通知の受け取りに使用するメールアドレス。
以上の情報を入力して「アカウントを登録する」をクリックすると登録が完了。

Twitter（ツイッター）アカウント作成画面

Twitter（ツイッター）②

3.Twitter（ツイッター）ユーザーマイページから「つぶやき」

前の段階でアカウント登録が完了し、下記のユーザーマイページ画面に移ります。
下記の画面のテキストボックス内に「つぶやき」を書いて「投稿する」ボタンをクリックするだけです。
※テキストボックスは140文字以内
これであなたもTwitter（ツイッター）ユーザーです。

Twitter（ツイッター）アカウント作成画面

Twitter（ツイッター）③

4.次回からはログイン画面から

次回からは下記画面のログイン画面からユーザーマイページに行くことが出来ます。

Twitter（ツイッター）ログイン画面

Twitter（ツイッター）④

▼私のTwitter（ツイッター）はこちらです
http://twitter.com/designer_king

Twitter（ツイッター）を楽しみましょう。

Google Analytics(PC用)アクセス解析登録手順①はこちら

5.Google Analyticsアクセス解析の登録開始

前回まではグーグルのアカウント登録を行いましたが次は正式なアクセス解析の方の新規登録に進んでいきます。
▼まずは下記のURL「Google Analytics」サイトをクリックしましょう。
http://www.google.com/analytics/ja-JP/index.html

サイトを開くとグーグルのログイン画面が出てくるので下記の画面右側の「Analyticsアクセス」か「お申込みはこちら」ボタンをクリックして次に進みます。

Google Analyticsサイト

Google Analytics 申込み手順①

6.Googleアカウントログイン

次に進むと下記の画面の様なグーグルのログイン画面が出てくるので画面右側のログインフォームに、前回登録しましたアカウントを入力してログインボタンを押しましょう。

Google ログイン画面

Google Analytics 申込み手順⑤

7.Google Analyticsアクセス解析申込み

ログイン後、下記の様なAnalyticsアクセス解析申込みボタンが出てくるので申込みボタンを押して先に進みましょう。

Google Analyticsアクセス解析申込み画面

Google Analytics 申込み手順⑥

8.Google Analyticsアクセス解析一般情報入力①

次の画面でアクセス解析の情報を入力していきます。まずあなたの解析したいサイト（ホームページ）のURL（アドレス）を入力し、アカウント名（アクセス解析を設置しGoogle Analyticsで表示される名前になりますのでサイトの名前やドメインを入れると良いでしょう）とタイムゾーンを設定後、次へのボタンを押しましょう。

Google Analytics一般情報入力画面①

Google Analytics 申込み手順⑦

9.Google Analyticsアクセス解析一般情報入力②

8番目と同じく情報の入力を行い、次へのボタンを押しましょう。

Google Analytics一般情報入力画面②

Google Analytics 申込み手順⑧

10.Google Analytics サービス利用規約の同意

ここまでで通常の情報の入力を完了しGoogle Analytics利用するにあたっての同意画面が出てきますので「Google Analytics サービス利用規約」内容を読んで「同意する」チェックボックスをオンにして、「アカウントを新規作成」ボタンをクリックします。

Google Analytics サービス利用規約画面

Google Analytics 申込み手順⑨

11.Google Analytics トラッキングコード発行

ここまでで通常の登録などといった情報入力は完了いたしました。ここからはサイト（ホームページ）へのトラッキングコードの設置とGoogle Analyticsアクセス解析への読み込みをさせる為の手順があります。

ここまでで2段階目をクリアしていますので次回この先のトラッキングコードの設置とGoogle Analyticsアクセス解析への読み込みをさせる為の手順を掲載致します。

▼まずは下記のテキストで検索してみましょう。
Google Analytics (グーグルアナライザー)　http://www.google.co.jp/analytics/

「Google Analytics」のサービスには、メールアドレスが必要になります。事前にグーグルアカウントを利用する為のメールアドレスを用意しておきましょう。
画面の右側にある「今すぐお申し込み」リンクをクリックし、登録に進みます。

Google Analyticsサイト

Google Analytics 申込み手順①

2.Google Analytics新規アカウント作成画面で入力

次にアカウント作成画面で必要事項（メールアドレス、パスワード）を入力し、利用規約に同意して次に進みます。下記の画面の順に登録確認（仮登録）が完了します。

Google Analyticsアカウント作成画面

Google Analytics 申込み手順②

Google Analyticsアカウント作成完了画面

Google Analytics 申込み手順③

3.Googleからの仮登録メールをクリックしてアカウント作成完了

2番目の手順で次に進む登録したメールアドレスにGoogleからの仮登録メールが届きますので、メールを開き内容に掲載している「Google アカウントへようこそ。アカウントを有効にしてメール アドレスを確認するには下記のリンクをクリックしてください。」のリンクをクリックして下さい。
クリックすると下記の様な画面が出てきますので、これでひとまず登録完了です。

Google Analytics 申込み手順④

4.Google Analyticsアカウント作成完了後、アクセス解析の設置

ここまででアカウント作成完了は致しましたが、これだけではアクセス解析が出来ません。アカウント作成されましたらGoogle管理画面にいつでもログインが可能になりますので、その後「Google Analytics」サイトへ移動して次はアクセス解析の設置手順です。

ここまでで1段階目をクリアしていますので次回この先のアクセス解析ツールをホームページに設置する設定手順を掲載致します。