<p>ミャンマー国家計画・経済開発省のアウン・ナイン・ウー投資企業管理局長によりますと、2015年４~８月に承認した同国への海外直接投資（ＦＤＩ）が１８億ドル超となり、前年度（２０１３年３月まで）１年間の１４億ドルを上回ったそうです。</p>
<p>承認されたFDIのほとんどはアジア地域からのものだそうです。</p>
<p>ヤンゴン市内では以前より就職チャンスも増えつづあります。<br />
外資系の会社に負けないようにサービス業もすこしつづ、いい方向に向いて発展されていると感じられている。</p>
<p>今年はミャンマーの為にいい変化ができると、みんなが希望していますが、11月に行われる選挙が少し危うい形になっています。</p>
<p>外資系の会社も予定している計画の実地の時期を延長して、<br />
１１月の選挙の状況を待ち望んでいる様子です。</p>
<p>ミャンマーの首都、ネピドーでは１２日夜、与党のＵＳＤＰ＝「連邦団結発展党」の本部が、警察（約200人）によって一時封鎖され、<br />
与党の党首が突然、解任されたことになりました。<br />
ＵＳＤＰの関係者によりますと、党本部では当時、党首のシュエ・マン下院議長が不在のまま、ほかの幹部らによる会合が開かれていて、その場でシュエ・マン下院議長を党首から解任することが決まったということです。<br />
これは元軍事政権のトップにいた、テンシュエさんの命令だそうです。</p>
<p>解任されたシュエ・マン下院議長はアウンサンスチーさんに賛成していて、<br />
「もし、自分は大統領に選ばれたら、アウンサンスチーさんと力をあわせていく」というような話をしていたそうで、<br />
元軍事政権の強い人たちに、注目されています。</p>
<p>突然の出来たことで、通話会社であるMPT、telenor、Oredooなどの電波も落とされていて、<br />
シュエ・マン下院議長と関係がある一つのラジオ局も閉鎖されました。</p>
<p>出来ていることは軍事政権のやり方に一致している。<br />
11月の選挙は正しく平等で行うことができるか、みんな心配している様子です。</p>
<p>11月の選挙結果によて、外資系の企業が動き出したり、一気にFDIの状況が変化していくと思います。</p>


対ミャンマーFDIと政治事情

<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/4414304229/sackoh71-22/" target="_blank"><img decoding="async" style="border: none;" src="http://ecx.images-amazon.com/images/I/51cb7nbpZnL._SL160_.jpg" alt="" /></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/4414304229/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" target="_blank" rel="nofollow">ヨメレバ</a></div>
</div>
<div class="booklink-detail" style="margin-bottom: 5px;">ロバート・B・チャルディーニ 誠信書房 2014-07-10</div>
<div class="booklink-link" style="margin-top: 5px;"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4414304229/sackoh71-22/" target="_blank" rel="nofollow" name="booklink">Amazon.co.jp で詳細を見る</a></div>
</div>
</div>
<p>影響力の武器という日本語訳ですが、原題「influence: The Psychology of Persuasion」<br />
のほうが当然ですがしっくりきます。</p>
<p>行動経済学、行動心理学と呼ばれる分野ですね。<br />
返報性や一貫性など既に様々な書籍でも書かれているものから広い範囲で網羅的にまとまっています。<br />
非常に面白いのが、それぞれの防衛法が書かれていることです。<br />
確かに、本書は影響力の武器という攻撃的な題名ですが、同時に武器を知ることで防衛も出来るということを書かれています。</p>
<h3 id="-">目次</h2>
<ul>
<li>第１章　影響力の武器
<ul>
<li>カチッ・サー</li>
<li>思考の近道に賭ける</li>
<li>誰が得をしているのか？</li>
<li>柔道</li>
<li>まとめ</li>
</ul>
</li>
<li>第２章　返報性―昔からある「ギブ・アンド・テイク」だが
<ul>
<li>返報性のルールはどのように働くか</li>
<li>譲り合い</li>
<li>拒否させた後に譲歩する</li>
<li>防衛法</li>
<li>まとめ</li>
</ul>
</li>
<li>第３章　コミットメントと一貫性―心に住む小鬼
<ul>
<li>一貫性のテープが回る</li>
<li>コミットメントが鍵</li>
<li>防衛法</li>
<li>まとめ</li>
</ul>
</li>
<li>第４章　社会的証明―真実は私たちに
<ul>
<li>社会的証明の原理</li>
<li>死因は……不明（確なこと）</li>
<li>私のまねをしなさい……サルのように</li>
<li>防衛法</li>
<li>まとめ</li>
</ul>
</li>
<li>第５章　好意―優しそうな顔をした泥棒
<ul>
<li>友達になるのは、影響を及ぼすため</li>
<li>あなたを好きになるのはなぜ？　その理由を考えてみよう</li>
<li>条件づけと連合</li>
<li>防衛法</li>
<li>まとめ</li>
</ul>
</li>
<li>第６章　権威―導かれる服従
<ul>
<li>権威のもつ影響力の強さ</li>
<li>盲目的な服従のもつ魅力と危険性</li>
<li>重要なのは中身ではなく外見</li>
<li>防衛法</li>
<li>まとめ</li>
</ul>
</li>
<li>第７章　希少性―わずかなものについての法則
<ul>
<li>少ないものがベスト　失うことはワースト</li>
<li>心理的リアクタンス</li>
<li>最適の条件</li>
<li>防衛法</li>
<li>まとめ</li>
</ul>
</li>
<li>第８章　手っとり早い影響力―自動化された時代の原始的な承諾
<ul>
<li>原始的な自動性</li>
<li>現代の自動性</li>
<li>近道は神聖なもの</li>
</ul>
</li>
</ul>
<h3 id="6-">6つのポイントに自分なりの解釈を添えて</h2>
<h4 id="-reciprocation-">返報性（reciprocation）</h3>
<p>人は、相手から何かをもらうと、何かお返しをしなくてはと考える傾向があります。。<br />
いわゆるギブアンドテイクの精神です。<br />
路上で無料サンプルを配るというマーケティングの手法も、実際に商品を試してもらうということ以上にこの返報性という特性を生かしていると思われます。</p>
<h4 id="-consistency-and-commitment-">コミットメントと一貫性（consistency and commitment）</h3>
<p>人は、自分で決定したものに対して、自分の考えを曲げずに一貫して取り組もうとする傾向があります。<br />
この性質もビジネスで応用ができ、お客様とのコミュニケーションの中で「?してください。」ではなく「?していただけますか？」と質問をして、お客様が「はい。」と応えるとその結果は3倍にもなると書かれています。</p>
<h4 id="-social-proof-">社会的証明（social proof）</h3>
<p>人は、社会的に認められたとされるものを好む傾向があります。<br />
行列が出来ている→多くの人に認められている→美味しいに違いない。という心理の流れであったり、<br />
多くの取引先を持っていることをアピールするということやみんながやっているというだけの同調も社会的証明の一つです。</p>
<h4 id="-liking-">好意（liking）</h3>
<p>人は、自分が好きなものから選ぶ傾向があります。<br />
当たり前のようですが、マーケティング手法としては、人気のあるタレントを起用するというところから、<br />
営業であれば、接触回数、共通点、共感、褒めるといったところを実践すれば好意をえられる可能性が高まります。</p>
<h4 id="-authority-">権威（authority）</h3>
<p>人は、権威を持った人の言うことには影響を受ける傾向があります。<br />
いわゆる肩書が有効なことはもちろんのこと、◯◯賞受賞というような外部から評価を受けていますという見せ方も権威の力を利用しています。</p>
<h4 id="-scarcity-">希少性（scarcity）</h3>
<p>人は、数が少ないものに価値を感じる傾向があります。<br />
数が少ない→需要がある→今買わなきゃなくなってしまうという流れですが、限定品などのマーケティング手法として他に依存せずに出来てしまうため、乱用していては相手にも見抜かれてしまうので注意が必要です。</p>
<h3 id="-">まとめ</h2>
<p>人と同じものは嫌だとか、空気を気にしない人、返報性を全く感じない人（笑）などいずれも例外はあると思いますが、大きな集合で見た時に6つのポイントは当てはまるようです。<br />
体系的にこのような心理を知ることで、自分から有効に利用をすることも出来ますし、相手側になった時に、冷静に論理的に判断することも出来ます。</p>


影響力の武器

<p>久しぶりに良い方向性のサービスを見つけた。</p>
<p><a href="http://www.ecport-my.com/" target="_blank"> http://www.ecport-my.com/</a></p>
<p>&nbsp;</p>
<p>内容としては、東南アジアのECモールへの出店と運用をしてくれるサービスのよう。</p>
<p>今はまだ日本製品への購買意欲が強いので、うまく現地でアピールできればうまくいく場合が少なくない。</p>
<p>そのため出店手続きと運用さえサポートしてくれれば、国内の企業はリスクが少なく越境ECを始めることができる。</p>
<p>ビジネスモデルとしてのバランスが良く、自分も近いうちにやりたいと思っていた分野だけに羨ましく思った。</p>
<p>&nbsp;</p>
<p>同様のサービスで以前転送コムを紹介したが、以前はそこまでの知名度ではなかったが、</p>
<p>今では成長して越境EC界の市民権を得ている。</p>
<p><a href="/officer/4938.html" target="_blank"> /officer/4938.html</a></p>
<p>&nbsp;</p>
<p>一部の熱狂的な日本製品の需要家は直接日本語サイトにアクセスして購入しに来ている。</p>
<p>それがこのような出店サポートが充実すれば、熱狂的とまではいかない需要家も合わせて対象にできるようになる。</p>
<p>商材にもよるが、今は越境ECに対応している日本企業が少ないため、需要過多の状態なので</p>
<p>あと2〜3年程度はこのようなサービスはおもしろいと個人的には思っているので注目していきたい</p>


良さそうなサービス

<p>すごくはまったので備忘録。</p>
<p>jsonを使う機会は多いのだが、今回はじめてjsonでやってはいけないフォーマットを発見した。</p>
<p>OK</p>

		<div id="crayon-649540158a634402212854" 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;">
{
	"name": "山田　太郎"
}</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-649540158a634402212854-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540158a634402212854-2">2</div><div class="crayon-num" data-line="crayon-649540158a634402212854-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-649540158a634402212854-1"><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540158a634402212854-2"><span class="crayon-h">	</span><span class="crayon-s">"name"</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">"山田　太郎"</span></div><div class="crayon-line" id="crayon-649540158a634402212854-3"><span class="crayon-sy">}</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>NG(フォーマットエラー)</p>

		<div id="crayon-649540158a638144736612" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
{
	"name": "山田　太郎 "
}</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-649540158a638144736612-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540158a638144736612-2">2</div><div class="crayon-num" data-line="crayon-649540158a638144736612-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-649540158a638144736612-1"><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540158a638144736612-2"><span class="crayon-h">	</span><span class="crayon-s">"name"</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">"山田　太郎 "</span></div><div class="crayon-line" id="crayon-649540158a638144736612-3"><span class="crayon-sy">}</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>値の末尾にタブ文字が入っているパターン。</p>
<p>これはNGらしい。</p>
<p>具体的には、これを文字列として取得→json_encodeするとnullが返ってくる=エラーとなってしまう。</p>
<p>更に、文中や文頭なら良いのか、と思い調べてみた結果</p>
<p>&#8220;山田 太郎&#8221; (文中) → エラー</p>
<p>&#8221; 山田太郎&#8221; (文頭) → エラー</p>
<p>となり、結局はタブ文字自体の使用が不可なようだ。</p>
<p>&nbsp;</p>
<p>よく、0を先頭につけてはだめとか、ダブルクォーテーションしか使っちゃだめとかはあるが、これは知らずにはまってしまった</p>
<p>今回は理由があってjsonエンコードされていないjsonを使わなければならなかったのだが</p>
<p>要はちゃんとjsonエンコードされてないとだめということらしい</p>
<p>&nbsp;</p>
<p>ちなみにjsonの形式チェックは以下を使用した</p>
<p><a href="http://jsonlint.com/" target="_blank">http://jsonlint.com/</a></p>
<p>便利だったので一応共有まで</p>

【知らなかった】jsonの正しいフォーマット

<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/4396614837/sackoh71-22/" target="_blank"><img decoding="async" style="border: none;" src="http://ecx.images-amazon.com/images/I/41drOCnO3lL._SL160_.jpg" alt="" /></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/4396614837/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" target="_blank" rel="nofollow">ヨメレバ</a></div>
</div>
<div class="booklink-detail" style="margin-bottom: 5px;">出口 治明 祥伝社 2014-02-22</div>
<div class="booklink-link" style="margin-top: 5px;"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4396614837/sackoh71-22/" target="_blank" rel="nofollow" name="booklink">Amazon.co.jp で詳細を見る</a></div>
</div>
<div class="booklink-footer" style="clear: left;"></div>
</div>
<p>著者があのライフネット生命の会長の出口さんです。</p>
<p>私自身は、中学校以降、社会科目を全くといっていいほど勉強をして来なかったのですが、今更ながら「歴史」の重要性を痛感しています。</p>
<p>先人の知恵に学ぶという、まさに本のタイトル通り<strong>仕事に効く教養としての「世界史」</strong>が必要です。</p>
<p>私の思考が原理を追求する癖があるためだと思いますが、これはどちらかという理系の道を進んだからこそ得られた論理的な思考なのだとも思うので、中々妙なものですね。本当はいち早く気付いて論理的な思考と教養、両方体得出来ていればベストですが。。。</p>
<h2>抜粋</h2>
<ul>
<li>第１章　世界史から日本史だけを切り出せるだろうかーペリーが日本に来た本当の目的は何だろうか？</li>
<li>第２章　歴史は、なぜ中国で発達したのかー始皇帝が完成させた文書行政、孟子の革命思想</li>
<li>第３章　神は、なぜ生まれたのか。なぜ宗教はできたのかーキリスト教と仏教はいかにして誕生したのか</li>
<li>第４章　中国を理解する四つの鍵ー難解で大きな隣国を誤解なく知るために</li>
<li>第５章　キリスト教とローマ教会、ローマ教皇についてー成り立ちと特徴を考えるとヨーロッパが見えてくる</li>
<li>第６章　ドイツ、フランス、イングランドー三国は一緒に考えるとよくわかる</li>
<li>第７章　交易の重要性ー地中海、ロンドン、ハンザ同盟、天才クビライ</li>
<li>第８章　中央ユーラシアを駆け抜けたトゥルクマンーヨーロッパが生まれる前の大活劇</li>
<li>第９章　アメリカとフランスの特異性ー人工国家と保守と革新</li>
<li>第１０章　アヘン戦争ー東洋の没落と西洋の勃興の分水嶺</li>
<li>終章　世界史の視点から日本を眺めてみよう</li>
</ul>
<blockquote><p>僕は大学などで歴史を学んだこともなく、歴史が好きなアマチュアの一市民にすぎません。</p>
<p>ここに書いたことは、この半世紀の間に、人の話を聴き本を読み旅をして、自分で咀嚼して腹落ちしたことがすべてです。間違いや誤解が多々あると思います。読者の皆さんのご叱正をいただければ、これに過ぐる喜びはありません。</p></blockquote>
<p>体系的に歴史をならったことがないとのことですが、どこまで博識なのでしょうか。</p>
<h2>まとめ</h2>
<p>どうも歴史の授業は好きではなかったのですが、それが何故か少し分かった気がします。</p>
<p>なんとなく無機質に年号と起こった出来事だけを淡々と暗記するだけに感じておりましたが、本書では、その時、日本ではこうだったとか、横の繋がりや、著者自身で推測とは言いながらもこういう歴史の事実から、実はこうなったのではないか？というような考察が重ねられていところから、一気に有機的に当時の世界が動き出して、面白みを感じることが出来ました。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>


仕事に効く教養としての「世界史」

<p>弊社では今後のwebデザインの底上げを図るために、フォントの拡充を検討したりしています。</p>
<p>そこで、ついでに日本語のwebフォントが使えるサービスを探したので、簡単に紹介します。</p>
<p>&nbsp;</p>
<h2>FONTPLUS｜フォントプラス</h2>
<p><img decoding="async" loading="lazy" class="alignnone wp-image-7870" src="/uploads-archive/2015/08/3778d320b60973e189dc8327cb5f7923-1024x657.jpg" alt="FONTPLUS｜フォントプラス" width="630" height="404" srcset="/uploads-archive/2015/08/3778d320b60973e189dc8327cb5f7923-1024x657.jpg 1024w, /uploads-archive/2015/08/3778d320b60973e189dc8327cb5f7923-300x192.jpg 300w, /uploads-archive/2015/08/3778d320b60973e189dc8327cb5f7923-228x146.jpg 228w, /uploads-archive/2015/08/3778d320b60973e189dc8327cb5f7923.jpg 1239w" sizes="(max-width: 630px) 100vw, 630px" /><br />
入会金：10,800円<br />
例)<br />
120万ページビュー（有効期限1年）※月間10万ページビュー目安<br />
12,960円から<br />
という感じで、PV制限があり、目安のPVを超えてしまうと、つかえなくなってしまうようです。<br />
フォントの書類は、780程あります。</p>
<p>&nbsp;</p>
<p><a href="http://webfont.fontplus.jp/" target="_blank" class="link">FONTPLUS｜フォントプラス</a></p>
<p>&nbsp;</p>
<h2>TypeSquare [タイプスクウェア]</h2>
<p><img decoding="async" loading="lazy" class="alignnone wp-image-7871" src="/uploads-archive/2015/08/db1d3eb0a6d410622914e23d5e662d3d-1024x657.jpg" alt="TypeSquare [タイプスクウェア]" width="630" height="404" srcset="/uploads-archive/2015/08/db1d3eb0a6d410622914e23d5e662d3d-1024x657.jpg 1024w, /uploads-archive/2015/08/db1d3eb0a6d410622914e23d5e662d3d-300x192.jpg 300w, /uploads-archive/2015/08/db1d3eb0a6d410622914e23d5e662d3d-228x146.jpg 228w, /uploads-archive/2015/08/db1d3eb0a6d410622914e23d5e662d3d.jpg 1239w" sizes="(max-width: 630px) 100vw, 630px" /><br />
あのモリサワのwebフォントのサービスで、こちらもPV制限があり、そして、利用可能書体数やドメインが決められています。<br />
月額2160円からでフォントの種類は600~700程あります。<br />
&nbsp;</p>
<p><a href="http://typesquare.com/" target="_blank" class="link">TypeSquare [タイプスクウェア]</a><br />
&nbsp;</p>
<h2>WEBフォント｜アマナイメージズ</h2>
<p><img decoding="async" loading="lazy" class="alignnone wp-image-7872" src="/uploads-archive/2015/08/a83b2b118f823bec695d5b158a0a0f45-1024x657.jpg" alt="WEBフォント｜アマナイメージズ" width="630" height="404" srcset="/uploads-archive/2015/08/a83b2b118f823bec695d5b158a0a0f45-1024x657.jpg 1024w, /uploads-archive/2015/08/a83b2b118f823bec695d5b158a0a0f45-300x192.jpg 300w, /uploads-archive/2015/08/a83b2b118f823bec695d5b158a0a0f45-228x146.jpg 228w, /uploads-archive/2015/08/a83b2b118f823bec695d5b158a0a0f45.jpg 1239w" sizes="(max-width: 630px) 100vw, 630px" /><br />
言わずと知れたアマナですが、webフォントのサービスもしているそうです。<br />
540円からと謳っておりますが、その場合、1フォント×1ヶ月のようです。<br />
フォントの種類は336程あります。<br />
webフォント以外にも、ダウンロード、パッケージも扱っています。</p>
<p>&nbsp;<br />
<a href="http://amanaimages.com/font/web/index.aspx" target="_blank" class="link">WEBフォント｜アマナイメージズ</a></p>
<p>&nbsp;</p>
<h2>日本語Webフォントサービス</h2>
<p><img decoding="async" loading="lazy" class="alignnone wp-image-7869" src="/uploads-archive/2015/08/a9834e492b8464a0139cf330fffe8702-1024x657.jpg" alt="日本語Webフォントサービス  316のデザインフォントが手軽に使えます" width="630" height="404" srcset="/uploads-archive/2015/08/a9834e492b8464a0139cf330fffe8702-1024x657.jpg 1024w, /uploads-archive/2015/08/a9834e492b8464a0139cf330fffe8702-300x192.jpg 300w, /uploads-archive/2015/08/a9834e492b8464a0139cf330fffe8702-228x146.jpg 228w, /uploads-archive/2015/08/a9834e492b8464a0139cf330fffe8702.jpg 1239w" sizes="(max-width: 630px) 100vw, 630px" /><br />
コースが３つあり、<br />
月額480円(7書体)<br />
月額2980円(316書体)<br />
月額9800円(316書体)※複数人で使用可能</p>
<p>フォントの種類は316程あります。<br />
&nbsp;<br />
<a href="http://www.digitalstage.jp/webfont/" target="_blank" class="link">日本語Webフォントサービス | 316のデザインフォントが手軽に使えます</a></p>
<p>&nbsp;</p>
<h2>Google Noto Fonts</h2>
<p><img decoding="async" loading="lazy" class="alignnone wp-image-7868" src="/uploads-archive/2015/08/Google-Noto-Fonts-1024x657.jpg" alt="Google Noto Fonts" width="630" height="404" srcset="/uploads-archive/2015/08/Google-Noto-Fonts-1024x657.jpg 1024w, /uploads-archive/2015/08/Google-Noto-Fonts-300x192.jpg 300w, /uploads-archive/2015/08/Google-Noto-Fonts-228x146.jpg 228w, /uploads-archive/2015/08/Google-Noto-Fonts.jpg 1239w" sizes="(max-width: 630px) 100vw, 630px" /><br />
Googleのwebフォントは広く認知されていると思うのですが、日本語のフォントも対応しているようです！<br />
無料ですが、今は1種類しかないようです。<br />
&nbsp;<br />
<a href="http://www.google.com/get/noto/#sans-jpan" target="_blank" class="link">Google Noto Fonts</a></p>
<p>&nbsp;</p>
<h2>おまけ</h2>
<p>実際にwebフォントが使われているサイトを紹介してくれています。<br />
<a href="http://www.4696.co.jp/blog/9/" target="_blank">日本語Webフォントを使用している60のWebサイト | 株式会社シロクロ</a></p>
<p>実際に使われているのイメージできる上に、見てるだけでもいいですね！</p>


日本語のwebフォントを提供しているサービス5つ

Google Map APIでMapの表示とマーカーのコントロール

<p>Adobe CCを利用しているのですが、普段はPremiereやAfter effects 、Photoshop、Illustrator くらいしかつかっていません。せっかく利用できるのに勿体ないので他のアプリケーションはどんなものかと触ってみたらEdge Animateがかなり使えそうな感じがしました。</p>
<p><a class="demo" href="/demo/makabe/09/web01/09demo1.html">demo1</a><br />
<a class="demo" href="/demo/makabe/09/web04/09demo02.html">demo2</a></p>
<p>Edge AnimateはWEBアニメーションを作るためのアプリケーションで、動画編集をしているような感覚で作成できるのでPremiereに慣れている人ならすぐ使いこなせると思います。</p>
<p><a href="/uploads-archive/2015/08/01.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-7843" src="/uploads-archive/2015/08/01.jpg" alt="01" width="650" height="423" srcset="/uploads-archive/2015/08/01.jpg 650w, /uploads-archive/2015/08/01-300x195.jpg 300w, /uploads-archive/2015/08/01-228x148.jpg 228w" sizes="(max-width: 650px) 100vw, 650px" /></a></p>
<p>jpgやpngの素材をインポートとしてキーフレームなどを使ってアニメーションを付けていくので動画編集と非常に操作が似ています。</p>
<p><a href="/uploads-archive/2015/08/03.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-7845" src="/uploads-archive/2015/08/03.jpg" alt="03" width="650" height="430" srcset="/uploads-archive/2015/08/03.jpg 650w, /uploads-archive/2015/08/03-300x198.jpg 300w, /uploads-archive/2015/08/03-228x151.jpg 228w" sizes="(max-width: 650px) 100vw, 650px" /></a></p>
<p>アニメーションを組んだら、編集のパブリッシュで書き出します。</p>
<p><a href="/uploads-archive/2015/08/02.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-7844" src="/uploads-archive/2015/08/02.jpg" alt="02" width="650" height="424" srcset="/uploads-archive/2015/08/02.jpg 650w, /uploads-archive/2015/08/02-300x196.jpg 300w, /uploads-archive/2015/08/02-228x149.jpg 228w" sizes="(max-width: 650px) 100vw, 650px" /></a></p>
<p>作成したアニメーションは１つのdivとjavascriptのファイルとして書き出す事ができます。</p>

		<div id="crayon-649540158a0fd826739763" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
	&lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"/&gt;
	&lt;meta http-equiv="X-UA-Compatible" content="IE=Edge"/&gt;
	&lt;title&gt;無題&lt;/title&gt;
&lt;!--Adobe Edge Runtime--&gt;
    &lt;script type="text/javascript" charset="utf-8" src="http://animate.adobe.com/runtime/6.0.0/edge.6.0.0.min.js"&gt;&lt;/script&gt;
    &lt;style&gt;
        .edgeLoad-EDGE-379121079 { visibility:hidden; }
    &lt;/style&gt;
&lt;script&gt;
   AdobeEdge.loadComposition('09demo1', 'EDGE-379121079', {
    scaleToFit: "none",
    centerStage: "none",
    minW: "0px",
    maxW: "undefined",
    width: "550px",
    height: "400px"
}, {"dom":{}}, {"dom":{}});
&lt;/script&gt;
&lt;!--Adobe Edge Runtime End--&gt;

&lt;/head&gt;
&lt;body style="margin:0;padding:0;"&gt;
	&lt;div id="Stage" class="EDGE-379121079"&gt;
	&lt;/div&gt;
&lt;/body&gt;
&lt;/html&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-649540158a0fd826739763-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540158a0fd826739763-2">2</div><div class="crayon-num" data-line="crayon-649540158a0fd826739763-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540158a0fd826739763-4">4</div><div class="crayon-num" data-line="crayon-649540158a0fd826739763-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540158a0fd826739763-6">6</div><div class="crayon-num" data-line="crayon-649540158a0fd826739763-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540158a0fd826739763-8">8</div><div class="crayon-num" data-line="crayon-649540158a0fd826739763-9">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540158a0fd826739763-10">10</div><div class="crayon-num" data-line="crayon-649540158a0fd826739763-11">11</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540158a0fd826739763-12">12</div><div class="crayon-num" data-line="crayon-649540158a0fd826739763-13">13</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540158a0fd826739763-14">14</div><div class="crayon-num" data-line="crayon-649540158a0fd826739763-15">15</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540158a0fd826739763-16">16</div><div class="crayon-num" data-line="crayon-649540158a0fd826739763-17">17</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540158a0fd826739763-18">18</div><div class="crayon-num" data-line="crayon-649540158a0fd826739763-19">19</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540158a0fd826739763-20">20</div><div class="crayon-num" data-line="crayon-649540158a0fd826739763-21">21</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540158a0fd826739763-22">22</div><div class="crayon-num" data-line="crayon-649540158a0fd826739763-23">23</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540158a0fd826739763-24">24</div><div class="crayon-num" data-line="crayon-649540158a0fd826739763-25">25</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540158a0fd826739763-26">26</div><div class="crayon-num" data-line="crayon-649540158a0fd826739763-27">27</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540158a0fd826739763-28">28</div><div class="crayon-num" data-line="crayon-649540158a0fd826739763-29">29</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-649540158a0fd826739763-1"><span class="crayon-h">&lt;</span><span class="crayon-sy">!</span><span class="crayon-e">DOCTYPE </span><span class="crayon-i">html</span><span class="crayon-h">&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540158a0fd826739763-2"><span class="crayon-h">&lt;</span><span class="crayon-i">html</span><span class="crayon-h">&gt;</span></div><div class="crayon-line" id="crayon-649540158a0fd826739763-3"><span class="crayon-h">&lt;</span><span class="crayon-i">head</span><span class="crayon-h">&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540158a0fd826739763-4"><span class="crayon-h">	</span><span class="crayon-h">&lt;</span><span class="crayon-e">meta </span><span class="crayon-i">http</span>-<span class="crayon-i">equiv</span>=<span class="crayon-s">"Content-Type"</span><span class="crayon-h"> </span><span class="crayon-i">content</span>=<span class="crayon-s">"text/html; charset=utf-8"</span>/<span class="crayon-h">&gt;</span></div><div class="crayon-line" id="crayon-649540158a0fd826739763-5"><span class="crayon-h">	</span><span class="crayon-h">&lt;</span><span class="crayon-e">meta </span><span class="crayon-i">http</span>-<span class="crayon-i">equiv</span>=<span class="crayon-s">"X-UA-Compatible"</span><span class="crayon-h"> </span><span class="crayon-i">content</span>=<span class="crayon-s">"IE=Edge"</span>/<span class="crayon-h">&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540158a0fd826739763-6"><span class="crayon-h">	</span><span class="crayon-h">&lt;</span><span class="crayon-e">title</span><span class="crayon-h">&gt;</span>無題<span class="crayon-h">&lt;</span>/<span class="crayon-e">title</span><span class="crayon-h">&gt;</span></div><div class="crayon-line" id="crayon-649540158a0fd826739763-7"><span class="crayon-h">&lt;</span><span class="crayon-sy">!</span>--<span class="crayon-e">Adobe</span><span class="crayon-h"> </span><span class="crayon-e">Edge</span><span class="crayon-h"> </span><span class="crayon-e">Runtime</span>--<span class="crayon-h">&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540158a0fd826739763-8"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-ta">&lt;script </span><span class="crayon-e ">type</span>=<span class="crayon-s">"text/javascript"</span><span class="crayon-h"> </span><span class="crayon-e ">charset</span>=<span class="crayon-s">"utf-8"</span><span class="crayon-h"> </span><span class="crayon-e ">src</span>=<span class="crayon-s">"http://animate.adobe.com/runtime/6.0.0/edge.6.0.0.min.js"</span><span class="crayon-h">&gt;</span><span class="crayon-ta">&lt;/script&gt;</span></div><div class="crayon-line" id="crayon-649540158a0fd826739763-9"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-ta">&lt;style&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540158a0fd826739763-10"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-k ">.edgeLoad-EDGE-379121079 </span><span class="crayon-sy">{</span><span class="crayon-h"> </span><span class="crayon-e ">visibility</span><span class="crayon-sy">:</span><span class="crayon-i ">hidden</span><span class="crayon-sy">;</span><span class="crayon-h"> </span><span class="crayon-sy">}</span></div><div class="crayon-line" id="crayon-649540158a0fd826739763-11"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-ta">&lt;/style&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540158a0fd826739763-12"><span class="crayon-ta">&lt;script&gt;</span></div><div class="crayon-line" id="crayon-649540158a0fd826739763-13"><span class="crayon-h">&nbsp;&nbsp; </span><span class="crayon-i">AdobeEdge</span><span class="crayon-sy">.</span><span class="crayon-e">loadComposition</span><span class="crayon-sy">(</span><span class="crayon-s">'09demo1'</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-s">'EDGE-379121079'</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-649540158a0fd826739763-14"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">scaleToFit</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">"none"</span><span class="crayon-sy">,</span></div><div class="crayon-line" id="crayon-649540158a0fd826739763-15"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">centerStage</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">"none"</span><span class="crayon-sy">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540158a0fd826739763-16"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">minW</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">"0px"</span><span class="crayon-sy">,</span></div><div class="crayon-line" id="crayon-649540158a0fd826739763-17"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">maxW</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">"undefined"</span><span class="crayon-sy">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540158a0fd826739763-18"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">width</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">"550px"</span><span class="crayon-sy">,</span></div><div class="crayon-line" id="crayon-649540158a0fd826739763-19"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">height</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">"400px"</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540158a0fd826739763-20"><span class="crayon-sy">}</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-sy">{</span><span class="crayon-s">"dom"</span><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><span class="crayon-h"> </span><span class="crayon-sy">{</span><span class="crayon-s">"dom"</span><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><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540158a0fd826739763-21"><span class="crayon-ta">&lt;/script&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540158a0fd826739763-22"><span class="crayon-h">&lt;</span><span class="crayon-sy">!</span>--<span class="crayon-e">Adobe </span><span class="crayon-e">Edge </span><span class="crayon-e">Runtime </span><span class="crayon-st">End</span>--<span class="crayon-h">&gt;</span></div><div class="crayon-line" id="crayon-649540158a0fd826739763-23">&nbsp;</div><div class="crayon-line crayon-striped-line" id="crayon-649540158a0fd826739763-24"><span class="crayon-h">&lt;</span>/<span class="crayon-i">head</span><span class="crayon-h">&gt;</span></div><div class="crayon-line" id="crayon-649540158a0fd826739763-25"><span class="crayon-h">&lt;</span><span class="crayon-e">body </span><span class="crayon-i">style</span>=<span class="crayon-s">"margin:0;padding:0;"</span><span class="crayon-h">&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540158a0fd826739763-26"><span class="crayon-h">	</span><span class="crayon-h">&lt;</span><span class="crayon-e">div </span><span class="crayon-i">id</span>=<span class="crayon-s">"Stage"</span><span class="crayon-h"> </span><span class="crayon-t">class</span>=<span class="crayon-s">"EDGE-379121079"</span><span class="crayon-h">&gt;</span></div><div class="crayon-line" id="crayon-649540158a0fd826739763-27"><span class="crayon-h">	</span><span class="crayon-h">&lt;</span>/<span class="crayon-i">div</span><span class="crayon-h">&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540158a0fd826739763-28"><span class="crayon-h">&lt;</span>/<span class="crayon-i">body</span><span class="crayon-h">&gt;</span></div><div class="crayon-line" id="crayon-649540158a0fd826739763-29"><span class="crayon-h">&lt;</span>/<span class="crayon-i">html</span><span class="crayon-h">&gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>idがStageとなっているdivがアニメーションになります。1つのdivにまとまってくれるので、HTML上で都合のいい場所に配置できるのでかなり便利です。もちろんflashが動かない環境でも大丈夫ですし、videoタグのように容量もそれほど重くありません。</p>
<p>cssやcanvasを使わずにDOMの操作によってアニメーションを作るのでバグがほとんど起きません、つまりデバイスをあまり気にせずアニメーションを埋め込めるので重宝しそうです。</p>

WEBアニメが動画編集の感覚で作れるAdobe Edge Animate

ルート相対パスを使ったHTMLの制作・確認をnode.jsのローカルな簡易サーバで効率的にする方法

<p>クレジットカードが開始されたという良い面のニュースもありましたが、事実を客観的に、定量的に捉えたリスクサイドの良記事も昨日発表されておりまして、自分自身でとどめておくべきか迷ったのですが、事実として周知すべきと思い紹介します。</p>
<p><a href="http://jbpress.ismedia.jp/articles/-/44364" target="_blank">このリスクを知らずにミャンマーに飛び込むべからず </a></p>
<p>なんとも、刺激的なタイトルですが、中身は定量的なデータに基づいた指標です。</p>
<p>そして、2014年より開始しているミャンマーオフショア事業を開始し、日々起こる出来事や訪問した際に実際に経験したことを合わせてコメント致します。</p>
<h3 id="-">記事の抜粋</h2>
<blockquote><p>市場経済に復帰し、高GDP成長率を維持</p></blockquote>
<blockquote><p>高い自然災害リスク　多発するサイクロン、洪水、地震</p></blockquote>
<p>雨季になると数日雨が降り続き、後述するインフラ面でも支障を来たす可能性がまだあるようです。 自然災害リスクという面では、日本と同じだとは思いますが、やはりインフラ面の強固さが違うので、災害に伴う影響範囲が大きいのでしょう。</p>
<blockquote><p>ミャンマーのインフラ整備度ランキングは144カ国中138位（2014/2015年）、道路の舗装率は20％以下</p></blockquote>
<p>これは訪問をした時に強く感じました。歩道はボコボコでサンダルを履いて外出したことに後悔したことを覚えています。 そして、ヤンゴン周辺はまだアスファルトが敷かれているのですが、郊外に出ると土の道を車が通っている光景が見られます。</p>
<p>港湾、鉄道、空港については、関連性が低いので割愛</p>
<blockquote><p>ミャンマーの発電能力はベトナムの10分の1以下となっており、恒常的に電力不足となっている。</p></blockquote>
<p>こちらも業務を行う上で恒常的に起こっています。 業務レベルでは小型発電機を配置しておくことで寸断程度は凌げます。パソコン自体は、基本ノートであれば、バッテリー駆動に切り替わるので、 リスクを軽減することが出来ます。</p>
<blockquote><p>通信インフラについては、固定電話回線数・携帯電話台数が他のASEAN諸国に比べても極端に少ない状況である。また、回線数が非常に少ないことに伴い、電話料金はアジアの中でも最も高額な国の1つとなっている。</p></blockquote>
<p>ネット回線についてもここでいいのでしょうか。とにかく通信費が相対的な物価を考えると以上に高いです。 1MbpsのADSLで100$します。光ケーブルも普及しつつありますが、まだ、設置可能なエリアが少ない状況です。</p>
<p>日中混雑することもありますが、平常時であれば、skypeのビデオ会議も問題なく出来ることが多いです。</p>
<blockquote><p>ミャンマーでは独立（1948年）以来、少数民族によるテロ等の武装闘争が継続している。2012年以降、これら組織と政府との間で和平交渉も進められているが、テロ事件は依然として発生している。</p></blockquote>
<p>こちらも包み隠しても、しょうがないですし、日本のニュースでも流れてきている情報です。 ただ、現地スタッフに聞くと、山間部や国境付近で起こっていることでヤンゴン市内がどうこうというレベルでは今はないようです。</p>
<blockquote><p>軍政下では組合活動は禁止されてきたが、労働者の権利を保護し、良好な労使関係を維持するため、1926年制定の労働組合法を改訂する形で公布された。</p></blockquote>
<blockquote><p>国家の清廉度は175カ国中156位 社会主義体制・軍事政権が長期間にわたっていることから、政府機関の非効率化・汚職体質が蔓延している</p></blockquote>
<p>これらは、ミャンマーの最大の課題だと思います。これらを解決することが出来れば、更なる経済発展、国際社会へと進んでいくことが出来るのではと考えています。</p>
<h3 id="-">まとめ</h2>
<p>定量的で悲観的な数字をきっちりと示してくれていると思いますし、実際にビジネスを行ってみて、訪問をしてみて感じることも共感することが多いです。</p>
<p>さすがに政治的な問題を一法人で拭うようなことは出来ませんが、リスクを恐れずに投資が出来るのも我々のようなベンチャーだからこそだと思っています。</p>
<p>リスクの数だけチャンスがある。 国の成長と共に発展をすべく引き続き、頑張っていきたいと思います。</p>


thumbnail_a0731_000722.jpg

a0731_000722.jpg

ミャンマーという国の魅力とリスクサイドの数字

<p>一眼レフやミラーレス一眼で動画の撮影を行うという事が普通になってきていますが、本来写真をとる機材ということもあり、動画撮影をする際に弱点があります。それは「長時間の撮影」です、限られた時間しか連続撮影ができません。</p>
<p>なぜそんな事になるのかというと、ビデオカメラに比べると一眼レフやミラーレス一眼などは、センサーサイズが大きくなります。</p>
<p>ある程度ちゃんとした一眼の場合は図の一番上のフルサイズセンサーと言われる物がのっています、ミラーレスではAPS-Cというサイズを使っている物もたくさんあります。ではビデオカメラはというと、大きい物でも2/3型（左下）のセンサーサイズでフルＨＤのビデオカメラでもこのサイズです。フルサイズセンサーと2/3型では面積が15倍ほど違う事になります。</p>
<p><a href="https://ja.wikipedia.org/wiki/APS-C%E3%82%B5%E3%82%A4%E3%82%BA"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-7811" src="/uploads-archive/2015/07/SensorSizes.svg_.png" alt="SensorSizes.svg" width="300" height="420" srcset="/uploads-archive/2015/07/SensorSizes.svg_.png 300w, /uploads-archive/2015/07/SensorSizes.svg_-214x300.png 214w, /uploads-archive/2015/07/SensorSizes.svg_-228x319.png 228w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>&nbsp;</p>
<p><a href="https://ja.wikipedia.org/wiki/APS-C%E3%82%B5%E3%82%A4%E3%82%BA">参照：wikipedia</a></p>
<p>センサーが大きいために繊細で美しい映像が撮れる点も一眼のカメラで動画を撮影する理由なのですが、センサーが大きいが故に長時間撮影し続けるとセンサーが発熱してしまうんです。温度が上がり過ぎると「オーバーヒート」などの表示が出たり、さらに続けると自動で停止してしまいます。機種にもよりますが30分程度でオーバーヒートになってしまうようです。（Panasonic製品には2時間程度撮れるものがあるようです。）</p>
<p>夏の炎天下で動画撮影をする場合はさらにオーバーヒートが起きやすくなってしまうので注意が必要です。熱が逃げない場合30分もたない事もあります。そのまま無視して撮影を続けると、本体内部の機器がダメになってしまうなんてことも実際おきてしまうようです。</p>
<p>じゃあどうすりゃいいのって話なのですが、正直もう構造上の問題なので長時間撮らないようにするしかありません。人によってはカメラ本体を2台持って撮影する人もいるようです。しかし2台持つのは効率的じゃないので、動画を撮るときはビデオカメラを使えという事でsonyのレンズ交換式のビデオカメラなどを使うのが現実的なところです。<a href="http://www.sony.jp/handycam/products/NEX-VG900/">NEX-VG900</a>はセンサーサイズがフルサイズですが約13時間の連続撮影ができると製品情報には書いてありました。</p>
<p><iframe loading="lazy" width="324" height="267" src="//www.youtube.com/embed/Vjxhr6HeTwQ"></iframe></p>
<p>センサーサイズが大きくても技術的に連続撮影が可能なら、一眼のカメラも同じような機能つければ良いんじゃないの？という疑問が残ってしまうのですが理由を調べると、どうやらそれは「関税」との事。ヨーロッパではスチールのカメラよりビデオカメラの方が関税が高く、長時間動画を撮影できる物はビデオカメラに分類されてしまうんだそうです。</p>


夏場の動画撮影で気を付けるべき現象

<h2>Ansibleとは？</h2>
<div style="padding-left: 15px;">構成管理ツールの一つ。Pythonで動くが、Python自体への理解が無くても問題ない。<br />
似た機能を持つソフトウェアにChef, Puppetなどがある</div>
<h2>Ansibleの特徴</h2>
<div style="padding-left: 15px;">サーバーの構築などを一括で管理でき、デプロイ作業が自動化出来る。</div>
<div style="padding-left: 15px;">他の構成管理ツールと違って<strong>エージェントレス</strong>。<br />
命令の送信側が単体で動き、事前に対象のサーバーに<u>動作環境を用意する必要がない。</u></div>
<h2>どうやって使うの？</h2>
<div style="padding-left: 15px;">
<ul>
<li>Ansible動作サーバーにてインストール<br />


		<div id="crayon-6495401589b47438541144" 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">Shell</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;">
yum install -y epel-release
yum install -y ansible</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-6495401589b47438541144-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401589b47438541144-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-6495401589b47438541144-1"><span class="crayon-e">yum </span><span class="crayon-i">install</span><span class="crayon-h"> </span>-<span class="crayon-i">y</span><span class="crayon-h"> </span><span class="crayon-i">epel</span>-<span class="crayon-e">release</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401589b47438541144-2"><span class="crayon-e">yum </span><span class="crayon-i">install</span><span class="crayon-h"> </span>-<span class="crayon-i">y</span><span class="crayon-h"> </span><span class="crayon-i">ansible</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>


</li>
<li>主にPlayBookとHostsで構成されyaml形式の記述を編集して実行する実行例：<br />


		<div id="crayon-6495401589b4b325528673" 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">Shell</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;">
ansible-playbook site.yml -i hosts</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-6495401589b4b325528673-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-6495401589b4b325528673-1"><span class="crayon-i">ansible</span>-<span class="crayon-e">playbook </span><span class="crayon-i">site</span><span class="crayon-e">.yml</span><span class="crayon-h"> </span>-<span class="crayon-i">i</span><span class="crayon-h"> </span><span class="crayon-i">hosts</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<br />
site.yml<br />


		<div id="crayon-6495401589b4d156732676" 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">YAML</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;">
---
-vars:
  mysql_port: 3306
- name: Wordpress, MySQL, Nginx, PHP-FPMをインストール
  hosts: wordpress-server
  sudo: yes

  roles:
    - common
    - mysql
    - nginx
    - php-fpm
    - wordpress
    - role: mackerel
      when: mackerel_api_key is defined and mackerel_api_key

- name: insert iptables rule
  lineinfile: dest=/etc/sysconfig/iptables state=present regexp="{{ mysql_port }}"
              insertafter="^:OUTPUT " line="-A INPUT -p tcp --dport {{ mysql_port }} -j ACCEPT"</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-6495401589b4d156732676-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401589b4d156732676-2">2</div><div class="crayon-num" data-line="crayon-6495401589b4d156732676-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401589b4d156732676-4">4</div><div class="crayon-num" data-line="crayon-6495401589b4d156732676-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401589b4d156732676-6">6</div><div class="crayon-num" data-line="crayon-6495401589b4d156732676-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401589b4d156732676-8">8</div><div class="crayon-num" data-line="crayon-6495401589b4d156732676-9">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401589b4d156732676-10">10</div><div class="crayon-num" data-line="crayon-6495401589b4d156732676-11">11</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401589b4d156732676-12">12</div><div class="crayon-num" data-line="crayon-6495401589b4d156732676-13">13</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401589b4d156732676-14">14</div><div class="crayon-num" data-line="crayon-6495401589b4d156732676-15">15</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401589b4d156732676-16">16</div><div class="crayon-num" data-line="crayon-6495401589b4d156732676-17">17</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401589b4d156732676-18">18</div><div class="crayon-num" data-line="crayon-6495401589b4d156732676-19">19</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-6495401589b4d156732676-1"><span class="crayon-o">---</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401589b4d156732676-2">-vars<span class="">:</span></div><div class="crayon-line" id="crayon-6495401589b4d156732676-3"><span class="crayon-h">&nbsp;&nbsp;</span>mysql<span class="crayon-sy">_</span>port<span class="">: 3306</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401589b4d156732676-4">-<span class="crayon-h"> </span>name<span class="">: Wordpress</span><span class="crayon-o">,</span><span class="crayon-h"> </span>MySQL<span class="crayon-o">,</span><span class="crayon-h"> </span>Nginx<span class="crayon-o">,</span><span class="crayon-h"> </span>PHP-FPMをインストール</div><div class="crayon-line" id="crayon-6495401589b4d156732676-5"><span class="crayon-h">&nbsp;&nbsp;</span>hosts<span class="">: wordpress-server</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401589b4d156732676-6"><span class="crayon-h">&nbsp;&nbsp;</span>sudo<span class="">: yes</span></div><div class="crayon-line" id="crayon-6495401589b4d156732676-7">&nbsp;</div><div class="crayon-line crayon-striped-line" id="crayon-6495401589b4d156732676-8"><span class="crayon-h">&nbsp;&nbsp;</span>roles<span class="">:</span></div><div class="crayon-line" id="crayon-6495401589b4d156732676-9"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span>-<span class="crayon-h"> </span>common</div><div class="crayon-line crayon-striped-line" id="crayon-6495401589b4d156732676-10"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span>-<span class="crayon-h"> </span>mysql</div><div class="crayon-line" id="crayon-6495401589b4d156732676-11"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span>-<span class="crayon-h"> </span>nginx</div><div class="crayon-line crayon-striped-line" id="crayon-6495401589b4d156732676-12"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span>-<span class="crayon-h"> </span>php-fpm</div><div class="crayon-line" id="crayon-6495401589b4d156732676-13"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span>-<span class="crayon-h"> </span>wordpress</div><div class="crayon-line crayon-striped-line" id="crayon-6495401589b4d156732676-14"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span>-<span class="crayon-h"> </span>role<span class="">: mackerel</span></div><div class="crayon-line" id="crayon-6495401589b4d156732676-15"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>when<span class="">: mackerel_api_key is defined and mackerel_api_key</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401589b4d156732676-16">&nbsp;</div><div class="crayon-line" id="crayon-6495401589b4d156732676-17">-<span class="crayon-h"> </span>name<span class="">: insert iptables rule</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401589b4d156732676-18"><span class="crayon-h">&nbsp;&nbsp;</span>lineinfile<span class="">: dest=/etc/sysconfig/iptables state=present regexp="</span><span class="crayon-o">{</span><span class="crayon-o">{</span><span class="crayon-h"> </span>mysql<span class="crayon-sy">_</span>port<span class="crayon-h"> </span><span class="crayon-o">}</span><span class="crayon-o">}</span><span class="crayon-i ">"</span></div><div class="crayon-line" id="crayon-6495401589b4d156732676-19"><span class="crayon-i ">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;insertafter="</span>^<span class="">:OUTPUT " line="-A INPUT -p tcp --dport </span><span class="crayon-o">{</span><span class="crayon-o">{</span><span class="crayon-h"> </span>mysql<span class="crayon-sy">_</span>port<span class="crayon-h"> </span><span class="crayon-o">}</span><span class="crayon-o">}</span><span class="crayon-h"> </span>-j<span class="crayon-h"> </span>ACCEPT"</div></div></td>
					</tr>
				</table>
			</div>
		</div>

<br />
hosts<br />


		<div id="crayon-6495401589b4e341205896" 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">YAML</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;">
[wordpress-server]
127.0.0.1</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-6495401589b4e341205896-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401589b4e341205896-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-6495401589b4e341205896-1"><span class="crayon-i ">[wordpress-server]</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401589b4e341205896-2">127<span class="crayon-o">.</span>0<span class="crayon-o">.</span>0<span class="crayon-o">.</span>1</div></div></td>
					</tr>
				</table>
			</div>
		</div>

<br />
&nbsp;</li>
</ul>
<h2>Have a nice Deploy !!</h2>
</div>
<p>&nbsp;</p>
<p>参考URL：</p>
<div style="padding-left: 15px;"><a href="http://knowledge.sakura.ad.jp/tech/3124/">http://knowledge.sakura.ad.jp/tech/3124/</a><br />
<a href="http://labs.opentone.co.jp/?p=6497">http://labs.opentone.co.jp/?p=6497</a></div>
<div style="padding-left: 15px;"><a href="http://dotinstall.com/lessons/basic_ansible/29107">http://dotinstall.com/lessons/basic_ansible/29107</a></div>
<div style="padding-left: 15px;"></div>

Ansible勉強会に行ってきました！

<p>ミャンマーの民間最大手のカンボーザ銀行がクレジットカードの発行を始めた。<br />
ミャンマーでは2003年の金融危機後にクレジットカードサービスが禁止されており、今年の5月に解禁されたばかり。<br />
このサービスは標準的なプランで限度額30万チャット、初年度で5千枚の発行を目指すとのこと。</p>
<p>広く普及すれば、今ではほぼ利用者のいないECの利用者拡大にも影響がありそうだ。<br />
また、ミャンマーといえば完全な現金主義で、家や車を買うのも現金を持参しなければならない。<br />
まずは大きい買い物をする富裕層から利用が広まるかもしれない。</p>
<p>ただ、外資系の店舗や現地の大型店舗では使えるようになってきたが<br />
まだ大多数の店舗ではクレジットカードを使えないのが現状なので、まずは加盟店を増やすのが課題になりそう。<br />
更に、ミャンマーではまだ振込や引き落としが一般的でないので、決済会社が預かった加盟店の売上の支払いはどうするのだろう<br />
など、金融のインフラ的に課題がまだありそうだ。<br />
とはいえ、ミャンマー国内の預金総額は22兆チャットと3年で4倍になっており、ATMの数も各銀行が急ピッチで増やしているという。<br />
ここ数年で大きく変わっていきそうだ。<br />
ミャンマー国内でECを始めるのであれば今がチャンスかもしれない</p>


【ミャンマー】クレジットカードサービスが開始される

<p>NP後払いなどでおなじみの後払い系決済業界において、後払い.com for SPIKEというサービスが常識をくつがえす料金体系でリリースされるとのニュースがあった。</p>
<p><a href="https://support.spike.cc/hc/ja/articles/204618810" target="_blank"> https://support.spike.cc/hc/ja/articles/204618810</a></p>
<p>&nbsp;</p>
<p>1年以上後払い系決済サービスについて情報収集しておらず、良い機会なので各社の料金体系をまとめてみた。</p>
<p>&nbsp;</p>
<h2>NP後払い</h2>
<table>
<tbody>
<tr>
<th>料率</th>
<th>月額</th>
<th>発行手数料</th>
</tr>
<tr>
<td>5.0%</td>
<td>0円</td>
<td rowspan="4">190円</td>
</tr>
<tr>
<td>4.4%</td>
<td>5,000円</td>
</tr>
<tr>
<td>3.6%</td>
<td>20,000円</td>
</tr>
<tr>
<td>2.9%</td>
<td>48,000円</td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>
<h2>ニッセンコレクト@払い</h2>
<table>
<tbody>
<tr>
<th>料率</th>
<th>月額</th>
<th>発行手数料</th>
</tr>
<tr>
<td>4.7%</td>
<td>0円</td>
<td rowspan="4">143円</td>
</tr>
<tr>
<td>4.2%</td>
<td>4,700円</td>
</tr>
<tr>
<td>3.4%</td>
<td>19,000円</td>
</tr>
<tr>
<td>2.7%</td>
<td>45,700円</td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>
<h2>ATOdENE</h2>
<table>
<tbody>
<tr>
<th>料率</th>
<th>月額</th>
<th>発行手数料</th>
</tr>
<tr>
<td>5.0%</td>
<td>0円</td>
<td rowspan="4">150円</td>
</tr>
<tr>
<td>4.4%</td>
<td>4,500円</td>
</tr>
<tr>
<td>3.6%</td>
<td>18,000円</td>
</tr>
<tr>
<td>2.9%</td>
<td>45,000円</td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>
<h2>後払い.com</h2>
<table>
<tbody>
<tr>
<th>料率</th>
<th>月額</th>
<th>発行手数料</th>
</tr>
<tr>
<td>4.8%</td>
<td>0円</td>
<td rowspan="4">160円</td>
</tr>
<tr>
<td>4.2%</td>
<td>4,500円</td>
</tr>
<tr>
<td>3.5%</td>
<td>18,000円</td>
</tr>
<tr>
<td>2.8%</td>
<td>45,000円</td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>
<h2>後払い.com for SPIKE</h2>
<table>
<tbody>
<tr>
<th>料率</th>
<th>月額</th>
<th>発行手数料</th>
</tr>
<tr>
<td>3.6%</td>
<td>0円</td>
<td rowspan="2">160円</td>
</tr>
<tr>
<td>2.8%</td>
<td>5,000円</td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>
<h2>GMO後払い</h2>
<table>
<tbody>
<tr>
<th>料率</th>
<th>月額</th>
<th>発行手数料</th>
</tr>
<tr>
<td>4.7%</td>
<td>0円</td>
<td rowspan="4">140円</td>
</tr>
<tr>
<td>4.2%</td>
<td>4,500円</td>
</tr>
<tr>
<td>3.4%</td>
<td>18,000円</td>
</tr>
<tr>
<td>2.7%</td>
<td>45,000円</td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>
<p>本日時点だと後払い.com for SPIKEが際立って安いのがわかる。</p>
<p>上限金額も特にないようなので、これから利用を検討しているサイトはかなりメリットがありそうだ。</p>
<p>この分野は各社0.1%単位での値下げ合戦が繰り広げられていたので<br />
後数ヶ月しないうちに全体的に値段がぐんと落ちるかもしれない</p>


後払い系決済比較

<p>少し前からYoutube360°なるものが出ているそうで、ちょっと見てみたらスゴくてっ技術の進化に驚かされます。</p>
<p>けっこう前にRicohのthetaという360°のパノラマ写真が取れるカメラを知る機会があって、軽く不動産関係のお客さんにお薦めしていたのですが、このthetaというカメラを使っても作れるようです。<br />
この写真を撮ることは出来ても、ユーザーとかにどう見せればいいんだろうと思ってたのですが、<br />
Youtubeに載っけてサイトに貼りつければ良さそうですね！</p>
<p>ちなみに、スマホはもちろん、PCブラウザでも見ることが出来ます。chromeやfirefoxで問題なかったのですが、IEはちょっとわかりません。。。<br />
スマホの方が感覚的に見ることが出来るのでぜひ見てみてください！</p>
<h2>カンタス航空</h2>
<p><iframe loading="lazy" width="560" height="315" src="https://www.youtube.com/embed/lJype_TafRk" frameborder="0" allowfullscreen></iframe></p>
<h2>音楽のライブ</h2>
<p><iframe loading="lazy" width="560" height="315" src="https://www.youtube.com/embed/jWMSH3ioD88" frameborder="0" allowfullscreen></iframe></p>
<h2>グランドキャニオン</h2>
<p><iframe loading="lazy" width="560" height="315" src="https://www.youtube.com/embed/W5OgQaFaWKs" frameborder="0" allowfullscreen></iframe><br />
これもう観光した気分になれますね。。。</p>
<h2>予告犯の予告</h2>
<p>日本の映画の予告としても使用されていました。<br />
<iframe loading="lazy" width="560" height="315" src="https://www.youtube.com/embed/x3dhMxf7-QM" frameborder="0" allowfullscreen></iframe></p>
<p>最近動画を扱うことが増えてきましたが、<br />
新たにこの360°動画も出てきそうですね！</p>
<p>観光、不動産、イベント、採用関係、等々使えそうなシーンはいろいろありそうです。</p>
<p>今後の発展に期待！！</p>
<p>360°カメラは以下になります。<br />
<a href="https://theta360.com/ja/" target="_blank" class="link">RICOH THETA</a><br />
<a href="http://kodakpixpro.com/Americas/cameras/actioncamera/sp360.php"  target="_blank" class="link">Kodak Digital Cameras | SP360 Action Camera</a></p>
<p>作り方やyoutubeへのアップロードは以下をご覧ください！<br />
<a href="https://theta360.com/ja/howto-youtube/" target="_blank" class="link">RICOH THETAで簡単にYouTubeへアップロードする方法 | RICOH THETA</a><br />
<a href="http://francepresent.com/360-panorama/" target="_blank" class="link">youtubeで360度すべて見渡せる動画が人気。その作り方は？</a></p>


YouTube360°がスゴい！！

<p>2週間前に紹介した<a href="/officer/mac%E3%81%AE%E6%96%B0%E3%81%97%E3%81%84%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%8B%E3%83%B3%E3%82%B0%E3%82%BD%E3%83%95%E3%83%88%E3%80%8Cmac-clean%E3%80%8D%E3%81%8C%E5%BC%B7%E5%8A%9B%E3%81%AB%E6%8E%83.html" target="_blank">mac向けのクリーニングソフト「Mac Clean」</a>ですが、その後またメールを頂戴しました。</p>
<p>「MacClean 2をリリースしたからまた宜しく！」と。<br />
press kitと称する公式のスクリーンショットを添えて。</p>
<p>製品リリースした際のこのマーケティングは見習うべきだなとすごく感心しました。<br />
常日頃から自社のことを調べつくしていないと企業ブログの一記事なんて見つけられないと思います。</p>
<p>ということでまた、新しい記事を紹介しておきます。</p>
<h2>追加機能</h2>
<p>UIの変更はあるものの基本の機能は、<a href="/officer/mac%E3%81%AE%E6%96%B0%E3%81%97%E3%81%84%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%8B%E3%83%B3%E3%82%B0%E3%82%BD%E3%83%95%E3%83%88%E3%80%8Cmac-clean%E3%80%8D%E3%81%8C%E5%BC%B7%E5%8A%9B%E3%81%AB%E6%8E%83.html" target="_blank">前回の記事</a>を参照して下さい。</p>
<p><a href="/uploads-archive/2015/07/Smart-Clean.png"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-7765" src="/uploads-archive/2015/07/Smart-Clean-300x200.png" alt="Smart-Clean" width="300" height="200" srcset="/uploads-archive/2015/07/Smart-Clean-300x200.png 300w, /uploads-archive/2015/07/Smart-Clean-228x152.png 228w, /uploads-archive/2015/07/Smart-Clean.png 900w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p><a href="/uploads-archive/2015/07/Utility.png"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-7766" src="/uploads-archive/2015/07/Utility-300x200.png" alt="Utility" width="300" height="200" srcset="/uploads-archive/2015/07/Utility-300x200.png 300w, /uploads-archive/2015/07/Utility-228x152.png 228w, /uploads-archive/2015/07/Utility.png 900w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>今回追加されたのは、ユーティリティというのが別メニューで用意されています。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2015/07/b2d8e63f38da63aa0829e67ab835ec88.png"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-7767" src="/uploads-archive/2015/07/b2d8e63f38da63aa0829e67ab835ec88-300x200.png" alt="スクリーンショット_2015_07_20_22_12" width="300" height="200" srcset="/uploads-archive/2015/07/b2d8e63f38da63aa0829e67ab835ec88-300x200.png 300w, /uploads-archive/2015/07/b2d8e63f38da63aa0829e67ab835ec88-228x152.png 228w, /uploads-archive/2015/07/b2d8e63f38da63aa0829e67ab835ec88.png 898w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p><a href="/uploads-archive/2015/07/400277ccc24852bd98f7099da5260503.png"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-7768" src="/uploads-archive/2015/07/400277ccc24852bd98f7099da5260503-300x200.png" alt="スクリーンショット_2015_07_20_22_12_1" width="300" height="200" srcset="/uploads-archive/2015/07/400277ccc24852bd98f7099da5260503-300x200.png 300w, /uploads-archive/2015/07/400277ccc24852bd98f7099da5260503-228x152.png 228w, /uploads-archive/2015/07/400277ccc24852bd98f7099da5260503.png 901w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>&nbsp;</p>
<p>press kitももらったのですが、英語だったので一応自分で取った日本語スクリーンショットを。</p>
<h3 id="-">掃除能力</h2>
<p><a href="/uploads-archive/2015/07/3dcff31d3e08cb70153b32f85e6b9cfb.jpg"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-7769" src="/uploads-archive/2015/07/3dcff31d3e08cb70153b32f85e6b9cfb-300x200.jpg" alt="スクリーンショット_2015_07_20_22_14" width="300" height="200" srcset="/uploads-archive/2015/07/3dcff31d3e08cb70153b32f85e6b9cfb-300x200.jpg 300w, /uploads-archive/2015/07/3dcff31d3e08cb70153b32f85e6b9cfb-228x152.jpg 228w, /uploads-archive/2015/07/3dcff31d3e08cb70153b32f85e6b9cfb.jpg 899w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>今回も相変わらずごっそり掃除してくれますね。<br />
Cookie等も全てクリアになり、あらゆるウェブサイトで再ログインが必要になるため、頻度を上げると少々面倒な面も否めませんが、大掃除と通常掃除のような使い分けかなと思います。</p>
<h3 id="-">まとめ</h2>
<p>画面右上にFreeの文字が出現したので、おそらく有料版を準備しているのでしょう。<br />
PCのクリーニングソフトでは、無料版でも高性能なものがたくさんありますので、どのような機能を積んでくるのか今後に期待です。</p>


Mac Cleanがメジャーバージョンアップ

キーボードブラウジングでWeb巡回をこなす

<p>iPhoneやMacbook proなどの画面でデモを表示させるjQueryプラグインを使ってみた。</p>
<p>ダウンロードはこちらから</p>
<p><a href="http://rm-labo.com/labo/devicemock/" target="_blank"> http://rm-labo.com/labo/devicemock/</a></p>
<p>&nbsp;</p>
<p><a class="demo" href="http://ud-ac.com/demo/hoshino/01/" target="_blank">デモ</a></p>
<p>&nbsp;</p>
<p>以下は設置方法</p>
<p>&nbsp;</p>
<h2>読み込み</h2>
<p></p>

		<div id="crayon-6495401589606535976815" 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;link href="jquery.devicemock/css/jquery.devicemock.css" rel="stylesheet" type="text/css"&gt;
&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="jquery.devicemock/jquery.devicemock.1.0.0.js"&gt;&lt;/script&gt;</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-6495401589606535976815-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401589606535976815-2">2</div><div class="crayon-num" data-line="crayon-6495401589606535976815-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-6495401589606535976815-1"><span class="crayon-r ">&lt;link </span><span class="crayon-e ">href</span>=<span class="crayon-s ">"jquery.devicemock/css/jquery.devicemock.css"</span><span class="crayon-h"> </span><span class="crayon-e ">rel</span>=<span class="crayon-s ">"stylesheet"</span><span class="crayon-h"> </span><span class="crayon-e ">type</span>=<span class="crayon-s ">"text/css"</span><span class="crayon-r ">&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401589606535976815-2"><span class="crayon-ta">&lt;script </span><span class="crayon-e ">src</span>=<span class="crayon-s">"https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"</span><span class="crayon-h">&gt;</span><span class="crayon-ta">&lt;/script&gt;</span></div><div class="crayon-line" id="crayon-6495401589606535976815-3"><span class="crayon-ta">&lt;script </span><span class="crayon-e ">type</span>=<span class="crayon-s">"text/javascript"</span><span class="crayon-h"> </span><span class="crayon-e ">src</span>=<span class="crayon-s">"jquery.devicemock/jquery.devicemock.1.0.0.js"</span><span class="crayon-h">&gt;</span><span class="crayon-ta">&lt;/script&gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>jQueryは1.11が良い模様</p>
<p>&nbsp;</p>
<h2>js呼び出し</h2>
<p></p>

		<div id="crayon-649540158960b910203848" 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()
{
	$('.demo').deviceMock(
	{
		type        : 'phone',
		size        : '5x',
		theme       : 'black',
		orientation : 'portrait' ,
		imgPath     : 'jquery.devicemock/img/',
		address     : '/'
	});
});</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-649540158960b910203848-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540158960b910203848-2">2</div><div class="crayon-num" data-line="crayon-649540158960b910203848-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540158960b910203848-4">4</div><div class="crayon-num" data-line="crayon-649540158960b910203848-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540158960b910203848-6">6</div><div class="crayon-num" data-line="crayon-649540158960b910203848-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540158960b910203848-8">8</div><div class="crayon-num" data-line="crayon-649540158960b910203848-9">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540158960b910203848-10">10</div><div class="crayon-num" data-line="crayon-649540158960b910203848-11">11</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540158960b910203848-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-649540158960b910203848-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-t">function</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540158960b910203848-2"><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-649540158960b910203848-3"><span class="crayon-h">	</span><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-s">'.demo'</span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">deviceMock</span><span class="crayon-sy">(</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540158960b910203848-4"><span class="crayon-h">	</span><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-649540158960b910203848-5"><span class="crayon-h">		</span><span class="crayon-i">type</span><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">'phone'</span><span class="crayon-sy">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540158960b910203848-6"><span class="crayon-h">		</span><span class="crayon-i">size</span><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">'5x'</span><span class="crayon-sy">,</span></div><div class="crayon-line" id="crayon-649540158960b910203848-7"><span class="crayon-h">		</span><span class="crayon-i">theme</span><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">'black'</span><span class="crayon-sy">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540158960b910203848-8"><span class="crayon-h">		</span><span class="crayon-i">orientation</span><span class="crayon-h"> </span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">'portrait'</span><span class="crayon-h"> </span><span class="crayon-sy">,</span></div><div class="crayon-line" id="crayon-649540158960b910203848-9"><span class="crayon-h">		</span><span class="crayon-i">imgPath</span><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp; </span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">'jquery.devicemock/img/'</span><span class="crayon-sy">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540158960b910203848-10"><span class="crayon-h">		</span><span class="crayon-i">address</span><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp; </span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">'/'</span></div><div class="crayon-line" id="crayon-649540158960b910203848-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-649540158960b910203848-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>
<h2>HTML</h2>
<p></p>

		<div id="crayon-649540158960c138825127" 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="demo1"&gt;
    &lt;iframe src="/" border=0 width=480 height=500 frameborder=0&gt;&lt;/iframe&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-649540158960c138825127-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540158960c138825127-2">2</div><div class="crayon-num" data-line="crayon-649540158960c138825127-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-649540158960c138825127-1"><span class="crayon-r ">&lt;div </span><span class="crayon-e ">class</span>=<span class="crayon-s ">"demo1"</span><span class="crayon-r ">&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540158960c138825127-2"><span class="crayon-i ">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-r ">&lt;iframe </span><span class="crayon-e ">src</span>=<span class="crayon-s ">"/"</span><span class="crayon-h"> </span>border=0<span class="crayon-h"> </span>width=480<span class="crayon-h"> </span>height=500<span class="crayon-h"> </span>frameborder=0<span class="crayon-r ">&gt;</span><span class="crayon-r ">&lt;/iframe&gt;</span></div><div class="crayon-line" id="crayon-649540158960c138825127-3"><span class="crayon-r ">&lt;/div&gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>widthとheightは適切なものを入れる必要有り</p>
<p>widthは100%でいけたが、heightの指定方法が不明。iPhoneの解像度を入れても微妙にずれてしまったりしたので</p>
<p>テストしながら使ったほうが良さそう</p>
<p>&nbsp;</p>
<h2>各パラメータ</h2>
<table>
<thead>
<tr>
<th>パラメータ</th>
<th>デフォルト値</th>
<th>説明</th>
</tr>
</thead>
<tbody>
<tr>
<th>type</th>
<td>browser</td>
<td><strong>browser</strong>,<br />
<strong>phone</strong>,<br />
<strong>tablet</strong>,<br />
<strong>desktop</strong>,<br />
or<br />
<strong>laptop</strong></td>
</tr>
<tr>
<th>size</th>
<td>3x</td>
<td><strong>1x</strong>,<br />
<strong>2x</strong>,<br />
<strong>3x</strong>,<br />
〜<br />
<strong>9x</strong></td>
</tr>
<tr>
<th>theme</th>
<td>black</td>
<td>phoneかtabletの時だけ使用可<strong>black</strong><br />
or<br />
<strong>white</strong></td>
</tr>
<tr>
<th>orientation</th>
<td>portrait</td>
<td>phoneかtabletの時だけ使用可<strong>black</strong><br />
or<br />
<strong>white</strong></td>
</tr>
<tr>
<th>address</th>
<td><span class="text-sub">none</span></td>
<td>phoneかtabletの時だけ使用可</p>
<p>example : &#8216;http://example.com&#8217;</td>
</tr>
<tr>
<th>imgPath</th>
<td>./jquery.devicemock/img/</td>
<td>付属のimgの場所example : &#8216;./assets/img/&#8217;</td>
</tr>
<tr>
<th>cssPrefix</th>
<td>df-</td>
<td>CSSのネームスペース-&gt; $prefix : &#8216;.df-&#8216;;</td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>
<h2>まとめ</h2>
<p>お客さん向けのエビデンスとして使えるかと思ったが、微妙なずれがあるようで</p>
<p>正確性が求められる場合は使えないかもしれない、、</p>

Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧

2015/08/18

2015/08/18

2015/08/18

2015/08/05

2015/08/05

2015/08/05

2015/08/04

2015/08/04

2015/07/29

2015/07/29

2015/07/29

2015/07/28

2015/07/28

2015/07/22

2015/07/22

2015/07/21

2015/07/21

2015/07/15