<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
		xmlns:xhtml="http://www.w3.org/1999/xhtml"
>

<channel>
	<title>サタケスタジオ｜ホームページ 制作 葉山 横須賀 逗子 鎌倉｜メルマガ運営｜ITコンシェルジュ</title>
	<atom:link href="http://hp.satake7.net/feed" rel="self" type="application/rss+xml" />
	<link>http://hp.satake7.net</link>
	<description>ホームページ制作ならサタケスタジオへ</description>
	<pubDate>Wed, 07 Mar 2012 22:08:57 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.7.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://hp.satake7.net/feed" />
		<item>
		<title>通販サイトの構築（２）</title>
		<link>http://hp.satake7.net/pages/1041</link>
		<comments>http://hp.satake7.net/pages/1041#comments</comments>
		<pubDate>Tue, 12 Jan 2010 10:32:32 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[dev]]></category>

		<guid isPermaLink="false">http://hp.satake7.net/?p=1041</guid>
		<description><![CDATA[				
				通販サイトの構築（１）での検討を踏まえて、「カラーミーショップ プロ」で実際に通販サイト（ネットショップ）を開設するにあたってのカスタマイズ上の注意点、問題点を列挙します。（※ 2009年末時点での情報 [...]]]></description>
			<content:encoded><![CDATA[				<div class="img-shadow"><img src="http://hp.satake7.net/files/2010/01/colorme.jpg" alt="Color Me Shop! pro" title="Color Me Shop! pro" width="101" height="79" /></div>
				<p><a href="/pages/1003">通販サイトの構築（１）</a>での検討を踏まえて、「<a href="http://shop-pro.jp/" target="_blank">カラーミーショップ プロ</a>」で実際に通販サイト（ネットショップ）を開設するにあたってのカスタマイズ上の注意点、問題点を列挙します。（※ 2009年末時点での情報を元に記述）
				<div style="clear:both;"></div>
				<p><span id="more-1041"></span><br />
				　</p>
				<div class="img-shadow-right"><a href="http://satake7.net/files/2009/12/relax-1.jpg" class="thickbox"><img src="http://satake7.net/files/2009/12/relax-1.jpg" width="250" height="125" /></a></div>
				<p><span class="grn">1．</span>通常の設定ではヘッダーにはタイトル文字か画像のいずれかしか設定できません。ですから、文字は画像として入れる必要があります。（CSSで background画像をセットすれば、両方いれることもたぶんできます）<br />
				ただ、HTMLとCSSを駆使すれば、HTMLベタ書きのデザインとほぼ同じデザインにすることができます。
				<p style="text-align:right; color:#7c7c7c; font-size:10px;">※ 画面は「<a href="http://relax-interior.com/" target="_blank">リラックスインテリア</a>」様の旧サイト（左側）とカラーミー（右側）との比較です。</p>
				<div style="clear:both;"></div>
				<p><!-- div class="img-shadow"><a href="http://satake7.net/files/2009/12/relax-2.jpg" class="thickbox"><img src="http://satake7.net/files/2009/12/relax-2.jpg" width="250" height="127" /></a></div --><span class="grn">2．</span>javascriptはそれを置くサーバーさえ用意すれば、大抵のものは動作可です。カラーミーのサイト自体には画像以外のファイルを置くことはできません。（画像の拡張子以外を弾いています。ただ、そのため、favicon.icoも ico拡張子だと弾かれてしまうため、設定画面にファビコン設定があるにも関わらず、そこで設定したファビコンは有効になりません。単純なバグです。共通部のHTMLに画像ファイルを使用した”shortcut icon”を設定する必要があります）</p>
				<div style="clear:both;"></div>
				<p><!-- div class="img-shadow"><a href="http://satake7.net/files/2009/12/relax-3.jpg" class="thickbox"><img src="http://satake7.net/files/2009/12/relax-3.jpg" width="250" height="127" /></a></div --><span class="grn">3．</span>カラーミーは PHP製フレームワーク（smarty）で動作しているようです。smartyの知識（propertyの使い方など）があれば、カスタマイズは容易だと思いますが、公開情報が少ないため、smartyを使ったことがあるからといって、なんでもできるわけではありません。
				<div style="clear:both;"></div>
				<div class="img-shadow-right"><a href="http://hp.satake7.net/files/2010/01/category.png" class="thickbox"><img src="http://hp.satake7.net/files/2010/01/category.png" width="250" height="164" /></a></div>
				<p><span class="grn">4．</span>商品のカテゴリーは、大カテゴリー、小カテゴリーの2階層です。小カテゴリーは大カテゴリーを表示していないページでは操作できないので、TOPページに大カテゴリーと小カテゴリーを一緒に並べるといったレイアウトは通常できません。TOPページに大カテゴリー一覧を並べて、大カテゴリーを選択したページに小カテゴリー一覧を並べるという使い方が普通のやり方です。smartyでカテゴリーの自動展開をせずに、HTMLでカテゴリーを１つずつベタで書くならもちろん好きなように書けますが、カテゴリーを追加したときなどはページのメンテが必要になります。<br />
				　<br />
				<span class="grn">5．</span>経験上、小カテゴリーで細かく分類するのはあまりお勧めではありません。そうする必要があるのであれば、大カテゴリーを小さな単位に分割して、その大カテゴリーをいくつかまとめた単位をレイアウト上の上位カテゴリーにした方が扱いが簡単だと思います。（小カテゴリーを直接扱おうとすると、カテゴリー一覧ではなく、検索結果一覧を使う手法しかないようです）</p>
				<div class="img-shadow-right"><a href="http://hp.satake7.net/files/2010/01/freepage.png" class="thickbox"><img src="http://hp.satake7.net/files/2010/01/freepage.png" width="250" height="232" /></a></div>
				<p><span class="grn">6．</span>フリーページは10ページまで作成できますが、10ページは案外少ないです。ページ内をタブで切り分けるなど、ページ構成をしっかり考えないと、あっという間に足りなくなります。<br />
				　<br />
				<span class="grn">7．</span>カスタマイズの対象となるテンプレートの選択は重要です。特にカラム数、横幅、サイドバーの幅など、レイアウトの根幹にかかわるところをカスタマイズしなければならなくなると、変更箇所が多岐にわたりますので、なるべくそういうところを変更しないでいけそうなテンプレートを選択します。色やデザイン等はあとでどうとでもなります。</p>
				<div class="img-shadow-right"><a href="http://hp.satake7.net/files/2010/01/syouhin.png" class="thickbox"><img src="http://hp.satake7.net/files/2010/01/syouhin.png" width="250" height="227" /></a></div>
				<p><span class="grn">8．</span>商品詳細をカスタマイズでは、商品画像の管理やオプション（在庫、値段表）の取り扱いが少し複雑です。このあたりはカラーミーの既存ショップのソースを見るか（大抵は見てもわからないと思いますが、やればできるんだということはわかるので）、ググって調べるしかないです。弊社は大抵のことは大丈夫です。<br />
				　<br />
				<span class="grn">9．</span>ひとつ、テクニックをあげておくと、商品にはメイン画像とその他画像（1～3）の4枚しか登録できないのですが、どうしても別用途でもう1枚画像が必要なときは、商品の「簡易説明」のところに『サンプルあり〈!&#8211;gazou01.jpg&#8211;〉』というように、HTMLのコメントの形で画像ファイル名を埋め込んでおいて、それをPHPで抜き出して使用するといった使い方ができます。（使う項目は「簡易説明」でなくてもOKです）<br />
				　<br />
				<span class="grn">10．</span>同様に、商品説明を１ブロック塊で表示するのではなく、２ブロックに分けて別々に表示するといったときに、商品説明自体に HTMLタグ〈div〉を入れて、ブロック分けして javascriptでDOMを書換えてもいいし、floatにして position absoluteで位置を指定してもいいし、CSSでやるとブラウザ互換をとるのが大変だというのであれば、先ほどと同じように、〈!&#8211; ２ブロック目 &#8211;〉でコメント扱いにしておいて、商品説明を PHPで加工してからセットするという手が使えます。<br />
				　<br />
				<a href="http://shop-pro.jp/" target="_blank">カラーミーショップ プロ</a>でのショップ開設をご検討の際は、ぜひ弊社にご相談ください。</p>
]]></content:encoded>
			<wfw:commentRss>http://hp.satake7.net/pages/1041/feed</wfw:commentRss>
		<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://hp.satake7.net/pages/1041" />
	</item>
		<item>
		<title>通販サイトの構築（１）</title>
		<link>http://hp.satake7.net/pages/1003</link>
		<comments>http://hp.satake7.net/pages/1003#comments</comments>
		<pubDate>Thu, 07 Jan 2010 21:12:07 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[dev]]></category>

		<guid isPermaLink="false">http://hp.satake7.net/?p=1003</guid>
		<description><![CDATA[				
				通販サイト（ネットショップ）を開設するにあたって一番ネックになるのはクレジットカード決済をどうするかではないでしょうか？
				すでにネット通販ではクレジットカードによる支払いが 50％を超えており、 [...]]]></description>
			<content:encoded><![CDATA[				<div class="img-shadow"><img src="http://hp.satake7.net/files/2010/01/card001.jpg" alt="クレジットカード決済" title="クレジットカード決済" width="102" height="71" /></div>
				<p>通販サイト（ネットショップ）を開設するにあたって一番ネックになるのはクレジットカード決済をどうするかではないでしょうか？<br />
				すでにネット通販ではクレジットカードによる支払いが <span class="percent">50％</span>を超えており、今後も増加傾向が予想されます。<br />
				<span id="more-1003"></span></p>
				<div class="img-shadow-right"><img src="http://hp.satake7.net/files/2010/01/zeus1.jpg" alt="クレジットカード決済" title="クレジットカード決済" width="201" height="140" /></div>
				<p>そうしたとき、クレジットカードによる支払いができないということが潜在顧客を逃すことにつながることは想像に難くありません。<br />
				しかし、クレジットカード決済を自前で構築するにはいろいろと難しい点があります。もちろん、やれないことはないですし、きちんと構築すれば ASPに余計な月額手数料を支払わなくてすむというメリットはありますが、かなりハードルが高いことも事実です。<br />
				　<br />
				そこで、小規模の通販サイト（ネットショップ）に向くショッピングカートASPをいくつか検討してみました。</p>
				<table id="netshop">
				<tbody>
				<tr>
				<th>No.</th>
				<th>ASP名</th>
				<th>初期費用</th>
				<th>月額</th>
				<th>商品点数</th>
				</tr>
				<tr>
				<td class="numb">1</td>
				<td><a href="http://shop-pro.jp/" target="_blank">Color Me Shop! pro</a></td>
				<td class="price">3,150-</td>
				<td class="price">875-</td>
				<td>無制限（容量制限）</td>
				</tr>
				<tr>
				<td class="numb">2</td>
				<td><a href="http://www.makeshop.jp/" target="_blank">MakeShop</a></td>
				<td class="price">10,500-</td>
				<td class="price">10,500-</td>
				<td>10000点まで</td>
				</tr>
				<tr>
				<td class="numb">3</td>
				<td><a href="http://www.xcart.jp/" target="_blank">X cart</a></td>
				<td class="price">8,400-</td>
				<td class="price">5,040-</td>
				<td>200点まで</td>
				</tr>
				<tr>
				<td class="numb">4</td>
				<td><a href="http://promotion.wisecart.ne.jp/" target="_blank">ワイズカート</a></td>
				<td class="price">21,000-</td>
				<td class="price">21,000-</td>
				<td>500点まで</td>
				</tr>
				<tr>
				<td class="numb">5</td>
				<td><a href="http://www.shopmaker.jp/" target="_blank">SHOP Maker</a></td>
				<td class="price">10,500-</td>
				<td class="price">3,150-</td>
				<td>6000点まで</td>
				</tr>
				</tbody>
				</table>
				<p style="margin-top:-20px; text-align:right; font-size:9px; color:#7c7c7c;">※ 2009年11月調査のデータ</p>
				<p>ASPを評価するにあたっては、ASPのサーバ内にサイトを構築することを前提としました。外部に（自前で）サイトを作って、カートボタンを押すと ASPのリンクへ飛ぶという形式もお手軽でいいとは思いますが、これだとショッピングカートCGIと大差ないので、今回は対象外としました。<br />
				　<br />
				そうしたうえで、カスタマイズにある程度の自由度があるもの、カスタマイズが容易そうなものを候補にあげると、1、2、3になります。（どの会社でも独自のデザインはできると書いてありますが、4、5はどうやってやるかイメージしずらいので外しました）<br />
				　<br />
				この中では 1の <a href="http://shop-pro.jp/" target="_blank">Color Me Shop! pro</a>が一番よさそうでした。メリットは次の通り。</p>
				<div class="img-shadow-right"><img src="http://hp.satake7.net/files/2010/01/colorme.jpg" alt="Color Me Shop! pro" title="Color Me Shop! pro" width="201" height="157" /></div>
				<ul class="nshop">
				<li>月額が安い</li>
				<li>デザイン・カスタマイズの自由度が高い</li>
				<li>クレジットの手数料が <span class="percent">3.5％</span>（とくとくペイメント）</li>
				<li>商品点数無制限（200MB以内）</li>
				</ul>
				<p>デメリットは次の通り。</p>
				<ul class="nshop">
				<li>サーバが重く（遅く）なるときがたまにあるらしい。</li>
				<li>クレジット手数料を <span class="percent">3.5％</span>にする「とくとくペイメント」に入るためには「カラメル」というショッピングモールに出店しなければならない。</li>
				<li>「カラメル」に出店すると、ページトップに必ず GMOとくとくポイントのメニューバーが出る。</li>
				<li>「とくとくペイメント」に入らなければこのバーは出ないが、手数料は <span class="percent">4～5％</span>と特に割安感はない。</li>
				</ul>
				<div class="img-shadow-right"><img src="http://hp.satake7.net/files/2010/01/tokutoku.jpg" alt="GMOとくとくポイントのメニューバー" title="GMOとくとくポイントのメニューバー" width="201" height="100" /></div>
				<p>「とくとくペイメント」については、<a href="http://shop-pro.jp/?mode=tp_payment" target="_blank">このページ</a>を見ていただくとよくわかりますが、月額で 8万円以上クレジットで売り上げるのであれば、「とくとくペイメント」に入った方がお得（法人契約の場合）になります。<br />
				ただ、カラメル経由で売れた分は手数料を別途 <span class="percent">3.5％</span>、GMOとくとくユーザがログインして商品を購入した場合はこれも別途 <span class="percent">1.5％</span>が請求されますから、どの程度、カラメル経由で売れるかでクレジット手数料以外に手数料を支払うことになります。（このあたりはショッピングモール経由の売上を広告宣伝費込みと捉えるかどうかによります）<br />
				　<br />
				カスタマイズについて問題になりそうな点は次の通りです。</p>
				<ul class="nshop">
				<li>商品詳細ページに「カートボタン」が複数あるような構成はNGです。カラーミーは１商品１ボタンなので、もしサイズごとに「カートボタン」を付けたい場合は、まずサイズを選ばせてから「カートボタン」を押させるという構成になります。</li>
				<li>1ページあたりのHTMLのサイズが 65535 byteという制限があります。</li>
				<li>フリーデザインページが 10ページありますが、少ない感じです。</li>
				<li>商品カテゴリー、特にサブカテゴリーの取り扱いに注意が必要です。いろいろと制限があります。</li>
				<li>SSL（https:）ページ（決済画面やお問合せなど）は基本的にカスタマイズできません。色や位置の変更のみです。</li>
				</ul>
				<p><a href="http://shop-pro.jp/" target="_blank">Color Me Shop! pro</a>について、いろいろと制限を書きましたが、逆に言うと、これ以外については大抵 HTML＋CSSで書けるということです。カスタマイズ機能としては、<a href="http://www.makeshop.jp/" target="_blank">MakeShop</a>とともに相当「できる」という判断です。<br />
				　<br />
				この項、続く。</p>
]]></content:encoded>
			<wfw:commentRss>http://hp.satake7.net/pages/1003/feed</wfw:commentRss>
		<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://hp.satake7.net/pages/1003" />
	</item>
		<item>
		<title>新年のご挨拶</title>
		<link>http://hp.satake7.net/pages/908</link>
		<comments>http://hp.satake7.net/pages/908#comments</comments>
		<pubDate>Sat, 02 Jan 2010 21:14:24 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[news]]></category>

		<guid isPermaLink="false">http://hp.satake7.net/?p=908</guid>
		<description><![CDATA[				
				photograph by Madeira
				～ 謹賀新年 ～
				　
				2010年、新しい年の幕開けです。
				今年も皆様にご満足いただけるサービスを心がけてまりますので、本年もサ [...]]]></description>
			<content:encoded><![CDATA[				<div style="width:520px; text-align:center; margin:auto;"><img src="http://hp.satake7.net/files/2010/01/shinnen.jpg" alt="新年のご挨拶" title="新年のご挨拶" width="500" height="375" class="aligncenter" />
				<p style="margin-top:-2px; width:510px; text-align:right; font-size:8px;">photograph by Madeira</p>
				<p>～ 謹賀新年 ～<br />
				　</p>
				<p style="text-align:left;">2010年、新しい年の幕開けです。<br />
				今年も皆様にご満足いただけるサービスを心がけてまりますので、本年もサタケスタジオをご愛顧賜りますようお願い申し上げます。<br />
				　<br />
				元旦の朝、近所の神社へ初詣ののち、海の景色を眺めに海岸へ足を運びました。<br />
				今年の経済状況を暗示するかのような、風が強く高波の荒れた海模様ではありましたが、<br />
				少し救われたのは、すがすがしく澄んだ空と富士山がくっきり見えたことでしょうか。<br />
				　<br />
				2010年、国内外の経済状況はますます厳しくなり、その余波は私たちの生活にまで、さらに及んでくると思われます。<br />
				　<br />
				ですが、そんな厳しい情勢だからこそ、見えるものがあります。<br />
				大切なもの、大切にしたいことは、どんな時でもかわらないものです。<br />
				　<br />
				私自身、仕事の上で大切にしたいと考えていることは、お客様としっかりとした信頼関係を築くこと、そしてお客様第一のサービスを心がけることです。<br />
				このことを今一度肝に銘じ、2010年の荒波の中、しっかり舵をとっていきたいと思っております。<br />
				　<br />
				常に時代の新しい波を読み、<br />
				安定・安心した、お客様目線のサービスを提供しておりまいりますので、<br />
				今後ともサタケスタジオを宜しくお願いいたします。<br />
				　<br />
				サタケスタジオ<br />
				代表　佐竹加代子</p>
				</div>
]]></content:encoded>
			<wfw:commentRss>http://hp.satake7.net/pages/908/feed</wfw:commentRss>
		<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://hp.satake7.net/pages/908" />
	</item>
		<item>
		<title>年末年始営業のお知らせ</title>
		<link>http://hp.satake7.net/pages/762</link>
		<comments>http://hp.satake7.net/pages/762#comments</comments>
		<pubDate>Thu, 24 Dec 2009 00:56:16 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[news]]></category>

		<guid isPermaLink="false">http://hp.satake7.net/?p=762</guid>
		<description><![CDATA[				
				いつもサタケスタジオをご愛顧いただき、誠にありがとうございます。
				　
				年内は 12/29（火）まで、新年は 1/4（月）より営業させていただきます。
				　
				お休みの期間（1 [...]]]></description>
			<content:encoded><![CDATA[				<div class="img-shadow"><img src="http://hp.satake7.net/files/2009/12/oshougatsu.jpg" width="257" height="193" class="alignleft" /></div>
				<p style="font-size:14px;">いつもサタケスタジオをご愛顧いただき、誠にありがとうございます。<br />
				　<br />
				年内は <span style="color:#000099;">12/29（火）</span>まで、新年は<span style="color:#000099;"> 1/4（月）</span>より営業させていただきます。<br />
				　<br />
				お休みの期間（12/30 ～ 1/3）であっても、緊急対応はいたしますので、まずはメールでご一報ください。よろしくお願いいたします。
				<p style="text-align:right;">サタケスタジオ　代表 佐竹加代子</p>
]]></content:encoded>
			<wfw:commentRss>http://hp.satake7.net/pages/762/feed</wfw:commentRss>
		<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://hp.satake7.net/pages/762" />
	</item>
	</channel>
</rss>

