<p>最近キュレーション型のECサイトが増えている感じがする。<br />
今までソーシャルコマースと呼ばれていたジャンルが<br />
キュレーション型ECサイトと呼び方だけ変化している感じもする。</p>
<p>ソーシャルコマースという言葉が出てきた当初は、<br />
Facebookなどメジャー且つ多目的なソーシャルプラットフォームに<br />
そのままEC機能が搭載されると予想されていたが<br />
今ではそういった流れはほぼ聞かなくなり、<br />
むしろECを前提としたプラットフォームが増えているようだ。</p>
<p>例えば、Pinterestは最初はなかったが、今では購入が可能な商品の写真には<br />
在庫の有無と価格、購入ページのURLが記載されるようになった。</p>
<p>Pinterestは写真共有が主な目的であったため<br />
現時点で決済機能は有さないが、独自の決済機能を持っているサービスや<br />
決済機能は無いが、購入の導線を強めているサイト = キュレーションECサイトが増えている。</p>
<p>以下いくつか</p>
<h2>FANCY</h3>
<p><a href="/uploads-archive/2013/08/1.jpg"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-2880" alt="1" src="/uploads-archive/2013/08/1.jpg" width="656" height="365" srcset="/uploads-archive/2013/08/1.jpg 656w, /uploads-archive/2013/08/1-300x167.jpg 300w, /uploads-archive/2013/08/1-228x127.jpg 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p><a href="http://www.fancy.com/" target="_blank">http://www.fancy.com/</a><br />
一番有名。独自のカートや決済機能がある。<br />
プレゼント用のギフトカードがあり、かなりEC色が強い。</p>
<h2>SVPPLY</h3>
<p><a href="/uploads-archive/2013/08/2.jpg"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-2881" alt="2" src="/uploads-archive/2013/08/2.jpg" width="656" height="365" srcset="/uploads-archive/2013/08/2.jpg 656w, /uploads-archive/2013/08/2-300x167.jpg 300w, /uploads-archive/2013/08/2-228x127.jpg 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p><a href="https://svpply.com/" target="_blank">https://svpply.com/</a><br />
カート機能は無い。<br />
欲しい、購入リスト、持ってるというステータスで商品を管理する。<br />
購入はサイトへの誘導。ショップとして出店できるタイプ。</p>
<p>ORIGAMI</p>
<p><a href="/uploads-archive/2013/08/3.jpg"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-2879" alt="3" src="/uploads-archive/2013/08/3.jpg" width="656" height="365" srcset="/uploads-archive/2013/08/3.jpg 656w, /uploads-archive/2013/08/3-300x167.jpg 300w, /uploads-archive/2013/08/3-228x127.jpg 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p><a href="http://origami.co/jp/" target="_blank">http://origami.co/jp/</a><br />
これも有名。これはユーザー主導というよりは<br />
登録済みのショップと商品をサービス内でいろいろするタイプ。</p>
<p>上記サービスを見ると、実際に購入することを考えると<br />
ただ集めただけという印象が強い。<br />
実際に購入に繋げるのであれば、<br />
もっとジャンルを特化させたキュレーション型のECサイトが複数できるべきだと思う。<br />
さらに言うと、それではただのモールになってしまうので<br />
プラスアルファの機能、例えばアパレルであれば店舗間でのコーディネート共有機能など<br />
ショップ側が出店したく、ユーザー側が楽しめる機能が加わると尚良いと思った</p>


キュレーション型ECサイト

<div>中国の2013年EC市場規模が、1800億ドルとなり日本を抜いて世界第2位となるらしい。</div>
<p><a href="http://www.nikkei.com/article/DGXNASGM1804Q_S3A720C1EA2000/" target="_blank">http://www.nikkei.com/article/DGXNASGM1804Q_S3A720C1EA2000/</a></p>
<div></div>
<div>記事によると</div>
<div>・2013年世界のEC市場規模は1兆2200億ドルとなり、前年比17%増</div>
<div>・2013年中国のEC市場は1800億ドルとなり、前年比65%増</div>
<div>・中国のEC利用者は2億7000万人</div>
<div>・中国ECの79%はモバイル端末からの発注</div>
<div></div>
<div>日本のEC市場規模は1200億ドルなので、1.5倍もの規模になっている。</div>
<div>2012年の日本のEC市場規模の成長率は16%前後だったので</div>
<div>規模、利用者、成長率どれをとっても驚異的な成長だ。</div>
<div></div>
<div>これは、サイトだけでなく、物流や決済と言ったEC関連企業が</div>
<div>ユーザーの利便性や安心感を高めてい行った結果だと思う。</div>
<div>上記記事にもあるが、中国では偽物や粗悪品トラブル回避のため、</div>
<div>オンライン決済後であっても商品が手元に届くまで販売側は代金を受け取れないなどのシステムが普及している。</div>
<div></div>
<div>また、一人暮らしなど日中商品を自宅で受け取れない人は</div>
<div>勤務先での受け取ることを許している会社も多いという。</div>
<div>社会生活の一部としての認識が広まっているようだ。</div>
<div></div>
<div>更にすばらしいのは、自治体が地域をあげてECによる経済発展に本気で取り組んでいるということ。</div>
<div></div>
<div>北京市は、EC事業のビジネスモデルや技術、メカニズムなどのイノベーションを奨励すると発表している。</div>
<div>その中には、今までECによる販売が行われていなかったような従来型の企業も含まれており、</div>
<div>それらの企業がEC展開することを支援している。</div>
<div>また、様々な商材の展開により、全国展開できるEC専用宅配ブランドを育成するとも発表している。</div>
<div></div>
<div>北京市は、結果として2013年の1月〜5月のEC化率は10.9%となっており、</div>
<div>前年同期比53.9%増を達成している。</div>
<div>また、2015年には北京市のEC市場規模を1兆元、EC化率を15%にするとの目標も明らかにしている。</div>
<div></div>
<div>あまりに急速な発展は、粗悪品や秩序の悪化により逆にその後の発展に影響がありそうなので、</div>
<div>日本の場合は50%オーバーの急成長は望まないが、地方自治体などの参入などはどんどんやっていくべきだと思った</div>


中国のEC

時間まで選択できるDatepickerプラグインTimepicker。を日本語化

<p>66種類ものスライドが使えるjQueryプラグイン</p>
<p>PAGE TRANSITIONSをつかってみた。</p>
<p><a href="http://tympanus.net/Development/PageTransitions/" target="_blank">http://tympanus.net/Development/PageTransitions/</a></p>
<p>&nbsp;</p>
<p>非常にクオリティの高いエフェクトが揃っており、</p>
<p>様々なオブジェクトに対して利用できるため、これだけ使ってれば良いのではと思えた。</p>
<p>&nbsp;</p>
<p>設置方法は</p>

		<div id="crayon-64953fd58c522503132045" 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;ul class="dl-submenu"&gt;
    &lt;li data-animation="1"&gt;&lt;a href="#"&gt;右から左へスライド&lt;/a&gt;&lt;/li&gt;
    &lt;li data-animation="2"&gt;&lt;a href="#"&gt;左から右へスライド&lt;/a&gt;&lt;/li&gt;
    &lt;li data-animation="3"&gt;&lt;a href="#"&gt;下から上へスライド&lt;/a&gt;&lt;/li&gt;
    &lt;li data-animation="4"&gt;&lt;a href="#"&gt;上から下へスライド&lt;/a&gt;&lt;/li&gt;
&lt;/ul&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-64953fd58c522503132045-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd58c522503132045-2">2</div><div class="crayon-num" data-line="crayon-64953fd58c522503132045-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd58c522503132045-4">4</div><div class="crayon-num" data-line="crayon-64953fd58c522503132045-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd58c522503132045-6">6</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-64953fd58c522503132045-1"><span class="crayon-r ">&lt;ul </span><span class="crayon-e ">class</span>=<span class="crayon-s ">"dl-submenu"</span><span class="crayon-r ">&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd58c522503132045-2"><span class="crayon-i ">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-r ">&lt;li </span><span class="crayon-e ">data-animation</span>=<span class="crayon-s ">"1"</span><span class="crayon-r ">&gt;</span><span class="crayon-r ">&lt;a </span><span class="crayon-e ">href</span>=<span class="crayon-s ">"#"</span><span class="crayon-r ">&gt;</span><span class="crayon-i ">右から左へスライド</span><span class="crayon-r ">&lt;/a&gt;</span><span class="crayon-r ">&lt;/li&gt;</span></div><div class="crayon-line" id="crayon-64953fd58c522503132045-3"><span class="crayon-i ">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-r ">&lt;li </span><span class="crayon-e ">data-animation</span>=<span class="crayon-s ">"2"</span><span class="crayon-r ">&gt;</span><span class="crayon-r ">&lt;a </span><span class="crayon-e ">href</span>=<span class="crayon-s ">"#"</span><span class="crayon-r ">&gt;</span><span class="crayon-i ">左から右へスライド</span><span class="crayon-r ">&lt;/a&gt;</span><span class="crayon-r ">&lt;/li&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd58c522503132045-4"><span class="crayon-i ">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-r ">&lt;li </span><span class="crayon-e ">data-animation</span>=<span class="crayon-s ">"3"</span><span class="crayon-r ">&gt;</span><span class="crayon-r ">&lt;a </span><span class="crayon-e ">href</span>=<span class="crayon-s ">"#"</span><span class="crayon-r ">&gt;</span><span class="crayon-i ">下から上へスライド</span><span class="crayon-r ">&lt;/a&gt;</span><span class="crayon-r ">&lt;/li&gt;</span></div><div class="crayon-line" id="crayon-64953fd58c522503132045-5"><span class="crayon-i ">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-r ">&lt;li </span><span class="crayon-e ">data-animation</span>=<span class="crayon-s ">"4"</span><span class="crayon-r ">&gt;</span><span class="crayon-r ">&lt;a </span><span class="crayon-e ">href</span>=<span class="crayon-s ">"#"</span><span class="crayon-r ">&gt;</span><span class="crayon-i ">上から下へスライド</span><span class="crayon-r ">&lt;/a&gt;</span><span class="crayon-r ">&lt;/li&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd58c522503132045-6"><span class="crayon-r ">&lt;/ul&gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>このように、dl-submenuを親として、その下にdata-animation=nというように</p>
<p>nでエフェクトの方法を指定する。</p>
<p>&nbsp;</p>
<p>以下はすべての動きとdata-animationの対応表。</p>
<p>&nbsp;</p>
<table>
<tbody>
<tr>
<th>大カテゴリ</th>
<th>中カテゴリ</th>
<th>小カテゴリ</th>
<th>動作説明</th>
<th>data-animation</th>
</tr>
<tr>
<td>MOVE</td>
<td>MOVE TO LEFT/ FROM RIGHT</td>
<td></td>
<td>右から左へスライド</td>
<td>1</td>
</tr>
<tr>
<td></td>
<td>MOVE TO RIGHT/ FROM LEFT</td>
<td></td>
<td>左から右へスライド</td>
<td>2</td>
</tr>
<tr>
<td></td>
<td>MOVE TO TOP/ FROM BOTTOM</td>
<td></td>
<td>下から上へスライド</td>
<td>3</td>
</tr>
<tr>
<td></td>
<td>MOVE TO BOTTOM/ FROM TOP</td>
<td></td>
<td>上から下へスライド</td>
<td>4</td>
</tr>
<tr>
<td>FADE</td>
<td>FADE / FROM RIGHT</td>
<td></td>
<td>右から左へフェード</td>
<td>5</td>
</tr>
<tr>
<td></td>
<td>FADE / FROM LEFT</td>
<td></td>
<td>左から右へフェード</td>
<td>6</td>
</tr>
<tr>
<td></td>
<td>FADE / FROM BOTTOM</td>
<td></td>
<td>下から上へフェード</td>
<td>7</td>
</tr>
<tr>
<td></td>
<td>FADE / FROM TOP</td>
<td></td>
<td>上から下へフェード</td>
<td>8</td>
</tr>
<tr>
<td></td>
<td>FADE LEFT / FADE RIGHT</td>
<td></td>
<td>右フェードから左へフェード</td>
<td>9</td>
</tr>
<tr>
<td></td>
<td>FADE RIGHT / FADE LEFT</td>
<td></td>
<td>左フェードから右へフェード</td>
<td>10</td>
</tr>
<tr>
<td></td>
<td>FADE TOP / FADE BOTTOM</td>
<td></td>
<td>下フェードから上へフェード</td>
<td>11</td>
</tr>
<tr>
<td></td>
<td>FADE BOTTOM / FADE TOP</td>
<td></td>
<td>上フェードから下へフェード</td>
<td>12</td>
</tr>
<tr>
<td>DIFFERENT EASING</td>
<td>DIFFERENT EASING / FROM RIGHT</td>
<td></td>
<td>右から左へフェード改</td>
<td>13</td>
</tr>
<tr>
<td></td>
<td>DIFFERENT EASING / FROM LEFT</td>
<td></td>
<td>左から右へフェード改</td>
<td>14</td>
</tr>
<tr>
<td></td>
<td>DIFFERENT EASING / FROM BOTTOM</td>
<td></td>
<td>下から上へフェード改</td>
<td>15</td>
</tr>
<tr>
<td></td>
<td>DIFFERENT EASING / FROM TOP</td>
<td></td>
<td>上から下へフェード改</td>
<td>16</td>
</tr>
<tr>
<td>SCALE</td>
<td>SCALE DOWN / FROM RIGHT</td>
<td></td>
<td>右から左へ縮小</td>
<td>17</td>
</tr>
<tr>
<td></td>
<td>SCALE DOWN / FROM LEFT</td>
<td></td>
<td>左から右へ縮小</td>
<td>18</td>
</tr>
<tr>
<td></td>
<td>SCALE DOWN / FROM BOTTOM</td>
<td></td>
<td>下から上へ縮小</td>
<td>19</td>
</tr>
<tr>
<td></td>
<td>SCALE DOWN / FROM TOP</td>
<td></td>
<td>上から下へ縮小</td>
<td>20</td>
</tr>
<tr>
<td></td>
<td>SCALE DOWN / SCALE DOWN</td>
<td></td>
<td>縮小後縮小</td>
<td>21</td>
</tr>
<tr>
<td></td>
<td>SCALE UP / SCALE UP</td>
<td></td>
<td>拡大後拡大</td>
<td>22</td>
</tr>
<tr>
<td></td>
<td>MOVE TO LEFT / SCALE UP</td>
<td></td>
<td>左へ移動して拡大</td>
<td>23</td>
</tr>
<tr>
<td></td>
<td>MOVE TO RIGHT / SCALE UP</td>
<td></td>
<td>右へ移動して拡大</td>
<td>24</td>
</tr>
<tr>
<td></td>
<td>MOVE TO TOP / SCALE UP</td>
<td></td>
<td>上へ移動して拡大</td>
<td>25</td>
</tr>
<tr>
<td></td>
<td>MOVE TO BOTTOM / SCALE UP</td>
<td></td>
<td>下へ移動して拡大</td>
<td>26</td>
</tr>
<tr>
<td></td>
<td>SCALE DOWN / SCALE UP</td>
<td></td>
<td>縮小後拡大</td>
<td>27</td>
</tr>
<tr>
<td>ROTATE</td>
<td>GLUE</td>
<td>GLUE LEFT / FROM RIGHT</td>
<td>右から左へ畳み</td>
<td>28</td>
</tr>
<tr>
<td></td>
<td></td>
<td>GLUE RIGHT / FROM LEFT</td>
<td>左から右へ畳み</td>
<td>29</td>
</tr>
<tr>
<td></td>
<td></td>
<td>GLUE BOTTOM / FROM TOP</td>
<td>下から上へ畳み</td>
<td>30</td>
</tr>
<tr>
<td></td>
<td></td>
<td>GLUE TOP / FROM BOTTOM</td>
<td>上から下へ畳み</td>
<td>31</td>
</tr>
<tr>
<td></td>
<td>FLIP</td>
<td>FLIP RIGHT</td>
<td>右へ回転</td>
<td>32</td>
</tr>
<tr>
<td></td>
<td></td>
<td>FLIP LEFT</td>
<td>左へ回転</td>
<td>33</td>
</tr>
<tr>
<td></td>
<td></td>
<td>FLIP TOP</td>
<td>上へ回転</td>
<td>34</td>
</tr>
<tr>
<td></td>
<td></td>
<td>FLIP BOTTOM</td>
<td>下へ回転</td>
<td>35</td>
</tr>
<tr>
<td></td>
<td>FALL</td>
<td></td>
<td>落ちる</td>
<td>36</td>
</tr>
<tr>
<td></td>
<td>NEWSPAPER</td>
<td></td>
<td>くるくる</td>
<td>37</td>
</tr>
<tr>
<td></td>
<td>PUSH / PULL</td>
<td>PUSH LEFT / FROM RIGHT</td>
<td>右から左へ押し出し</td>
<td>38</td>
</tr>
<tr>
<td></td>
<td></td>
<td>PUSH RIGHT / FROM LEFT</td>
<td>左から右へ押し出し</td>
<td>39</td>
</tr>
<tr>
<td></td>
<td></td>
<td>PUSH TOP / FROM BOTTOM</td>
<td>下から上へ押し出し</td>
<td>40</td>
</tr>
<tr>
<td></td>
<td></td>
<td>PUSH BOTTOM / FROM TOP</td>
<td>上から下へ押し出し</td>
<td>41</td>
</tr>
<tr>
<td></td>
<td></td>
<td>PUSH LEFT / PULL RIGHT</td>
<td>右から左へ畳み交差</td>
<td>42</td>
</tr>
<tr>
<td></td>
<td></td>
<td>PUSH RIGHT / PULL LEFT</td>
<td>左から右へ畳み交差</td>
<td>43</td>
</tr>
<tr>
<td></td>
<td></td>
<td>PUSH TOP / PULL BOTTOM</td>
<td>下から上へ畳み交差</td>
<td>44</td>
</tr>
<tr>
<td></td>
<td></td>
<td>PUSH BOTTOM / PULL TOP</td>
<td>上から下へ畳み交差</td>
<td>45</td>
</tr>
<tr>
<td></td>
<td>FOLD / UNFOLD</td>
<td>FOLD LEFT / FROM RIGHT</td>
<td>右から左へ立体回転</td>
<td>46</td>
</tr>
<tr>
<td></td>
<td></td>
<td>FOLD RIGHT / FROM LEFT</td>
<td>左から右へ立体回転</td>
<td>47</td>
</tr>
<tr>
<td></td>
<td></td>
<td>FOLD TOP / FROM BOTTOM</td>
<td>下から上へ立体回転</td>
<td>48</td>
</tr>
<tr>
<td></td>
<td></td>
<td>FOLD BOTTOM / FROM TOP</td>
<td>上から下へ立体回転</td>
<td>49</td>
</tr>
<tr>
<td></td>
<td></td>
<td>MOVE TO RIGHT / UNFOLD LEFT</td>
<td>右から左へ立体回転</td>
<td>50</td>
</tr>
<tr>
<td></td>
<td></td>
<td>MOVE TO LEFT / UNFOLD RIGHT</td>
<td>左から右へ立体回転</td>
<td>51</td>
</tr>
<tr>
<td></td>
<td></td>
<td>MOVE TO BOTTOM / UNFOLD TOP</td>
<td>下から上へ立体回転</td>
<td>52</td>
</tr>
<tr>
<td></td>
<td></td>
<td>MOVE TO TOP / UNFOLD BOTTOM</td>
<td>上から下へ立体回転</td>
<td>53</td>
</tr>
<tr>
<td></td>
<td>ROOM</td>
<td>ROOM TO LEFT</td>
<td>右から左へ立体内側回転</td>
<td>54</td>
</tr>
<tr>
<td></td>
<td></td>
<td>ROOM TO RIGHT</td>
<td>左から右へ立体内側回転</td>
<td>55</td>
</tr>
<tr>
<td></td>
<td></td>
<td>ROOM TO TOP</td>
<td>下から上へ立体内側回転</td>
<td>56</td>
</tr>
<tr>
<td></td>
<td></td>
<td>ROOM TO BOTTOM</td>
<td>上から下へ立体内側回転</td>
<td>57</td>
</tr>
<tr>
<td></td>
<td>CUBE</td>
<td>CUBE TO LEFT</td>
<td>右から左へ3D回転</td>
<td>58</td>
</tr>
<tr>
<td></td>
<td></td>
<td>CUBE TO RIGHT</td>
<td>左から右へ3D回転</td>
<td>59</td>
</tr>
<tr>
<td></td>
<td></td>
<td>CUBE TO TOP</td>
<td>下から上へ3D回転</td>
<td>60</td>
</tr>
<tr>
<td></td>
<td></td>
<td>CUBE TO BOTTOM</td>
<td>上から下へ3D回転</td>
<td>61</td>
</tr>
<tr>
<td></td>
<td>CAROUSEL</td>
<td>CAROUSEL TO LEFT</td>
<td>右から左へ4次元回転</td>
<td>62</td>
</tr>
<tr>
<td></td>
<td></td>
<td>CAROUSEL TO RIGHT</td>
<td>左から右へ4次元回転</td>
<td>63</td>
</tr>
<tr>
<td></td>
<td></td>
<td>CAROUSEL TO TOP</td>
<td>下から上へ4次元回転</td>
<td>64</td>
</tr>
<tr>
<td></td>
<td></td>
<td>CAROUSEL TO BOTTOM</td>
<td>上から下へ4次元回転</td>
<td>65</td>
</tr>
<tr>
<td></td>
<td>SIDES</td>
<td></td>
<td>右から左に扇回転</td>
<td>66</td>
</tr>
<tr>
<td>SLIDE</td>
<td></td>
<td></td>
<td>右から左にスライド</td>
<td>67</td>
</tr>
</tbody>
</table>

67種類ものエフェクトが使えるjQueryプラグイン PAGE TRANSITIONS

オブジェクトを良い感じでぼかしてくれるjQueryプラグイン Vague.js

<p>スマホ対応などでCSS3を使う機会が増えているが</p>
<p>理論的には理解していてもグラデーションなどはソースだけではなかなかうまくできない。</p>
<p>視覚的に微調整できる便利なツールのメモ。</p>
<p>&nbsp;</p>
<h3>css3で単純なグラデーションを生成してくれるサービス</h4>
<p><a href="http://codologic.com/page/sites/all/files/gradx/demo.html" target="_blank">http://codologic.com/page/sites/all/files/gradx/demo.html</a></p>
<p>jQueryのプラグインとしても提供されており、無いと思うがユーザーにグラデーション方法を入力させることも可能。</p>
<p>サイトの装飾部分に使える感じ。</p>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2013/06/3.png"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-2430" alt="3" src="/uploads-archive/2013/06/3.png" width="869" height="637" srcset="/uploads-archive/2013/06/3.png 869w, /uploads-archive/2013/06/3-300x220.png 300w, /uploads-archive/2013/06/3-768x563.png 768w, /uploads-archive/2013/06/3-228x167.png 228w" sizes="(max-width: 869px) 100vw, 869px" /></a></p>
<p>Linerの例</p>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2013/06/1.png"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-2418" alt="1" src="/uploads-archive/2013/06/1.png" width="869" height="637" srcset="/uploads-archive/2013/06/1.png 869w, /uploads-archive/2013/06/1-300x220.png 300w, /uploads-archive/2013/06/1-768x563.png 768w, /uploads-archive/2013/06/1-228x167.png 228w" sizes="(max-width: 869px) 100vw, 869px" /></a></p>
<p>Circleの例</p>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2013/06/2.png"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-2416" alt="2" src="/uploads-archive/2013/06/2.png" width="869" height="637" srcset="/uploads-archive/2013/06/2.png 869w, /uploads-archive/2013/06/2-300x220.png 300w, /uploads-archive/2013/06/2-768x563.png 768w, /uploads-archive/2013/06/2-228x167.png 228w" sizes="(max-width: 869px) 100vw, 869px" /></a></p>
<p>Ellipseの例</p>
<p>&nbsp;</p>
<p>どれもかなり簡単にできるし、どのプロパティがどうゆう動きをするか勉強にもなる。</p>
<p>&nbsp;</p>
<h3>css3でボタンを生成してくれるサービス</h4>
<p><a href="http://css-button-generator.com/" target="_blank">http://css-button-generator.com/<a href="/uploads-archive/2013/06/4.png"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-2417" alt="4" src="/uploads-archive/2013/06/4.png" width="1239" height="603" srcset="/uploads-archive/2013/06/4.png 1239w, /uploads-archive/2013/06/4-768x374.png 768w, /uploads-archive/2013/06/4-228x111.png 228w, /uploads-archive/2013/06/4-300x146.png 300w, /uploads-archive/2013/06/4-1024x498.png 1024w" sizes="(max-width: 1239px) 100vw, 1239px" /></a></a></p>
<p>&nbsp;</p>
<p>角丸やシャドウなど、細かく設定できるので便利。</p>
<p>&nbsp;</p>
<p>ソースから見た目はなんとなくイメージできれば良いと思うので</p>
<p>詳細はこのようなツールを使ったほうがよさそうだ。</p>


便利。css3グラデーション生成ツール2つ

多機能なスライダー sly.js

<p>先日、たまたまチケットを頂く機会があり<br />
熱々！東南アジアの現代美術<br />
<a href="http://www.yaf.or.jp/yma/jiu/2013/jungle/" target="_blank">http://www.yaf.or.jp/yma/jiu/2013/jungle/</a><br />
に行ってきた。</p>
<p>正直特に興味があるわけでもなく、期待せず気まぐれで行ったのだが<br />
結構良かったので、出品作家のなかで良いなと思った方についてまとめてみた。</p>
<h2>イー・イラン</h3>
<p><a href="/uploads-archive/2013/05/228871f243f12715ec67c9b2fd751504.jpg"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-2280" alt="イー・イラン" src="/uploads-archive/2013/05/228871f243f12715ec67c9b2fd751504.jpg" width="656" height="425" srcset="/uploads-archive/2013/05/228871f243f12715ec67c9b2fd751504.jpg 656w, /uploads-archive/2013/05/228871f243f12715ec67c9b2fd751504-228x148.jpg 228w, /uploads-archive/2013/05/228871f243f12715ec67c9b2fd751504-300x194.jpg 300w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p>作家のアイデンティティを表現した作品だそう。<br />
個人的には写実的なシュールレアリスムの延長のような感じがする中<br />
東南アジア独特の世界観が神秘的な印象を受けた。</p>
<h2>ニェ・レイ</h3>
<p><a href="/uploads-archive/2013/05/f410d625b22c6b299c079890c5e0b9bb.jpg"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-2283" alt="ニェ・レイ" src="/uploads-archive/2013/05/f410d625b22c6b299c079890c5e0b9bb.jpg" width="656" height="1024" srcset="/uploads-archive/2013/05/f410d625b22c6b299c079890c5e0b9bb.jpg 656w, /uploads-archive/2013/05/f410d625b22c6b299c079890c5e0b9bb-228x356.jpg 228w, /uploads-archive/2013/05/f410d625b22c6b299c079890c5e0b9bb-192x300.jpg 192w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p>自国の混乱と作家の家庭環境を重ねあわせ、作家の心理状況を投影させた作品だそう。<br />
西洋的で高貴な雰囲気と、東南アジア的な雰囲気が新鮮な印象を受けた。</p>
<h2>ロベルト・フェレオ</h3>
<p><a href="/uploads-archive/2013/05/ec679311c2ef026e94b92780182377e5.jpg"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-2286" alt="ロベルト・フェレオ" src="/uploads-archive/2013/05/ec679311c2ef026e94b92780182377e5.jpg" width="656" height="450" srcset="/uploads-archive/2013/05/ec679311c2ef026e94b92780182377e5.jpg 656w, /uploads-archive/2013/05/ec679311c2ef026e94b92780182377e5-300x206.jpg 300w, /uploads-archive/2013/05/ec679311c2ef026e94b92780182377e5-228x156.jpg 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p>神話や宗教的な物語を織り交ぜたテーマで構成されている。<br />
伝統的なモチーフを現代風にアレンジしており、これも単純な欧米的な現代観とは違った雰囲気を持つとても惹かれる作品だった。</p>
<h2>ポクロン・アナディン</h3>
<p><a href="/uploads-archive/2013/05/7c72e03a78185973e13f529121360c61.jpeg"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-2285" alt="ポクロン・アナディン" src="/uploads-archive/2013/05/7c72e03a78185973e13f529121360c61.jpeg" width="656" height="748" srcset="/uploads-archive/2013/05/7c72e03a78185973e13f529121360c61.jpeg 656w, /uploads-archive/2013/05/7c72e03a78185973e13f529121360c61-228x260.jpeg 228w, /uploads-archive/2013/05/7c72e03a78185973e13f529121360c61-263x300.jpeg 263w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p>シリーズ作品。撮影地の風俗習慣が作品を通して伝わる作品。</p>
<h2>スティーヴ・ティロナ</h3>
<p><a href="/uploads-archive/2013/05/b34995b4879614efce251e06917a5abb.jpg"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-2282" alt="スティーヴ・ティロナ" src="/uploads-archive/2013/05/b34995b4879614efce251e06917a5abb.jpg" width="656" height="333" srcset="/uploads-archive/2013/05/b34995b4879614efce251e06917a5abb.jpg 656w, /uploads-archive/2013/05/b34995b4879614efce251e06917a5abb-228x116.jpg 228w, /uploads-archive/2013/05/b34995b4879614efce251e06917a5abb-300x152.jpg 300w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p>有名らしい。皮肉感あふれるシリーズだった。<br />
色彩が豊富でポップアートのようだが風刺絵のように見えてならない。</p>
<h2>シャノン・リー・キャッスルマン、フランク・カリャガン、フランシス・ン</h2>
<p><a href="/uploads-archive/2013/05/384910f0c19be54e11789393fc3b7d85.jpeg"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-2284" alt="フランシス・ン" src="/uploads-archive/2013/05/384910f0c19be54e11789393fc3b7d85.jpeg" width="656" height="226" srcset="/uploads-archive/2013/05/384910f0c19be54e11789393fc3b7d85.jpeg 656w, /uploads-archive/2013/05/384910f0c19be54e11789393fc3b7d85-228x79.jpeg 228w, /uploads-archive/2013/05/384910f0c19be54e11789393fc3b7d85-300x103.jpeg 300w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p><a href="/uploads-archive/2013/05/b77f14f1babdbb73ed9385aee6bd83c0.jpg"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-2281" alt="シャノン・リー・キャッスルマン" src="/uploads-archive/2013/05/b77f14f1babdbb73ed9385aee6bd83c0.jpg" width="656" height="500" srcset="/uploads-archive/2013/05/b77f14f1babdbb73ed9385aee6bd83c0.jpg 656w, /uploads-archive/2013/05/b77f14f1babdbb73ed9385aee6bd83c0-300x229.jpg 300w, /uploads-archive/2013/05/b77f14f1babdbb73ed9385aee6bd83c0-228x174.jpg 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p>それぞれ写真の作品。<br />
急速に発展する東南アジア諸国の陰と陽を美しく切り取っており<br />
エネルギーが伝わってくる作品。</p>
<p>全体としては、内乱、民族問題、政治問題など、陰な要素と<br />
熱帯的でトロピカルな陽な部分が混在して独特な雰囲気を醸し出していることと<br />
東南アジアの伝統とグローバルで現代的な要素が入り混じり、新鮮な印象を受けた。</p>
<p>ほとんどの作家がwikipediaにも載っていないまだまだ知られざる領域だが<br />
今後も機会があれば注目して行きたいと思う、良い出会いだった。</p>


東南アジアの現代美術 がとても良かった件

<p>ECサイトを作っており、複数の店舗がある場合など</p>
<p>DBに緯度経度の情報を持たなければいけない場合が多く、手間削減のため作ってみた。</p>
<p>&nbsp;</p>
<p><a class="demo" href="/demo/hoshino/38/">デモ</a></p>
<p>&nbsp;</p>
<p>Google Maps API v3を使用。</p>
<p>http://maps.google.com/maps/api/js?sensor=false&amp;region=JP</p>
<p>を読み込み、</p>
<p>google.maps.Geocoder()</p>
<p>をnewしてインスタンス化する。</p>
<p>その後インスタンスのgeocodeメソッドを、引数に住所などの情報、戻り関数の順に入れて呼び出す。</p>
<p>&nbsp;</p>
<p>戻り関数には緯度経度情報とステータスが返ってくる。</p>
<p>&nbsp;</p>
<p>詳しくはこちら</p>
<p><a href="https://developers.google.com/maps/documentation/javascript/geocoding?hl=ja" target="_blank">https://developers.google.com/maps/documentation/javascript/geocoding?hl=ja</a></p>
<p>&nbsp;</p>
<p>実際はこのような処理。</p>
<p>&nbsp;</p>

		<div id="crayon-64953fd58a156804812474" 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;">
function getCode()
{
	var geocoder = new google.maps.Geocoder();
	geocoder.geocode(
	{
		address: "東京都新宿区高田馬場1-25-32"
	},
	function( data, status )
	{
		data[0].geometry.location.lat(); // 緯度
		data[0].geometry.location.lng(); // 経度
	});
}</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-64953fd58a156804812474-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd58a156804812474-2">2</div><div class="crayon-num" data-line="crayon-64953fd58a156804812474-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd58a156804812474-4">4</div><div class="crayon-num" data-line="crayon-64953fd58a156804812474-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd58a156804812474-6">6</div><div class="crayon-num" data-line="crayon-64953fd58a156804812474-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd58a156804812474-8">8</div><div class="crayon-num" data-line="crayon-64953fd58a156804812474-9">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd58a156804812474-10">10</div><div class="crayon-num" data-line="crayon-64953fd58a156804812474-11">11</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd58a156804812474-12">12</div><div class="crayon-num" data-line="crayon-64953fd58a156804812474-13">13</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-64953fd58a156804812474-1"><span class="crayon-t">function</span><span class="crayon-h"> </span><span class="crayon-e">getCode</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd58a156804812474-2"><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-64953fd58a156804812474-3"><span class="crayon-h">	</span><span class="crayon-t">var</span><span class="crayon-h"> </span><span class="crayon-i">geocoder</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-r">new</span><span class="crayon-h"> </span><span class="crayon-i">google</span><span class="crayon-sy">.</span><span class="crayon-i">maps</span><span class="crayon-sy">.</span><span class="crayon-e">Geocoder</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-64953fd58a156804812474-4"><span class="crayon-h">	</span><span class="crayon-i">geocoder</span><span class="crayon-sy">.</span><span class="crayon-e">geocode</span><span class="crayon-sy">(</span></div><div class="crayon-line" id="crayon-64953fd58a156804812474-5"><span class="crayon-h">	</span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd58a156804812474-6"><span class="crayon-h">		</span><span class="crayon-i">address</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">"東京都新宿区高田馬場1-25-32"</span></div><div class="crayon-line" id="crayon-64953fd58a156804812474-7"><span class="crayon-h">	</span><span class="crayon-sy">}</span><span class="crayon-sy">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd58a156804812474-8"><span class="crayon-h">	</span><span class="crayon-t">function</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-i">data</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-r">status</span><span class="crayon-h"> </span><span class="crayon-sy">)</span></div><div class="crayon-line" id="crayon-64953fd58a156804812474-9"><span class="crayon-h">	</span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd58a156804812474-10"><span class="crayon-h">		</span><span class="crayon-i">data</span><span class="crayon-sy">[</span><span class="crayon-cn">0</span><span class="crayon-sy">]</span><span class="crayon-sy">.</span><span class="crayon-i">geometry</span><span class="crayon-sy">.</span><span class="crayon-i">location</span><span class="crayon-sy">.</span><span class="crayon-e">lat</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span><span class="crayon-h"> </span><span class="crayon-c">// 緯度</span></div><div class="crayon-line" id="crayon-64953fd58a156804812474-11"><span class="crayon-h">		</span><span class="crayon-i">data</span><span class="crayon-sy">[</span><span class="crayon-cn">0</span><span class="crayon-sy">]</span><span class="crayon-sy">.</span><span class="crayon-i">geometry</span><span class="crayon-sy">.</span><span class="crayon-i">location</span><span class="crayon-sy">.</span><span class="crayon-e">lng</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span><span class="crayon-h"> </span><span class="crayon-c">// 経度</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd58a156804812474-12"><span class="crayon-h">	</span><span class="crayon-sy">}</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-64953fd58a156804812474-13"><span class="crayon-sy">}</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>&nbsp;</p>

複数の住所から緯度経度を一括で取得するツール

<p>最近EC関連の会社やサービスが増えている気がする。<br />
一昔前までは、例えばECサイトを作ろうと思ったら、システム開発会社やデザイン会社にお願いしていたと思うが<br />
今はECサイト専用のシステム開発会社やデザイン会社が幾つかある。<br />
開発や制作だけではなく、それに付随するサービスも「EC特化」や「EC専門」と謳うところが増えているので、<br />
今後のためにもまとめ。</p>
<p>■レコメンドエンジン<br />
<a href="http://www.luckrec.jp/" target="_blank">http://www.luckrec.jp/</a><br />
とにかく簡単にできる。<br />
価格も手軽なので導入しやすい。</p>
<p>■サイト内検索<br />
<a href="http://search.appirits.com/" target="_blank">http://search.appirits.com/</a><br />
サイトごとにロジックの変更をしてくれる割には低価格。</p>
<p>■クラウドソーシング<br />
<a href="http://ecworkers.jp/" target="_blank">http://ecworkers.jp/</a><br />
はやりのクラウドソーシングをECに特化したサービス。</p>
<p>■アクセス解析<br />
<a href="http://www.inter-office.co.jp/econda/" target="_blank">http://www.inter-office.co.jp/econda/</a><br />
広告代理店にお願いしていたであろう効果測定が充実している。</p>
<p>■フリーペーパー<br />
<a href="http://ecnomikata.com/matching/mikata-tsushin/" target="_blank">http://ecnomikata.com/matching/mikata-tsushin/</a><br />
EC関連業者の中ではメジャーになりつつある。</p>
<p>■一括見積もり<br />
<a href="http://ecnomikata.com/matching/" target="_blank">http://ecnomikata.com/matching/</a><br />
こちらもECのミカタ通信と同じリョーマが運営。<br />
様々なカテゴリがある。主力は物流。</p>
<p>■コールセンター<br />
<a href="http://www.jmscom.co.jp/service/service_guide5.html" target="_blank">http://www.jmscom.co.jp/service/service_guide5.html</a><br />
通常のコールセンター業務と違うのは、電話からの注文があること。<br />
そこを専門的にカバーしてくれるのはうれしい。</p>
<p>■コンサルティング<br />
<a href="http://www.netshop-soken.co.jp/" target="_blank">http://www.netshop-soken.co.jp/</a><br />
「売る」ことを極めたコンサルティング会社。<br />
様々な取り組みは見ていて参考になる。</p>
<p>■就職<br />
<a href="http://www.ecjob.jp/" target="_blank">http://www.ecjob.jp/</a><br />
こんなのまであるのか、という採用サイト。<br />
お祝い金制度有り。</p>
<p>■素材<br />
<a href="http://ec-yobiko.com/" target="_blank">http://ec-yobiko.com/</a><br />
商用、加工OKで無料なのでありがたいサイト。</p>
<p>■テンプレート<br />
<a href="http://www.templatemonster.jp/gallery.php?type=21" target="_blank">http://www.templatemonster.jp/gallery.php?type=21</a><br />
EC用テンプレートが格安で購入できます。</p>


増えるECサイト専用・特化サービス

<p>この度、テンプレートモンスター ジャパンを運営する株式会社ネットオンと提携し、</p>
<p>テンプレートモンスター ジャパンのサイト内で、テンプレートをLaunchCartに適用させるオプションが追加されました。</p>
<p>これにより、クオリティの高いテンプレートを安価で手に入れることができるようになり、</p>
<p>ECサイト開設までの時間を短縮することが可能になりました。</p>
<p>&nbsp;</p>
<p>詳しくはこちらを御覧ください。</p>
<p><a href="http://www.value-press.com/pressrelease/110635" target="_blank">http://www.value-press.com/pressrelease/110635</a></p>
<p>&nbsp;</p>
<p>今回は、テンプレートモンスター ジャパンからLaunchCartのお申込みをする方法を簡単ですがご説明致します。</p>
<p>&nbsp;</p>
<h2>テンプレートモンスター ジャパンへアクセス</h3>
<p><a href="/uploads-archive/2013/05/1.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-2102" alt="1" src="/uploads-archive/2013/05/1.jpg" width="656" height="404" srcset="/uploads-archive/2013/05/1.jpg 656w, /uploads-archive/2013/05/1-300x185.jpg 300w, /uploads-archive/2013/05/1-228x140.jpg 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p><a href="http://www.templatemonster.jp/" target="_blank">http://www.templatemonster.jp/</a></p>
<p>へアクセスします。</p>
<p>ヘッダーの「ECサイトテンプレート」をクリックします。</p>
<p>&nbsp;</p>
<h2>好きなテンプレートを選ぶ</h3>
<p><a href="/uploads-archive/2013/05/2.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-2103" alt="2" src="/uploads-archive/2013/05/2.jpg" width="656" height="404" srcset="/uploads-archive/2013/05/2.jpg 656w, /uploads-archive/2013/05/2-300x185.jpg 300w, /uploads-archive/2013/05/2-228x140.jpg 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p>好きなテンプレートを選びます。</p>
<p>色や雰囲気で検索できるので、探しやすいと思います。</p>
<p>気に入ったテンプレートが見つかったら、サムネイルをクリックします。</p>
<p>&nbsp;</p>
<h2>オプションをチェック</h3>
<p><a href="/uploads-archive/2013/05/3.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-2104" alt="3" src="/uploads-archive/2013/05/3.jpg" width="656" height="404" srcset="/uploads-archive/2013/05/3.jpg 656w, /uploads-archive/2013/05/3-300x185.jpg 300w, /uploads-archive/2013/05/3-228x140.jpg 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p>&nbsp;</p>
<p>ページ中段、右側に「テンプレート編集オプション」というボックスがあります。</p>
<p>「このデザインを、Launch Cartに適用させる 無料」というチェックボックスにチェックを入れ、</p>
<p>「購入に進む」ボタンをクリックします。</p>
<p>※一部LaunchCartオプションに対応していないテンプレートもございます。</p>
<p>&nbsp;</p>
<h2>購入画面に進む</h3>
<p><a href="/uploads-archive/2013/05/4.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-2105" alt="4" src="/uploads-archive/2013/05/4.jpg" width="656" height="404" srcset="/uploads-archive/2013/05/4.jpg 656w, /uploads-archive/2013/05/4-300x185.jpg 300w, /uploads-archive/2013/05/4-228x140.jpg 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p>あとは購入画面に進み、画面にしたがって入力をすれば完了です。</p>
<p>お知らせメールが送信されますので、本文にしたがってテンプレートをダウンロードして下さい。</p>
<p>その後当社からご連絡させて頂きます。</p>
<p>&nbsp;</p>
<p>LaunchCartは大規模ECサイトにも対応した高機能のECサイト構築システムですので</p>
<p>ぜひこの機会にシステムのお乗換えをご検討下さい。</p>
<p>&nbsp;</p>
<p>※Launchcartの詳細は以下を御覧ください。</p>
<p><a href="http://launchcart.jp/" target="_blank">http://launchcart.jp/</a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>


テンプレートモンスターでLaunchCartオプション(無料)が使えるようになりました

jPlayerを使ってみた

<p>今後注目のキーワードで、我々IT・EC業界においても知っておく必要がある技術<br />
BMI(Brain-machine Interface)の動きが活発化してきたそうなので、メモ。</p>
<h2>世界各国の動向</h3>
<p>アメリカ<br />
2013年4月 &#8211; BRAINイニシアチブを発表<br />
アポロ計画に匹敵する米国の偉大なプロジェクトになる</p>
<p>EU<br />
2013年から10年間で12億ユーロを投資し、<br />
脳の情報処理メカニズムを解明。<br />
(日経新聞より)</p>
<h2>日本企業の動向</h3>
<p>HONDA<br />
<a href="http://world.honda.com/news/2009/c090331Brain-Machine-Interface-Technology/" target="_blank">http://world.honda.com/news/2009/c090331Brain-Machine-Interface-Technology/</a><br />
人が考えることでASIMOが動くという取り組み。</p>
<p>島津製作所<br />
<a href="http://www.shimadzu.co.jp/news/press/miq5fd0000001ee3.html" target="_blank">http://www.shimadzu.co.jp/news/press/miq5fd0000001ee3.html</a><br />
国際電気通信基礎技術研究所、NTT、島津製作所、積水ハウス、慶應大学が共同で<br />
BMIを生活環境で利用できることを明らかに。</p>
<h2>今後について</h3>
<p>現状では脳からの情報の受信機と、それを解読する解読機が必要となり、<br />
それぞれ最初は高価なものとなるだろうから、まずは医療・介護での導入が先行すると思う。<br />
その後価格が下がれば一般消費者向けの家電や車にも搭載されていき<br />
インターネットの新しい操作手段にもなっていくだろう。</p>
<p>そうなると、端末に受信機と解読機(もしくはサーバーに送るだけ)がプリインストールされるわけだが<br />
セキュリティはどうなるのかと疑問に思う。<br />
脳からの情報だけで個人を特定できるのだろうか?<br />
そうしないと暗号化されていない個人情報が錯綜する世の中になってしまう…</p>
<p>その辺も含めて、今後どのような動きをしていくか注目して行きたい。<br />
2013年は3Dプリンタ元年だが、2014年はBMI元年になりそうだ</p>
<p>&nbsp;</p>
<h2>追記</h3>
<p>脳波をパスワードにするシステムが開発されたらしい。</p>
<p><a href="http://www.gizmodo.jp/2013/04/post_12131.html" target="_blank">http://www.gizmodo.jp/2013/04/post_12131.html</a></p>
<p>99%以上の確率で認証が可能とのことなので、ログイン的な個人認証はこの技術で対応できそうだ。</p>
<p>あとは通信の暗号化まで発展させられればすばらしい。</p>


注目のキーワード BMI(Brain-machine Interface)

簡単に使い方ツアーを実装できる jQueryプラグイン aSimpleTour

<p>面白いjQueryを見つけた。</p>
<p><a href="http://heelhook.github.io/chardin.js/" target="_blank">http://heelhook.github.io/chardin.js/</a></p>
<p>要素に説明を入れられるプラグインのようで、早速<a href="/launchcart">LaunchCart</a>の管理画面のヘルプ画面を作ってみた。</p>
<p><a class="demo" href="/demo/hoshino/35/">デモ</a></p>
<p>※なんでも良いのでキーボードを押して下さい</p>
<p>&nbsp;</p>
<p>設置は簡単で、HTMLの要素に、例えばデモの左上「商品」部分であれば</p>

		<div id="crayon-64953fd587d2b353504292" 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;li data-intro="商品管理へ遷移します" data-position="right"&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-64953fd587d2b353504292-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-64953fd587d2b353504292-1"><span class="crayon-r ">&lt;li </span><span class="crayon-e ">data-intro</span>=<span class="crayon-s ">"商品管理へ遷移します"</span><span class="crayon-h"> </span><span class="crayon-e ">data-position</span>=<span class="crayon-s ">"right"</span><span class="crayon-r ">&gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>というように</p>
<p>data-intro → 説明文</p>
<p>data-position → left、right、bottom、topというふうに位置を指定</p>
<p>&nbsp;</p>
<p>実行は</p>

		<div id="crayon-64953fd587d2f447193391" 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;">
$( 'body' ).chardinJs();</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-64953fd587d2f447193391-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-64953fd587d2f447193391-1"><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-s">'body'</span><span class="crayon-h"> </span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">chardinJs</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>とするだけでOK。</p>
<p>今回は</p>

		<div id="crayon-64953fd587d30416931324" 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;">
$( document ).keydown(function(e)
{
	$( 'body' ).chardinJs();
});</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-64953fd587d30416931324-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd587d30416931324-2">2</div><div class="crayon-num" data-line="crayon-64953fd587d30416931324-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd587d30416931324-4">4</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-64953fd587d30416931324-1"><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-r">document</span><span class="crayon-h"> </span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">keydown</span><span class="crayon-sy">(</span><span class="crayon-t">function</span><span class="crayon-sy">(</span><span class="crayon-i">e</span><span class="crayon-sy">)</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd587d30416931324-2"><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-64953fd587d30416931324-3"><span class="crayon-h">	</span><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-s">'body'</span><span class="crayon-h"> </span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">chardinJs</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-64953fd587d30416931324-4"><span class="crayon-sy">}</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>とした。</p>
<p>ヘルプ以外にも、詳しい商品説明やアプリケーションのチュートリアルなどに使えそうだ。</p>

jQueryでヘルプ画面を作る Chardin.js

Gmailみたいなオートコンプリートを実装する jQueryプラグイン

PC、スマホでスワイプで画像、コンテンツを送れるスライドショー

<p>&nbsp;</p>
<p>前回ブログ<br />
<a href="/officer/%E3%82%BB%E3%82%AD%E3%83%A5%E3%82%A2%E3%81%AA%E3%83%91%E3%82%B9%E3%83%AF%E3%83%BC%E3%83%89%E3%82%92%E8%87%AA%E5%8B%95%E7%94%9F%E6%88%90%E3%81%99%E3%82%8B%E4%BE%BF%E5%88%A9%E3%83%84%E3%83%BC%E3%83%AB.html">セキュアなパスワードを自動生成する便利ツール</a><br />
でパスワード自動生成ツールを作成したが、<br />
それをプログラムから呼び出せるAPI的なものを作成した。</p>
<p><a class="demo" href="/demo/hoshino/32/js/get_password.js" target="_blank">download</a></p>
<p>&nbsp;</p>
<h2>使い方</h2>
<p></p>

		<div id="crayon-64953fd5869bd982059526" 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;script type="text/javascript" src="js/jquery-1.8.2.min.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="js/get_password.js"&gt;&lt;/script&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-64953fd5869bd982059526-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd5869bd982059526-2">2</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-64953fd5869bd982059526-1"><span class="crayon-ta">&lt;script </span><span class="crayon-e ">type</span>=<span class="crayon-s">"text/javascript"</span><span class="crayon-h"> </span><span class="crayon-e ">src</span>=<span class="crayon-s">"js/jquery-1.8.2.min.js"</span><span class="crayon-h">&gt;</span><span class="crayon-ta">&lt;/script&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd5869bd982059526-2"><span class="crayon-ta">&lt;script </span><span class="crayon-e ">type</span>=<span class="crayon-s">"text/javascript"</span><span class="crayon-h"> </span><span class="crayon-e ">src</span>=<span class="crayon-s">"js/get_password.js"</span><span class="crayon-h">&gt;</span><span class="crayon-ta">&lt;/script&gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>HTMLでjQueryと本jsをインポート。</p>
<p>あとは</p>

		<div id="crayon-64953fd5869c2357177791" 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;">
get_password();</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-64953fd5869c2357177791-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-64953fd5869c2357177791-1"><span class="crayon-e">get_password</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>のように呼び出すだけ。</p>
<p>&nbsp;</p>
<h2>パラメータ</h2>
<h2>無し</h3>
<p>例</p>

		<div id="crayon-64953fd5869c3207869581" 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;">
get_password();</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-64953fd5869c3207869581-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-64953fd5869c3207869581-1"><span class="crayon-e">get_password</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>英字、数値、記号それぞれ混合の8桁の値が返る。</p>
<p>&nbsp;</p>
<h2>数値</h3>
<p>例</p>

		<div id="crayon-64953fd5869c4871513410" 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;">
get_password( 8 );</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-64953fd5869c4871513410-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-64953fd5869c4871513410-1"><span class="crayon-e">get_password</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-cn">8</span><span class="crayon-h"> </span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>英字、数値、記号それぞれ混合の指定した桁数の値が返る。</p>
<p>例だと8桁の文字列が返る。</p>
<p>&nbsp;</p>
<h2>配列</h3>
<p>例</p>

		<div id="crayon-64953fd5869c6764298541" 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;">
get_password( {
	alphabet: false,
	symbol: false,
	number: false,
	len: 2
} );</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-64953fd5869c6764298541-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd5869c6764298541-2">2</div><div class="crayon-num" data-line="crayon-64953fd5869c6764298541-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd5869c6764298541-4">4</div><div class="crayon-num" data-line="crayon-64953fd5869c6764298541-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd5869c6764298541-6">6</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-64953fd5869c6764298541-1"><span class="crayon-e">get_password</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd5869c6764298541-2"><span class="crayon-h">	</span><span class="crayon-i">alphabet</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-t">false</span><span class="crayon-sy">,</span></div><div class="crayon-line" id="crayon-64953fd5869c6764298541-3"><span class="crayon-h">	</span><span class="crayon-i">symbol</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-t">false</span><span class="crayon-sy">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd5869c6764298541-4"><span class="crayon-h">	</span><span class="crayon-i">number</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-t">false</span><span class="crayon-sy">,</span></div><div class="crayon-line" id="crayon-64953fd5869c6764298541-5"><span class="crayon-h">	</span><span class="crayon-i">len</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-cn">2</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd5869c6764298541-6"><span class="crayon-sy">}</span><span class="crayon-h"> </span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>&nbsp;</p>
<table>
<tbody>
<tr>
<th>キー</th>
<th>値の型</th>
<th>デフォルト</th>
<th>必須</th>
<th>説明</th>
</tr>
<tr>
<td>alphabet</td>
<td>boolean</td>
<td>true</td>
<td>☓</td>
<td>戻り値にアルファベットをtrueの時は含め、falseのときは含めない</td>
</tr>
<tr>
<td>number</td>
<td>boolean</td>
<td>true</td>
<td>☓</td>
<td>戻り値に数値をtrueの時は含め、falseのときは含めない</td>
</tr>
<tr>
<td>symbol</td>
<td>boolean</td>
<td>true</td>
<td>☓</td>
<td>戻り値に記号をtrueの時は含め、falseのときは含めない</td>
</tr>
<tr>
<td>len</td>
<td>int</td>
<td>8</td>
<td>☓</td>
<td>戻り値の桁数を指定</td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>

Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧 - Author: hoshino

2013/08/07

2013/07/24

2013/07/17

2013/07/16

2013/07/03

2013/06/13

2013/06/06

2013/05/29

2013/05/23

2013/05/16

2013/05/08

2013/05/02

2013/04/19

2013/04/18

2013/04/11

2013/04/04

2013/03/28

2013/03/28