<p>We are well informed of how important are the social media to promote your commerce, but now we have gone one step further. Social networks are becoming more and more common to use as a tool for buying and selling. According to an announcement made in December 2014 by Kevin Systrom, CEO of <a href="https://instagram.com/">Instagram</a>, the photo sharing network has passed the 300-million user mark.</p>
<p>Taking advantage of the moment, Brazilian company <a href="http://gerencianet.com.br/">Gerencianet </a>saw an opportunity in making transactions directly via Instagram and is now preparing<strong> “<a href="http://letsell.it/">Letsell</a>”</strong>, the only app that allow you to buy and sell through Instagram.</p>
<blockquote><p>Letsell was developed for people who want to advertise any object they wish to sell, whether new or used, without bureaucracy.</p></blockquote>
<p>The application affords an excellent chance for companies or ordinary people to use Instagram as a sales channel.</p>
<p>If a transaction goes through a fee is charged to the vendor, while the person making the purchase doesn&#8217;t pay any fee at all.</p>
<p><a href="http://letsell.it/"><img decoding="async" loading="lazy" class="alignnone wp-image-7070 " src="/uploads-archive/2015/03/Screen-Shot-2015-03-10-at-16.16.48-1024x514.png" alt="Screen Shot 2015-03-10 at 16.16.48" width="755" height="396" /></a><br />
The release of Letsell is scheduled for the beginning of March in 9 countries: the United States, Germany, Canada, the United Kingdom, Australia, Brazil, Mexico, Spain and Andorra. The app will be available in English, Spanish and Portuguese.</p>
<p>The app is free, and when it comes to making a bargain over the internet, it&#8217;s equipped with basic tools. One example is an online chat function that works as a channel for sellers and buyers to negotiate. Another feature is that the application covers the whole payment process. PayPal was chosen as the means of payment to make it possible to use Letsell in a number of countries, even in situations when the parties are in different countries.</p>
<p><a href="http://letsell.it/"><img decoding="async" loading="lazy" class="alignnone wp-image-7071 " src="/uploads-archive/2015/03/Screen-Shot-2015-03-10-at-16.17.13-1024x505.png" alt="Screen Shot 2015-03-10 at 16.17.13" width="713" height="349" srcset="/uploads-archive/2015/03/Screen-Shot-2015-03-10-at-16.17.13-300x148.png 300w, /uploads-archive/2015/03/Screen-Shot-2015-03-10-at-16.17.13-228x113.png 228w" sizes="(max-width: 713px) 100vw, 713px" /></a></p>
<p>The app can be installed in Android or iOS tablets or cell phones so users can track purchases, sales and records of negotiations.</p>
<p>Those interested can register at: <a href="http://letsell.it/">http://letsell.it</a> to get information on this exclusive new product.</p>


LETSELL: Buy and sell on Instagram

<p>今年に入ってから、日本国内の受取ロッカーの新規設置のニュースがいくつか出てきている。</p>
<p>日本郵便と楽天 1月</p>
<p><a href="http://www.sankei.com/economy/news/150115/ecn1501150018-n1.html" target="_blank"> http://www.sankei.com/economy/news/150115/ecn1501150018-n1.html</a></p>
<p>&nbsp;</p>
<p>西友 3月</p>
<p><a href="http://www.nikkei.com/article/DGXLASDZ03HFD_T00C15A3TI0000/" target="_blank"> http://www.nikkei.com/article/DGXLASDZ03HFD_T00C15A3TI0000/</a></p>
<p>&nbsp;</p>
<p>欧米では日本よりは一般的だそうで、Amazonなどの大手ECサイトや物流会社や専門会社が町中にロッカーを設置している例も多いとのこと。</p>
<p>日本では東京にいてもほぼ見たことが無く、もしかしたらこれから一般化されていくかもしれないので考えてみた。</p>
<p>&nbsp;</p>
<h2>1. 公共交通機関がやるパターン</h2>
<p>JRなどが駅などにロッカーを設置し、配送業者からの受取を代行する。</p>
<p>別会社がロッカーへの搬入や受取期限超えの商品の返送などを行う。</p>
<p>顧客管理は自社で、物流は外部と連携する</p>
<p>&nbsp;</p>
<p>メリット：導入スピードが早そう</p>
<p>デメリット：鉄道会社間で仕様統一できなそう</p>
<p>&nbsp;</p>
<h2>2. 配送業者がロッカーを設置するパターン</h2>
<p>配送会社が駅や公共施設にロッカーを設置する。</p>
<p>ロッカーへの搬入や受取期限切れの返送はそのまま自社で行う。</p>
<p>顧客管理や物流も自社で行う</p>
<p>&nbsp;</p>
<p>メリット：一元管理で効率的そう。システム側が導入しやすそう</p>
<p>デメリット：全国的に広がるのはお金かかりそう = 時間かかりそう</p>
<p>&nbsp;</p>
<h2>3. コンビニ</h2>
<p>コンビニ受取プラス人通りが多い場所にロッカーを設置する。</p>
<p>搬入・搬出は別会社がやる。</p>
<p>顧客管理や物流は外部でやる</p>
<p>&nbsp;</p>
<p>メリット：導入スピードが早そう。便利そう</p>
<p>デメリット：手数料が高そう</p>
<p>&nbsp;</p>
<p>結論としては、コンビニでやればいいと思った。</p>
<p>利便性が高いし参入障壁も低いと思う。</p>
<p>管理の一元性と現場のフローが大変と思うので、その辺りさえクリアすれば顧客は利用すると思う</p>


【EC】受取用ロッカー

<p>今月、3月6日に総務省統計局から「家計におけるネットショッピングの実態把握」なるものが報道資料として発表されています。</p>
<p>ざっくり中身を説明させてもらうと最近ネットショッピングの利用が増えてきているので、どれくらいの人が、何を、幾らくらいネットで買い物をしているのかという調査で、2015年1月分の速報です。（確定データではない）→<a href="http://www.soumu.go.jp/menu_news/s-news/01toukei07_01000078.html">当該の調査</a></p>
<p>情報の集計世帯数17,029世帯（2人以上の世帯）で1ヶ月にインターネットを利用した支出があった世帯数は4,076世帯、1世帯当たりの支出額は一ヶ月31,757円だったそうです。1世帯で31,757円という数字は個人的には結構使っているなと感じました。</p>
<h2>ネットショップで何を買っているか？</h2>
<p>買い物の中身についてですが、自宅用が95.6%でほとんどを占めています。</p>
<table>
<tbody>
<tr>
<td>贈答用</td>
<td>自宅用</td>
</tr>
<tr>
<td>4.4%</td>
<td>95.6%</td>
</tr>
</tbody>
</table>
<p>出展：総務省（家計消費状況調査平成27年（2015年）１月分（速報）</p>
<p>&nbsp;</p>
<p>自宅用に何をかっているのかについて</p>
<table>
<tbody>
<tr>
<td>項目</td>
<td>支出額に占める割合</td>
</tr>
<tr>
<td>食料</td>
<td><strong>15.9%</strong></td>
</tr>
<tr>
<td>家電</td>
<td>7.9%</td>
</tr>
<tr>
<td>家具</td>
<td>2.3%</td>
</tr>
<tr>
<td>衣類・履物</td>
<td><strong>12.5%</strong></td>
</tr>
<tr>
<td>保健・医療</td>
<td>4.5%</td>
</tr>
<tr>
<td>化粧品</td>
<td>4.2%</td>
</tr>
<tr>
<td>自動車等関係用品</td>
<td>1.8%</td>
</tr>
<tr>
<td>書籍</td>
<td>2.5%</td>
</tr>
<tr>
<td>音楽・映像ソフト等</td>
<td>3.1%</td>
</tr>
<tr>
<td>デジタルコンテンツ</td>
<td>0.8%</td>
</tr>
<tr>
<td>保険</td>
<td>4.7%</td>
</tr>
<tr>
<td>旅行関係費</td>
<td><strong>19.5%</strong></td>
</tr>
<tr>
<td>チケット</td>
<td>2.8%</td>
</tr>
<tr>
<td>その他</td>
<td>13.0%</td>
</tr>
</tbody>
</table>
<p>出展：総務省（家計消費状況調査平成27年（2015年）１月分（速報</p>
<p>旅行関係がは単価が高いからなのかもしれませんが、割合的には最も支出の割合が高くなっています。</p>
<h2> ネットショッピングで物が売れるのはいつなのか？</h2>
<p>調査対象におけるネットショッピングを利用する世帯の割合の推移が下のグラフです。</p>
<p>2014年の3月に急激に増えているのはおそらく消費税増税の影響だと思いますが、2013年、2014年に共通しているのは12月が最もネットショッピングで買い物をしていて、季節が冬に向かうほど割合が増えていっています。</p>
<p>「外が寒いと買い物に出なくなるから？」というのは単純過ぎますが一つの要因かもしれません・・・</p>
<p><a href="/uploads-archive/2015/03/soumusyo01.gif"><img decoding="async" loading="lazy" class="alignnone  wp-image-7053" src="/uploads-archive/2015/03/soumusyo01.gif" alt="soumusyo01" width="626" height="302" /></a></p>
<p>出展：総務省（家計消費状況調査平成27年（2015年）１月分（速報） 結果の概要：図２）</p>


ネットで物が売れるのは何月なのか？”家計のネットショッピングの実態把握”

<p>イケてるスマートフォンメーカーMeizuを聞いたので、調べてみました。<br />
日本には進出しておらず認知をしている人は極めて少ないと思われますが、多少日本語に翻訳された記事もありました。</p>
<h3 id="toc_0">Meizu概要</h2>
<p>まずは、Wikipediaから</p>
<blockquote><p>当初はデジタルオーディオプレイヤーを製造していたが、2007年以降はスマートフォンを製造するようになった。<br />
2015年2月9日、アリババはMeizuに5億9000万ドルを出資し、同社の少数株を取得することで合意した。この提携により、アリババは自社の携帯電話向けカスタムOS「YunOS」の搭載ハードウェアを増やし、一方のMeizuはAlibabaの巨大なオンライン流通ネットワークを利用することになる。</p></blockquote>
<p>とあります。<br />
ちょうど、1ヶ月ほど前にアリババから700億強の出資を受けています。</p>
<h3 id="toc_1">1ヶ月で150万台販売</h2>
<p>2014年第2四半期のスマートフォンシェアではトップ5が「Xiaomi」「Samsung」「Lenovo」「Yulong」「Huawei」とこのMeizuは入っていないものの、 2015年1月の1か月間で同社としては過去最大の 150万台のスマートフォンを販売したそうです。</p>
<p><a href="http://getnews.jp/archives/809037" target="_blank">Meizu、2015年1月は150万台のスマートフォンを販売</a></p>
<p>この150万台というのがどういう数字かと言うと<br />
日本で2014年の1年間で2770万台です。1ヶ月に割り戻すと、225万台です。<br />
異様なシェアを持つiphoneでも1,648万台。1ヶ月あたり137万台です。<br />
これは、日本全体のスマートフォン販売台数です。如何に、巨大なマーケットかつスケールが違うか分かると思います。<br />
このMeizuでトップ5に入っていません。</p>
<p><a href="http://www.m2ri.jp/newsreleases/main.php?id=010120150203500" target="_blank">http://www.m2ri.jp/newsreleases/main.php?id=010120150203500</a></p>
<p>ちなみに、xiaomiは、2014年第3四半期で1600万台、1ヶ月あたり530万台とすごいことになっています。</p>
<p><a href="http://jp.techcrunch.com/2014/12/16/20141215gartner-301m-smartphones-sold-in-q3-as-xiaomi-muscles-into-the-top-5-at-samsungs-expense/" target="_blank">http://jp.techcrunch.com/2014/12/16/20141215gartner-301m-smartphones-sold-in-q3-as-xiaomi-muscles-into-the-top-5-at-samsungs-expense/</a></p>
<h3 id="toc_2">製品キャプチャ</h2>
<h4 id="toc_3">MX4</h3>
<p><a href="/uploads-archive/2015/03/mx4.jpg"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-7039" src="/uploads-archive/2015/03/mx4.jpg" alt="mx4" width="225" height="190" /></a></p>
<ul>
<li>$ 449.00</li>
<li>147 g</li>
<li>5.36インチ</li>
<li>1920 x 1152 px</li>
<li>MediaTek 6595 8コア</li>
<li>16GB ROM</li>
<li>2GB RAM<br />
現在のメインストリーム機に位置します。<br />
5万円程度で8コアと先端のスペックをいっており、サイズ的にはiphone６Plusがベンチマークとしていると思われます。<br />
解像度が見たことない数値です。</li>
</ul>
<h4 id="toc_4">MX4 Pro</h3>
<p><a href="/uploads-archive/2015/03/mx4pro.jpg"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-7040" src="/uploads-archive/2015/03/mx4pro.jpg" alt="mx4pro" width="225" height="190" /></a></p>
<ul>
<li>$ 579.00</li>
<li>158g</li>
<li>5.5インチ</li>
<li>2560 x 1536 px</li>
<li>Samsung Exynos 5430 8コア</li>
<li>16GB ROM</li>
<li>3GB RAM<br />
いわゆるフラグシップ、ハイエンド機です。<br />
FullHDを超える2Kディスプレイを積んでいます。ボタンのあたりがなんだか激似ですが、GalaxyNOTEや６インチですがNexus6などがこの2Kディスプレイを積んでいます。<br />
メモリも3GBで申し分のない最高スペックです。それでいて、６万円程度の価格に抑えられています。</li>
</ul>
<h4 id="toc_5">M1 Note</h3>
<p><a href="/uploads-archive/2015/03/m1note.jpg"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-7041" src="/uploads-archive/2015/03/m1note.jpg" alt="m1note" width="262" height="190" srcset="/uploads-archive/2015/03/m1note.jpg 262w, /uploads-archive/2015/03/m1note-228x165.jpg 228w" sizes="(max-width: 262px) 100vw, 262px" /></a></p>
<ul>
<li>$ 未定</li>
<li>145g</li>
<li>5.5インチ</li>
<li>1920 x 1080 px</li>
<li>MediaTek MT6752 8コア</li>
<li>16GB ROM</li>
<li>2GB RAM<br />
こちらは、ローエンド機、廉価版の位置付けですが、スペックはiphone6plusそのものです。価格とCPUの性能が気になるところではあります。<br />
200ドル台で出してきたら、どこも勝てませんね。</li>
</ul>
<h4 id="toc_6">MX3</h3>
<p><a href="/uploads-archive/2015/03/MX3.jpg"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-7042" src="/uploads-archive/2015/03/MX3-300x300.jpg" alt="MX3" width="300" height="300" srcset="/uploads-archive/2015/03/MX3-300x300.jpg 300w, /uploads-archive/2015/03/MX3-150x150.jpg 150w, /uploads-archive/2015/03/MX3-228x227.jpg 228w, /uploads-archive/2015/03/MX3.jpg 440w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<ul>
<li>$ 399.00</li>
<li>143 g</li>
<li>5.1インチ</li>
<li>1800 × 1080 px</li>
<li>Samsung Exynos 5 8コア</li>
<li>16GB ROM</li>
<li>2GB RAM<br />
昨年のモデルです。最近のスマートフォンメーカーとして、昨年のモデルを100ドルを値引いて売る手法が確立しているようです。<br />
xioamiはMI3という1年前の機種（それでも十分なスペック）をインドの進出にあたり、2秒で売り切るという話題をもたらしています。<br />
http://juggly.cn/archives/124491.html</li>
</ul>
<p>この時点で8コアを搭載しているのが驚きです。<br />
ちょうど、私も使っているNexus5あたりが去年モデルでベンチマークになるのでしょう。<br />
また、ディスプレイの解像度が見たことない数値です。いわゆるFullHDに縦が120pxほど足りません。</p>
<h3 id="toc_7">まとめ</h2>
<p>以上、現行で発売されているのはたったの4機種です。<br />
質感はすごくいいと思われるのですが、どこかで見たことあるような感じですねw<br />
世界1位と2位のスマートフォンメーカーのデザインを足して2で割ったような・・・・・<br />
それでも、高い次元で製品を作っていればいいと思います。<br />
ところで今、中国と関わらず製造しているスマートフォンメーカーなどあるのでしょうか。<br />
中国最大のIT企業アリババに出資を受けたMeizuからも目が離せません。</p>


Meizu(魅族科技)中国のスマートフォンメーカー

<p>ページ内でアンカーリンクさせる場合、</p>
<p>何も設定しないと急激に動いてしまい、動きとしてあまり見栄えが良くないため、</p>
<p>jQueryなどJavaScriptを使ったスムーススクロールを導入することが多いです。</p>
<p>&nbsp;</p>
<p>ただ、この場合、急激な動作を避けるために、&lt;a&gt;のクリックイベントに対して&#8221;return false;&#8221;をかけて、</p>
<p>実際にはリンクさせないようにするのですが、</p>
<p>CSS3ではアンカーリンクさせた要素に対してスタイルを設定することができる、</p>
<p>「:target」という疑似クラスがあり、</p>
<p>通常のスムーススクロールではこの「:target」を活かすことができません。</p>
<p>&nbsp;</p>
<p>そこで、CSS3の「:target」疑似クラスに対応させられるスムーススクロールを考えてみました。</p>
<p>&nbsp;</p>
<p>↓作ってみたもの</p>
<p><a class="demo" href="/demo/ninomiya/67/" target="_blank"> DEMO</a></p>
<p>&nbsp;</p>
<h2>方法</h2>
<p></p>

		<div id="crayon-649540158456f182295739" 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">jQuery</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;">
$(function(){
	/*-------------------------------
	通常のsmooth scroll
	-------------------------------*/
	$('a[href^=#]').click(function() {
		var speed = 400;
		var href= $(this).attr("href");
		var target = $(href == "#" || href == "" ? 'html' : href);
		var position = target.offset().top;
		$('body,html').animate({scrollTop:position}, speed, 'swing');
		return false;
	});
});

↓

$(function(){
	/*-------------------------------
	「:target」に対応したsmooth scroll
	-------------------------------*/
	$('a[href^=#]').click(function() {
		var speed = 400;
		var href= $(this).attr("href");
		var target = $(href == "#" || href == "" ? 'html' : href);
		var position = target.offset().top;
		$('body,html').animate({scrollTop:position}, speed, 'swing', function(){
			location.href = href;　←ここを追記
		});
		return false;
	});
});</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-649540158456f182295739-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540158456f182295739-2">2</div><div class="crayon-num" data-line="crayon-649540158456f182295739-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540158456f182295739-4">4</div><div class="crayon-num" data-line="crayon-649540158456f182295739-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540158456f182295739-6">6</div><div class="crayon-num" data-line="crayon-649540158456f182295739-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540158456f182295739-8">8</div><div class="crayon-num" data-line="crayon-649540158456f182295739-9">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540158456f182295739-10">10</div><div class="crayon-num" data-line="crayon-649540158456f182295739-11">11</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540158456f182295739-12">12</div><div class="crayon-num" data-line="crayon-649540158456f182295739-13">13</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540158456f182295739-14">14</div><div class="crayon-num" data-line="crayon-649540158456f182295739-15">15</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540158456f182295739-16">16</div><div class="crayon-num" data-line="crayon-649540158456f182295739-17">17</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540158456f182295739-18">18</div><div class="crayon-num" data-line="crayon-649540158456f182295739-19">19</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540158456f182295739-20">20</div><div class="crayon-num" data-line="crayon-649540158456f182295739-21">21</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540158456f182295739-22">22</div><div class="crayon-num" data-line="crayon-649540158456f182295739-23">23</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540158456f182295739-24">24</div><div class="crayon-num" data-line="crayon-649540158456f182295739-25">25</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540158456f182295739-26">26</div><div class="crayon-num" data-line="crayon-649540158456f182295739-27">27</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540158456f182295739-28">28</div><div class="crayon-num" data-line="crayon-649540158456f182295739-29">29</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540158456f182295739-30">30</div><div class="crayon-num" data-line="crayon-649540158456f182295739-31">31</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-649540158456f182295739-1"><span class="crayon-sy">$</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-649540158456f182295739-2"><span class="crayon-h">	</span><span class="crayon-c">/*-------------------------------</span></div><div class="crayon-line" id="crayon-649540158456f182295739-3"><span class="crayon-c">	通常のsmooth scroll</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540158456f182295739-4"><span class="crayon-c">	-------------------------------*/</span></div><div class="crayon-line" id="crayon-649540158456f182295739-5"><span class="crayon-h">	</span><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-s">'a[href^=#]'</span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">click</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-h"> </span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540158456f182295739-6"><span class="crayon-h">		</span><span class="crayon-t">var</span><span class="crayon-h"> </span><span class="crayon-i">speed</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-cn">400</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540158456f182295739-7"><span class="crayon-h">		</span><span class="crayon-t">var</span><span class="crayon-h"> </span><span class="crayon-i">href</span>=<span class="crayon-h"> </span><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-r">this</span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">attr</span><span class="crayon-sy">(</span><span class="crayon-s">"href"</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540158456f182295739-8"><span class="crayon-h">		</span><span class="crayon-t">var</span><span class="crayon-h"> </span><span class="crayon-i">target</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-i">href</span><span class="crayon-h"> </span>==<span class="crayon-h"> </span><span class="crayon-s">"#"</span><span class="crayon-h"> </span><span class="crayon-sy">|</span><span class="crayon-sy">|</span><span class="crayon-h"> </span><span class="crayon-i">href</span><span class="crayon-h"> </span>==<span class="crayon-h"> </span><span class="crayon-s">""</span><span class="crayon-h"> </span><span class="crayon-sy">?</span><span class="crayon-h"> </span><span class="crayon-s">'html'</span><span class="crayon-h"> </span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i">href</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540158456f182295739-9"><span class="crayon-h">		</span><span class="crayon-t">var</span><span class="crayon-h"> </span><span class="crayon-i">position</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-i">target</span><span class="crayon-sy">.</span><span class="crayon-e">offset</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-i">top</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540158456f182295739-10"><span class="crayon-h">		</span><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-s">'body,html'</span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">animate</span><span class="crayon-sy">(</span><span class="crayon-sy">{</span><span class="crayon-i">scrollTop</span><span class="crayon-sy">:</span><span class="crayon-i">position</span><span class="crayon-sy">}</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-i">speed</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-s">'swing'</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540158456f182295739-11"><span class="crayon-h">		</span><span class="crayon-st">return</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-649540158456f182295739-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-649540158456f182295739-13"><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-649540158456f182295739-14">&nbsp;</div><div class="crayon-line" id="crayon-649540158456f182295739-15">↓</div><div class="crayon-line crayon-striped-line" id="crayon-649540158456f182295739-16">&nbsp;</div><div class="crayon-line" id="crayon-649540158456f182295739-17"><span class="crayon-sy">$</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-649540158456f182295739-18"><span class="crayon-h">	</span><span class="crayon-c">/*-------------------------------</span></div><div class="crayon-line" id="crayon-649540158456f182295739-19"><span class="crayon-c">	「:target」に対応したsmooth scroll</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540158456f182295739-20"><span class="crayon-c">	-------------------------------*/</span></div><div class="crayon-line" id="crayon-649540158456f182295739-21"><span class="crayon-h">	</span><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-s">'a[href^=#]'</span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">click</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-h"> </span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540158456f182295739-22"><span class="crayon-h">		</span><span class="crayon-t">var</span><span class="crayon-h"> </span><span class="crayon-i">speed</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-cn">400</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540158456f182295739-23"><span class="crayon-h">		</span><span class="crayon-t">var</span><span class="crayon-h"> </span><span class="crayon-i">href</span>=<span class="crayon-h"> </span><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-r">this</span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">attr</span><span class="crayon-sy">(</span><span class="crayon-s">"href"</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540158456f182295739-24"><span class="crayon-h">		</span><span class="crayon-t">var</span><span class="crayon-h"> </span><span class="crayon-i">target</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-i">href</span><span class="crayon-h"> </span>==<span class="crayon-h"> </span><span class="crayon-s">"#"</span><span class="crayon-h"> </span><span class="crayon-sy">|</span><span class="crayon-sy">|</span><span class="crayon-h"> </span><span class="crayon-i">href</span><span class="crayon-h"> </span>==<span class="crayon-h"> </span><span class="crayon-s">""</span><span class="crayon-h"> </span><span class="crayon-sy">?</span><span class="crayon-h"> </span><span class="crayon-s">'html'</span><span class="crayon-h"> </span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i">href</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540158456f182295739-25"><span class="crayon-h">		</span><span class="crayon-t">var</span><span class="crayon-h"> </span><span class="crayon-i">position</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-i">target</span><span class="crayon-sy">.</span><span class="crayon-e">offset</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-i">top</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540158456f182295739-26"><span class="crayon-h">		</span><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-s">'body,html'</span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">animate</span><span class="crayon-sy">(</span><span class="crayon-sy">{</span><span class="crayon-i">scrollTop</span><span class="crayon-sy">:</span><span class="crayon-i">position</span><span class="crayon-sy">}</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-i">speed</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-s">'swing'</span><span class="crayon-sy">,</span><span class="crayon-h"> </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" id="crayon-649540158456f182295739-27"><span class="crayon-h">			</span><span class="crayon-i">location</span><span class="crayon-sy">.</span><span class="crayon-i">href</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-i">href</span><span class="crayon-sy">;</span>　←ここを追記</div><div class="crayon-line crayon-striped-line" id="crayon-649540158456f182295739-28"><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-649540158456f182295739-29"><span class="crayon-h">		</span><span class="crayon-st">return</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-649540158456f182295739-30"><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-649540158456f182295739-31"><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>
<p>本来のリンクを強制的に行わせます。</p>
<p>&nbsp;</p>
<p>「:target」を使うときには是非どうぞ。</p>

「:target」疑似クラスを考慮したスムーススクロール

<p>2015年3月いっぱいでクロネコネール便が廃止になることから、クロネコヤマトでそれに代わる新サービスを4月1日から始めるとの発表があったようですが、通販事業者にとっては&#8221;使える&#8221;サービスなのかどうか少しまとめてみました。</p>
<p>新しいサービスは主に２つあって、「<a href="http://www.kuronekoyamato.co.jp/compact/index.html">宅配便コンパクト</a>」と「<a href="http://www.kuronekoyamato.co.jp/nekoposu/index.html">ネコポス</a>」です。どちらも”宅配便以下、メール便以上”というサイズ制限のサービスになるのでコスメ・小さ目のアパレル・雑貨・サプリなどの配送に向いた配送方法だと思います。</p>
<p><a href="/uploads-archive/2015/03/main.jpg"><img decoding="async" loading="lazy" class="alignnone  wp-image-6996" src="/uploads-archive/2015/03/main.jpg" alt="main" width="495" height="168" srcset="/uploads-archive/2015/03/main.jpg 950w, /uploads-archive/2015/03/main-300x102.jpg 300w, /uploads-archive/2015/03/main-228x78.jpg 228w" sizes="(max-width: 495px) 100vw, 495px" /></a></p>
<p><a href="/uploads-archive/2015/03/main-1.jpg"><img decoding="async" loading="lazy" class="alignnone  wp-image-6997" src="/uploads-archive/2015/03/main-1.jpg" alt="main (1)" width="493" height="174" srcset="/uploads-archive/2015/03/main-1.jpg 976w, /uploads-archive/2015/03/main-1-300x106.jpg 300w, /uploads-archive/2015/03/main-1-228x81.jpg 228w" sizes="(max-width: 493px) 100vw, 493px" /></a></p>
<p>日本郵便が宅配便とメール便の間をとったサービスを開始した事への対応策的な部分もあるのかなという感じがします。</p>
<p>クロネコの新サービスと日本郵便の同等のサービスを送料やサイズ制限で比べてみました。</p>
<h2>ネコポスVSゆうパケット</h2>
<table style="height: 92px;" width="138">
<tbody>
<tr>
<td>サービス名</td>
<td>ネコポス</td>
<td>ゆうパケット</td>
</tr>
<tr>
<td> 送料</td>
<td>250円 （100件の場合）</td>
<td> 150円～250円程度（月500件以上）</td>
</tr>
<tr>
<td>日数</td>
<td>発送から1日（一部の地域を除く）</td>
<td>発送から1～2日（北海道の一部3日、沖縄離島5日程度）</td>
</tr>
<tr>
<td> 厚さ</td>
<td> 2.5cmまで</td>
<td> 3.0cmまで</td>
</tr>
<tr>
<td>大きさ</td>
<td>31.2cm×22.8cm以内</td>
<td>3辺合計60cm以内長辺34cm以内</td>
</tr>
<tr>
<td>重さ</td>
<td>1kgまで</td>
<td>1kgまで</td>
</tr>
<tr>
<td>追跡</td>
<td>可能</td>
<td>可能</td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>
<p>２つのサービスを比べると良く似ているのですが、厚さの制限が多少違います。</p>
<p>この0.5cmの差が意外に大きくて、私が担当する店舗では3cmまで送れるゆうパケットがかなり役立っています。</p>
<p>送料に関してはゆうパケットは厚さによっても金額がことなるのでゆうパケットの方が安い気もするのですが、発送個数によってネコポスは送料の交渉ができるようなので一概にどちらが安いかは見積もりを出さないとわかりません。</p>
<p>ちなみにゆうパケットも発送個数で送料の交渉は可能です。</p>
<h2>宅配便コンパクトVSポスパケット</h2>
<table style="height: 92px;" width="138">
<tbody>
<tr>
<td>サービス名</td>
<td>宅配便コンパクト</td>
<td>ポスパケット</td>
</tr>
<tr>
<td> 送料</td>
<td>地域によって354円～1188円（別途専用BOX代が65円）</p>
<p>※法人は値引き交渉できそう</td>
<td> 全国一律360円</td>
</tr>
<tr>
<td>日数</td>
<td>発送から1日（一部の地域を除く）</td>
<td>発送から1～2日</p>
<p>※速達と同様の扱い</td>
</tr>
<tr>
<td> 厚さ</td>
<td> 5.0cmまで</td>
<td> 3.5cmまで</td>
</tr>
<tr>
<td>大きさ</td>
<td>20cm×25cm（薄型は24.8cm×34.0cm）</td>
<td>34.0cm×24.0cm</td>
</tr>
<tr>
<td>重さ</td>
<td>調査中</td>
<td>1kgまで</td>
</tr>
<tr>
<td>追跡</td>
<td>可能</td>
<td>可能</td>
</tr>
</tbody>
</table>
<p>宅配便コンパクトは日本郵便のポスパケットに相当するかなと思うのですが、厚さが3.5cmを超えないのであれば値段的にパスパケットが良いようです。</p>
<p>宅配便コンパクトは専用BOXで発送する必要があるようなので別途箱代65円もかかってきます。</p>
<p>&nbsp;</p>


クロネコヤマトの新サービスはECの配送方法として使えるのか

<p>以前、あるコーディングの案件を受けている時に、ニュースの文で文末を&#8230;にしてほしいと言われ、それはコーディングですることじゃなくてシステムでやるのではないかと思ったのですが、いざ調べてみると、CSSで出来る方法がありました。</p>
<p>早速説明していきます。<br />
DEMOもありますのでご覧ください。</p>
<p><a href="/demo/abe/53/" target="_blank" class="demo">DEMO</a></p>
<h2>CSSのみで文末をカットし、&#8230;を代入する方法</h2>
<p>html</p>

		<div id="crayon-649540158425c304956696" 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;div class="text"&gt;
  	&lt;p class="textCut"&gt;つれづれなるまゝに、日暮らし、硯にむかひて、心にうつりゆくよしなし事を、そこはかとなく書きつくれば、あやしうこそものぐるほしけれ。&lt;/p&gt;
 &lt;/div&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-649540158425c304956696-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540158425c304956696-2">2</div><div class="crayon-num" data-line="crayon-649540158425c304956696-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-649540158425c304956696-1"><span class="crayon-h"> </span><span class="crayon-r ">&lt;div </span><span class="crayon-e ">class</span>=<span class="crayon-s ">"text"</span><span class="crayon-r ">&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540158425c304956696-2"><span class="crayon-i ">&nbsp;&nbsp;	</span><span class="crayon-r ">&lt;p </span><span class="crayon-e ">class</span>=<span class="crayon-s ">"textCut"</span><span class="crayon-r ">&gt;</span><span class="crayon-i ">つれづれなるまゝに、日暮らし、硯にむかひて、心にうつりゆくよしなし事を、そこはかとなく書きつくれば、あやしうこそものぐるほしけれ。</span><span class="crayon-r ">&lt;/p&gt;</span></div><div class="crayon-line" id="crayon-649540158425c304956696-3"><span class="crayon-i "> </span><span class="crayon-r ">&lt;/div&gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>css</p>
<p></p>

		<div id="crayon-6495401584260044683358" 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">CSS</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;">
.text {
  width: 400px;
}
.text .textCut {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}</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-6495401584260044683358-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401584260044683358-2">2</div><div class="crayon-num" data-line="crayon-6495401584260044683358-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401584260044683358-4">4</div><div class="crayon-num" data-line="crayon-6495401584260044683358-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401584260044683358-6">6</div><div class="crayon-num" data-line="crayon-6495401584260044683358-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401584260044683358-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-6495401584260044683358-1"><span class="crayon-k ">.text </span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401584260044683358-2"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-e ">width</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i ">400px</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-6495401584260044683358-3"><span class="crayon-sy">}</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401584260044683358-4"><span class="crayon-k ">.text .textCut </span><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-6495401584260044683358-5"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-e ">text-overflow</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i ">ellipsis</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401584260044683358-6"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-e ">white-space</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i ">nowrap</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-6495401584260044683358-7"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-e ">overflow</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i ">hidden</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401584260044683358-8"><span class="crayon-sy">}</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>すべて必須になります。<br />
text-overflowのellipsisという値で&#8230;を代入するようです。<br />
横幅の設定はその要素でも、親の要素でも大丈夫です。</p>
<p>そしてこれは横幅で指定し、それ以上のテキストを消すというものなので、<br />
複数行に対応しておらず、一行の場合のみとなります。</p>
<p>複数行、もしくは文字数を設定したい場合、jQueryを使用すれば可能です。</p>
<h2>jQueryでやる方法</h2>
<p>htmlは同じで、<br />
jQueryのソースは以下になります。</p>
<p></p>

		<div id="crayon-6495401584262968720239" 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(){
	var elm = $('.textCut2');//対象
	var cutNum = '55';//文字数
	var endTxt = '…';//何を代入するか

	elm.each(function(){
		var textLength = $(this).text().length;
		var textTrim;
		if(cutNum &lt; textLength) {
			textTrim = $(this).text().substr(0,(cutNum));
			$(this).html(textTrim + endTxt);
		}
	});	
});</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-6495401584262968720239-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401584262968720239-2">2</div><div class="crayon-num" data-line="crayon-6495401584262968720239-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401584262968720239-4">4</div><div class="crayon-num" data-line="crayon-6495401584262968720239-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401584262968720239-6">6</div><div class="crayon-num" data-line="crayon-6495401584262968720239-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401584262968720239-8">8</div><div class="crayon-num" data-line="crayon-6495401584262968720239-9">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401584262968720239-10">10</div><div class="crayon-num" data-line="crayon-6495401584262968720239-11">11</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401584262968720239-12">12</div><div class="crayon-num" data-line="crayon-6495401584262968720239-13">13</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401584262968720239-14">14</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-6495401584262968720239-1"><span class="crayon-sy">$</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-6495401584262968720239-2"><span class="crayon-h">	</span><span class="crayon-t">var</span><span class="crayon-h"> </span><span class="crayon-i">elm</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-s">'.textCut2'</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span><span class="crayon-c">//対象</span></div><div class="crayon-line" id="crayon-6495401584262968720239-3"><span class="crayon-h">	</span><span class="crayon-t">var</span><span class="crayon-h"> </span><span class="crayon-e ">cutNum</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-s">'55'</span><span class="crayon-sy">;</span><span class="crayon-c">//文字数</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401584262968720239-4"><span class="crayon-h">	</span><span class="crayon-t">var</span><span class="crayon-h"> </span><span class="crayon-e ">endTxt</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-s">'…'</span><span class="crayon-sy">;</span><span class="crayon-c">//何を代入するか</span></div><div class="crayon-line" id="crayon-6495401584262968720239-5">&nbsp;</div><div class="crayon-line crayon-striped-line" id="crayon-6495401584262968720239-6"><span class="crayon-h">	</span><span class="crayon-i">elm</span><span class="crayon-sy">.</span><span class="crayon-st">each</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" id="crayon-6495401584262968720239-7"><span class="crayon-h">		</span><span class="crayon-t">var</span><span class="crayon-h"> </span><span class="crayon-i">textLength</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-r">this</span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">text</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-i">length</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401584262968720239-8"><span class="crayon-h">		</span><span class="crayon-t">var</span><span class="crayon-h"> </span><span class="crayon-i">textTrim</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-6495401584262968720239-9"><span class="crayon-h">		</span><span class="crayon-st">if</span><span class="crayon-sy">(</span><span class="crayon-i">cutNum</span><span class="crayon-h"> </span><span class="crayon-h">&lt;</span><span class="crayon-h"> </span><span class="crayon-i">textLength</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-6495401584262968720239-10"><span class="crayon-h">			</span><span class="crayon-i">textTrim</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-r">this</span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">text</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">substr</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">cutNum</span><span class="crayon-sy">)</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-6495401584262968720239-11"><span class="crayon-h">			</span><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-r">this</span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">html</span><span class="crayon-sy">(</span><span class="crayon-i">textTrim</span><span class="crayon-h"> </span>+<span class="crayon-h"> </span><span class="crayon-i">endTxt</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401584262968720239-12"><span class="crayon-h">		</span><span class="crayon-sy">}</span></div><div class="crayon-line" id="crayon-6495401584262968720239-13"><span class="crayon-h">	</span><span class="crayon-sy">}</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span><span class="crayon-h">	</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401584262968720239-14"><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>
<p>text-overflowについては下記URLで説明されておりますので、<br />
よろしければご覧ください。</p>
<p><a href="https://developer.mozilla.org/ja/docs/Web/CSS/text-overflow" target="_blank">text-overflow &#8211; CSS | MDN</a></p>

CSSのみで文末をカットし、&#8230;を代入する方法

<div class="booklink-box" style="text-align:left;padding-bottom:20px;font-size:small;/zoom: 1;overflow: hidden;">
<div class="booklink-image" style="float:left;margin:0 15px 10px 0;"><a href="http://www.amazon.co.jp/exec/obidos/asin/4087806499/sackoh71-22/" target="_blank" ><img decoding="async" src="http://ecx.images-amazon.com/images/I/41ryawEcdPL._SL160_.jpg" style="border: none;" /></a></div>
<div class="booklink-info" style="line-height:120%;/zoom: 1;overflow: hidden;">
<div class="booklink-name" style="margin-bottom:10px;line-height:120%"><a href="http://www.amazon.co.jp/exec/obidos/asin/4087806499/sackoh71-22/" target="_blank" >リアルスタートアップ ~若者のための戦略的キャリアと起業の技術~</a></p>
<div class="booklink-powered-date" style="font-size:8pt;margin-top:5px;font-family:verdana;line-height:120%">posted with <a href="http://yomereba.com" rel="nofollow" target="_blank">ヨメレバ</a></div>
</div>
<div class="booklink-detail" style="margin-bottom:5px;">塩野 誠 集英社 2012-07-26    </div>
<div class="booklink-link" style="margin-top: 5px"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4087806499/sackoh71-22/" name="booklink" rel="nofollow" target="_blank">Amazon.co.jp で詳細を見る</a></div>
</div>
<div class="booklink-footer" style="clear: left"></div>
</div>
<p>引越をして早2ヶ月。区の図書館の予約システムにも登録して、通勤時間が短くなったので、読書時間を別で確保しようと試みております中で久々のレビューです。</p>
<p>はてぶで上位に上がっていたブログ記事から本書に辿り着きました。<br />
会社は7年、私が合流してから4年が経ちますが、スタートアップというのを振り返るのに非常によかったです。<br />
世界はもっと身近にというビジョンは明確になっており、それを実現させるためのプロダクトを作りながら、理想を追い求めつつも、足元の仕事とという現実を踏まえ、日々一進一退を繰り返しながら突き進んでいるわけではありますが、今一度、スタートアップの原点を考えなおすことが出来ました。<br />
対象が特にこれからスタートアップを立ち上げる方向けということで、内容は広く渡っており、日本をとりまく環境というマクロ経済から始まり、事業計画の書き方から、バランスシートに至る財務の基本までが詰まっており、普段、偏って考えていた部分のバランスを取ることが出来ました。</p>
<h3 id="toc_0">抜粋</h2>
<ul>
<li>あなたの考えるビジネスは、誰の何を解決していますか?</li>
<li>中国のマツタケ</li>
<li>オズボーンのチェックリスト
<ol>
<li>転用 &#8211; 新しい使い道は？他分野へ適用はないか？</li>
<li>応用 &#8211; 似たものはないか？何かの真似はできないか？</li>
<li>変更 &#8211; 意味、色、働き、音、匂い、様式、型を変えれないか？</li>
<li>拡大 &#8211; より大きく、強く、高く、長く、厚くできないか？時間や頻度などかえれないか？</li>
<li>縮小 &#8211; より小さく、軽く、弱く、短くできないか？省略や分割できないか？何か減らすことができないか？</li>
<li>代用 &#8211; 人を、物を、材料を、素材を、製法を、動力を、場所を代用できないか？</li>
<li>再利用 &#8211; 要素を、型を、配置を、順序を、因果を、ペースを変えたりできないか？</li>
<li>逆転 &#8211; 反転、前後転、左右転、上下転、順番転、役割など転換してみてらたどうか？</li>
<li>結合 &#8211; 合体したら？ブレンドしてみたら？ユニットや目的を組み合わせたら？</li>
</ol>
</li>
<li>ベンチャーは3本の柱があるはダメ</li>
<li>で、なんで勝てるんだっけ？</li>
</ul>


リアルスタートアップ　塩野 誠

かなり便利！LESSを少し使ってみました。

最近見かけるCSS3アニメーションを使ったトグルのメニューボタンを再現してみた

Symfony2 Request クラス 使い方

<p>前回に引き続き社内の電話料金を安く抑えるべく、調べた内容をまとめてみようと思います。</p>
<p>今回はYモバイルの「法人かけ放題プラグラム」というプランです。攻めている印象のあるＹモバイルなので期待がもてそうな感じがしますが実際のところは安いのでしょうか。</p>
<h2>法人かけ放題プログラムとは？</h2>
<p>まずＹモバイルの「法人かけ放題プログラム」とは何かということですが、これはＰＨＳ回線の通話がかけ放題（一部例外）になるというものです。</p>
<p><a href="/admin/wp-content/uplohttp://www.ymobile.jp/biz/sp/kakehoudai/?ref=bzmsp001ads/2015/02/mainimg_934.jpg"><img decoding="async" loading="lazy" class="alignnone  wp-image-6957" src="/uploads-archive/2015/02/mainimg_934.jpg" alt="mainimg_934" width="426" height="195" srcset="/uploads-archive/2015/02/mainimg_934.jpg 960w, /uploads-archive/2015/02/mainimg_934-300x138.jpg 300w, /uploads-archive/2015/02/mainimg_934-228x105.jpg 228w" sizes="(max-width: 426px) 100vw, 426px" /></a></p>
<p>基本料金は今のところ全て無料で、以下の２つのプランがあります。</p>
<table style="height: 380px;" width="513">
<tbody>
<tr>
<td>プラン</td>
<td>だれとでも定額</td>
<td>スーパーだれとでも定額</td>
</tr>
<tr>
<td>料金</td>
<td>９３４円</td>
<td>１５００円</td>
</tr>
<tr>
<td>国内固定電話</td>
<td rowspan="2">１０分以内の国内通話月５００回まで無料</td>
<td>０円</td>
</tr>
<tr>
<td>携帯電話</td>
<td>０円</td>
</tr>
<tr>
<td>ＰＨＳ</td>
<td>０円</td>
<td>０円</td>
</tr>
<tr>
<td>Ｅメール</td>
<td>０円</td>
<td>０円</td>
</tr>
<tr>
<td>パケット代</td>
<td>別途接続料発生</td>
<td>使い放題</td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>
<p>これは端末１台にかかる料金になります。</p>
<p>では何台から契約ができるの？となりますが、法人であれば１台から契約可能です。</p>
<p>店舗用に電話が１台だけ必要という場合にはいいかもしれません。</p>
<h2>国際電話やナビダイヤルは有料？</h2>
<p>さすがに全ての通話が無料というワケではありません。</p>
<blockquote><p>着信転送サービスへの通話料、番号案内サービス「104」の通話・案内料、テレドーム（0180から始まる番号）、ナビダイヤル等（0570から始まる番号）、国際電話、留守番電話メッセージ録音・再生料は、無料対象外のため、料金プランに応じた通話料がかかります。</p></blockquote>
<p>ちなみに国際電話料金はアメリカ１０円/１分、シンガポール３６円/1分なので、ＩＰ電話などと比べてもそれほど高くない印象です。</p>
<h2>番号を替えずに使用できるか？</h2>
<p>番号については先ほども書いたようにＰＨＳ回線のため、070-××××-××××が通常ですが、携帯電話番号からのナンバーポータビリティ―が適用できるので、080や090からなら番号を替えずに乗り換えられるとのことです。番号据え置きの場合は別途料金がかかりますが。</p>
<p>ちなみに03-××××-××××などの固定電話の場合は、番号の据え置きができません。私が担当しているお店の電話は03-からなので番号を替えずにというわけにはいかないようです。</p>
<h2>端末代は？固定電話型のＰＨＳも</h2>
<p>PHS回線なので別途端末が必要になります。端末代は月々分割払いなのですが、よくある携帯屋さんの仕組みのようにオプション料金から割引が行われ実質０円という端末がメインになります。</p>
<p>契約は３年間の自動更新なので３年間で端末代の支払が完了となる計算になっています。</p>
<p>一部端末によっては本体代を相殺できない分を月々１５０円とか３００円とかかる場合もあります。</p>
<p>・端末のラインナップ</p>
<p><a href="http://www.ymobile.jp/biz/sp/kakehoudai/"><img decoding="async" loading="lazy" class="alignnone  wp-image-6942" src="/uploads-archive/2015/02/ym1.jpg" alt="ym1" width="412" height="133" srcset="/uploads-archive/2015/02/ym1.jpg 971w, /uploads-archive/2015/02/ym1-300x97.jpg 300w, /uploads-archive/2015/02/ym1-228x73.jpg 228w" sizes="(max-width: 412px) 100vw, 412px" /></a><a href="http://www.ymobile.jp/biz/sp/miseden/"><img decoding="async" loading="lazy" class="alignnone  wp-image-6951" src="/uploads-archive/2015/02/ieden.jpg" alt="ieden" width="164" height="123" srcset="/uploads-archive/2015/02/ieden.jpg 259w, /uploads-archive/2015/02/ieden-228x171.jpg 228w" sizes="(max-width: 164px) 100vw, 164px" /></a></p>
<p>「法人かけ放題プログラム」の端末は基本的に いわゆるガラケーで、スマホはありません。スマホの場合は異なるプランになってしまいます。（１９８０円くらいのプランがあります。）</p>
<p>１５００円/１ヶ月の「スーパーだれとでも定額」はパケットも使い放題ですが、通信速度がかなり遅くサイトをちょっと見るくらいにしか使えないそうです。</p>
<p>中には店舗用に固定電話型の端末もあります、<a href="http://www.ymobile.jp/biz/sp/miseden/">「イエデン」</a>という名前のこの端末は電源だけあれば、実は携帯端末なので電話線をつながなくても使えます。</p>
<p>固定電話の回線が既にある場合は、電話線をつなぐことでＰＨＳと一般加入電話のどちらの端末としても利用できます。</p>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-6952" src="/uploads-archive/2015/02/img_content04_01.jpg" alt="img_content04_01" width="306" height="294" srcset="/uploads-archive/2015/02/img_content04_01.jpg 306w, /uploads-archive/2015/02/img_content04_01-300x288.jpg 300w, /uploads-archive/2015/02/img_content04_01-228x219.jpg 228w" sizes="(max-width: 306px) 100vw, 306px" /></p>
<p>ただＰＨＳ端末はシムカードなどは使わず、端末１台に１つの番号が紐づけられるので、オフィスの電話として１つの番号を数台で共有したり内線を回したりすることはできません。</p>
<p>一般加入電話と併用する場合の料金は、一般加入電話の基本料金＋かけ放題プログラムの料金という事になります。</p>
<p>受信は一般加入電話で、発信はイエデンというのがいいかもしれません。</p>
<h2>回線開通までにかかる日数は？</h2>
<p>「<a href="http://www.ymobile.jp/biz/">ワイモバイル法人ダイレクト</a>」というページから電話をすると見積もりを直ぐにメールで送ってくれます。</p>
<p>契約して実際に電話を使用するまでには最短で１週間～１０日かかるそうです。</p>
<p>ちなみに契約する時は「<a href="http://www.ymobile.jp/biz/">ワイモバイル法人ダイレクト</a>」というから行うと、端末代が優遇されたりするそうです・・・。</p>
<p>&nbsp;</p>
<p>参考：「Ｙモバイル法人かけ放題プログラム」</p>
<p><a href="http://www.ymobile.jp/biz/sp/kakehoudai/">http://www.ymobile.jp/biz/sp/kakehoudai/</a></p>
<p><a href="http://www.ymobile.jp/biz/sp/miseden/">http://www.ymobile.jp/biz/sp/miseden/</a></p>


電話代を削減するには？Y!mobileの法人かけ放題プログラム

<p>Markdown記法すぐ忘れちゃう自分向けにまとめ。</p>
<p>文章は少なく行きます。使いやすそうなのだけピックアップ</p>
<table>
<caption>Markdown記法早見表</caption>
<tbody>
<tr>
<th rowspan="2">要素</th>
<th>Markdown 記法</th>
<th>HTML出力</th>
</tr>
<tr>
<th colspan="2">説明</th>
</tr>
<tr>
<td rowspan="2">見出し</td>
<td> ### H3見出し</td>
<td>&lt;h3&gt;H3見出し&lt;/h3&gt;</td>
</tr>
<tr>
<td colspan="2"># はレベル数に応じる。</td>
</tr>
<tr>
<td rowspan="2">段落</td>
<td>文章文章</td>
<td>&lt;p&gt;文章&lt;/p&gt;&lt;p&gt;文章&lt;/p&gt;</td>
</tr>
<tr>
<td colspan="2">空行を挟むと上下の文章が別の段落</td>
</tr>
<tr>
<td rowspan="2">改行</td>
<td>改行する際は   半角スペース2つ以上を末尾に追加</td>
<td>改行する際は&lt;br /&gt;半角スペース2つ以上を末尾に追加</td>
</tr>
<tr>
<td colspan="2">半角スペース2つ入れて改行</td>
</tr>
<tr>
<td rowspan="2">並列リスト</td>
<td>* リスト* リストor- リスト</p>
<p>&#8211; リスト</td>
<td>&lt;ul&gt;</p>
<p>&lt;li&gt;リスト&lt;/li&gt;</p>
<p>&lt;li&gt;リスト&lt;/li&gt;</p>
<p>&lt;/ul&gt;</td>
</tr>
<tr>
<td colspan="2">*+ (半角スペース)もしくは-+ (半角スペース)</td>
</tr>
<tr>
<td rowspan="2">順序リスト</td>
<td>1.リスト1.リスト</p>
<p>2.リスト</td>
<td>&lt;ol&gt;</p>
<p>&lt;li&gt;リスト&lt;/li&gt;</p>
<p>&lt;li&gt;リスト&lt;/li&gt;</p>
<p>&lt;li&gt;リスト&lt;/li&gt;</p>
<p>&lt;/ol&gt;</td>
</tr>
<tr>
<td colspan="2">数字＋ピリオド+ (半角スペース）　数字は関係なく、順番に出力される</td>
</tr>
<tr>
<td rowspan="2">引用</td>
<td>&gt;引用</td>
<td>&lt;blockquote&gt;〇〇&lt;/blockquote&gt;</td>
</tr>
<tr>
<td colspan="2">文頭に&gt;</td>
</tr>
<tr>
<td rowspan="2">罫線</td>
<td>&#8211; &#8211; &#8211;</td>
<td>&lt;hr /&gt;</td>
</tr>
<tr>
<td colspan="2">アンダーバー+ (半角スペース）3回</td>
</tr>
<tr>
<td rowspan="2">斜体</td>
<td>*斜体*</td>
<td>&lt;i&gt;斜体&lt;/i&gt;</td>
</tr>
<tr>
<td colspan="2">前後に*（アスタリスク）を１つずつ</td>
</tr>
<tr>
<td rowspan="2">強調</td>
<td> **強調**</td>
<td>&lt;strong&gt;強調&lt;/strong&gt;</td>
</tr>
<tr>
<td colspan="2">前後に*（アスタリスク）を2つずつ</td>
</tr>
<tr>
<td rowspan="2">打ち消し線</td>
<td>~~打ち消し線~~</td>
<td>&lt;s&gt;打ち消し線&lt;/s&gt;</td>
</tr>
<tr>
<td colspan="2">前後に~（波線）を２つずつ</td>
</tr>
<tr>
<td rowspan="2">コード</td>
<td><code>コード</code></td>
<td>&lt;code&gt;コード&lt;/code&gt;</td>
</tr>
<tr>
<td colspan="2">前後に｀（バックティック）を１つずつ</td>
</tr>
<tr>
<td rowspan="2">リンク</td>
<td>[Google](http://google.com)</td>
<td>&lt;a href=&#8221;http://google.com&#8221;&gt;Google&lt;/a&gt;</td>
</tr>
<tr>
<td colspan="2">[リンク文字列](URL)</td>
</tr>
<tr>
<td rowspan="2">画像</td>
<td> ![画像名](http://xxx.com/img/logo.jpg)</td>
<td>&lt;img src=&#8221;http://xxx.com/img/logo.jpg&#8221; alt=&#8221;画像名&#8221; /&gt;</td>
</tr>
<tr>
<td colspan="2">![画像名](http://xxx.com/img/logo.jpg)</td>
</tr>
</tbody>
</table>


Markdown記法早見表

<p>中国国営企業SIPG社と、上海で高級輸入品スーパーを運営するGL-Plazaとが共同で</p>
<p>中国国内での商品販売をサポートしてくれるプラットフォーム跨境通(コアチントン)を5月1日から開始すすとの発表があった。</p>
<p>&nbsp;</p>
<h2>跨境通とは</h2>
<ol>
<li>ECと商業施設で外国製品を販売してくれる</li>
<li>商業施設は上海国際旅客フェリーターミナル内に1100平米 建設中</li>
<li>ECはそこから全土に配送</li>
<li>上海国際旅客フェリーターミナル内は保税区なので関税免除</li>
<li>日本→中国への輸送はGL-Plaza日本法人が無料で代行 → 横浜からの定期船便</li>
</ol>
<p>&nbsp;</p>
<h2>利用料金</h2>
<ol>
<li>1坪1万円程度の家賃・管理費</li>
<li>2割り程度の販売手数料</li>
</ol>
<p>&nbsp;</p>
<h2>全体像</h2>
<div id="attachment_6931" style="width: 533px" class="wp-caption aligncenter"><a href="/uploads-archive/2015/02/img.jpg"><img aria-describedby="caption-attachment-6931" decoding="async" loading="lazy" class="size-full wp-image-6931" src="/uploads-archive/2015/02/img.jpg" alt="跨境通" width="523" height="395" srcset="/uploads-archive/2015/02/img.jpg 523w, /uploads-archive/2015/02/img-300x227.jpg 300w, /uploads-archive/2015/02/img-228x172.jpg 228w" sizes="(max-width: 523px) 100vw, 523px" /></a><p id="caption-attachment-6931" class="wp-caption-text">跨境通</p></div>
<p>引用元：<a href="http://www.gl-plaza.jp/press/press20150220.pdf" target="_blank">http://www.gl-plaza.jp/press/press20150220.pdf</a></p>
<p>詳細な料金形態や取り扱い商品などはまだ明確ではないが</p>
<p>当てはまれば日本企業にとって利用価値の高いサービスとなりそう。</p>
<p>おそらく高級スーパーが販売元となるため、取扱商品に制限や審査があると思われる</p>
<p>&nbsp;</p>
<p>日本の中小企業の海外展開の1つの形としてはおもしろそうだ</p>


中国国営企業が運用する越境ECプラットフォーム「跨境通」

初心者は意外と使っていないかもしれないCSSの指定の仕方

SVG.jsでjQueryのようにSVGを軽快に扱う

<p>ＥＣサイト運営でお客様へご連絡する際、基本的にはメールでのご連絡となりますが、急ぎの場合やメールでは失礼にあたる場合などに電話をさせて頂く事が少なからずあります。</p>
<p>電話をかける件数は注文数に比例してどうしても多くなりますので、電話代を抑える方法がないか調べてみました。</p>
<p>&nbsp;</p>
<h2>一般加入電話とＩＰ電話は何が違うのか？</h2>
<p>ネットで「電話代　削減」などと検索するとすぐに「ＩＰ電話」という単語が出てきますが、そもそもＩＰ電話とは何なのか？という疑問が出てきます。</p>
<p>簡単にいうと一般加入電話はアナログ回線を使用していて、ＩＰ電話はインターネット回線を使っています。もちろんメリット、デメリットがあります。</p>
<p>&nbsp;</p>
<p>■ＩＰ電話のメリット</p>
<p>・長距離電話、国際電話の料金が安く済む</p>
<p>・基本料金が安い傾向にある</p>
<p>・同サービス（提携グループを含む）同士の通話料金が無料になる場合が多い</p>
<p>&nbsp;</p>
<p>■ＩＰ電話のデメリット</p>
<p>・ネット回線なために多少不安定な場合がある。オフィスでネットが繋がりにくくなる経験がある場合は、IP電話がつながりにくくなる事もある。</p>
<p>・警察110　消防119などに電話できない※あたまに0033をつけるとかけられる（？）</p>
<p>&nbsp;</p>
<h2>一般加入電話とＩＰ電話、どちらが安い？</h2>
<p>漠然とＩＰ電話のほうが安い気がしたのですが、調べてみると一般加入電話にもＩＰ電話並みに安いサービスがあるようです。大抵たどり着くのは次の3つになりました。</p>
<p>&nbsp;</p>
<p>■一般加入電話</p>
<p>「おとくライン」ソフトバンクテレコム（一律料金プラン）</p>
<table style="height: 184px;" width="441">
<tbody>
<tr>
<td style="width: 300px;">基本料金（月額）</td>
<td style="width: 300px;">2350円～3380円</td>
</tr>
<tr>
<td style="width: 300px;">国内通話（全国一律）</td>
<td style="width: 300px;">7.9円/3分</td>
</tr>
<tr>
<td style="width: 300px;">携帯電話（ソフトバンク）</td>
<td style="width: 300px;">15.5円/1分</td>
</tr>
<tr>
<td style="width: 300px;">携帯電話（ソフトバンク以外）</td>
<td style="width: 300px;">16.0円/1分</td>
</tr>
<tr>
<td style="width: 300px;">IP電話</td>
<td style="width: 300px;">10.0円/3分</td>
</tr>
<tr>
<td style="width: 300px;">国際電話（アメリカ）</td>
<td style="width: 300px;">26.0円/3分</td>
</tr>
</tbody>
</table>
<p>初期費用：7000円～（ソフトバンクテレコム交換機工事費＋標準工事費）</p>
<p><a href="http://tm.softbank.jp/otoku/price_b/kokunai/">http://tm.softbank.jp/otoku/price_b/kokunai/</a></p>
<p>※通常の一般加入電話だと市内、同一県内、県外で国内通話料金が違います。100キロを超えると80円/3分程度</p>
<p>&nbsp;</p>
<p>■ＩＰ電話</p>
<p>「ひかり電話オフィスＡ」ＮＴＴ</p>
<table style="height: 286px;" width="442">
<tbody>
<tr>
<td style="width: 300px;">基本料金（月額）</td>
<td style="width: 300px;">1.100円～※1チャンネルで1.100円</td>
</tr>
<tr>
<td style="width: 300px;">国内通話（全国一律）</td>
<td style="width: 300px;">8.0円/3分</td>
</tr>
<tr>
<td style="width: 300px;">携帯電話(ドコモ・Ｙモバイル）</td>
<td style="width: 300px;">16.0円/1分</td>
</tr>
<tr>
<td style="width: 300px;">携帯電話(au・ソフトバンク）</td>
<td style="width: 300px;">17.5円/1分</td>
</tr>
<tr>
<td style="width: 300px;">IP電話</td>
<td style="width: 300px;">10.4～10.8円/3分</td>
</tr>
<tr>
<td style="width: 300px;">IP電話(同サービス）</td>
<td style="width: 300px;">無料</td>
</tr>
<tr>
<td style="width: 300px;">国際電話（アメリカ）</td>
<td style="width: 300px;">9.0円/1分</td>
</tr>
</tbody>
</table>
<p>初期費用：4500円～（基本工事費）</p>
<p><a href="http://www.ntt-east.co.jp/hikari_ofa/?link_id=tpbrnav">http://www.ntt-east.co.jp/hikari_ofa/?link_id=tpbrnav</a></p>
<p>&nbsp;</p>
<p>「ＫＤＤＩ－ＩＰフォン（法人）」ＫＤＤＩ</p>
<table style="height: 286px;" width="442">
<tbody>
<tr>
<td style="width: 300px;">基本料金（月額）</td>
<td style="width: 300px;">600円～※1チャンネル600円</td>
</tr>
<tr>
<td style="width: 300px;">ビジネス通話定額（月額）</td>
<td style="width: 300px;">900円～※1チャンネル900円</td>
</tr>
<tr>
<td style="width: 300px;">国内通話（全国一律）</td>
<td style="width: 300px;">8.0円/3分</td>
</tr>
<tr>
<td style="width: 300px;">携帯電話(au）</td>
<td style="width: 300px;">15.5円/1分</td>
</tr>
<tr>
<td style="width: 300px;">携帯電話(au以外）</td>
<td style="width: 300px;">16.0円/1分</td>
</tr>
<tr>
<td style="width: 300px;">IP電話(同サービス）</td>
<td style="width: 300px;">無料</td>
</tr>
<tr>
<td style="width: 300px;">国際電話（アメリカ）</td>
<td style="width: 300px;">9.0円/1分</td>
</tr>
</tbody>
</table>
<p>初期費用：2000円（サービス基本工事費）</p>
<p><a href="http://www.kddi.com/business/voice-phone/ip-phone/ip-phone/charge/">http://www.kddi.com/business/voice-phone/ip-phone/ip-phone/charge/</a></p>
<p>&nbsp;</p>
<p>じゃあどこが安いのか？ということですが、料金表を見て頂くと発信先で料金に差が出てきます。</p>
<p>ＥＣサイトでのお客様対応では基本的に発信先が全国です、さらに大抵のお客さまが携帯電話の番号を連絡先として登録しています。</p>
<p>という事で携帯への料金が安いソフトバンクテレコムかＫＤＤＩが良さそうです。</p>
<p>&nbsp;</p>
<p>上記以外にも秒単位で通話料を課金するサービスなどもありますが、初期費用が結構かかりそうな感じです。通話回数が膨大になってきたら向いているかもしれませんが、月に数十万円ほど通話料金がかかっている場合でないとペイできなそうな気がします。</p>


電話代を削減するには？一般加入電話とＩＰ電話

<p>中国のスマートフォンメーカーが気になって仕方がない目崎です。</p>
<p>さてと、nexus5を割った所（3年ぶり2回目、前回はiphone5）でそろそろ本気でxiaomiを検討しようとしています。</p>
<p>1台持ちで仕事にも使っているのに、ケースも付けずに持ち歩いているため、落として割れる可能性が高いのでしょうが。</p>
<p>他にもSIMフリースマホを物色しています。</p>
<h3 id="toc_2">中国で流通している主要メーカーがスマートフォンが買えるECサイト</h2>
<p><a href="http://www.958shop.com/" target="_blank">http://www.958shop.com/</a></p>
<h3 id="toc_0">4年で中国1位、世界3位</h2>
<p>xiaomiのことは過去に何度か取り上げていますが、実店舗も持たずグローバルにも展開せず、まず中国で覇権をとりました。一部アジア圏やインドでの販売も開始したようですが、相変わらず絶好調のようです。</p>
<p><a href="http://www.itmedia.co.jp/mobile/articles/1305/02/news041.html" target="_blank">http://www.itmedia.co.jp/mobile/articles/1305/02/news041.html</a><br />
かなり前の記事ですが、当時で400社のメーカーが存在していたようです。<br />
2012年当時は、Samsungが22.5％のシェアでトップで、xiaomiは10位内ですが、1行で取り上げられる存在でした。そして、この論調からxiaomiが2年で首位になるとは誰が想像していたことでしょうか。<br />
<a href="http://wirelesswire.jp/compass&lt;em&gt;for&lt;/em&gt;global&lt;em&gt;communication&lt;/em&gt;industry/201408251830.html" target="_blank">http://wirelesswire.jp/compass<em>for</em>global<em>communication</em>industry/201408251830.html</a></p>
<p>2015年もxiaomiの勢いは止まらなそうです。<br />
<a href="http://www.j-cast.com/2015/01/22225957.html" target="_blank">http://www.j-cast.com/2015/01/22225957.html</a></p>
<h3 id="toc_1">中国の主要スマートフォンメーカー</h2>
<ol>
<li>Huawei</li>
<li>ZTE</li>
<li>Lenovo</li>
<li>Coolpad</li>
<li>Xiaomi</li>
<li>Oppo</li>
<li>BBK</li>
<li>Gionee</li>
<li>K-touch</li>
<li>Meizu</li>
<li>TCL</li>
<li>Hisense</li>
<li>Haier</li>
<li>Konka</li>
<li>Changhong</li>
</ol>
<p style="text-align: right;">出典：<a href="http://www.fcr.co.jp/pr/14023.htm" target="_blank">http://www.fcr.co.jp/pr/14023.htm</a></p>
<p>この中で、Huawei、ZTE、Lenovoなどは日本にも進出しているため、知っている方もいるかも知れません。<br />
Huawei、ZTEはPocketWifiをいくつも提供しています。LenovoはThinkpadなどのPCのイメージのほうが強いでしょうか。<br />
Haierは家電のsanyoを買収した企業ですね。</p>
<h3 id="toc_2">まとめ</h2>
<p>ということでまた、購入したら人柱報告します。</p>


Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧

2015/03/11

2015/03/11

2015/03/10

2015/03/10

2015/03/05

2015/03/04

2015/03/04

2015/03/04

2015/02/27

2015/02/27

2015/02/27

2015/02/26

2015/02/26

2015/02/26

2015/02/18

2015/02/18

2015/02/18

2015/02/17