<p>中国の越境EC税制変更から1ヶ月が過ぎた。日々最新の情報を得られるように努めている中、興味深い記事があった。</p>
<p><a href="http://www.clips-web.co.jp/chinablog/2016/05/11/post-999/?utm_source=facebook.com_160511&amp;utm_medium=social" target="_blank">http://www.clips-web.co.jp/chinablog/2016/05/11/post-999/?utm_source=facebook.com_160511&amp;utm_medium=social</a></p>
<p>&nbsp;</p>
<h2>新税制を1年延長する?</h2>
<p>政府の意向を各港が個別に解釈して運用がぐちゃぐちゃになってしまったということのようだ。<br />
その結果、5月5日に「越境ECに関する全体調整会議」が行われ、以下のことが決まったそう。</p>
<p>・税率調整は保留</p>
<p>・その他手続き等は従来の方法に従って行う</p>
<p>・新たに合理的な監督管理制度がつくり上げられるまで、移行期間を1年延長する</p>
<p>&nbsp;</p>
<p>記事では近く公布されるとしている。</p>
<p>個人的には突然規制が厳しくなるなどが心配だ</p>
<p>&nbsp;</p>
<h2>実際に起こっている問題</h2>
<p>自分も何度か聞いたのが、新税制により「通関証明書」が無ければ保税倉庫にものを運べないというトラブル。</p>
<p>これは、保税区にものを入庫させる場合、一般貿易または個人輸入の物品とみなして検査監督をするという新方針によるものだ。</p>
<p>通関証明書はメーカーから取り寄せなければならない場合もあり、複数メーカーの商材を仕入れて販売している小売業社などはこの対応に追われているようだ。</p>
<p>記事によると、これらの問題により寧波、杭州、深セン、鄭州の保税区経由越境EC注文数が約60%以上減っているという。</p>
<p>&nbsp;</p>
<h2>今後どうなっていくか</h2>
<p>保税区を利用していた会社の場合は、遅配や入庫できないといった事態を避けるため中国外からの直接配送に移るのではないかと思う。</p>
<p>中小規模であれば日本からの配送に戻したり、大規模であれば香港経由などになるかもしれない。<br />
いずれの方法だとしても、現状は実用的な配送手段で確実に届くものが無い状態になってしまっている。</p>
<p>個人的には当分EMSが増加するのではと思うし、一番現実的なのではないかと思う</p>


【中国越境EC】新税制から1ヶ月

<p>UGX（ゆうグローバルエクスプレス）という日本郵便が提供する海外配送サービスがあり、普及に力を入れ始めているらしい。</p>
<p>&#8211; 関税元払い、着払いができる</p>
<p>&#8211; 受取日時指定ができる</p>
<p>&#8211; ドアトゥドアで配送してくれる</p>
<p>というのが個人的には最大の特徴と思う。</p>
<p>&nbsp;</p>
<p>EMSと比較すると以下のようになる</p>
<table>
<tbody>
<tr>
<th></th>
<th>EMS</th>
<th>UGX</th>
</tr>
<tr>
<th>集荷</th>
<td>◯</td>
<td>◯</td>
</tr>
<tr>
<th>関税元払い</th>
<td>×</td>
<td>◯</td>
</tr>
<tr>
<th>追跡</th>
<td>◯</td>
<td>◯</td>
</tr>
<tr>
<th>時間指定</th>
<td>×</td>
<td>◯</td>
</tr>
<tr>
<th>不在時保管</th>
<td>△</td>
<td>◯</td>
</tr>
<tr>
<th>ドアトゥドア</th>
<td>△</td>
<td>◯</td>
</tr>
<tr>
<th>最大重量</th>
<td>30kg</td>
<td>相談可</td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>
<p>ドアトゥドアは、EMSも基本的には対応しているが、一部地域では対応しておらず、UGXはこれにも対応しているようだ。</p>
<p>不在時保管についてはEMSだと戻ってきてしまうケースが少なくないが、UGXでは保管と再配達をしてくれるそうだ。(一部保管料をとられるケースが有り)</p>
<p>また、最大重量については基本的に30kg以上でも送れるらしい。</p>
<p>&nbsp;</p>
<p>気になる送料と配達時間について、送料は正直かなり高め。</p>
<p>例えば中国に1.0kgの物を送る場合の送料は、EMS：1,800円、UGX：5,150円と3倍以上になる。</p>
<p><a href="https://www.post.japanpost.jp/int/UGX/charge.html" target="_blank">https://www.post.japanpost.jp/int/UGX/charge.html</a></p>
<p>配送時間については税関を通すため、一概には言えないようだ。</p>
<p>ただ、税関を通さないEMSよりは遅くなることは間違いないよう。</p>
<p>&nbsp;</p>
<p>ここまでを見るとあまりメリットは無いように思えるが、</p>
<p>荷受人の税逃れ対策を強化する傾向にあるなかで、購入者の手間の削減や、受取拒否に対するリスク軽減の意味での選択肢としてはありがたいサービスだ。</p>
<p>また、法律的には問題ないのだが、倫理的にEMSを使うことを躊躇する企業もあるようで、そういった場合は特に有用だと思う</p>


【越境EC】受取日時指定ができる配送サービス「UGX」

<p>ipay88というサービスをご存知だろうか?</p>
<p>恥ずかしながら私は知らず、マレーシア等へのECモール出店支援をしている<a href="http://www.ecport-my.com/" target="_blank">EC-PORT</a>を運営している鹿島さんに教えて頂いた。</p>
<p>ipay88はマレーシアの企業で、主に決済代行を行っている会社だ。</p>
<p>決済代行というよりも、イメージ的にはPaypalのような流れのようで、加盟店サイトからipay88の画面に遷移し、決済するという流れのようだ。</p>
<p>マレーシアでは、クレジットカードは普及しているもののまだ銀行カードが主流のようで、これらにはば広く対応しているところが強みのようだ。</p>
<p>※対応している決済手段は<a href="http://www.ipay88.com/paymentlist.asp" target="_blank">こちら</a></p>
<p>&nbsp;</p>
<p>対応国は</p>
<ul>
<li>マレーシア</li>
<li>シンガポール</li>
<li>インドネシア</li>
<li>フィリピン</li>
<li>タイ</li>
<li>中国</li>
</ul>
<p>で、対応通貨は</p>
<ul>
<li>米ドル</li>
<li>マレーシア・リンギット</li>
<li>シンガポールドル</li>
<li>英ポンド</li>
<li>ユーロ</li>
<li>カナダドル</li>
<li>オーストラリアドル</li>
<li>香港ドル</li>
<li>インド・ルピー</li>
<li>インドネシア・ルピア</li>
<li>タイ・バーツ</li>
<li>フィリピン・ペソ</li>
<li>台湾ドル</li>
</ul>
<p>となっているとのこと。</p>
<p>マレーシアでのシェアは60%を超えてトップとのことだが、それに加えて東南アジアを中心にサービス展開をしているようだ。</p>
<p>特にフィリピンとインドネシア向けには力を入れているように思える</p>
<p>フィリピン：<a href="http://www.ipay88.com.ph/" target="_blank">http://www.ipay88.com.ph/</a></p>
<p>インドネシア：<a href="http://www.ipay88.co.id/" target="_blank">http://www.ipay88.co.id/</a></p>
<p>&nbsp;</p>
<p>サービスとしてはAPIでの連携の他に、ダイレクトリンク決済、メール決済などもある。</p>
<p>LAZADAで導入されていることでも有名とのことだ。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>料金体系は</p>
<ul>
<li>SOHO Plan：料率 3.5%</li>
<li>SME Plan：料率 2.9% (月商が4,000リンギット以上)</li>
<li>Enterprise Plan：料率 たぶん都度見積もり (月商が500,000リンギット以上)</li>
</ul>
<p>※料率はクレジットカード決済のもの</p>
<p>の3タイプがあるとのことで、料率としては決して安くはない印象を受ける</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>まだまだ東南アジアのECや決済事情は情報が少ないため、現地で体感する機会を増やさなければならないと痛感した。</p>


【ipay88】マレーシア最大手の決済代行会社

<p>2015年の全世界のEC市場規模の割合は、アジア：38%、北米：30%、西ヨーロッパ：22%となっており、<br />
中国を筆頭にアジアは世界で最もECを使っているエリアということになっている。</p>
<p>更にこの動きは更に加速し、2017年に44%まで成長すると予想する機関もあるほどだ。</p>
<p>&nbsp;</p>
<p>中国や日本に関する統計やEC事情はよく目にするのだが、それ以外の国の情報は意識しないと触れる機会が少ないため<br />
今回はアジアでGDP1〜5位の国のEC事情を調べて見た。</p>
<p>&nbsp;</p>
<h2>中国</h2>
<p>市場規模は4262.6億UDドルで世界1位</p>
<p>主要ECサイトは</p>
<p>1. 淘宝網：35兆1,117億円</p>
<p>2. Tmall 22兆2,723億円</p>
<p>3. JD.com 9兆319億円</p>
<p>となっており、依然としてアリババの1人勝ちの</p>
<p>&nbsp;</p>
<h2>日本</h2>
<p>市場規模は708.3億USドル</p>
<p>1. 楽天市場 2兆6,748億円</p>
<p>2. Amazon 1兆円</p>
<p>3. ヤフオク 8,546億円</p>
<p>楽天は2015年から楽天トラベルを合算した数値を公開している。</p>
<p>Amazonの1兆円は、自社での販売のみ。実際にはこれに第三者の売上が合算されるが公表されていない。</p>
<p>合算すると1.6兆円程度ではないかと予想されている</p>
<p>&nbsp;</p>
<h2>インド</h2>
<p>市場規模は130億UDドル</p>
<p>流通総額は明確に比較できるデータを見つけることはできなかったが<br />
Flipkartが2014年にインドのECとしては初めて年間売上10億ドルを超え、<br />
2016年3月末日までに年間50億ドルの売上を見込んでいることから、インド最大と考えられる。</p>
<p>&nbsp;</p>
<p>2番目はSnapdealで、2014年にソフトバンクから6億7200万米ドルの出資を受けたことで有名になった会社だ。</p>
<p>こちらは2016年3月末日までの目標を30億としているとのこと。</p>
<p>&nbsp;</p>
<p>3番目はAmazon.inで、2016年3月末日までに年間20億ドルを達成できる見込とのことだ。</p>
<p>&nbsp;</p>
<h2>韓国</h2>
<p>市場規模は331.1億UDドル</p>
<p>こちらも明確な比較データを見つけることはできなかったが、<br />
GmarketがNo.1、クーパンが猛追、次いでInterpark、LOTTEなど、といった構図のようだ。</p>
<p>Gmarketは2009年にeBayに買収されている。</p>
<p>クーパンは2015年にソフトバンクが10億米ドルを出資したことで有名。<br />
2014年の売上は3485億ウォンとのこと。</p>
<p>あとは明確な数値は見つかっていないのだが、チケット販売のInterparkやLOTTEが展開するECサイトなどが大きいようだ。</p>
<p>&nbsp;</p>
<h2>インドネシア</h2>
<p>市場規模は7.5億UDドル</p>
<p>インドネシアのECは、未だ統計情報も完全には整っていないという状況のようだが<br />
Kaskus、olx、Lazadaあたりが有名どころのようだ。</p>
<p>Kaskusはインドネシア最大規模のポータルサイトで、CtoCのマーケットプレイスも併設しているとのこと。</p>
<p>olxはアメリカ資本で世界的にサービス展開しており、TokoBagusというインドネシアのCtoCのサービスを買収した。</p>
<p>LazadaはドイツのRocket Internetのサービスで、アリババが先日10億ドルの出資をしたことで有名。</p>
<p>&nbsp;</p>
<h2>まとめ</h2>
<p>日本国内のEC事業者にとっては、中国以外だと現時点では絶対的なメリットがある進出先は特に無いように思える。</p>
<p>しかし、2006年のタオバオの流通総額は2400億円程度であり、ここからTmallができ、現在では出店困難になっているという例もあることから、<br />
早めに出店しておいた方が先行者メリットを享受できる可能性も高いと思われる。</p>
<p>現時点では、中国の次に来ると言われているインドと、アジア各国で展開しているLazadaのようなサービスをウォッチしていく必要がありそうだ。</p>
<p>&nbsp;</p>
<p>※中国、日本の市場規模、流通総額は2015年のデータ、その他は2014年のデータ</p>


アジアのEC事情

<p>4月8日から越境ECに関する新しい税制が施行された。</p>
<p>1. 行郵税の廃止<br />
2. 免税措置(50元以下)の廃止<br />
3. 購入上限の引き上げ (1000→2000元)<br />
4. 3の範囲内であれば関税は0、それを超える場合は一般貿易と同じ税率となる<br />
というのがおおまかなポイントだ。</p>
<p>まとめると、</p>
<table>
<tbody>
<tr>
<th colspan="2"></th>
<th>個人輸入</th>
<th>一般貿易</th>
</tr>
<tr>
<td rowspan="2">旧税制</td>
<td>税金</td>
<td>行郵税</td>
<td>関税・増値税・消費税</td>
</tr>
<tr>
<td>限度額</td>
<td>1000元まで</td>
<td>無制限</td>
</tr>
<tr>
<td rowspan="2">新税制</td>
<td>税金</td>
<td>増値税・消費税</td>
<td>関税・増値税・消費税</td>
</tr>
<tr>
<td>限度額</td>
<td>2000元まで</td>
<td>無制限</td>
</tr>
</tbody>
</table>
<p>となる。</p>
<p>では実際に日本→中国への越境ECによる影響はどうなるのか、という話について<br />
一般論として税率は上がる場合が多いが下がる場合もある、と言われている。<br />
金額が安い方が影響度が高く、高値のほうが影響が低いという傾向があるようだ。</p>
<p>前提として、今回の改定の目的は、購入代理等による課税逃れと、<br />
行郵税と一般貿易による課税の価格差(行郵税の方が安い)の解消と言われている。</p>
<p>要は税金を一元管理しやすい一般貿易に誘導して個人輸入の量を減らすという方向のようだ。</p>
<p>ここで感じるのは、中国は元の国外流出を止めるべく、越境EC自体を規制するのでは、という話が以前あったが<br />
そうではないということ。<br />
一般貿易としての越境ECについてはむしろ拡大しようとしているようにも見える。<br />
その証拠に今回の改定の1つとして、増値税、消費税の税率を30%減額するという項目も含まれている。<br />
そう考えると、むしろやりやすくなる会社も多いのではないかとさえ思う。</p>
<h2>まとめ</h2>
<p>上述の理由から、EMS等事前申告が無い配送手段への検閲は厳しくなると予想される。<br />
また、一般貿易を優遇する方向性であると仮定すると、事前申告型の配送手段が増えると予想される。<br />
具体的にはヤマトチャイナダイレクトなどだ。<br />
今EMSに頼っている店舗は見直しを始めた方がよいのと、税金をどのように徴収するかというスキームを考えていかなければならないと思われる</p>


【中国越境EC】4月8日から新税制が施行

<p>webサイトを翻訳する場合、複数の方法がある。</p>
<p>その中でも最も簡単に実装できる方法の1つはフロント側での対応 = jsでの対応と思っており、良いツールなどが無いか調べてみた。</p>
<p>&nbsp;</p>
<p>いくつか調べてみた中ではこれの評価が高いように思えたため使ってみた</p>
<p><a href="http://www.openxrest.com/translatejs/" target="_blank">http://www.openxrest.com/translatejs/</a></p>
<p>&nbsp;</p>
<p><a class="demo" href="/demo/hoshino/65/" target="_blank">デモ</a></p>
<p>&nbsp;</p>
<p>構造としては、以下のようにまずjsonで定義しておく必要がある。</p>

		<div id="crayon-649540263ba46821042236" 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;">
var t = {
	signin: {
		jp: "ログイン",
		en: "Sign in"
	},
	registration: {
		jp: "会員登録",
		en: "Registration"
	},
	cart: {
		jp: "カート",
		en: "Cart"
	},
	contactus: {
		jp: "お問い合わせ",
		en: "Contact Us"
	}
}</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-649540263ba46821042236-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263ba46821042236-2">2</div><div class="crayon-num" data-line="crayon-649540263ba46821042236-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263ba46821042236-4">4</div><div class="crayon-num" data-line="crayon-649540263ba46821042236-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263ba46821042236-6">6</div><div class="crayon-num" data-line="crayon-649540263ba46821042236-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263ba46821042236-8">8</div><div class="crayon-num" data-line="crayon-649540263ba46821042236-9">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263ba46821042236-10">10</div><div class="crayon-num" data-line="crayon-649540263ba46821042236-11">11</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263ba46821042236-12">12</div><div class="crayon-num" data-line="crayon-649540263ba46821042236-13">13</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263ba46821042236-14">14</div><div class="crayon-num" data-line="crayon-649540263ba46821042236-15">15</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263ba46821042236-16">16</div><div class="crayon-num" data-line="crayon-649540263ba46821042236-17">17</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263ba46821042236-18">18</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-649540263ba46821042236-1"><span class="crayon-t">var</span><span class="crayon-h"> </span><span class="crayon-i">t</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263ba46821042236-2"><span class="crayon-h">	</span><span class="crayon-i">signin</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-649540263ba46821042236-3"><span class="crayon-h">		</span><span class="crayon-i">jp</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">"ログイン"</span><span class="crayon-sy">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263ba46821042236-4"><span class="crayon-h">		</span><span class="crayon-i">en</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">"Sign in"</span></div><div class="crayon-line" id="crayon-649540263ba46821042236-5"><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-649540263ba46821042236-6"><span class="crayon-h">	</span><span class="crayon-i">registration</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-649540263ba46821042236-7"><span class="crayon-h">		</span><span class="crayon-i">jp</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">"会員登録"</span><span class="crayon-sy">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263ba46821042236-8"><span class="crayon-h">		</span><span class="crayon-i">en</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">"Registration"</span></div><div class="crayon-line" id="crayon-649540263ba46821042236-9"><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-649540263ba46821042236-10"><span class="crayon-h">	</span><span class="crayon-i">cart</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-649540263ba46821042236-11"><span class="crayon-h">		</span><span class="crayon-i">jp</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">"カート"</span><span class="crayon-sy">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263ba46821042236-12"><span class="crayon-h">		</span><span class="crayon-i">en</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">"Cart"</span></div><div class="crayon-line" id="crayon-649540263ba46821042236-13"><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-649540263ba46821042236-14"><span class="crayon-h">	</span><span class="crayon-i">contactus</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-649540263ba46821042236-15"><span class="crayon-h">		</span><span class="crayon-i">jp</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">"お問い合わせ"</span><span class="crayon-sy">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263ba46821042236-16"><span class="crayon-h">		</span><span class="crayon-i">en</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">"Contact Us"</span></div><div class="crayon-line" id="crayon-649540263ba46821042236-17"><span class="crayon-h">	</span><span class="crayon-sy">}</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263ba46821042236-18"><span class="crayon-sy">}</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>&nbsp;</p>
<p>それを例えば</p>

		<div id="crayon-649540263ba4a916126260" 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').translate({lang: "jp", t: t});</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-649540263ba4a916126260-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-649540263ba4a916126260-1"><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-s">'body'</span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">translate</span><span class="crayon-sy">(</span><span class="crayon-sy">{</span><span class="crayon-i">lang</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">"jp"</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-i">t</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i">t</span><span class="crayon-sy">}</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>このように特定の要素(ここではbody)に対して実行すると指定した言語に変換される</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>定義が面倒だが、1つの選択肢としては手軽に導入できて良いかもしれない</p>

多言語翻訳用jQuery【translate.js】

<p>WordPressやLaunchCartのように高機能なCMS機能がついていれば問題ないのだが、<br />
システムや環境によってsitemapを自動生成できない場合がたまにある。<br />
sitemap.xmlはSEOにおいての重要度が高く、設置しないわけにはいかず<br />
このような場合には手動か、それが難しければ今回紹介するようなツールを使って設置しなければならない。</p>
<p>今回はURLからクローリングして自動でsitemap.xmlを生成してくれるタイプの中から<br />
web上での評判が良いと思ったものを10点比較してみた。</p>
<p>&nbsp;</p>
<table>
<tbody>
<tr>
<td rowspan="2"></td>
<td colspan="4">オプション</td>
<td rowspan="2">Priorityの指定方法</td>
<td rowspan="2">最大取得可能URL</td>
</tr>
<tr>
<td>lastmod</td>
<td>changefreq</td>
<td>priority</td>
<td>その他</td>
</tr>
<tr>
<td><a href="#sm1">1</a></td>
<td>◯</td>
<td>◯</td>
<td>◯</td>
<td>除外ディレクトリ / 同一タイトルURLの除外</td>
<td>自動(階層に応じる)</td>
<td>1,000</td>
</tr>
<tr>
<td><a href="#sm2">2</a></td>
<td>◯</td>
<td>◯</td>
<td>◯</td>
<td>&#8211;</td>
<td>自動</td>
<td>500</td>
</tr>
<tr>
<td><a href="#sm3">3</a></td>
<td>◯</td>
<td>◯</td>
<td>◯</td>
<td>除外ディレクトリ / 同一タイトルURLの除外</td>
<td>自動</td>
<td>1000</td>
</tr>
<tr>
<td><a href="#sm4">4</a></td>
<td>◯</td>
<td>◯</td>
<td>◯</td>
<td>セッションの削除</td>
<td>自動又は固定値</td>
<td>3500</td>
</tr>
<tr>
<td><a href="#sm5">5</a></td>
<td>◯</td>
<td>◯</td>
<td>◯</td>
<td>拡張子指定、getパラメータ等複数</td>
<td>固定値</td>
<td>無制限</td>
</tr>
<tr>
<td><a href="#sm6">6</a></td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>&#8211;</td>
<td>&#8211;</td>
<td>500</td>
</tr>
<tr>
<td><a href="#sm7">7</a></td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>&#8211;</td>
<td>&#8211;</td>
<td>500</td>
</tr>
<tr>
<td><a href="#sm8">8</a></td>
<td>◯</td>
<td>◯</td>
<td>◯</td>
<td>セッションの削除</td>
<td>固定</td>
<td>300</td>
</tr>
<tr>
<td><a href="#sm9">9</a></td>
<td>◯</td>
<td>◯</td>
<td>◯</td>
<td>&#8211;</td>
<td>固定</td>
<td>?</td>
</tr>
<tr>
<td><a href="#sm10">10</a></td>
<td>◯</td>
<td>◯</td>
<td>◯</td>
<td>Auto upload、Auto ping</td>
<td>&#8211;</td>
<td>5000</td>
</tr>
</tbody>
</table>
<h2></h2>
<h2 id="sm1">1. sitemapxml.jp</h2>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10085" src="/uploads-archive/2016/03/1.png" alt="1" width="660" height="384" srcset="/uploads-archive/2016/03/1.png 660w, /uploads-archive/2016/03/1-300x175.png 300w, /uploads-archive/2016/03/1-228x133.png 228w" sizes="(max-width: 660px) 100vw, 660px" /></p>
<p>http://www.sitemapxml.jp/</p>
<p>安定感があり使いやすい</p>
<p>&nbsp;</p>
<h2 id="sm2">2. xml-sitemaps.com</h2>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10088" src="/uploads-archive/2016/03/2-1.png" alt="2" width="608" height="547" srcset="/uploads-archive/2016/03/2-1.png 608w, /uploads-archive/2016/03/2-1-300x270.png 300w, /uploads-archive/2016/03/2-1-228x205.png 228w" sizes="(max-width: 608px) 100vw, 608px" /></p>
<p><a href="https://www.xml-sitemaps.com/" target="_blank">https://www.xml-sitemaps.com/</a></p>
<p>使いやすいが500件の上限が人によっては少ないかも</p>
<p>&nbsp;</p>
<h2 id="sm3">3. xml-seo.com</h2>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10089" src="/uploads-archive/2016/03/3-1.png" alt="3" width="660" height="404" srcset="/uploads-archive/2016/03/3-1.png 660w, /uploads-archive/2016/03/3-1-300x184.png 300w, /uploads-archive/2016/03/3-1-228x140.png 228w" sizes="(max-width: 660px) 100vw, 660px" /></p>
<p><a href="http://xml-seo.com/sitemap/input" target="_blank">http://xml-seo.com/sitemap/input</a></p>
<p>1とほぼ同じ。提供元が同じか</p>
<p>&nbsp;</p>
<h2 id="sm4">4. web-site-map.com</h2>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10092" src="/uploads-archive/2016/03/4-1.png" alt="4" width="574" height="628" srcset="/uploads-archive/2016/03/4-1.png 574w, /uploads-archive/2016/03/4-1-274x300.png 274w, /uploads-archive/2016/03/4-1-228x249.png 228w" sizes="(max-width: 574px) 100vw, 574px" /></p>
<p><a href="http://www.web-site-map.com/" target="_blank">http://www.web-site-map.com/</a></p>
<p>使いやすく上限も多いが、認証がめんどくさい</p>
<h2 id="sm5">5. xmlsitemapgenerator.org</h2>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10083" src="/uploads-archive/2016/03/5.png" alt="5" width="615" height="649" srcset="/uploads-archive/2016/03/5.png 615w, /uploads-archive/2016/03/5-284x300.png 284w, /uploads-archive/2016/03/5-228x241.png 228w" sizes="(max-width: 615px) 100vw, 615px" /></p>
<p><a href="https://xmlsitemapgenerator.org/" target="_blank">https://xmlsitemapgenerator.org/</a></p>
<p>オプションが多い。細かな設定をしたい人にはおすすめ</p>
<p>&nbsp;</p>
<h2 id="sm6">6. www.sitemapdoc.com</h2>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10084" src="/uploads-archive/2016/03/6.png" alt="6" width="660" height="78" srcset="/uploads-archive/2016/03/6.png 660w, /uploads-archive/2016/03/6-300x35.png 300w, /uploads-archive/2016/03/6-228x27.png 228w" sizes="(max-width: 660px) 100vw, 660px" /></p>
<p><a href="http://www.sitemapdoc.com/" target="_blank">http://www.sitemapdoc.com/</a></p>
<p>シンプル</p>
<p>&nbsp;</p>
<h2 id="sm7">7. pro-sitemaps.com</h2>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10086" src="/uploads-archive/2016/03/7.png" alt="7" width="604" height="131" srcset="/uploads-archive/2016/03/7.png 604w, /uploads-archive/2016/03/7-300x65.png 300w, /uploads-archive/2016/03/7-228x49.png 228w" sizes="(max-width: 604px) 100vw, 604px" /></p>
<p><a href="https://pro-sitemaps.com/" target="_blank">https://pro-sitemaps.com/</a></p>
<p>シンプル</p>
<h2 id="sm8">8. xmlsitemap.com</h2>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10087" src="/uploads-archive/2016/03/8.png" alt="8" width="605" height="501" srcset="/uploads-archive/2016/03/8.png 605w, /uploads-archive/2016/03/8-300x248.png 300w, /uploads-archive/2016/03/8-228x189.png 228w" sizes="(max-width: 605px) 100vw, 605px" /></p>
<p><a href="http://xmlsitemap.com/create-sitemap/" target="_blank">http://xmlsitemap.com/create-sitemap/</a></p>
<p>使いやすいが上限が少ない</p>
<p>&nbsp;</p>
<h2 id="sm9">9. xsitemap.com</h2>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10090" src="/uploads-archive/2016/03/9.png" alt="9" width="645" height="388" srcset="/uploads-archive/2016/03/9.png 645w, /uploads-archive/2016/03/9-300x180.png 300w, /uploads-archive/2016/03/9-228x137.png 228w" sizes="(max-width: 645px) 100vw, 645px" /></p>
<p><a href="http://www.xsitemap.com/" target="_blank">http://www.xsitemap.com/</a></p>
<p>シンプル</p>
<p>&nbsp;</p>
<h2 id="sm10">10. freesitemapgenerator.com</h2>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-10091" src="/uploads-archive/2016/03/10.png" alt="10" width="411" height="520" srcset="/uploads-archive/2016/03/10.png 411w, /uploads-archive/2016/03/10-237x300.png 237w, /uploads-archive/2016/03/10-228x288.png 228w" sizes="(max-width: 411px) 100vw, 411px" /></p>
<p><a href="https://freesitemapgenerator.com/new-account.html" target="_blank">https://freesitemapgenerator.com/new-account.html</a></p>
<p>上限が多い</p>


【比較】sitemap.xml 作成ツール 10点

<p><a href="https://github.com/harisenbon/autokana" target="_blank">https://github.com/harisenbon/autokana</a></p>
<p>&nbsp;</p>
<p>会員登録やECサイトでの配送先の入力などで便利そうと思い使ってみた</p>
<p><a class="demo" href="/demo/hoshino/64/" target="_blank">デモ</a></p>
<p>&nbsp;</p>
<h2>HTML</h2>
<p></p>

		<div id="crayon-649540263a94d759821254" 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;input type="text" name="name" &gt;
フリガナ：&lt;input type="text" name="name_kana" &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-649540263a94d759821254-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263a94d759821254-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-649540263a94d759821254-1">姓名：<span class="crayon-r ">&lt;input </span><span class="crayon-e ">type</span>=<span class="crayon-s ">"text"</span><span class="crayon-h"> </span><span class="crayon-e ">name</span>=<span class="crayon-s ">"name"</span><span class="crayon-r "> &gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263a94d759821254-2"><span class="crayon-i ">フリガナ：</span><span class="crayon-r ">&lt;input </span><span class="crayon-e ">type</span>=<span class="crayon-s ">"text"</span><span class="crayon-h"> </span><span class="crayon-e ">name</span>=<span class="crayon-s ">"name_kana"</span><span class="crayon-r "> &gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>普通にinputタグを設置する</p>
<p>&nbsp;</p>
<h2>Javascript</h2>
<p></p>

		<div id="crayon-649540263a951342792418" 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 ).ready( function()
{
	// 姓名 (カタカナ)
	$.fn.autoKana( "input[name='name']", "input[name='name_kana']", {
		katakana : true
	});

	// 住所 (ひらがな)
	$.fn.autoKana( "input[name='address']", "input[name='address_kana']", {
		katakana : 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-649540263a951342792418-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263a951342792418-2">2</div><div class="crayon-num" data-line="crayon-649540263a951342792418-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263a951342792418-4">4</div><div class="crayon-num" data-line="crayon-649540263a951342792418-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263a951342792418-6">6</div><div class="crayon-num" data-line="crayon-649540263a951342792418-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263a951342792418-8">8</div><div class="crayon-num" data-line="crayon-649540263a951342792418-9">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263a951342792418-10">10</div><div class="crayon-num" data-line="crayon-649540263a951342792418-11">11</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263a951342792418-12">12</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-649540263a951342792418-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">ready</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></div><div class="crayon-line crayon-striped-line" id="crayon-649540263a951342792418-2"><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-649540263a951342792418-3"><span class="crayon-h">	</span><span class="crayon-c">// 姓名 (カタカナ)</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263a951342792418-4"><span class="crayon-h">	</span><span class="crayon-sy">$</span><span class="crayon-sy">.</span><span class="crayon-i">fn</span><span class="crayon-sy">.</span><span class="crayon-e">autoKana</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-s">"input[name='name']"</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-s">"input[name='name_kana']"</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-649540263a951342792418-5"><span class="crayon-h">		</span><span class="crayon-i">katakana</span><span class="crayon-h"> </span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-t">true</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263a951342792418-6"><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-649540263a951342792418-7">&nbsp;</div><div class="crayon-line crayon-striped-line" id="crayon-649540263a951342792418-8"><span class="crayon-h">	</span><span class="crayon-c">// 住所 (ひらがな)</span></div><div class="crayon-line" id="crayon-649540263a951342792418-9"><span class="crayon-h">	</span><span class="crayon-sy">$</span><span class="crayon-sy">.</span><span class="crayon-i">fn</span><span class="crayon-sy">.</span><span class="crayon-e">autoKana</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-s">"input[name='address']"</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-s">"input[name='address_kana']"</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-649540263a951342792418-10"><span class="crayon-h">		</span><span class="crayon-i">katakana</span><span class="crayon-h"> </span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-t">false</span></div><div class="crayon-line" id="crayon-649540263a951342792418-11"><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 crayon-striped-line" id="crayon-649540263a951342792418-12"><span class="crayon-sy">}</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>&nbsp;</p>
<p>$.fn.autoKana( &#8220;漢字入力する方&#8221;, &#8220;フリガナを表示させる方&#8221;);</p>
<p>というように記述する。</p>
<p>引数はkatakana(bool)で、trueでカタカナ、falseでひらがなとなる。デフォルトはfalse</p>
<p>&nbsp;</p>
<h2>感想</h2>
<p>打ち込んだキーを取得してフリガナを生成しているようなので、</p>
<p>コピペすると変換されないのが弱点。</p>
<p>とはいえ精度は高いし普通に打ち込むよりは楽なので、登録フォームでの離脱が多い場合などは試してみる価値がありそうだ</p>
<p>&nbsp;</p>

漢字入力を自動でヒラガナに変換してくれるjQueryプラグイン

<p>アリババが展開する阿里云というクラウドサービスがあり、日本では全く聞いたこと無いが中国本土で成長しているという話を聞き、実際に中身を見てみた。</p>
<p>https://www.aliyun.com/</p>
<p>&nbsp;</p>
<p>アカウントは淘宝網などアリババの他のサービスと連携できるため、登録自体はかなりスムーズにできた。</p>
<p>&nbsp;</p>
<p>ログインするとこんな感じの画面</p>
<p>英語にも対応しておりわかりやすそうだ</p>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-9912" src="/uploads-archive/2016/03/1-1-e1458022314935.png" alt="1" width="660" height="379" /></p>
<p>&nbsp;</p>
<p>ECS(Elastic Compute Service)の画面</p>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-9914" src="/uploads-archive/2016/03/2-e1458022666541.png" alt="2" width="660" height="379" /></p>
<p>&nbsp;</p>
<p>ここにインスタンスを追加して利用するようだ。</p>
<p>画面上から</p>
<p>シンガポール、深セン、青島、北京、上海、香港、杭州、シリコンバレー</p>
<p>のリージョンを選択できることがわかる</p>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-9915" src="/uploads-archive/2016/03/3-e1458022722473.png" alt="3" width="660" height="193" /></p>
<p>&nbsp;</p>
<p>インスタンスはこのように購入するようだ</p>
<p>リージョン<br />
↓<br />
CPU、メモリ<br />
↓<br />
帯域?<br />
↓<br />
OS?<br />
↓<br />
HDD?<br />
↓<br />
ログイン情報<br />
↓<br />
契約期間、台数</p>
<p>の順にスペックを選択するようだ</p>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-9920" src="/uploads-archive/2016/03/4-e1458023295703.png" alt="4" width="660" height="756" /></p>
<p>&nbsp;</p>
<p>その他にもDBやロードバランサーも同様の手順で契約し、構成できる様子。</p>
<p>実際のところは運用してみないとなんとも言えないが、ぱっと見た感じは使いやすそうな印象を受けた。</p>
<p>AWS等、普段我々が使っているサーバー環境は、中国内では使えないと思ったほうが良いので、</p>
<p>中国内でサービスを大規模に展開する場合には是非試してみたいと思った</p>


中国のAWS「阿里云」を使ってみる

<p>中国本土でサイトを公開するのに許認可が必要なことをご存知だろうか?</p>
<p>正確には、中国本土にサーバーを設置、公開されるサイトに必要なライセンスで、増値電信業務経営許可証、通称ICP(Internet Contents Provider)ライセンスと呼ばれている。</p>
<p>これは情報統制のために2005年から行われている制度で、全てのサイトが対象となる。</p>
<p>他国にサーバーを設置したり、サーバーを独自に立てたりなどいくつか抜け道はあるそうだが、</p>
<p>基本的には義務であることと、百度SEOで評価が下がる?という都市伝説もあるらしく、許認可を受けることがスタンダードとなっている。</p>
<p>&nbsp;</p>
<h2>ICPライセンスには経営性と非経営性がある</h2>
<p>経営性 = 営利目的、非経営性 = 非営利目的の2種類がある。</p>
<p>営利目的の方が取得が難しく、手続きがやや複雑、非営利性は中国国内のサーバー会社などに依頼すれば比較的簡単に習得が可能だ。</p>
<p>ここで気になるのは、ECサイトはどちらにあたるのか?という点だ。</p>
<p>実際に、非経営性ライセンスでECサイトを運営している例は少なくないらしい。</p>
<p>ただ、これはかなりグレーであるため、サイトが大きくなってきたら経営性ライセンスに切り替えた方が懸命なようだ。</p>
<p>既に現地法人を設立済みで、且つ輸入の許認可を得ていれば取得しなくても良い場合もあるとのこと。</p>
<p>いずれにせよ、担当者やタイミングによってルールが変わってしまうおそれがあるため、常に最新の情報を入手することが重要だ。</p>
<p>&nbsp;</p>
<h2>中国向けの独自ECサイトを始めるにはどうしたら良いか?</h2>
<p>これはあくまで個人的な意見だが、</p>
<ol>
<li>日本国内で中国向けのサイトを構築する</li>
<li>売れてきたらICPライセンスを取得しておく</li>
<li>問題が起きたら中国国内サーバーに移動する</li>
</ol>
<p>というのが手堅いやり方だと思う。</p>
<p>3の最大の問題はブロックされるということだが</p>
<p>独自サイトでブロックされたという話は自分は聞いたことがない。</p>
<p>とはいえ十分にあり得そうな話なので、売上比率が大きくなれば備えたほうが良さそうだ。</p>
<p>&nbsp;</p>
<p>日本国内での中国向けECサイトは今後急速に増えていくことが予想されるが、</p>
<p>まだまだ知られていないことが多いので、常に最新の情報を知っておくことが重要だ</p>


【ICPライセンス】中国でのサイト公開に必要な許認可

<p>横幅によってフォントサイズの調整と、文字長を自動で省略シてくれるjQueryプラグイン&#8221;Jquery-quickfit&#8221; が良さそうだったので使ってみた。</p>
<p><a href="http://chunksnbits.github.io/jquery-quickfit/" target="_blank">http://chunksnbits.github.io/jquery-quickfit/</a></p>
<p>&nbsp;</p>
<p>デモはこちら</p>
<p><a href="/demo/hoshino/63/index.html" target="_blank" class="demo">Demo</a></p>
<p>&nbsp;</p>
<h2>設置方法</h2>
<p>JS</p>

		<div id="crayon-6495401591e2a233328404" 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;">
$( window ).on( "resize", function()
{
	$( "#quickfit-a" ).quickfit( { max: 40, min: 16, truncate: false } );
	$( "#quickfit-b" ).quickfit( { max: 40, min: 20, truncate: true } );        
});</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-6495401591e2a233328404-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401591e2a233328404-2">2</div><div class="crayon-num" data-line="crayon-6495401591e2a233328404-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401591e2a233328404-4">4</div><div class="crayon-num" data-line="crayon-6495401591e2a233328404-5">5</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-6495401591e2a233328404-1"><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-r">window</span><span class="crayon-h"> </span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">on</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-s">"resize"</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></div><div class="crayon-line crayon-striped-line" id="crayon-6495401591e2a233328404-2"><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-6495401591e2a233328404-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">"#quickfit-a"</span><span class="crayon-h"> </span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">quickfit</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-sy">{</span><span class="crayon-h"> </span><span class="crayon-i">max</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-cn">40</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-i">min</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-cn">16</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-i">truncate</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-t">false</span><span class="crayon-h"> </span><span class="crayon-sy">}</span><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-6495401591e2a233328404-4"><span class="crayon-h">	</span><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-s">"#quickfit-b"</span><span class="crayon-h"> </span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">quickfit</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-sy">{</span><span class="crayon-h"> </span><span class="crayon-i">max</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-cn">40</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-i">min</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-cn">20</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-i">truncate</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-t">true</span><span class="crayon-h"> </span><span class="crayon-sy">}</span><span class="crayon-h"> </span><span class="crayon-sy">)</span><span class="crayon-sy">;</span><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></div><div class="crayon-line" id="crayon-6495401591e2a233328404-5"><span class="crayon-sy">}</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>&nbsp;</p>
<p>HTML</p>

		<div id="crayon-6495401591e2e985673947" 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 id="quickfit-a"&gt;
フォントサイズ最大:40、最小:16。文字省略:無し
&lt;/div&gt;

&lt;div id="quickfit-b"&gt;
フォントサイズ最大:40、最小:20。文字省略:有り
&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-6495401591e2e985673947-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401591e2e985673947-2">2</div><div class="crayon-num" data-line="crayon-6495401591e2e985673947-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401591e2e985673947-4">4</div><div class="crayon-num" data-line="crayon-6495401591e2e985673947-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401591e2e985673947-6">6</div><div class="crayon-num" data-line="crayon-6495401591e2e985673947-7">7</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-6495401591e2e985673947-1"><span class="crayon-r ">&lt;div </span><span class="crayon-e ">id</span>=<span class="crayon-s ">"quickfit-a"</span><span class="crayon-r ">&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401591e2e985673947-2"><span class="crayon-i ">フォントサイズ最大:40、最小:16。文字省略:無し</span></div><div class="crayon-line" id="crayon-6495401591e2e985673947-3"><span class="crayon-r ">&lt;/div&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401591e2e985673947-4">&nbsp;</div><div class="crayon-line" id="crayon-6495401591e2e985673947-5"><span class="crayon-r ">&lt;div </span><span class="crayon-e ">id</span>=<span class="crayon-s ">"quickfit-b"</span><span class="crayon-r ">&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401591e2e985673947-6"><span class="crayon-i ">フォントサイズ最大:40、最小:20。文字省略:有り</span></div><div class="crayon-line" id="crayon-6495401591e2e985673947-7"><span class="crayon-r ">&lt;/div&gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>&nbsp;</p>
<p>パラメータ</p>
<table>
<tbody>
<tr>
<td>キー名</td>
<td>データ型</td>
<td>内容</td>
</tr>
<tr>
<td>max</td>
<td>数値</td>
<td>親要素の幅によってフォントサイズが大きくなる中で、許容する最大のフォントサイズ</td>
</tr>
<tr>
<td>min</td>
<td>数値</td>
<td>親要素の幅によってフォントサイズが小さくなる中で、許容する最小のフォントサイズ</td>
</tr>
<tr>
<td>truncate</td>
<td>bool</td>
<td>親要素をはみ出してしまう場合、文字を切ることを許容するかどうか</td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>
<p>レスポンシブでのコーディングの時などで便利そうだ</p>

【jQuery】幅によって自動でテキストを省略してくれるプラグイン

<p>自分は観光ビザしか取ったことがないが、2月からビザの申請方法が変更になったようだ。</p>
<p>具体的には</p>
<ol>
<li>申請書が新しくなった</li>
<li>宿泊先のバウチャーが必要になった</li>
</ol>
<p>の2点が変わった模様。</p>
<p>今回久しぶりだったのでたまたま前日に電話で大使館に確認を取ったからよかったものの、自分の雛形を使っていたら行けていなかった。</p>
<p>実際にバウチャーを持ってきておらず申請できずに帰る人が、自分の前に並んでいた人だけで数人いた。</p>
<p>&nbsp;</p>
<h3>1. 申請書が新しくなった</h3>
<p><a href="/uploads-archive/2016/02/fdfeb111e04e7bab111a879b7987e69d.pdf" rel="">旧フォーマット</a></p>
<p><a href="/uploads-archive/2016/02/5a631c6c294ea7a0c08d79ad34cb74e3.pdf" rel="">新フォーマット</a></p>
<p>&nbsp;</p>
<p>記入欄としては、Permanent address (本籍)が追加になった。</p>
<p>あとは注意書きと大使館記入欄が変更になっているようだ。</p>
<p>ちなみに注意書きの変更点は</p>
<p>Union of Myanmar → Republic of the Union of Myanmar</p>
<p>&nbsp;</p>
<p>フォーマットはいつ変更になるかわからないため、以下のURLから随時ダウンロードした方がよさそうだ</p>
<p><a href="http://www.myanmar-embassy-tokyo.net/visaforms/visaformsindex.html" target="_blank">http://www.myanmar-embassy-tokyo.net/visaforms/visaformsindex.html</a></p>
<p>&nbsp;</p>
<h3>2. 宿泊先のバウチャーが必要になった</h3>
<p>全旅程分の宿泊先を提示することが必須となったようだ。</p>
<p>自分はいつも現地のぽーさんにホテルをとってもらっていたのだが、たぶんホテルから書類をもらうのに時間がかかるだろうなと思い、今回はじめてエクスべディアで予約をした。</p>
<p>案の定申請時に現地の人にとってもらったのでバウチャーを出せないとごねている人がいたが、申請は受け入れられなかったようだ。</p>
<p>&nbsp;</p>
<p>これもいつ変わるかわからないので事前に確認した方がよさそう。</p>
<p><a href="http://www.myanmar-embassy-tokyo.net/2016/newvisainfo.pdf" target="_blank">http://www.myanmar-embassy-tokyo.net/2016/newvisainfo.pdf</a></p>
<p>&nbsp;</p>
<p>あとはあまり影響はないが、支払い方法が少し変更になっていた。</p>
<p>以前は全額振込だったが、今は申請時に1,000円を支払い、残りを以前までと同じく振り込んで振込用紙を提出というようになっていた。</p>
<p>&nbsp;</p>
<p>このような手続きはいつ変更になるかわからないし、事前チェックを怠っては行けないと改めて思った</p>
<p>&nbsp;</p>
<p>おまけ</p>
<p>&nbsp;</p>
<p>ミャンマー大使館、建て替えが終わってすごく綺麗になっていました。</p>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-9700" src="/uploads-archive/2016/02/IMG_0584.jpg" alt="IMG_0584" width="656" height="656" srcset="/uploads-archive/2016/02/IMG_0584.jpg 656w, /uploads-archive/2016/02/IMG_0584-150x150.jpg 150w, /uploads-archive/2016/02/IMG_0584-300x300.jpg 300w, /uploads-archive/2016/02/IMG_0584-228x228.jpg 228w" sizes="(max-width: 656px) 100vw, 656px" /></p>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-9701" src="/uploads-archive/2016/02/IMG_0586.jpg" alt="IMG_0586" width="656" height="656" srcset="/uploads-archive/2016/02/IMG_0586.jpg 656w, /uploads-archive/2016/02/IMG_0586-150x150.jpg 150w, /uploads-archive/2016/02/IMG_0586-300x300.jpg 300w, /uploads-archive/2016/02/IMG_0586-228x228.jpg 228w" sizes="(max-width: 656px) 100vw, 656px" /></p>
<p>&nbsp;</p>
<p>白を基調としたクールなデザインの建物</p>
<p>館内での噛みタバコは禁止ですね</p>


【ミャンマー】ビザの申請方法が2月から変更に

<p>個人的に、ドキュメントをきれいに作りたいときはillustratorを使っており、</p>
<p>レイアウトや色使いが自由にできるので満足しているのだが、ページ番号をふれない、という大きな問題がある。</p>
<p>数ページのドキュメントであれば手動でふればよいのだが、数十ページともなるとページ番号無しでいいかと妥協してしまう。</p>
<p>この度100ページ超えの資料を作る機会があり、同じ状況に直面。</p>
<p>今回はページ番号をふらなければまずかったので、良い方法が無いか調べてみた。</p>
<p>&nbsp;</p>
<p>結果として、illustratorにページ番号をふる機能は無く、プラグインを作るしか無いという結論に至った。</p>
<p>&nbsp;</p>
<p>illustratorのプラグインについて</p>
<p>言語の仕様としてはjavascriotで作成できるらしい</p>
<p>activeDocumentやlayerなどといったillustrator独自のオブジェクトがあり、これらをjsで操作できるようだ</p>
<p>ちょっとバージョンは古いが、以下のサイトが非常に参考になった</p>
<p><a href="http://www.openspc2.org/book/IllustratorCS4/" target="_blank">http://www.openspc2.org/book/IllustratorCS4/</a></p>
<p>&nbsp;</p>
<p>自分がやった処理は</p>
<ol>
<li>全てのレイヤーを順番に開く</li>
<li>非表示のレイヤーは強制的に表示させる</li>
<li>指定した場所にページ番号を表示させる</li>
<li>全レイヤーに実行したら完了</li>
</ol>
<p>という流れ</p>
<p>具体的には以下のように書いてみた</p>

		<div id="crayon-6495401591a07201117057" 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 layerCount = activeDocument.layers.length;
	for (var i = 0; i &lt; layerCount; i++ ) 
	{
		var targetLayer = activeDocument.layers[i];

		if( !targetLayer.visible ) targetLayer.visible = true;

		textObj = targetLayer.textFrames.add();
		textObj.contents = layerCount - i;

		textObj.position = [x座標, y座標];
	}

	alert("完了しました");
})();</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-6495401591a07201117057-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401591a07201117057-2">2</div><div class="crayon-num" data-line="crayon-6495401591a07201117057-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401591a07201117057-4">4</div><div class="crayon-num" data-line="crayon-6495401591a07201117057-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401591a07201117057-6">6</div><div class="crayon-num" data-line="crayon-6495401591a07201117057-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401591a07201117057-8">8</div><div class="crayon-num" data-line="crayon-6495401591a07201117057-9">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401591a07201117057-10">10</div><div class="crayon-num" data-line="crayon-6495401591a07201117057-11">11</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401591a07201117057-12">12</div><div class="crayon-num" data-line="crayon-6495401591a07201117057-13">13</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401591a07201117057-14">14</div><div class="crayon-num" data-line="crayon-6495401591a07201117057-15">15</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401591a07201117057-16">16</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-6495401591a07201117057-1"><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-6495401591a07201117057-2"><span class="crayon-h">	</span><span class="crayon-t">var</span><span class="crayon-h"> </span><span class="crayon-i">layerCount</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-i">activeDocument</span><span class="crayon-sy">.</span><span class="crayon-i">layers</span><span class="crayon-sy">.</span><span class="crayon-i">length</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-6495401591a07201117057-3"><span class="crayon-h">	</span><span class="crayon-st">for</span><span class="crayon-h"> </span><span class="crayon-sy">(</span><span class="crayon-t">var</span><span class="crayon-h"> </span><span class="crayon-i">i</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-cn">0</span><span class="crayon-sy">;</span><span class="crayon-h"> </span><span class="crayon-i">i</span><span class="crayon-h"> </span><span class="crayon-h">&lt;</span><span class="crayon-h"> </span><span class="crayon-i">layerCount</span><span class="crayon-sy">;</span><span class="crayon-h"> </span><span class="crayon-i">i</span>++<span class="crayon-h"> </span><span class="crayon-sy">)</span><span class="crayon-h"> </span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401591a07201117057-4"><span class="crayon-h">	</span><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-6495401591a07201117057-5"><span class="crayon-h">		</span><span class="crayon-t">var</span><span class="crayon-h"> </span><span class="crayon-i">targetLayer</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-i">activeDocument</span><span class="crayon-sy">.</span><span class="crayon-i">layers</span><span class="crayon-sy">[</span><span class="crayon-i">i</span><span class="crayon-sy">]</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401591a07201117057-6">&nbsp;</div><div class="crayon-line" id="crayon-6495401591a07201117057-7"><span class="crayon-h">		</span><span class="crayon-st">if</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-sy">!</span><span class="crayon-i">targetLayer</span><span class="crayon-sy">.</span><span class="crayon-i">visible</span><span class="crayon-h"> </span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-i">targetLayer</span><span class="crayon-sy">.</span><span class="crayon-i">visible</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-t">true</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401591a07201117057-8">&nbsp;</div><div class="crayon-line" id="crayon-6495401591a07201117057-9"><span class="crayon-h">		</span><span class="crayon-i">textObj</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-i">targetLayer</span><span class="crayon-sy">.</span><span class="crayon-i">textFrames</span><span class="crayon-sy">.</span><span class="crayon-e">add</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-6495401591a07201117057-10"><span class="crayon-h">		</span><span class="crayon-i">textObj</span><span class="crayon-sy">.</span><span class="crayon-i">contents</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-i">layerCount</span><span class="crayon-h"> </span>-<span class="crayon-h"> </span><span class="crayon-i">i</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-6495401591a07201117057-11">&nbsp;</div><div class="crayon-line crayon-striped-line" id="crayon-6495401591a07201117057-12"><span class="crayon-h">		</span><span class="crayon-i">textObj</span><span class="crayon-sy">.</span><span class="crayon-i">position</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-sy">[</span><span class="crayon-i">x</span>座標<span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-i">y</span>座標<span class="crayon-sy">]</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-6495401591a07201117057-13"><span class="crayon-h">	</span><span class="crayon-sy">}</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401591a07201117057-14">&nbsp;</div><div class="crayon-line" id="crayon-6495401591a07201117057-15"><span class="crayon-h">	</span><span class="crayon-r">alert</span><span class="crayon-sy">(</span><span class="crayon-s">"完了しました"</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401591a07201117057-16"><span class="crayon-sy">}</span><span class="crayon-sy">)</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>&nbsp;</p>
<p>以下は実際にaiで実行してpdf化したもの</p>
<p><a href="/uploads-archive/2016/02/1-7.pdf" rel="">サンプルPDF</a></p>
<p>&nbsp;</p>
<p>未だ理解が浅いが、jsでとっかかりやすいし便利そうなので、機会があれば今後も使ってみたい</p>

【illustrator】レイヤーに自動でページ番号を付ける方法

<p>ついに来たかといった印象だが、決済を含む複数のAPIをVISAが直接開発者向けに解放した。</p>
<p>今までPayPalや決済代行会社を介して行っていた決済や認証サービスを<br />
開発者がAPIを使って独自に構築することが可能になった。</p>
<p><a href="https://developer.visa.com/" target="_blank">https://developer.visa.com/</a></p>
<p>&nbsp;</p>
<p>無料ですぐにテストアプリを作れるということで、まずはやってみた。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-9519" src="/uploads-archive/2016/02/1.png" alt="1" width="1263" height="593" srcset="/uploads-archive/2016/02/1.png 1263w, /uploads-archive/2016/02/1-300x141.png 300w, /uploads-archive/2016/02/1-768x361.png 768w, /uploads-archive/2016/02/1-1024x481.png 1024w, /uploads-archive/2016/02/1-228x107.png 228w" sizes="(max-width: 1263px) 100vw, 1263px" /></p>
<p>登録を終えログインすると、ダッシュボードに移動する。</p>
<p>アプリを複数作って管理できるようになっている。</p>
<p>&nbsp;</p>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-9521" src="/uploads-archive/2016/02/2-1.png" alt="2" width="1280" height="1900" srcset="/uploads-archive/2016/02/2-1.png 1280w, /uploads-archive/2016/02/2-1-202x300.png 202w, /uploads-archive/2016/02/2-1-768x1140.png 768w, /uploads-archive/2016/02/2-1-690x1024.png 690w, /uploads-archive/2016/02/2-1-228x338.png 228w" sizes="(max-width: 1280px) 100vw, 1280px" /></p>
<p>&nbsp;</p>
<p>アプリごとにパーミッションを付与する仕組みになっているようだ。</p>
<p>大きく</p>
<p>Payment Methods</p>
<p>Risk and Fraud</p>
<p>General Services</p>
<p>Trials</p>
<p>の4つにわかれている。</p>
<p>これを見る限りでは国内の決済代行会社で提供しているサービスは全てできるようだ。</p>
<p>選択したパーミッションによってはpemが同時に生成されて落ちてくる仕組みになっている。</p>
<p>&nbsp;</p>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-9522" src="/uploads-archive/2016/02/3.png" alt="3" width="1226" height="538" srcset="/uploads-archive/2016/02/3.png 1226w, /uploads-archive/2016/02/3-300x132.png 300w, /uploads-archive/2016/02/3-768x337.png 768w, /uploads-archive/2016/02/3-1024x449.png 1024w, /uploads-archive/2016/02/3-228x100.png 228w" sizes="(max-width: 1226px) 100vw, 1226px" /></p>
<p>あとはサンドボックスが提供されて</p>
<p>トークンなどがアプリごとに発行される。</p>
<p>&nbsp;</p>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-9523" src="/uploads-archive/2016/02/4.png" alt="4" width="1217" height="455" srcset="/uploads-archive/2016/02/4.png 1217w, /uploads-archive/2016/02/4-300x112.png 300w, /uploads-archive/2016/02/4-768x287.png 768w, /uploads-archive/2016/02/4-1024x383.png 1024w, /uploads-archive/2016/02/4-228x85.png 228w" sizes="(max-width: 1217px) 100vw, 1217px" /></p>
<p>テストカードやテストデータなどもその場で提供される</p>
<p>&nbsp;</p>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-9524" src="/uploads-archive/2016/02/5.png" alt="5" width="1231" height="453" srcset="/uploads-archive/2016/02/5.png 1231w, /uploads-archive/2016/02/5-300x110.png 300w, /uploads-archive/2016/02/5-768x283.png 768w, /uploads-archive/2016/02/5-1024x377.png 1024w, /uploads-archive/2016/02/5-228x84.png 228w" sizes="(max-width: 1231px) 100vw, 1231px" /></p>
<p>ドキュメントも充実</p>
<p>&nbsp;</p>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-9525" src="/uploads-archive/2016/02/6.png" alt="6" width="930" height="666" srcset="/uploads-archive/2016/02/6.png 930w, /uploads-archive/2016/02/6-300x215.png 300w, /uploads-archive/2016/02/6-768x550.png 768w, /uploads-archive/2016/02/6-228x163.png 228w" sizes="(max-width: 930px) 100vw, 930px" /></p>
<p>サンプルコードも充実。基本はjsonでのやりとりになるようだ。</p>
<p>&nbsp;</p>
<p>今後は決済会社ではなく開発元の管理画面に集約され、国際的な決済がさらに身近になりそうだ</p>


VISAが開発者向け各種APIを解放

<p>すでに多くのメディアで取り上げられているので知っている人も多いと思うが、2015年の訪日外国人消費動向調査が公開された。</p>
<p><a href="http://www.mlit.go.jp/common/001084355.pdf" target="_blank">http://www.mlit.go.jp/common/001084355.pdf</a></p>
<p>&nbsp;</p>
<h3>訪日外国人数</h3>
<p>2015年は1,974万人となり過去最高となった。</p>
<p>2014年は1,341万人であり47.1%増。</p>
<p>2020年の目標であった2,000万人をほぼ達成する数値となったため<br />
2020年の目標を3,000万人に修正した。</p>
<p>&nbsp;</p>
<p>国別では、2014年に240万人だった中国からの訪問客が490万人と倍以上に増加し、最も多い人数となった。</p>
<p>次いで、一昨年トップだった韓国は45%増で400万人、昨年トップだった台湾は30%増の360万人となった。</p>
<p>&nbsp;</p>
<h3>訪日外国人旅行消費額</h3>
<p>2015年は3兆4,771億円となり過去最高となった。</p>
<p>2014年は2兆278億円であり71.5%増。</p>
<p>&nbsp;</p>
<p>国別では、中国が1.4兆円と全体の40%を超える消費額でトップとなった。</p>
<p>2014年の5,583億円から153%増と大幅増。</p>
<p>次いで台湾が5,207億円で46%増、韓国が3,008億円で43%増となった。</p>
<p>&nbsp;</p>
<p>一人当たりの旅費についても、中国が283,842円と最大、アメリカ175,554円、香港172,356を10万円以上上回った。</p>
<p>費目別の消費額について、中国からの訪日客は、総消費額1.4兆円の内8,000億円を買物代として消費しており、その割合は57%。</p>
<p>韓国の30%、台湾の42%、香港の41%を大きく上回った。</p>
<p>&nbsp;</p>
<p>一人当たりの買物代としての消費額は、中国が161,974円となりトップだった。</p>
<p>2位は2014年に引き続きベトナムで、消費額は75,164円だった。</p>
<p>&nbsp;</p>
<h3>まとめ</h3>
<p>事業規模3.4兆円と、観光が大きな産業であると改めて示された2015年だった。</p>
<p>2016年、更に観光業を成長させるために大事なことは、満足度の向上によりリピーターを増やすことと<br />
訪日する価値を持続させることだ。</p>
<p>自分は越境ECという立場から、訪日客が何を買っているかを見ることが多く<br />
2014年に中国からの訪日客の買物で最も満足した購入商品は電気製品だったのだが、<br />
この辺りがどう変わっていくかを注目したい。</p>
<p>今回は速報だったので、3月の確報で発表されると思われる</p>


2015年 訪日外国人消費動向調査

<p>openexchangerates.orgとは、通貨変換のAPIを提供しているサービスで</p>
<p>対応通貨が多く、信頼性が高くて知られている。</p>
<p>&nbsp;</p>
<p>ドキュメントや紹介は英語で書かれており、デベロッパーが使う分には問題ないのだが、</p>
<p>日本のユーザー向けに見せるときは日本語表記にした方が親切だ。</p>
<p>そこで、1つずつググッてまとめてみた。</p>
<p>(ユーロを除く国が発行する通貨のみ記載)</p>
<p>&nbsp;</p>
<table>
<tbody>
<tr>
<th>ISO</th>
<th>英名</th>
<th>日本名</th>
<th>国名</th>
</tr>
<tr>
<td>AED</td>
<td>United Arab Emirates Dirham</td>
<td>UAE・ディルハム</td>
<td>アラブ首長国連邦</td>
</tr>
<tr>
<td>AFN</td>
<td>Afghan Afghani</td>
<td>アフガニ</td>
<td>アフガニスタン</td>
</tr>
<tr>
<td>ALL</td>
<td>Albanian Lek</td>
<td>レク</td>
<td>アルバニア</td>
</tr>
<tr>
<td>AMD</td>
<td>Armenian Dram</td>
<td>ドラム</td>
<td>アルメニア</td>
</tr>
<tr>
<td>ANG</td>
<td>Netherlands Antillean Guilder</td>
<td>ギルダー</td>
<td>アンティル</td>
</tr>
<tr>
<td>AOA</td>
<td>Angolan Kwanza</td>
<td>クワンザ</td>
<td>アンゴラ</td>
</tr>
<tr>
<td>ARS</td>
<td>Argentine Peso</td>
<td>ペソ</td>
<td>アルゼンチン</td>
</tr>
<tr>
<td>AUD</td>
<td>Australian Dollar</td>
<td>ドル</td>
<td>オーストラリア</td>
</tr>
<tr>
<td>AWG</td>
<td>Aruban Florin</td>
<td>フロリン</td>
<td>アルバ</td>
</tr>
<tr>
<td>AZN</td>
<td>Azerbaijani Manat</td>
<td>アゼルバイジャン・マナト</td>
<td>アゼルバイジャン</td>
</tr>
<tr>
<td>BAM</td>
<td>Bosnia-Herzegovina Convertible Mark</td>
<td>兌換マルク</td>
<td>ボスニア・ヘルツェゴビナ</td>
</tr>
<tr>
<td>BBD</td>
<td>Barbadian Dollar</td>
<td>バルバドス・ドル</td>
<td>バルバドス</td>
</tr>
<tr>
<td>BDT</td>
<td>Bangladeshi Taka</td>
<td>タカ</td>
<td>バングラデシュ</td>
</tr>
<tr>
<td>BGN</td>
<td>Bulgarian Lev</td>
<td>レフ</td>
<td>ブルガリア</td>
</tr>
<tr>
<td>BHD</td>
<td>Bahraini Dinar</td>
<td>バーレーン・ディナール</td>
<td>バーレーン</td>
</tr>
<tr>
<td>BIF</td>
<td>Burundian Franc</td>
<td>ブルンジ・フラン</td>
<td>ブルンジ</td>
</tr>
<tr>
<td>BMD</td>
<td>Bermudan Dollar</td>
<td>バミューダ・ドル</td>
<td>バミューダ</td>
</tr>
<tr>
<td>BND</td>
<td>Brunei Dollar</td>
<td>ブルネイ・ドル</td>
<td>ブルネイ</td>
</tr>
<tr>
<td>BOB</td>
<td>Bolivian Boliviano</td>
<td>ボリビアーノ</td>
<td>ボリビア</td>
</tr>
<tr>
<td>BRL</td>
<td>Brazilian Real</td>
<td>レアル</td>
<td>ブラジル</td>
</tr>
<tr>
<td>BSD</td>
<td>Bahamian Dollar</td>
<td>バハマ・ドル</td>
<td>バハマ</td>
</tr>
<tr>
<td>BTN</td>
<td>Bhutanese Ngultrum</td>
<td>ニュルタム</td>
<td>ブータン</td>
</tr>
<tr>
<td>BWP</td>
<td>Botswanan Pula</td>
<td>プラ</td>
<td>ボツワナ</td>
</tr>
<tr>
<td>BYR</td>
<td>Belarusian Ruble</td>
<td>ルーブル</td>
<td>ベラルーシ</td>
</tr>
<tr>
<td>BZD</td>
<td>Belize Dollar</td>
<td>ベリーズ・ドル</td>
<td>ベリーズ</td>
</tr>
<tr>
<td>CAD</td>
<td>Canadian Dollar</td>
<td>カナダ・ドル</td>
<td>カナダ</td>
</tr>
<tr>
<td>CDF</td>
<td>Congolese Franc</td>
<td>コンゴ・フラン</td>
<td>コンゴ</td>
</tr>
<tr>
<td>CHF</td>
<td>Swiss Franc</td>
<td>スイス・フラン</td>
<td>スイス</td>
</tr>
<tr>
<td>CLP</td>
<td>Chilean Peso</td>
<td>チリ・ペソ</td>
<td>チリ</td>
</tr>
<tr>
<td>CNY</td>
<td>Chinese Yuan</td>
<td>中人民元</td>
<td>中国</td>
</tr>
<tr>
<td>COP</td>
<td>Colombian Peso</td>
<td>コロンビア・ペソ</td>
<td>コロンビア</td>
</tr>
<tr>
<td>CRC</td>
<td>Costa Rican Colón</td>
<td>コロン</td>
<td>コスタリカ</td>
</tr>
<tr>
<td>CUP</td>
<td>Cuban Peso</td>
<td>キューバ・ペソ</td>
<td>キューバ</td>
</tr>
<tr>
<td>CVE</td>
<td>Cape Verdean Escudo</td>
<td>エスクード</td>
<td>カーボベルデ</td>
</tr>
<tr>
<td>CZK</td>
<td>Czech Republic Koruna</td>
<td>コルナ</td>
<td>チェコ</td>
</tr>
<tr>
<td>DJF</td>
<td>Djiboutian Franc</td>
<td>ジブチ・フラン</td>
<td>ジブチ</td>
</tr>
<tr>
<td>DKK</td>
<td>Danish Krone</td>
<td>クローネ</td>
<td>デンマーク</td>
</tr>
<tr>
<td>DOP</td>
<td>Dominican Peso</td>
<td>ドミニカ・ペソ</td>
<td>ドミニカ</td>
</tr>
<tr>
<td>DZD</td>
<td>Algerian Dinar</td>
<td>アルジェリア・ディナール</td>
<td>アルジェリア</td>
</tr>
<tr>
<td>EGP</td>
<td>Egyptian Pound</td>
<td>エジプト・ポンド</td>
<td>エジプト</td>
</tr>
<tr>
<td>ETB</td>
<td>Ethiopian Birr</td>
<td>ブル</td>
<td>エチオピア</td>
</tr>
<tr>
<td>EUR</td>
<td>Euro</td>
<td>ユーロ</td>
<td>ユーロ</td>
</tr>
<tr>
<td>FJD</td>
<td>Fijian Dollar</td>
<td colspan="2">フィジー・ドル</td>
</tr>
<tr>
<td>FKP</td>
<td>Falkland Islands Pound</td>
<td>フォークランド諸島・ポンド</td>
<td>フォークランド諸島ポンド</td>
</tr>
<tr>
<td>GBP</td>
<td>British Pound Sterling</td>
<td>ポンド</td>
<td>イギリス</td>
</tr>
<tr>
<td>GEL</td>
<td>Georgian Lari</td>
<td>ラリ</td>
<td>グルジア</td>
</tr>
<tr>
<td>GGP</td>
<td>Guernsey Pound</td>
<td>ガーンジー・ポンド</td>
<td>ガーンジー</td>
</tr>
<tr>
<td>GHS</td>
<td>Ghanaian Cedi</td>
<td>セディ</td>
<td>ガーナ</td>
</tr>
<tr>
<td>GIP</td>
<td>Gibraltar Pound</td>
<td>ジブラルタル・ポンド</td>
<td>ジブラルタル</td>
</tr>
<tr>
<td>GMD</td>
<td>Gambian Dalasi</td>
<td>ダラシ</td>
<td>ガンビア</td>
</tr>
<tr>
<td>GNF</td>
<td>Guinean Franc</td>
<td>ギニア・フラン</td>
<td>ギニア</td>
</tr>
<tr>
<td>GTQ</td>
<td>Guatemalan Quetzal</td>
<td>ケツァル</td>
<td>グアテマラ</td>
</tr>
<tr>
<td>GYD</td>
<td>Guyanaese Dollar</td>
<td>ガイアナ・ドル</td>
<td>ガイアナ</td>
</tr>
<tr>
<td>HKD</td>
<td>Hong Kong Dollar</td>
<td>香港・ドル</td>
<td>香港</td>
</tr>
<tr>
<td>HNL</td>
<td>Honduran Lempira</td>
<td>レンピラ</td>
<td>ホンジュラス</td>
</tr>
<tr>
<td>HRK</td>
<td>Croatian Kuna</td>
<td>クーナ</td>
<td>クロアチア</td>
</tr>
<tr>
<td>HTG</td>
<td>Haitian Gourde</td>
<td>グールド</td>
<td>ハイチ</td>
</tr>
<tr>
<td>HUF</td>
<td>Hungarian Forint</td>
<td>フォリント</td>
<td>ハンガリー</td>
</tr>
<tr>
<td>IDR</td>
<td>Indonesian Rupiah</td>
<td>ルピア</td>
<td>インドネシア</td>
</tr>
<tr>
<td>ILS</td>
<td>Israeli New Sheqel</td>
<td>新シェケル</td>
<td>イスラエル</td>
</tr>
<tr>
<td>IMP</td>
<td>Manx pound</td>
<td>マンクス・ポンド</td>
<td>マンクスポンド</td>
</tr>
<tr>
<td>INR</td>
<td>Indian Rupee</td>
<td>インド・ルピー</td>
<td>インド</td>
</tr>
<tr>
<td>IQD</td>
<td>Iraqi Dinar</td>
<td>イラク・ディナール</td>
<td>イラク</td>
</tr>
<tr>
<td>IRR</td>
<td>Iranian Rial</td>
<td>イラン・リアル</td>
<td>イラン</td>
</tr>
<tr>
<td>ISK</td>
<td>Icelandic Króna</td>
<td>アイスランド・クローナ</td>
<td>アイスランド</td>
</tr>
<tr>
<td>JEP</td>
<td>Jersey Pound</td>
<td>ジャージー・ポンド</td>
<td>ジャージー</td>
</tr>
<tr>
<td>JMD</td>
<td>Jamaican Dollar</td>
<td>ジャマイカ・ドル</td>
<td>ジャマイカ</td>
</tr>
<tr>
<td>JOD</td>
<td>Jordanian Dinar</td>
<td>ヨルダン・ディナール</td>
<td>ヨルダン</td>
</tr>
<tr>
<td>JPY</td>
<td>Japanese Yen</td>
<td>円</td>
<td>日本</td>
</tr>
<tr>
<td>KES</td>
<td>Kenyan Shilling</td>
<td>ケニア・シリング</td>
<td>ケニア</td>
</tr>
<tr>
<td>KGS</td>
<td>Kyrgystani Som</td>
<td>ソム</td>
<td>キルギス</td>
</tr>
<tr>
<td>KHR</td>
<td>Cambodian Riel</td>
<td>リエル</td>
<td>カンボジア</td>
</tr>
<tr>
<td>KMF</td>
<td>Comorian Franc</td>
<td>コモロ・フラン</td>
<td>コモロ</td>
</tr>
<tr>
<td>KPW</td>
<td>North Korean Won</td>
<td>北朝鮮・ウォン</td>
<td>北朝鮮</td>
</tr>
<tr>
<td>KRW</td>
<td>South Korean Won</td>
<td>韓国・ウォン</td>
<td>韓国</td>
</tr>
<tr>
<td>KWD</td>
<td>Kuwaiti Dinar</td>
<td>クウェート・ディナール</td>
<td>クウェート</td>
</tr>
<tr>
<td>KYD</td>
<td>Cayman Islands Dollar</td>
<td>ケイマン諸島・ドル</td>
<td>ケイマン諸島</td>
</tr>
<tr>
<td>KZT</td>
<td>Kazakhstani Tenge</td>
<td>テンゲ</td>
<td>カザフスタン</td>
</tr>
<tr>
<td>LAK</td>
<td>Laotian Kip</td>
<td>キープ</td>
<td>ラオス</td>
</tr>
<tr>
<td>LBP</td>
<td>Lebanese Pound</td>
<td>レバノン・ポンド</td>
<td>レバノン</td>
</tr>
<tr>
<td>LKR</td>
<td>Sri Lankan Rupee</td>
<td>スリランカ・ルピー</td>
<td>スリランカ</td>
</tr>
<tr>
<td>LRD</td>
<td>Liberian Dollar</td>
<td>リベリア・ドル</td>
<td>リベリア</td>
</tr>
<tr>
<td>LSL</td>
<td>Lesotho Loti</td>
<td>ロチ</td>
<td>レソト</td>
</tr>
<tr>
<td>LYD</td>
<td>Libyan Dinar</td>
<td>リビア・ディナール</td>
<td>リビア</td>
</tr>
<tr>
<td>MAD</td>
<td>Moroccan Dirham</td>
<td>モロッコ・ディルハム</td>
<td>モロッコ</td>
</tr>
<tr>
<td>MDL</td>
<td>Moldovan Leu</td>
<td>レウ</td>
<td>モルドバ</td>
</tr>
<tr>
<td>MGA</td>
<td>Malagasy Ariary</td>
<td>アリアリ</td>
<td>マダガスカル</td>
</tr>
<tr>
<td>MKD</td>
<td>Macedonian Denar</td>
<td>マケドニア・ディナール</td>
<td>マケドニア</td>
</tr>
<tr>
<td>MMK</td>
<td>Myanma Kyat</td>
<td>チャット</td>
<td>ミャンマー</td>
</tr>
<tr>
<td>MNT</td>
<td>Mongolian Tugrik</td>
<td>トゥグルグ</td>
<td>モンゴル</td>
</tr>
<tr>
<td>MOP</td>
<td>Macanese Pataca</td>
<td>パタカ</td>
<td>マカオ</td>
</tr>
<tr>
<td>MRO</td>
<td>Mauritanian Ouguiya</td>
<td>ウギア</td>
<td>モーリタニア</td>
</tr>
<tr>
<td>MUR</td>
<td>Mauritian Rupee</td>
<td>モーリシャス・ルピー</td>
<td>モーリシャス</td>
</tr>
<tr>
<td>MVR</td>
<td>Maldivian Rufiyaa</td>
<td>ルフィヤ</td>
<td>モルディブ</td>
</tr>
<tr>
<td>MWK</td>
<td>Malawian Kwacha</td>
<td>クワチャ</td>
<td>マラウイ</td>
</tr>
<tr>
<td>MXN</td>
<td>Mexican Peso</td>
<td>メキシコ・ペソ</td>
<td>メキシコ</td>
</tr>
<tr>
<td>MYR</td>
<td>Malaysian Ringgit</td>
<td>リンギット</td>
<td>マレーシア</td>
</tr>
<tr>
<td>MZN</td>
<td>Mozambican Metical</td>
<td>メティカル</td>
<td>モザンビーク</td>
</tr>
<tr>
<td>NAD</td>
<td>Namibian Dollar</td>
<td>ナミビア・ドル</td>
<td>ナミビア</td>
</tr>
<tr>
<td>NGN</td>
<td>Nigerian Naira</td>
<td>ナイラ</td>
<td>ナイジェリア</td>
</tr>
<tr>
<td>NIO</td>
<td>Nicaraguan Córdoba</td>
<td>コルドバ</td>
<td>ニカラグア</td>
</tr>
<tr>
<td>NOK</td>
<td>Norwegian Krone</td>
<td>ノルウェー・クローネ</td>
<td>ノルウェー</td>
</tr>
<tr>
<td>NPR</td>
<td>Nepalese Rupee</td>
<td>ネパール・ルピー</td>
<td>ネパール</td>
</tr>
<tr>
<td>NZD</td>
<td>New Zealand Dollar</td>
<td>ニュージーランド・ドル</td>
<td>ニュージーランド</td>
</tr>
<tr>
<td>OMR</td>
<td>Omani Rial</td>
<td>オマーン・リアル</td>
<td>オマーン</td>
</tr>
<tr>
<td>PAB</td>
<td>Panamanian Balboa</td>
<td>バルボア</td>
<td>パナマ</td>
</tr>
<tr>
<td>PEN</td>
<td>Peruvian Nuevo Sol</td>
<td>ヌエボ・ソル</td>
<td>ペルー</td>
</tr>
<tr>
<td>PGK</td>
<td>Papua New Guinean Kina</td>
<td>キナ</td>
<td>パプアニューギニア</td>
</tr>
<tr>
<td>PHP</td>
<td>Philippine Peso</td>
<td>フィリピン・ペソ</td>
<td>フィリピン</td>
</tr>
<tr>
<td>PKR</td>
<td>Pakistani Rupee</td>
<td>パキスタン・ルピー</td>
<td>パキスタン</td>
</tr>
<tr>
<td>PLN</td>
<td>Polish Zloty</td>
<td>ズウォティ</td>
<td>ポーランド</td>
</tr>
<tr>
<td>PYG</td>
<td>Paraguayan Guarani</td>
<td>グアラニー</td>
<td>パラグアイ</td>
</tr>
<tr>
<td>QAR</td>
<td>Qatari Rial</td>
<td>カタール・リアル</td>
<td>カタール</td>
</tr>
<tr>
<td>RON</td>
<td>Romanian Leu</td>
<td>レウ</td>
<td>ルーマニア</td>
</tr>
<tr>
<td>RSD</td>
<td>Serbian Dinar</td>
<td>セルビア・ディナール</td>
<td>セルビア</td>
</tr>
<tr>
<td>RUB</td>
<td>Russian Ruble</td>
<td>ルーブル</td>
<td>ロシア</td>
</tr>
<tr>
<td>RWF</td>
<td>Rwandan Franc</td>
<td>ルワンダ・フラン</td>
<td>ルワンダ</td>
</tr>
<tr>
<td>SAR</td>
<td>Saudi Riyal</td>
<td>サウジ・リアル</td>
<td>サウジ</td>
</tr>
<tr>
<td>SBD</td>
<td>Solomon Islands Dollar</td>
<td>ソロモン諸島・ドル</td>
<td>ソロモン諸島</td>
</tr>
<tr>
<td>SCR</td>
<td>Seychellois Rupee</td>
<td>セーシェル・ルピー</td>
<td>セーシェル</td>
</tr>
<tr>
<td>SDG</td>
<td>Sudanese Pound</td>
<td>スーダン・ポンド</td>
<td>スーダン</td>
</tr>
<tr>
<td>SEK</td>
<td>Swedish Krona</td>
<td>スウェーデン・クローナ</td>
<td>スウェーデン</td>
</tr>
<tr>
<td>SGD</td>
<td>Singapore Dollar</td>
<td>シンガポール・ドル</td>
<td>シンガポール</td>
</tr>
<tr>
<td>SHP</td>
<td>Saint Helena Pound</td>
<td>セントヘレナ・ポンド</td>
<td>セントヘレナ</td>
</tr>
<tr>
<td>SLL</td>
<td>Sierra Leonean Leone</td>
<td>レオン</td>
<td>シエラレオネ</td>
</tr>
<tr>
<td>SOS</td>
<td>Somali Shilling</td>
<td>ソマリア・シリング</td>
<td>ソマリア</td>
</tr>
<tr>
<td>SRD</td>
<td>Surinamese Dollar</td>
<td>スリナム・ドル</td>
<td>スリナム</td>
</tr>
<tr>
<td>STD</td>
<td>São Tomé and Príncipe Dobra</td>
<td>ドブラ</td>
<td>サントメ・プリンシペ</td>
</tr>
<tr>
<td>SVC</td>
<td>Salvadoran Colón</td>
<td>コロン</td>
<td>エルサルバドル</td>
</tr>
<tr>
<td>SYP</td>
<td>Syrian Pound</td>
<td>シリア・ポンド</td>
<td>シリア</td>
</tr>
<tr>
<td>SZL</td>
<td>Swazi Lilangeni</td>
<td>リランゲニ</td>
<td>スワジランド</td>
</tr>
<tr>
<td>THB</td>
<td>Thai Baht</td>
<td>バーツ</td>
<td>タイ</td>
</tr>
<tr>
<td>TJS</td>
<td>Tajikistani Somoni</td>
<td>ソモニ</td>
<td>タジキスタン</td>
</tr>
<tr>
<td>TMT</td>
<td>Turkmenistani Manat</td>
<td>トルクメニスタン・マナト</td>
<td>トルクメニスタン</td>
</tr>
<tr>
<td>TND</td>
<td>Tunisian Dinar</td>
<td>チュニジア・ディナール</td>
<td>チュニジア</td>
</tr>
<tr>
<td>TOP</td>
<td>Tongan Paʻanga</td>
<td>パアンガ</td>
<td>トンガ</td>
</tr>
<tr>
<td>TRY</td>
<td>Turkish Lira</td>
<td>トルコ・リラ</td>
<td>トルコ</td>
</tr>
<tr>
<td>TTD</td>
<td>Trinidad and Tobago Dollar</td>
<td>トリニダードトバゴ・ドル</td>
<td>トリニダードトバゴ</td>
</tr>
<tr>
<td>TWD</td>
<td>New Taiwan Dollar</td>
<td>ニュー台湾・ドル</td>
<td>台湾</td>
</tr>
<tr>
<td>TZS</td>
<td>Tanzanian Shilling</td>
<td>タンザニア・シリング</td>
<td>タンザニアシリング</td>
</tr>
<tr>
<td>UAH</td>
<td>Ukrainian Hryvnia</td>
<td>フリヴニャ</td>
<td>ウクライナ</td>
</tr>
<tr>
<td>UGX</td>
<td>Ugandan Shilling</td>
<td>ウガンダ・シリング</td>
<td>ウガンダ</td>
</tr>
<tr>
<td>USD</td>
<td>United States Dollar</td>
<td>米ドル</td>
<td>アメリカ</td>
</tr>
<tr>
<td>UYU</td>
<td>Uruguayan Peso</td>
<td>ウルグアイ・ペソ</td>
<td>ウルグアイ</td>
</tr>
<tr>
<td>UZS</td>
<td>Uzbekistan Som</td>
<td>スム</td>
<td>ウズベキスタン</td>
</tr>
<tr>
<td>VEF</td>
<td>Venezuelan Bolívar Fuerte</td>
<td>ボリバル・フエルテ</td>
<td>ベネズエラ</td>
</tr>
<tr>
<td>VND</td>
<td>Vietnamese Dong</td>
<td>ドン</td>
<td>ベトナム</td>
</tr>
<tr>
<td>VUV</td>
<td>Vanuatu Vatu</td>
<td>バツ</td>
<td>バヌアツ</td>
</tr>
<tr>
<td>WST</td>
<td>Samoan Tala</td>
<td>タラ</td>
<td>サモア</td>
</tr>
<tr>
<td>YER</td>
<td>Yemeni Rial</td>
<td>イエメン・リアル</td>
<td>イエメン</td>
</tr>
<tr>
<td>ZAR</td>
<td>South African Rand</td>
<td>ランド</td>
<td>南アフリカ</td>
</tr>
<tr>
<td>ZMW</td>
<td>Zambian Kwacha</td>
<td>クワチャ</td>
<td>ザンビア</td>
</tr>
</tbody>
</table>


openexchangerates.orgで使える通貨と国名を日本語にしてみた

<p>今年もこの季節がやってまいりました</p>
<p><a href="http://designmodo.com/web-design-trends-2016/" target="_blank">http://designmodo.com/web-design-trends-2016/</a></p>
<p>&nbsp;</p>
<p>自分の英語の勉強も兼ねて翻訳・要約してみた</p>
<p>&nbsp;</p>
<h2>縦スクロールとそのパターン</h2>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-9069" src="/uploads-archive/2016/01/2016webtrend_1.jpg" alt="2016webtrend_1" width="900" height="496" srcset="/uploads-archive/2016/01/2016webtrend_1.jpg 900w, /uploads-archive/2016/01/2016webtrend_1-300x165.jpg 300w, /uploads-archive/2016/01/2016webtrend_1-768x423.jpg 768w, /uploads-archive/2016/01/2016webtrend_1-228x126.jpg 228w" sizes="(max-width: 900px) 100vw, 900px" /></p>
<p><a href="http://www.beoplay.com/products/beoplayh7" target="_blank">http://www.beoplay.com/products/beoplayh7</a></p>
<p>モバイル端末からのアクセスが増えているので、今後ユーザーは縦スクロールの頻度が増え、 デザイナーは縦スクロールのユーザーインターフェイスをデザインすることの重要度が高まる</p>
<p>&nbsp;</p>
<h2>もっと、カード型デザイン</h2>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-9065" src="/uploads-archive/2016/01/2016webtrend_2.jpg" alt="2016webtrend_2" width="900" height="494" srcset="/uploads-archive/2016/01/2016webtrend_2.jpg 900w, /uploads-archive/2016/01/2016webtrend_2-300x165.jpg 300w, /uploads-archive/2016/01/2016webtrend_2-768x422.jpg 768w, /uploads-archive/2016/01/2016webtrend_2-228x125.jpg 228w" sizes="(max-width: 900px) 100vw, 900px" /></p>
<p><a href="http://block16omaha.com/" target="_blank">http://block16omaha.com/</a></p>
<p>マテリアルデザインから生まれたカード型デザインはアプリ、ウェブサイト、紙媒体などあらゆる場所で使われている。</p>
<p>カード型デザインはユーザーフレンドリーに情報整理ができ、作るのも楽しい。</p>
<p>更に、カード型デザインはデバイスを問わず動作するというメリットがある</p>
<p>&nbsp;</p>
<h2>ヒーロービデオヘッダー</h2>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-9066" src="/uploads-archive/2016/01/2016webtrend_3.jpg" alt="2016webtrend_3" width="900" height="490" srcset="/uploads-archive/2016/01/2016webtrend_3.jpg 900w, /uploads-archive/2016/01/2016webtrend_3-300x163.jpg 300w, /uploads-archive/2016/01/2016webtrend_3-768x418.jpg 768w, /uploads-archive/2016/01/2016webtrend_3-228x124.jpg 228w" sizes="(max-width: 900px) 100vw, 900px" /></p>
<p><a href="http://follow-your-intuition.com/" target="_blank">http://follow-your-intuition.com/</a></p>
<p>ウェブデザインは映画制作のようになるだろう。</p>
<p>回線速度やモジュールの発展により映画のような体験をサイトに盛り込むことができるようになってきている。</p>
<p>ウェブ上の動画は、小さなものからフルカットへと進化し、高解像度で、くっきりとさくさく動作する。</p>
<p>これはユーザーに新しい体験だが、テレビでお馴染みの体験といえる</p>
<p>&nbsp;</p>
<h2>微細なアニメーション</h2>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-9067" src="/uploads-archive/2016/01/2016webtrend_4.jpg" alt="2016webtrend_4" width="900" height="487" srcset="/uploads-archive/2016/01/2016webtrend_4.jpg 900w, /uploads-archive/2016/01/2016webtrend_4-300x162.jpg 300w, /uploads-archive/2016/01/2016webtrend_4-768x416.jpg 768w, /uploads-archive/2016/01/2016webtrend_4-228x123.jpg 228w" sizes="(max-width: 900px) 100vw, 900px" /></p>
<p><a href="http://labs.convoy.me/camper/#!/landing" target="_blank">http://labs.convoy.me/camper/#!/landing</a></p>
<p>アニメーションは2015年からの最も大きなトレンドの1つだ。</p>
<p>ヒーローヘッダのようなサイトの顔から、見逃してしまうほど小さいものまで、<br />
アニメーションは至る所に存在している。</p>
<p>アニメーションを使う上で最も重要なことは、なぜこのアニメーションを作り、何を想定しているかといった<br />
目的を明らかにすることだ。</p>
<p>&nbsp;</p>
<h2>インタラクションデザイン</h2>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-9068" src="/uploads-archive/2016/01/2016webtrend_5.jpg" alt="2016webtrend_5" width="900" height="473" srcset="/uploads-archive/2016/01/2016webtrend_5.jpg 900w, /uploads-archive/2016/01/2016webtrend_5-300x158.jpg 300w, /uploads-archive/2016/01/2016webtrend_5-768x404.jpg 768w, /uploads-archive/2016/01/2016webtrend_5-228x120.jpg 228w" sizes="(max-width: 900px) 100vw, 900px" /></p>
<p><a href="http://www.wove.com/" target="_blank">http://www.wove.com/</a></p>
<p>アニメーションと同時に活用されているのがインタラクションデザインだ。</p>
<p>インタラクションデザインはアプリやモバイルサイトにおいて、ユーザーとデバイスをつなぐ軸である。</p>
<p>良いインタラクションデザインはごくわずかな場合もあるが、ユーザーに価値を与えている。</p>
<p>メッセージ受信時のアラームから、ゲーム中にあなたの番が来た時の短い音など、<br />
ほんの小さなインタラクションデザインが人々とデバイスのやりとりを形作っている</p>
<p>&nbsp;</p>
<h2>更に美しいタイポグラフィ</h2>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-9059" src="/uploads-archive/2016/01/2016webtrend_6.jpg" alt="2016webtrend_6" width="900" height="488" srcset="/uploads-archive/2016/01/2016webtrend_6.jpg 900w, /uploads-archive/2016/01/2016webtrend_6-300x163.jpg 300w, /uploads-archive/2016/01/2016webtrend_6-768x416.jpg 768w, /uploads-archive/2016/01/2016webtrend_6-228x124.jpg 228w" sizes="(max-width: 900px) 100vw, 900px" /></p>
<p><a href="http://www.viens-la.com/" target="_blank">http://www.viens-la.com/</a></p>
<p>合理化されたインターフェイスは美しいタイポグラフィへと導く。</p>
<p>大きくて太いタイポグラフィは他のトレンドとマッチすることから、今後も継続するだろう。</p>
<p>このシンプルな字体は他の要素との空間を広げ、高い可読性によりメッセージを伝えることができる。</p>
<p>単に読み易い書体のペアや、楽しくて珍しいものはぜひ挑戦したい小技だ</p>
<p>&nbsp;</p>
<h2>イラストとスケッチ</h2>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-9060" src="/uploads-archive/2016/01/2016webtrend_7.jpg" alt="2016webtrend_7" width="900" height="489" srcset="/uploads-archive/2016/01/2016webtrend_7.jpg 900w, /uploads-archive/2016/01/2016webtrend_7-300x163.jpg 300w, /uploads-archive/2016/01/2016webtrend_7-768x417.jpg 768w, /uploads-archive/2016/01/2016webtrend_7-228x124.jpg 228w" sizes="(max-width: 900px) 100vw, 900px" /></p>
<p><a href="http://orangeyouglad.com/" target="_blank">http://orangeyouglad.com/</a></p>
<p>イラストやスケッチはサイトに気まぐれで楽しい要素を与える。</p>
<p>これらは全てのサイトに当てはまり、決して子供向けのサイトだけのものではない。</p>
<p>イラストは、アイコンやその他の要素などサイトの細かな部分から人気が高まってきている<br />
イラストはサイトにパーソナルな印象を持たせるという点が良い。</p>
<p>手書きのイラストやスケッチアイコンはユーザーに個性を感じさせ、ユーザーとの長いつながりに貢献するだろう</p>
<p>&nbsp;</p>
<h2>大胆で明るい色調 (80&#8217;sな雰囲気)</h2>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-9061" src="/uploads-archive/2016/01/2016webtrend_8.jpg" alt="2016webtrend_8" width="900" height="477" srcset="/uploads-archive/2016/01/2016webtrend_8.jpg 900w, /uploads-archive/2016/01/2016webtrend_8-300x159.jpg 300w, /uploads-archive/2016/01/2016webtrend_8-768x407.jpg 768w, /uploads-archive/2016/01/2016webtrend_8-228x121.jpg 228w" sizes="(max-width: 900px) 100vw, 900px" /></p>
<p><a href="http://circlesconference.com/" target="_blank">http://circlesconference.com/</a></p>
<p>大胆で明るい色調はフラットデザインとともに増加してきている。</p>
<p>Googleの&#8221;Material Design documentation&#8221;も協議が進んでおり、&#8221;Dribbble&#8221;を見ると色が散々としている。</p>
<p>これらはキーとなる指標であり、この色は年内にされに大きくなるだろう。</p>
<p>大胆な色使いにおいての幾つかの変化として、これらの色を使った文字がトレンドとなるだろう。</p>
<p>2015年はモノトーンが主流でしたが、80年代な大胆で明るい色使いが増えてくるだろう</p>
<p>&nbsp;</p>
<h2>ハンバーガーメニューと図解</h2>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-9062" src="/uploads-archive/2016/01/2016webtrend_9.jpg" alt="2016webtrend_9" width="900" height="425" srcset="/uploads-archive/2016/01/2016webtrend_9.jpg 900w, /uploads-archive/2016/01/2016webtrend_9-300x142.jpg 300w, /uploads-archive/2016/01/2016webtrend_9-768x363.jpg 768w, /uploads-archive/2016/01/2016webtrend_9-228x108.jpg 228w" sizes="(max-width: 900px) 100vw, 900px" /></p>
<p><a href="http://www.primeit.pt/en/" target="_blank">http://www.primeit.pt/en/</a></p>
<p>多くのデザイナーが楽しいアイコンや、簡単にアイコンを作れるキットをリリースしている。</p>
<p>その他に重要な点として、SVGの普及により巨大なアイコンを実験的に使用するデザイナーが出現していることだ</p>
<p>&nbsp;</p>
<h2>リアルと空想の融合</h2>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-9062" src="/uploads-archive/2016/01/2016webtrend_9.jpg" alt="2016webtrend_9" width="900" height="425" srcset="/uploads-archive/2016/01/2016webtrend_9.jpg 900w, /uploads-archive/2016/01/2016webtrend_9-300x142.jpg 300w, /uploads-archive/2016/01/2016webtrend_9-768x363.jpg 768w, /uploads-archive/2016/01/2016webtrend_9-228x108.jpg 228w" sizes="(max-width: 900px) 100vw, 900px" /></p>
<p><a href="http://bluestag.co.uk/" target="_blank">http://bluestag.co.uk/</a></p>
<p>次のゲーミフィケーションとデザインのステップは、リアルと空想(ウェブデザインにより作られたもの)の境界をぼかすことだ。</p>
<p>バーチャルリアリティからウェブサイトまで、これらはあなたに新しい要素を見つける選択肢を与え、ユーザーはこのタイプのカスタマイズを好む傾向にある</p>
<p>&nbsp;</p>
<h2>スライダー</h2>
<p><img decoding="async" loading="lazy" class="alignnone size-full wp-image-9064" src="/uploads-archive/2016/01/2016webtrend_11.jpg" alt="2016webtrend_11" width="900" height="494" srcset="/uploads-archive/2016/01/2016webtrend_11.jpg 900w, /uploads-archive/2016/01/2016webtrend_11-300x165.jpg 300w, /uploads-archive/2016/01/2016webtrend_11-768x422.jpg 768w, /uploads-archive/2016/01/2016webtrend_11-228x125.jpg 228w" sizes="(max-width: 900px) 100vw, 900px" /></p>
<p><a href="http://yearinreview.fb.com/2015/us-presidential-election/" target="_blank">http://yearinreview.fb.com/2015/us-presidential-election/</a></p>
<p>まずはじめに、スライダーはウェブサイトの枠の中で画像を動かし複数見せることができた。</p>
<p>次の変化はフルスクリーンスライドだ。</p>
<p>それぞれのスライドは切替によって新たな内容を表示できる。クリック、スクロールや時間による処理もできる。<br />
ユーザーは前後のコンテンツに直感的に移動することができる。</p>
<p>このようなコンセプトは、数ヶ月のうちにさらに多く見かけることになるだろう</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>ちなみに、以下は自分が昨年6月に2015年上半期のトレンドをまとめた記事</p>
<blockquote data-secret="znXQr4BvIU" class="wp-embedded-content"><p><a href="/officer/%e3%80%90web%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%80%912015%e5%b9%b4-%e4%b8%8a%e5%8d%8a%e6%9c%9f%e3%81%ae%e3%83%88%e3%83%ac%e3%83%b3%e3%83%89.html">【Webデザイン】2015年 上半期のトレンド</a></p></blockquote>
<p><iframe class="wp-embedded-content" sandbox="allow-scripts" security="restricted" style="display:none;" src="/officer/%e3%80%90web%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%80%912015%e5%b9%b4-%e4%b8%8a%e5%8d%8a%e6%9c%9f%e3%81%ae%e3%83%88%e3%83%ac%e3%83%b3%e3%83%89.html/embed#?secret=znXQr4BvIU" data-secret="znXQr4BvIU" width="500" height="282" title="埋め込まれた WordPress の投稿" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe></p>
<p>&nbsp;</p>
<p>そんなに変わってない気がするのは自分だけだろうか。</p>
<p>モバイルファーストや動画は当たり前、あとはマテリアルデザインとSVGが着々と広まってきているといった印象だ</p>


【Webデザイント】2016年に流行しそうなレンド11選

<p>Paidyという決済をご存知だろうか。</p>
<p>最近露出が増えてきているのでその紹介</p>
<p><a href="https://paidy.com/" target="_blank">https://paidy.com/</a></p>
<p>&nbsp;</p>
<p>要は、SMSとメールが受信できる環境さえあれば決済ができ、支払を保証してくれるという新しい決済サービス。</p>
<p>個人的な感想だが、利用者と加盟店のメリットをまとめてみた</p>
<table>
<tbody>
<tr>
<th></th>
<th>利用者</th>
<th>加盟店</th>
</tr>
<tr>
<td>クレジットカード不要</td>
<td colspan="2" rowspan="3">幅広い層が気軽に利用できる</td>
</tr>
<tr>
<td>審査・事前登録不要</td>
</tr>
<tr>
<td>電話番号とメアドだけでOK</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>


Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧 - Author: hoshino

2016/05/18

2016/05/12

2016/04/27

2016/04/20

2016/04/13

2016/04/06

2016/03/29

2016/03/25

2016/03/16

2016/03/09

2016/03/02

2016/02/24

2016/02/16

2016/02/09

2016/01/27

2016/01/20

2016/01/06

2015/12/22