<p>※下記情報2013年9月10日現在のものです。管理画面の内容は頻繁に変わるようですのでご注意下さい。</p>
<p>前回に引き続き、Amazonマーケットプレイスの出店手順をご説明します。</p>
<p>前回は、出店者登録までお伝えしました。</p>
<p>一連の申請が完了すると、次の手順のメールが送信されてきます。</p>
<p>今回はそのメールの内容のアカウントの初期設定と商品登録についてご紹介します。</p>
<h2>アカウントの初期設定</h3>
<p><a href="/uploads-archive/2013/09/b9a0c0195ae3046756290926cc118830.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3055" alt="Amazon_セラーセントラル-2" src="/uploads-archive/2013/09/b9a0c0195ae3046756290926cc118830-300x170.jpg" width="300" height="170" srcset="/uploads-archive/2013/09/b9a0c0195ae3046756290926cc118830-300x170.jpg 300w, /uploads-archive/2013/09/b9a0c0195ae3046756290926cc118830-1024x582.jpg 1024w, /uploads-archive/2013/09/b9a0c0195ae3046756290926cc118830-228x129.jpg 228w, /uploads-archive/2013/09/b9a0c0195ae3046756290926cc118830.jpg 1354w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>管理画面の右上の設定ボタンから出品用アカウント情報を選択します。</p>
<p><a href="/uploads-archive/2013/09/e93c516548a6e0735706633c64162ab2.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3056" alt="Amazon_セラーセントラル" src="/uploads-archive/2013/09/e93c516548a6e0735706633c64162ab2-300x159.jpg" width="300" height="159" srcset="/uploads-archive/2013/09/e93c516548a6e0735706633c64162ab2-300x159.jpg 300w, /uploads-archive/2013/09/e93c516548a6e0735706633c64162ab2-1024x543.jpg 1024w, /uploads-archive/2013/09/e93c516548a6e0735706633c64162ab2-228x120.jpg 228w, /uploads-archive/2013/09/e93c516548a6e0735706633c64162ab2.jpg 1357w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>出品用アカウント情報の中の項目を埋めていきます。</p>
<p>前回、スキップをせずに埋めていたため、必要な項目は銀行口座くらいでした。</p>
<h2>商品登録</h3>
<p>商品登録については、主に3つのルールがあります。</p>
<ol>
<li>出品商品は事前に出品申請が必要なカテゴリーの商品か？</li>
<li>出品商品は、既にAmazon.co.jp上に商品ページがあるか？</li>
<li>出品商品に製品コードが付与されているか？</li>
</ol>
<p>ヘルス＆ビューティーのカテゴリーに属するものは、出品申請が必要となります。</p>
<p><a href="/uploads-archive/2013/09/b9a0c0195ae3046756290926cc1188301.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3057" alt="Amazon_セラーセントラル 2" src="/uploads-archive/2013/09/b9a0c0195ae3046756290926cc1188301-300x148.jpg" width="300" height="148" srcset="/uploads-archive/2013/09/b9a0c0195ae3046756290926cc1188301-300x148.jpg 300w, /uploads-archive/2013/09/b9a0c0195ae3046756290926cc1188301-1024x507.jpg 1024w, /uploads-archive/2013/09/b9a0c0195ae3046756290926cc1188301-228x112.jpg 228w, /uploads-archive/2013/09/b9a0c0195ae3046756290926cc1188301.jpg 1345w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>右上のヘルプページに行き、赤枠のテクニカルサポートの「問い合わせる」ボタンをクリックします。</p>
<p><a href="/uploads-archive/2013/09/30885979e150757887b22077bf3bc3a5.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3058" alt="Amazon_セラーセントラル 3" src="/uploads-archive/2013/09/30885979e150757887b22077bf3bc3a5-300x146.jpg" width="300" height="146" srcset="/uploads-archive/2013/09/30885979e150757887b22077bf3bc3a5-300x146.jpg 300w, /uploads-archive/2013/09/30885979e150757887b22077bf3bc3a5-1024x501.jpg 1024w, /uploads-archive/2013/09/30885979e150757887b22077bf3bc3a5-228x111.jpg 228w, /uploads-archive/2013/09/30885979e150757887b22077bf3bc3a5.jpg 1360w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>特定の商品の出品許可について＞ヘルス＆ビューティーを選択します。</p>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2013/09/d64a647c5fca71c77d6e57be9fddbcd3.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3059" alt="Amazon_セラーセントラル 4" src="/uploads-archive/2013/09/d64a647c5fca71c77d6e57be9fddbcd3-300x142.jpg" width="300" height="142" srcset="/uploads-archive/2013/09/d64a647c5fca71c77d6e57be9fddbcd3-300x142.jpg 300w, /uploads-archive/2013/09/d64a647c5fca71c77d6e57be9fddbcd3-1024x485.jpg 1024w, /uploads-archive/2013/09/d64a647c5fca71c77d6e57be9fddbcd3-228x108.jpg 228w, /uploads-archive/2013/09/d64a647c5fca71c77d6e57be9fddbcd3.jpg 1356w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>出品申請画面に行きますので選択をしていきます。</p>
<p><a href="/uploads-archive/2013/09/6f927d15700dab0bd314941e7a555ae1.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3060" alt="Amazon_セラーセントラル 5" src="/uploads-archive/2013/09/6f927d15700dab0bd314941e7a555ae1-300x121.jpg" width="300" height="121" srcset="/uploads-archive/2013/09/6f927d15700dab0bd314941e7a555ae1-300x121.jpg 300w, /uploads-archive/2013/09/6f927d15700dab0bd314941e7a555ae1-1024x415.jpg 1024w, /uploads-archive/2013/09/6f927d15700dab0bd314941e7a555ae1-228x92.jpg 228w, /uploads-archive/2013/09/6f927d15700dab0bd314941e7a555ae1.jpg 1352w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>最後に商品画像のアップロードをします。</p>
<p><a href="/uploads-archive/2013/09/452eb961afda377d7ac8e732744ca6d7.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3061" alt="Amazon_セラーセントラル 6" src="/uploads-archive/2013/09/452eb961afda377d7ac8e732744ca6d7-300x130.jpg" width="300" height="130" srcset="/uploads-archive/2013/09/452eb961afda377d7ac8e732744ca6d7-300x130.jpg 300w, /uploads-archive/2013/09/452eb961afda377d7ac8e732744ca6d7-1024x443.jpg 1024w, /uploads-archive/2013/09/452eb961afda377d7ac8e732744ca6d7-228x98.jpg 228w, /uploads-archive/2013/09/452eb961afda377d7ac8e732744ca6d7.jpg 1354w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>&nbsp;</p>
<p>以上で申請は、完了となります。</p>
<p>24時間以内に審査が入るとのことですが、次の手順として「情報・ポリシー」に概要を埋める必要があるので、遷移します。</p>
<p><a href="/uploads-archive/2013/09/screenshot5.png"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3062" alt="screenshot" src="/uploads-archive/2013/09/screenshot5-300x141.png" width="300" height="141" srcset="/uploads-archive/2013/09/screenshot5-300x141.png 300w, /uploads-archive/2013/09/screenshot5-1024x482.png 1024w, /uploads-archive/2013/09/screenshot5-228x107.png 228w, /uploads-archive/2013/09/screenshot5.png 1318w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>&nbsp;</p>
<p>出品者情報欄に特定商取引法に必要な項目を埋めます。</p>
<p>以上で、作業は完了となります。</p>
<h2>まとめ</h3>
<p>次回は、審査が下りてから、高度医療機器販売許可証の提示や実際に商品を登録するフェーズに入ると思います。</p>


Amazonマーケットプレイス出店手順②（アカウントの初期設定、商品登録）

jQueryとCSS3で円の型抜きのホバー効果

googlemapをブラウザの横幅一杯に表示するとカッコイイかも

<p>今回は、弊社で展開しているカラコン通販サイト「キャッツアイ」<a href="http://catseye-store.com/">http://catseye-store.com/</a>のamazon店を出店すべく、</p>
<p>その手順をご紹介したいと思います。</p>
<p>&nbsp;</p>
<p>なお、カラーコンタクトレンズという商品は、大口出品というカテゴリーでしか出店出来ません。</p>
<h2>出店登録</h3>
<p>まずは、登録をすべく以下のURLにアクセスします。</p>
<p><a href="http://services.amazon.co.jp/" target="_blank">http://services.amazon.co.jp/</a></p>
<p><a href="/uploads-archive/2013/09/f457c796fb736ce48a84852ce36cfedf.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3014" alt="Amazon_Services_Amazon出品（出店）サービス_フルフィルメント_by_Amazon_FBA_" src="/uploads-archive/2013/09/f457c796fb736ce48a84852ce36cfedf-300x246.jpg" width="300" height="246" /></a></p>
<p>&nbsp;</p>
<p>右カラムに登録ボタンがあります。</p>
<h3>大口出品サービスと小口出品サービスの比較</h4>
<p>ここで、大口出品サービスと小口出品サービスという2つの形態があることがわかります。</p>
<p>下記のURLで確認することが出来ますが、抜粋をすると下図の表になります。</p>
<p><a href="http://services.amazon.co.jp/services/sell-on-amazon/individual-promerchant.html" target="_blank">http://services.amazon.co.jp/services/sell-on-amazon/individual-promerchant.html</a></p>
<table border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<th>出品形態の機能</th>
<th>大口出品サービス</th>
<th>小口出品サービス</th>
</tr>
<tr>
<th>月間登録料</th>
<td>4,900円</td>
<td><img decoding="async" loading="lazy" alt="" src="http://g-ecx.images-amazon.com/images/G/09/amazonservices/soa/hi-fun._V395940568_.gif" width="25" height="25" /></td>
</tr>
<tr>
<th>基本成約料詳しくは<a href="http://services.amazon.co.jp/services/sell-on-amazon/fee.html">こちら</a><br />
（成約商品1点につき100円）</th>
<td><img decoding="async" loading="lazy" alt="" src="http://g-ecx.images-amazon.com/images/G/09/amazonservices/soa/hi-fun._V395940568_.gif" width="25" height="25" /></td>
<td><img decoding="async" loading="lazy" alt="" src="http://g-ecx.images-amazon.com/images/G/09/amazonservices/soa/comp_1._V395940482_.gif" width="25" height="25" /></td>
</tr>
<tr>
<th>Amazon.co.jp上にない<br />
商品のカタログデータ登録</th>
<td><img decoding="async" loading="lazy" alt="" src="http://g-ecx.images-amazon.com/images/G/09/amazonservices/soa/comp_2._V395943418_.gif" width="38" height="26" /></td>
<td><img decoding="async" loading="lazy" alt="" src="http://g-ecx.images-amazon.com/images/G/09/amazonservices/soa/hi-fun._V395940568_.gif" width="25" height="25" /></td>
</tr>
<tr>
<th>出品形態</th>
<td>出店<br />
（Amazon.co.jp上に<br />
出品商品一覧ページ掲載）</td>
<td>出品</td>
</tr>
<tr>
<th>一括出品ツールの利用</th>
<td><img decoding="async" loading="lazy" alt="" src="http://g-ecx.images-amazon.com/images/G/09/amazonservices/soa/comp_1._V395940482_.gif" width="25" height="25" /></td>
<td><img decoding="async" loading="lazy" alt="" src="http://g-ecx.images-amazon.com/images/G/09/amazonservices/soa/hi-fun._V395940568_.gif" width="25" height="25" /></td>
</tr>
<tr>
<th>注文管理レポートの利用</th>
<td><img decoding="async" loading="lazy" alt="" src="http://g-ecx.images-amazon.com/images/G/09/amazonservices/soa/comp_1._V395940482_.gif" width="25" height="25" /></td>
<td><img decoding="async" loading="lazy" alt="" src="http://g-ecx.images-amazon.com/images/G/09/amazonservices/soa/hi-fun._V395940568_.gif" width="25" height="25" /></td>
</tr>
<tr>
<th>出品者独自の配送料金設定</th>
<td><img decoding="async" loading="lazy" alt="" src="http://g-ecx.images-amazon.com/images/G/09/amazonservices/soa/comp_2._V395943418_.gif" width="38" height="26" /></td>
<td><img decoding="async" loading="lazy" alt="" src="http://g-ecx.images-amazon.com/images/G/09/amazonservices/soa/hi-fun._V395940568_.gif" width="25" height="25" /></td>
</tr>
<tr>
<th>プロモーション・<br />
ギフトオプションなどを利用</th>
<td><img decoding="async" loading="lazy" alt="" src="http://g-ecx.images-amazon.com/images/G/09/amazonservices/soa/comp_1._V395940482_.gif" width="25" height="25" /></td>
<td><img decoding="async" loading="lazy" alt="" src="http://g-ecx.images-amazon.com/images/G/09/amazonservices/soa/hi-fun._V395940568_.gif" width="25" height="25" /></td>
</tr>
<tr>
<th>商品詳細ページ右側「ショッピングカート」または「こちらからも買えますよ」ボックスへの出品者名表示権限</th>
<td><img decoding="async" loading="lazy" alt="" src="http://g-ecx.images-amazon.com/images/G/09/amazonservices/soa/comp_2._V395943418_.gif" width="38" height="26" /></td>
<td><img decoding="async" loading="lazy" alt="" src="http://g-ecx.images-amazon.com/images/G/09/amazonservices/soa/hi-fun._V395940568_.gif" width="25" height="25" /></td>
</tr>
<tr>
<th rowspan="2">出品できるカテゴリー</th>
<td><strong>今すぐ出品が可能</strong>&nbsp;</p>
<p>書籍 ／文房具・オフィス用品／ミュージック／ホーム＆キッチン／ビデオ／DIY・工具・車用品／DVD／おもちゃ＆ホビー／PCソフト／スポーツ＆アウトドア／TVゲーム／ベビー＆マタニティ／エレクトロニクス／楽器</p>
<p><strong>出品許可が必要</strong></p>
<p>時計／ヘルス＆ビューティ／アパレル、シューズ、バッグ／コスメ／ジュエリー／食品＆飲料／ペット用品</td>
<td><strong>今すぐ出品が可能</strong>&nbsp;</p>
<p>書籍 ／文房具・オフィス用品／ミュージック／ホーム＆キッチン／ビデオ／DIY・工具・車用品／DVD／おもちゃ＆ホビー／PCソフト／スポーツ＆アウトドア／TVゲーム／ベビー＆マタニティ／エレクトロニクス／楽器</td>
</tr>
<tr>
<th>大口出品サービス</th>
<th>小口出品サービス</th>
</tr>
</tbody>
</table>
<h3>成約手数料</h4>
<p>また次に気になる販売時の手数料ですが、商品カテゴリーによって、販売の可否、手数料が異なりますので、以下のURLか、下図をご参照下さい。</p>
<p>http://services.amazon.co.jp/services/sell-on-amazon/fee.html</p>
<table border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<th>商品カテゴリー・サブカテゴリー</th>
<th>大口出品販売<br />
手数料(%)</th>
<th>小口出品販売<br />
手数料(%)</th>
</tr>
<tr>
<td>書籍</td>
<td>15%</td>
<td>15%</td>
</tr>
<tr>
<td>ミュージック</td>
<td>15%</td>
<td>15%</td>
</tr>
<tr>
<td>DVD</td>
<td>15%</td>
<td>15%</td>
</tr>
<tr>
<td>VHS</td>
<td>15%</td>
<td>15%</td>
</tr>
<tr>
<td>エレクトロニクス</td>
<td>8%</td>
<td>8%</td>
</tr>
<tr>
<td>パソコン・周辺機器</td>
<td>8%</td>
<td>8%</td>
</tr>
<tr>
<td>（エレクトロニクス商品、パソコン・周辺機器）アクセサリー商品<br />
(2013年10月11日より適用)</td>
<td>10%、もしくは50円の<br />
いずれか高い方 (*6)</td>
<td>10%、もしくは50円の<br />
いずれか高い方 (*6)</td>
</tr>
<tr>
<td>Kindle アクセサリ</td>
<td>45%</td>
<td>45%</td>
</tr>
<tr>
<td>楽器</td>
<td>8%</td>
<td>8%</td>
</tr>
<tr>
<td>文房具・オフィス用品（*4）</td>
<td>15%</td>
<td>15%</td>
</tr>
<tr>
<td>スポーツ＆アウトドア</td>
<td>10%</td>
<td>10%</td>
</tr>
<tr>
<td>おもちゃ＆ホビー</td>
<td>10%</td>
<td>10%</td>
</tr>
<tr>
<td>PCソフト</td>
<td>15%</td>
<td>15%</td>
</tr>
<tr>
<td>TVゲーム（*5）</td>
<td>15%</td>
<td>15%</td>
</tr>
<tr>
<td>ホーム＆キッチン（*3）</td>
<td>15%</td>
<td>15%</td>
</tr>
<tr>
<td>大型家電</td>
<td>8%</td>
<td>8%</td>
</tr>
<tr>
<td>DIY・工具</td>
<td>15%</td>
<td>15%</td>
</tr>
<tr>
<td>カー＆バイク用品</td>
<td>10%</td>
<td>10%</td>
</tr>
<tr>
<td>ベビー＆マタニティ</td>
<td>15%</td>
<td>15%</td>
</tr>
<tr>
<th colspan="3">以下のカテゴリーは大口出品のご契約時のみ販売可能です。<br />
また、以下のカテゴリーの商品をご出品の場合は出品前に出品許可が必要となります。</th>
</tr>
<tr>
<td>コスメ</td>
<td>20%</td>
<td>出品不可</td>
</tr>
<tr>
<td>ヘルス＆ビューティー</td>
<td>10%</td>
<td>出品不可</td>
</tr>
<tr>
<td>時計（*2）</td>
<td>15%</td>
<td>出品不可</td>
</tr>
<tr>
<td>アパレル</td>
<td>15%</td>
<td>出品不可</td>
</tr>
<tr>
<td>シューズ、バッグ</td>
<td>15%</td>
<td>出品不可</td>
</tr>
<tr>
<td>ジュエリー</td>
<td>15%</td>
<td>出品不可</td>
</tr>
<tr>
<td>食品＆飲料（*１）</td>
<td>10%</td>
<td>出品不可</td>
</tr>
<tr>
<td>ペット用品</td>
<td>15%</td>
<td>出品不可&nbsp;</p>
<p>&nbsp;</td>
</tr>
</tbody>
</table>
<p>以上から、弊社が扱う商材では、大口出品販売が必須でヘルス＆ビューティーというカテゴリーになりますので、手数料が10%ということになります。</p>
<h2>大口出品サービスに登録</h3>
<p><a href="/uploads-archive/2013/09/screenshot.png"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3030" alt="screenshot" src="/uploads-archive/2013/09/screenshot-300x215.png" width="300" height="215" srcset="/uploads-archive/2013/09/screenshot-300x215.png 300w, /uploads-archive/2013/09/screenshot-768x551.png 768w, /uploads-archive/2013/09/screenshot-1024x734.png 1024w, /uploads-archive/2013/09/screenshot-228x163.png 228w, /uploads-archive/2013/09/screenshot.png 1328w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>まず、先ほどの画像で示した箇所から大口出品登録に進むと各種基本情報の入力が求められます。</p>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3031" alt="screenshot" src="/uploads-archive/2013/09/screenshot1-300x198.png" width="300" height="198" srcset="/uploads-archive/2013/09/screenshot1-300x198.png 300w, /uploads-archive/2013/09/screenshot1-768x507.png 768w, /uploads-archive/2013/09/screenshot1-1024x676.png 1024w, /uploads-archive/2013/09/screenshot1-228x150.png 228w, /uploads-archive/2013/09/screenshot1.png 1315w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>続いて、店舗名や、住所を登録します。</p>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3032" alt="screenshot" src="/uploads-archive/2013/09/screenshot2-300x128.png" width="300" height="128" /></p>
<p>次に、クレジットカードの情報を入力します。</p>
<p>月額費用の引き落としに必要になります。後から、クレジットカード情報を変えることも可能と書いてあります。</p>
<p><a href="/uploads-archive/2013/09/screenshot3.png"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3033" alt="screenshot" src="/uploads-archive/2013/09/screenshot3-300x75.png" width="300" height="75" srcset="/uploads-archive/2013/09/screenshot3-300x75.png 300w, /uploads-archive/2013/09/screenshot3-1024x259.png 1024w, /uploads-archive/2013/09/screenshot3-228x57.png 228w, /uploads-archive/2013/09/screenshot3.png 1327w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>ここまで進むと、電話認証の手続きになります。先ほど入力した電話番号に電話が掛かってきて、</p>
<p>画面に表示されている暗証番号を電話のプッシュボタンで入力します。</p>
<p><a href="/uploads-archive/2013/09/screenshot4.png"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3034" alt="screenshot" src="/uploads-archive/2013/09/screenshot4-300x112.png" width="300" height="112" srcset="/uploads-archive/2013/09/screenshot4-300x112.png 300w, /uploads-archive/2013/09/screenshot4-1024x384.png 1024w, /uploads-archive/2013/09/screenshot4-228x85.png 228w, /uploads-archive/2013/09/screenshot4.png 1309w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>以上で登録は完了です。</p>
<p>すぐに管理画面に移動します。</p>
<h2>まとめ</h3>
<p>正直、拍子抜けするほど手続きが簡単でした。</p>
<p>カラコンを扱うため、この後、高度管理医療機器販売の許可証などを提示するなど、いくつかタスクは残っておりますが、オンラインで完結するあたりが他のモールへの出品とは異なるなと思いました。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>


Amazon出店手順①（大口出品、ヘルス&#038;ビューティー）

<p>簡単に動画を背景として利用できるjQueryプラグイン「jquery.mb.YTPlayer」を使ってみた。</p>
<p><a href="http://pupunzi.open-lab.com/mb-jquery-components/jquery-mb-ytplayer" target="_blank">http://pupunzi.open-lab.com/mb-jquery-components/jquery-mb-ytplayer</a></p>
<p>&nbsp;</p>
<h2>設置方法</h3>
<p>■js</p>

		<div id="crayon-64953fd58f033780013895" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div><span class="crayon-language">JavaScript</span></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
jQuery(function(){
	jQuery( '.player' ).mb_YTPlayer();
});</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-64953fd58f033780013895-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd58f033780013895-2">2</div><div class="crayon-num" data-line="crayon-64953fd58f033780013895-3">3</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-64953fd58f033780013895-1"><span class="crayon-e">jQuery</span><span class="crayon-sy">(</span><span class="crayon-t">function</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd58f033780013895-2"><span class="crayon-h">	</span><span class="crayon-e">jQuery</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-s">'.player'</span><span class="crayon-h"> </span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">mb_YTPlayer</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-64953fd58f033780013895-3"><span class="crayon-sy">}</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>&nbsp;</p>
<p>■html</p>

		<div id="crayon-64953fd58f038630194872" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div><span class="crayon-language">XHTML</span></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
&lt;a id="P2" class="player" data-property="{videoURL:'54dhAKNxu6c',containment:'body',autoPlay:true, mute:true, startAt:0, opacity:1, showYTLogo:false, showControls:false}"&gt;&lt;/a&gt;</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-64953fd58f038630194872-1">1</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-64953fd58f038630194872-1"><span class="crayon-r ">&lt;a </span><span class="crayon-e ">id</span>=<span class="crayon-s ">"P2"</span><span class="crayon-h"> </span><span class="crayon-e ">class</span>=<span class="crayon-s ">"player"</span><span class="crayon-h"> </span><span class="crayon-e ">data-property</span>=<span class="crayon-s ">"{videoURL:'54dhAKNxu6c',containment:'body',autoPlay:true, mute:true, startAt:0, opacity:1, showYTLogo:false, showControls:false}"</span><span class="crayon-r ">&gt;</span><span class="crayon-r ">&lt;/a&gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p></p>
<h2> パラメータ</h3>
<table>
<tbody>
<tr>
<th>パラメータ</th>
<th>データ型</th>
<th>デフォルト</th>
<th>用途</th>
<th>使用方法</th>
</tr>
<tr>
<td>videoURL</td>
<td>string</td>
<td>&#8211;</td>
<td>対象動画</td>
<td>youtubeの動画IDを指定<a href="#h1">※</a></td>
</tr>
<tr>
<td>opacity</td>
<td>int</td>
<td>1</td>
<td>透明度</td>
<td>0〜1の数値を指定</td>
</tr>
<tr>
<td>mute</td>
<td>bool</td>
<td>true</td>
<td>音</td>
<td>音の有無を指定</td>
</tr>
<tr>
<td>showControls</td>
<td>bool</td>
<td>true</td>
<td>コントローラー</td>
<td>コントローラーの表示の有無を指定</td>
</tr>
<tr>
<td>ratio</td>
<td>string</td>
<td>4/3</td>
<td>アスペクト比</td>
<td>4/3若しくは16/9を指定</td>
</tr>
<tr>
<td>quality</td>
<td>string</td>
<td>default</td>
<td>画質</td>
<td>default、small、medium、large、hd720、hd1080、highresを指定</td>
</tr>
<tr>
<td>containment</td>
<td>string</td>
<td>&#8211;</td>
<td>出力場所</td>
<td>CSSセレクタで指定</td>
</tr>
<tr>
<td>optimizeDisplay</td>
<td>bool</td>
<td>true</td>
<td>画面フィット</td>
<td>画面サイズにフィットさせるか否か</td>
</tr>
<tr>
<td>loop</td>
<td>bool</td>
<td>true</td>
<td>ループ</td>
<td>ループの有無を指定</td>
</tr>
<tr>
<td>vol</td>
<td>int</td>
<td>&#8211;</td>
<td>ボリューム</td>
<td>1〜100で指定</td>
</tr>
<tr>
<td>startAt</td>
<td>int</td>
<td>0</td>
<td>開始位置</td>
<td>開始秒を指定</td>
</tr>
<tr>
<td>autoplay</td>
<td>bool</td>
<td>true</td>
<td>自動再生</td>
<td>自動再生の有無を指定</td>
</tr>
<tr>
<td>showYTLogo</td>
<td>bool</td>
<td>true</td>
<td>youtubeロゴ</td>
<td>ロゴ及びオリジナルへのリンクの有無を指定</td>
</tr>
</tbody>
</table>
<p><a id="h1" name="h1"></a><br />
<i>例えば<br />
www.youtube.com/watch?v=54dhAKNxu6c&amp;list=UUX7o_POJBRnI3bs5PQOnH2w<br />
の<br />
54dhAKNxu6c<br />
の部分。つまり<br />
v=**********<br />
を抽出<br />
</i><br />
ECサイトにおいても、詳細ページでの訴求力アップに役立ちそうだ。</p>
<p><a class="demo" href="/demo/hoshino/43/1.html">デモ(商品動画)</a></p>
<p><a class="demo" href="/demo/hoshino/43/2.html">デモ(イメージ)</a></p>

youtubeの動画を背景に利用できるjQueryプラグイン

【postfix】エイリアス（別名）設定

<p>先週、良いニュースが新聞に書いてありました。</p>
<p>これからは、ヤンゴンの土地の価格を政府が管理する計画が発表されたみたいです。</p>
<p>ヤンゴンの土地はあまりにも高すぎて、ミャンマーで普通に就職している方々が購入出来るどころか</p>
<p>私みたいに日本で就職している人も買う事は結構難しいでしょう！</p>
<p>ヤンゴンの高級住宅とかの価格は日本の価格と負けないほど高い!!(泣)</p>
<p>販売価格は、外国人に販売する価格はミャンマー人に販売する価格より、なんと２、３倍高い！</p>
<p>今までの、土地の価格って「大家さんの口にある」とよく言われている通りです。</p>
<p>私もこの一生は家買う事は出来ないかもといつも思っていました。</p>
<p>しかし、これからは政府が決めてくれる価格で販売する事になる。</p>
<p>どのぐらいの広さはいくらと決められるそうです。</p>
<p>現在は、ヤンゴンでオフィスシェアのビジネスが流行っていますが、<br />
これからはどうなるでしょうか。</p>
<p>ちなみにこれは<a href="http://www.myanmar-partners.com/support/60.html" target="_blank">「http://www.myanmar-partners.com/support/60.html」</a>前回ミャンマーに行った時に、</p>
<p>案内していただいたオフィスシェアの所です。</p>
<p>結構、レベルが高すぎる、中身は日本みたい！景色も最高！<br />
しかし、値段も日本と変わらない！！</p>
<p>オフィスシェアのビジネスにはちょっと影響がでると思いますが、</p>
<p>これからの政府の計画は楽しみです。</p>


ヤンゴンの土地価格

【CentOS6】yumで特定バージョンのパッケージをインストール

<p>是非ともシェアしたい記事です。</p>
<p><a href="http://opensignal.com/reports/fragmentation-2013/" target="_blank">Android Fragmentation Visualized</a></p>
<p>視覚化したAndroidの断片化という記事でAndroidの状況がよーく分かる内容になっています。</p>
<p>特に2012年7月と2013年7月の対比が出来るようになっています。</p>
<p><a href="http://opensignal.com/" target="_blank">Android、iOSアプリ「OpenSignal」</a>というの電波強度を計測し、Webで共有するアプリの統計から得られたものということです。</p>
<h2>端末の断片化</h3>
<p><a href="/uploads-archive/2013/08/screenshot1.png"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-2979" alt="screenshot" src="/uploads-archive/2013/08/screenshot1-300x187.png" width="300" height="187" srcset="/uploads-archive/2013/08/screenshot1-300x187.png 300w, /uploads-archive/2013/08/screenshot1-768x480.png 768w, /uploads-archive/2013/08/screenshot1-228x142.png 228w, /uploads-archive/2013/08/screenshot1.png 909w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>2012年の時点では3,997機種を確認。この時点で十分カオスな気がしますが、2013年になると</p>
<p><a href="/uploads-archive/2013/08/screenshot2.png"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-2980" alt="screenshot" src="/uploads-archive/2013/08/screenshot2-300x174.png" width="300" height="174" srcset="/uploads-archive/2013/08/screenshot2-300x174.png 300w, /uploads-archive/2013/08/screenshot2-768x447.png 768w, /uploads-archive/2013/08/screenshot2-228x133.png 228w, /uploads-archive/2013/08/screenshot2.png 901w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>なんと、その数は、11,868になります。</p>
<h2>ブランドの断片化</h3>
<p><a href="/uploads-archive/2013/08/screenshot3.png"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-2981" alt="screenshot" src="/uploads-archive/2013/08/screenshot3-300x175.png" width="300" height="175" /></a></p>
<p>まずは、機種の数について。SAMUSUNGが一番機種を出していることが分かります。</p>
<p><a href="/uploads-archive/2013/08/screenshot4.png"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-2982" alt="screenshot" src="/uploads-archive/2013/08/screenshot4-300x173.png" width="300" height="173" /></a></p>
<p>次にシェア別になるとSAMUSUNGが圧倒する形になります。シェアは47.5%とのことです。</p>
<h2>Android OSの断片化</h3>
<p><a href="/uploads-archive/2013/08/screenshot5.png"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-2983" alt="screenshot" src="/uploads-archive/2013/08/screenshot5-300x170.png" width="300" height="170" /></a></p>
<p>バージョンにいたっては訳の分からないことになっています。</p>
<h2>iOSとの比較</h3>
<p><a href="/uploads-archive/2013/08/screenshot6.png"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-2984" alt="screenshot" src="/uploads-archive/2013/08/screenshot6-300x75.png" width="300" height="75" srcset="/uploads-archive/2013/08/screenshot6-300x75.png 300w, /uploads-archive/2013/08/screenshot6-768x193.png 768w, /uploads-archive/2013/08/screenshot6-228x57.png 228w, /uploads-archive/2013/08/screenshot6.png 884w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>&nbsp;</p>
<p>ここで、iOSとの比較が来ました。iOSのシンプル加減は、清々しいレベルですね。</p>
<p>アクティブユーザーの95%の方が最新OSにバージョンアップしているという状況です。</p>
<h2>液晶サイズ</h3>
<p><a href="/uploads-archive/2013/08/screenshot7.png"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-2985" alt="screenshot" src="/uploads-archive/2013/08/screenshot7-300x231.png" width="300" height="231" srcset="/uploads-archive/2013/08/screenshot7-300x231.png 300w, /uploads-archive/2013/08/screenshot7-228x176.png 228w, /uploads-archive/2013/08/screenshot7.png 509w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>Androidはもはや言わずもがなですね。ほとんど青いです。</p>
<p>ベースとなる解像度をいくつか決めて対応していくほかないようなレベルです。</p>
<p><a href="/uploads-archive/2013/08/screenshot8.png"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-2986" alt="screenshot" src="/uploads-archive/2013/08/screenshot8-300x235.png" width="300" height="235" /></a></p>
<p>iOSは4つだけ。</p>
<h2>まとめ</h3>
<p>下の参考記事にもありましたが、まさにパニックになりかけているということが分かります。</p>
<p>そして、自分自身も仕事をしていて痛感します。</p>
<h3>参考記事</h4>
<p>日本語記事</p>
<p><a href="http://dailynewsagency.com/2013/08/05/android-fragmentation-report-july-2013-2u4/" target="_blank">Android端末の種類が多すぎて開発者がパニックになりかけているのがよく分かるデータ</a></p>


Androidのカオスな状況

jQuery.Deferredでわかりやすく順番にアニメーションする方法

<p>paperboy&amp;co.がCtoCハンドメイドECサイトcoobooを譲受し<br />
自社のCtoCハンドメイドECサイトminneと統合するという。<br />
<a href="http://sankei.jp.msn.com/economy/news/130826/prl13082615480062-n1.htm" target="_blank">http://sankei.jp.msn.com/economy/news/130826/prl13082615480062-n1.htm</a><br />
同社は、今後CtoC事業の強化を進めていくという。</p>
<p>また、少し前にアメリカの同様のサービスで大手のETSYが売上10億ドルを突破したという。<br />
理由としては、月並みだが<br />
1. 売り手、買い手のリテラシー向上<br />
2. CtoCのリスク担保<br />
3. 制作ツールの充実<br />
といったところだと思う。</p>
<p>特に3については3Dプリンタの普及によりさらにCtoCのECサイトが活況になるだろう。<br />
あとは仲介しているサイトや、決済手段自体が支払いのリスクを軽減する努力をしており<br />
購入者の安心感が強まっているのも大きな理由だと思う。</p>
<p>そこで、現在注目したいCtoCのECサイトまとめ。</p>
<table>
<tbody>
<tr>
<th>サイト名</th>
<th>運営元</th>
<th>url</th>
<th>サービス開始</th>
<th>商品数</th>
</tr>
<tr>
<td>minne</td>
<td>paperboy&amp;co.</td>
<td>http://minne.com/</td>
<td>2012年1月</td>
<td>149,048</td>
</tr>
<tr>
<td>tetote</td>
<td>OCアイランド株式会社</td>
<td>http://tetote-market.jp/</td>
<td>2011年6月</td>
<td>299,700</td>
</tr>
<tr>
<td>Creema</td>
<td>赤丸ホールディングス株式会社</td>
<td>http://www.creema.jp/</td>
<td>2010年7月</td>
<td>103,274</td>
</tr>
<tr>
<td>iichi</td>
<td>iichi株式会社</td>
<td>http://www.iichi.com/</td>
<td>2011年7月</td>
<td>66,229</td>
</tr>
<tr>
<td>cooboo</td>
<td>スパークラボ</td>
<td>http://cooboo.jp/</td>
<td>2010年10月</td>
<td>29,022</td>
</tr>
<tr>
<td>stylestore</td>
<td>株式会社エンファクトリー</td>
<td>http://stylestore.jp/</td>
<td>2011年12月</td>
<td>8317</td>
</tr>
<tr>
<td>ETSY</td>
<td>ETSY, Inc.</td>
<td>http://www.etsy.com/</td>
<td>2005年1月</td>
<td>13,582,980</td>
</tr>
</tbody>
</table>


着実に成長しているハンドメイドEC

シンプルでフレキシブルでレスポンシブなlightboxプラグイン「Nivo Lightbox」

php クラスを覚えよう

<p>EC先進国中国で農産物のネット販売が急成長しているという。<br />
<a href="http://www.sankeibiz.jp/macro/news/130815/mcb1308150502005-n1.htm" target="_blank">http://www.sankeibiz.jp/macro/news/130815/mcb1308150502005-n1.htm</a></p>
<p>消費期限や温度管理にコストがかかる商品については<br />
企業側の対応が追いついておらず伸びは限定的だが<br />
今後設備投資が進み流通量が急速に拡大しそうだ。</p>
<p>中国と比べると国土の違いなどでネットスーパーのニーズは異なるが<br />
日本においても高齢者の利用や地方の事業者の発展など<br />
ネットスーパーの発展は有益なことが多い。<br />
当然EC業界においても同じことが言える。</p>
<p>平成23年のBtoCのEC市場規模は8.5兆円。<br />
EC化率は2.8%。<br />
スーパーの市場規模は18兆円なので、<br />
仮に5%ネットでの販売が増えれば、0.3%EC化率が増える。</p>
<p>国内のECサイトの動きとしては<br />
西友がDeNAと組んでSEIYUドットコムの運営に力を入れている。<br />
<a href="http://www.the-seiyu.com/" target="_blank">http://www.the-seiyu.com/</a><br />
ネット企業としてのマーケティングや企画、商品の見せ方などの知恵を借りている。<br />
システム開発と運用もDeNAがサポートしているという。</p>
<p>ローソンはヤフーと組んでスマートキッチンというサイトを運営している。<br />
<a href="http://www.smartkitchen.co.jp/" target="_blank">http://www.smartkitchen.co.jp/</a></p>
<p>未だ消費者に根付いていないが、各企業が力を入れてきているため<br />
じわじわと流通が拡大していきそうだ</p>


徐々に活気づくネットスーパー

<p>お掃除ソフトシリーズも第三段になりました（笑）</p>
<p>&nbsp;</p>
<p>本日、社員と何気なく昼食を食べていて、iphoneの軽量化の話になったので、iphoneも知ってるから今日記事で書くわという運びになりました。</p>
<p>&nbsp;</p>
<h4 id="for_all">PhoneClean</h3>
<p><a href="http://www.imobie.com/phoneclean/" target="_blank">http://www.imobie.com/phoneclean/</a></p>
<p>phoneCleanは、WindowsやMacなど母艦となるPCにインストールするソフトウェアです。</p>
<p>まずは、上記URLからダウンロードしてインストールします。</p>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-2934" alt="screenshot" src="/uploads-archive/2013/08/screenshot-300x218.png" width="300" height="218" srcset="/uploads-archive/2013/08/screenshot-300x218.png 300w, /uploads-archive/2013/08/screenshot-768x558.png 768w, /uploads-archive/2013/08/screenshot-228x166.png 228w, /uploads-archive/2013/08/screenshot.png 828w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>起動画面です。全て英語ですので、簡単に意訳すると</p>
<ul>
<li>ゴミと一時ファイル</li>
<li>キャッシュとオフラインファイル</li>
<li>クッキーとスクリプトファイル</li>
<li>同期に失敗したメディアファイル</li>
</ul>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-2933" alt="screenshot 2" src="/uploads-archive/2013/08/screenshot-2-300x218.png" width="300" height="218" srcset="/uploads-archive/2013/08/screenshot-2-300x218.png 300w, /uploads-archive/2013/08/screenshot-2-768x558.png 768w, /uploads-archive/2013/08/screenshot-2-228x166.png 228w, /uploads-archive/2013/08/screenshot-2.png 828w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>itunesに同期する要領でPCとiphoneをケーブルでつなぎます。</p>
<p>StartScanを押すと開始します。</p>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-2932" alt="screenshot 3" src="/uploads-archive/2013/08/screenshot-3-300x218.png" width="300" height="218" srcset="/uploads-archive/2013/08/screenshot-3-300x218.png 300w, /uploads-archive/2013/08/screenshot-3-768x558.png 768w, /uploads-archive/2013/08/screenshot-3-228x166.png 228w, /uploads-archive/2013/08/screenshot-3.png 828w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>解析中です。ガツガツ溜まっていきます。</p>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-2931" alt="screenshot 4" src="/uploads-archive/2013/08/screenshot-4-300x218.png" width="300" height="218" srcset="/uploads-archive/2013/08/screenshot-4-300x218.png 300w, /uploads-archive/2013/08/screenshot-4-768x558.png 768w, /uploads-archive/2013/08/screenshot-4-228x166.png 228w, /uploads-archive/2013/08/screenshot-4.png 828w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>スキャンが終了すると、削除する容量と「Clean Up」ボタンが出ます。</p>
<p><a href="/uploads-archive/2013/08/screenshot-5.png"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-2935" alt="screenshot 5" src="/uploads-archive/2013/08/screenshot-5-300x253.png" width="300" height="253" /></a></p>
<p>&nbsp;</p>
<p>削除完了すると結果が表示されます。</p>
<p>2週間前くらいに掃除をしたのですが、約600MBを削除することが出来ました。</p>
<p>初回は、15分以上かかると思いますが、定期的にかけていると所要時間は10分程度いったところです。クリックは2回だけであとは、待つだけです。</p>


iOSのお掃除ソフト「PhoneClean」

<p>ウェブサービスで、１サーバー１ドメインのパターンがよく見られます。<br />
そのパターンでは、IPアドレスで直接アクセスされたくない傾向ですが、設定方法を知らない人が多いのようですのでここで紹介します。</p>
<p>下記の三つの手順で、簡単に設定できます。</p>
<h3>httpd.conf設定ファイル編集</h4>
<p>VirtualHostを設定しないといけないです。<br />
指定ドメイン（ここは「example.net」）以外のアクセス（例えば、IPでのアクセス）が来たとき、/tmpにスールします。<br />
/tmpにはapacheのアクセス権限がないため、403になるはずです。</p>
<p></p>

		<div id="crayon-64953fd58e2ed605214979" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
vi /etc/httpd/conf/httpd.conf</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-64953fd58e2ed605214979-1">1</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-64953fd58e2ed605214979-1"><span class="crayon-i">vi</span><span class="crayon-h"> </span>/<span class="crayon-i">etc</span>/<span class="crayon-i">httpd</span>/<span class="crayon-i">conf</span>/<span class="crayon-i">httpd</span><span class="crayon-sy">.</span><span class="crayon-i">conf</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>最下部の、<br />
#NameVirtualHost *:80<br />
のコメントを外して、下記を追記します。</p>
<p></p>

		<div id="crayon-64953fd58e2f1118139464" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
&lt;VirtualHost *:80&gt;
ServerName any
DocumentRoot /tmp
&lt;/VirtualHost&gt;
&lt;VirtualHost *:80&gt;
ServerName example.net
DocumentRoot /var/www/html
&lt;/VirtualHost&gt;</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-64953fd58e2f1118139464-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd58e2f1118139464-2">2</div><div class="crayon-num" data-line="crayon-64953fd58e2f1118139464-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd58e2f1118139464-4">4</div><div class="crayon-num" data-line="crayon-64953fd58e2f1118139464-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd58e2f1118139464-6">6</div><div class="crayon-num" data-line="crayon-64953fd58e2f1118139464-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd58e2f1118139464-8">8</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-64953fd58e2f1118139464-1"><span class="crayon-h">&lt;</span><span class="crayon-e ">VirtualHost *</span><span class="crayon-sy">:</span><span class="crayon-cn">80</span><span class="crayon-h">&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd58e2f1118139464-2"><span class="crayon-e">ServerName </span><span class="crayon-e">any</span></div><div class="crayon-line" id="crayon-64953fd58e2f1118139464-3"><span class="crayon-i">DocumentRoot</span><span class="crayon-h"> </span>/<span class="crayon-i">tmp</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd58e2f1118139464-4"><span class="crayon-h">&lt;</span>/<span class="crayon-i">VirtualHost</span><span class="crayon-h">&gt;</span></div><div class="crayon-line" id="crayon-64953fd58e2f1118139464-5"><span class="crayon-h">&lt;</span><span class="crayon-e ">VirtualHost *</span><span class="crayon-sy">:</span><span class="crayon-cn">80</span><span class="crayon-h">&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd58e2f1118139464-6"><span class="crayon-e">ServerName </span><span class="crayon-i">example</span><span class="crayon-sy">.</span><span class="crayon-e">net</span></div><div class="crayon-line" id="crayon-64953fd58e2f1118139464-7"><span class="crayon-i">DocumentRoot</span><span class="crayon-h"> </span>/<span class="crayon-t">var</span>/<span class="crayon-i">www</span>/<span class="crayon-i">html</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd58e2f1118139464-8"><span class="crayon-h">&lt;</span>/<span class="crayon-i">VirtualHost</span><span class="crayon-h">&gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<h3>welcome.conf設定ファイルリネーム</h4>
<p>welcome.confは、403の対処を書いてるファイルです。デフォルトではApacheのテストページを表示します。<br />
Apacheテストページを表示しないようにするため、welcome.confをリネームします。</p>
<p></p>

		<div id="crayon-64953fd58e2f2932849552" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
mv /etc/httpd/conf.d/welcome.conf /etc/httpd/conf.d/welcome.conf.org</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-64953fd58e2f2932849552-1">1</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-64953fd58e2f2932849552-1"><span class="crayon-i">mv</span><span class="crayon-h"> </span>/<span class="crayon-i">etc</span>/<span class="crayon-i">httpd</span>/<span class="crayon-i">conf</span><span class="crayon-sy">.</span><span class="crayon-i">d</span>/<span class="crayon-i">welcome</span><span class="crayon-sy">.</span><span class="crayon-i">conf</span><span class="crayon-h"> </span>/<span class="crayon-i">etc</span>/<span class="crayon-i">httpd</span>/<span class="crayon-i">conf</span><span class="crayon-sy">.</span><span class="crayon-i">d</span>/<span class="crayon-i">welcome</span><span class="crayon-sy">.</span><span class="crayon-i">conf</span><span class="crayon-sy">.</span><span class="crayon-i">org</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<h3>apacheの再起動</h4>
<p></p>

		<div id="crayon-64953fd58e2f4916050870" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
service httpd restart</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-64953fd58e2f4916050870-1">1</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-64953fd58e2f4916050870-1"><span class="crayon-e">service </span><span class="crayon-e">httpd </span><span class="crayon-i">restart</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>※設定ファイルのreloadだけでもいけるらしい</p>
<p></p>

		<div id="crayon-64953fd58e2f5234231124" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
service httpd reload</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-64953fd58e2f5234231124-1">1</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-64953fd58e2f5234231124-1"><span class="crayon-e">service </span><span class="crayon-e">httpd </span><span class="crayon-i">reload</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>

【apache】サーバーのIPでアクセスできないようにするには？

レスポンシブ化に便利！CSSで画像を文字に置き換える方法

<p>日々、お優しいブロガーの方々がフリーで素材を提供してくれています。</p>
<p>&nbsp;</p>
<p>その中でも、コレも無料でもらえちゃうんだ！という驚きのものもあります。</p>
<p>実際に使用するのもよし、素材を見てデザイン力を学ぶのもよし、ダウンロード必須の素材です。</p>
<p>&nbsp;</p>
<h3><a href="http://www.splashnology.com/article/45-psd-ui-kits/8238/" target="_blank">45 PSD UI Kits | Splashnology.com</a></h4>
<p>&nbsp;</p>
<p style="text-align: center;"><a href="http://www.splashnology.com/article/45-psd-ui-kits/8238/" target="_blank"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-2913" alt="psdsozai1" src="/uploads-archive/2013/08/psdsozai1.jpg" width="599" height="349" srcset="/uploads-archive/2013/08/psdsozai1.jpg 600w, /uploads-archive/2013/08/psdsozai1-300x175.jpg 300w, /uploads-archive/2013/08/psdsozai1-228x133.jpg 228w" sizes="(max-width: 599px) 100vw, 599px" /></a></p>
<p>&nbsp;</p>
<p>いろんなテーマで、UI,パーツが揃っています。</p>
<p>パーツが一つのテーマでいくつかあるので、統一したデザインが出来そうです。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h3><a href="http://graphicdesignjunction.com/2013/02/free-psd-files-65-useful-ui-design-psd-files-for-download/" target="_blank">Free PSD Files: 65 Useful UI Design PSD Files for Download | Freebies | Graphic Design Junction</a></h4>
<p>&nbsp;</p>
<p style="text-align: center;"><a href="http://graphicdesignjunction.com/2013/02/free-psd-files-65-useful-ui-design-psd-files-for-download/" target="_blank"><img decoding="async" loading="lazy" class="size-full wp-image-2914 aligncenter" alt="psdsozai2" src="/uploads-archive/2013/08/psdsozai2.jpg" width="400" height="300" srcset="/uploads-archive/2013/08/psdsozai2.jpg 400w, /uploads-archive/2013/08/psdsozai2-228x171.jpg 228w, /uploads-archive/2013/08/psdsozai2-300x225.jpg 300w" sizes="(max-width: 400px) 100vw, 400px" /></a></p>
<p>ところどころで使えそうなパーツが揃っています。</p>
<p>勉強にも使えそうです。</p>
<p>&nbsp;</p>
<h3><a href="http://dribbble.com/shots/187607-Shiny-Blue-UI-PSD-" target="_blank">Shiny Blue UI [PSD]</a></h4>
<p>&nbsp;</p>
<p style="text-align: center;"><a href="http://dribbble.com/shots/187607-Shiny-Blue-UI-PSD-" target="_blank"><img decoding="async" loading="lazy" class="size-full wp-image-2915 aligncenter" alt="psdsozai3" src="/uploads-archive/2013/08/psdsozai3.jpg" width="536" height="299" srcset="/uploads-archive/2013/08/psdsozai3.jpg 536w, /uploads-archive/2013/08/psdsozai3-300x167.jpg 300w, /uploads-archive/2013/08/psdsozai3-228x127.jpg 228w" sizes="(max-width: 536px) 100vw, 536px" /></a></p>
<p> こちらもいろんなパーツ、アイコン等があります。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h3><a href="http://designreflect.com/free-website-templates-psd-files/" target="_blank">20 Free Website Templates PSD Files</a></h4>
<p>&nbsp;</p>
<p style="text-align: center;"><a href="http://designreflect.com/free-website-templates-psd-files/" target="_blank"><img decoding="async" loading="lazy" class="size-full wp-image-2916 aligncenter" alt="psdsozai4" src="/uploads-archive/2013/08/psdsozai4.jpg" width="550" height="300" srcset="/uploads-archive/2013/08/psdsozai4.jpg 550w, /uploads-archive/2013/08/psdsozai4-300x164.jpg 300w, /uploads-archive/2013/08/psdsozai4-228x124.jpg 228w" sizes="(max-width: 550px) 100vw, 550px" /></a></p>
<p class="aligncenter">こちらはwebサイトのテンプレートのpsd素材です。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h3><a href="http://graphicdesignjunction.com/2013/06/psd-ui-kits/" target="_blank">Free PSD UI Kits | Design | Graphic Design Junction</a></h4>
<p>&nbsp;</p>
<p style="text-align: center;"><a href="/uploads-archive/2013/08/psdsozai5.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-2917" alt="psdsozai5" src="/uploads-archive/2013/08/psdsozai5.jpg" width="500" height="854" srcset="/uploads-archive/2013/08/psdsozai5.jpg 500w, /uploads-archive/2013/08/psdsozai5-176x300.jpg 176w, /uploads-archive/2013/08/psdsozai5-228x389.jpg 228w" sizes="(max-width: 500px) 100vw, 500px" /></a></p>
<p>&nbsp;</p>
<p>UIのkitが揃っておりそのままでも十分すぎる程使用出来るかと思います。</p>
<p>&nbsp;</p>
<p>本当にこういったものはありがたく、</p>
<p>今後とも頑張って提供して頂きたいですね！！</p>
<p>&nbsp;</p>


Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧 - 2013年

2013/09/10

2013/09/05

2013/09/05

2013/09/05

2013/09/05

2013/09/05

2013/09/05

2013/08/28

2013/08/28

2013/08/28

2013/08/28

2013/08/28

2013/08/27

2013/08/21

2013/08/21

2013/08/21

2013/08/21

2013/08/21