WebSocketを使ってチャットを作ってみる

<p>台東区で高齢者施設や児童館を運営している台東区社会福祉事業団が今年30週年を迎え、台東区長なども出席する式典が行われました。</p>
<p>弊社はこの式典に合わせて、記念動画や冊子、ロゴマークなどの制作を依頼いただいており、その関係で式典にも出席させていただきました。</p>
<p><img decoding="async" loading="lazy" class="aligncenter wp-image-12075" src="/uploads-archive/2016/09/IMG_0684-300x225.jpg" alt="img_0684" width="600" height="450" srcset="/uploads-archive/2016/09/IMG_0684-300x225.jpg 300w, /uploads-archive/2016/09/IMG_0684-768x576.jpg 768w, /uploads-archive/2016/09/IMG_0684-1024x768.jpg 1024w, /uploads-archive/2016/09/IMG_0684-228x171.jpg 228w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>台東区の花である朝顔の上に老人と子供を描いたロゴマーク。</p>
<p>&nbsp;</p>
<p><img decoding="async" loading="lazy" class="aligncenter wp-image-12079" src="/uploads-archive/2016/09/IMG_0679-300x225.jpg" alt="img_0679" width="600" height="450" srcset="/uploads-archive/2016/09/IMG_0679-300x225.jpg 300w, /uploads-archive/2016/09/IMG_0679-768x576.jpg 768w, /uploads-archive/2016/09/IMG_0679-1024x768.jpg 1024w, /uploads-archive/2016/09/IMG_0679-228x171.jpg 228w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>30周年記念動画。ご高評いただきました。</p>
<p>&nbsp;</p>
<p><img decoding="async" loading="lazy" class="aligncenter wp-image-12080" src="/uploads-archive/2016/09/IMG_0677-300x225.jpg" alt="img_0677" width="600" height="450" srcset="/uploads-archive/2016/09/IMG_0677-300x225.jpg 300w, /uploads-archive/2016/09/IMG_0677-768x576.jpg 768w, /uploads-archive/2016/09/IMG_0677-1024x768.jpg 1024w, /uploads-archive/2016/09/IMG_0677-228x171.jpg 228w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>区長を始め、議員の方や地域の要職にある方が大勢出席していました。</p>
<p>その他にも、事業団を支える街の方もたくさんいらっしゃっていました。</p>
<p>私は本来末席に座るべきでしたが、席が空いていなかったため、前列の真ん中のほうの席に座ってしまいました。</p>
<p>&nbsp;</p>
<p>台東区の福祉を支える事業団が、これからも40年、50年と歴史を刻んでいくことを祈念いたします。</p>


台東区社会福祉事業団30周年記念式典に参加してきました

<p>コンペナビが企画、運営をしました神奈川県小田原市様の「小田原PR動画コンテスト」のクロージング・セレモニーが行われました。</p>
<p>7月1日から動画の募集を始め、8月31日で一旦締め切り。</p>
<p>その後、9月1日から9月25日は一般投票が行えるようにして、お気に入りの動画に投票をしてもらえるシステムでした。</p>
<p>一般投票の結果をふまえて審査員による最終審査を行い、10月2日に小田原ダイナシティのキャナルステージで表彰式を行いました。</p>
<p><img decoding="async" loading="lazy" class="aligncenter wp-image-12112" src="/uploads-archive/2016/10/IMG_0795-1024x768.jpg" alt="img_0795" width="600" height="450" srcset="/uploads-archive/2016/10/IMG_0795-1024x768.jpg 1024w, /uploads-archive/2016/10/IMG_0795-300x225.jpg 300w, /uploads-archive/2016/10/IMG_0795-768x576.jpg 768w, /uploads-archive/2016/10/IMG_0795-228x171.jpg 228w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>今回のコンテストは、故・阿藤快さんが去年まで実行委員長を務めていた小田原映画祭とのコラボ企画だったので、表彰式も合同でした。</p>
<p>映画ファンや、関係者、地元メディアなど多くの方が詰めかけていました。</p>
<p><img decoding="async" loading="lazy" class="aligncenter wp-image-12110" src="/uploads-archive/2016/10/IMG_0811-1024x768.jpg" alt="img_0811" width="600" height="450" srcset="/uploads-archive/2016/10/IMG_0811-1024x768.jpg 1024w, /uploads-archive/2016/10/IMG_0811-300x225.jpg 300w, /uploads-archive/2016/10/IMG_0811-768x576.jpg 768w, /uploads-archive/2016/10/IMG_0811-228x171.jpg 228w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>コンテストのグランプリ、準グランプリの方たちです。</p>
<p>ショート部門グランプリはなんと地元の高校に通う18歳の女性。</p>
<p>「これまで放送部で動画制作をしていましたが、小田原でコンテストがあると知って、地元の良さを伝える動画を撮りたいと思い参加しました。まさか私がグランプリなんて信じられません。これからも映像を撮っていきたいです」</p>
<p>とインタビューに答えてくださいました。</p>
<p>&nbsp;</p>
<p>コンテスト動画は訴求力、拡散力はあるものの、撮影が大変なためなかなか応募数が集まらない傾向にあります。</p>
<p>今回は全国の300以上の高校、大学にちらしとポスターを配布することより、応募数の半数以上が学生のかたによるものでした。</p>
<p>応募された作品は、今後小田原市の広報に広く使われることになっています。</p>
<p>若い人が考える「小田原の魅力」が広く拡散することを願います。</p>
<p>&nbsp;</p>
<p>応募作品はこちらから見れます！</p>
<p><a href="http://odawara-prmovie.com/">http://odawara-prmovie.com/</a></p>
<p>&nbsp;</p>
<p>すごい蛇足ですが、セレモニーに参加する前に小田原城にも行ってきました。</p>
<p>10月1日にリニューアルされたそうで、すごい賑わいでしたよ！</p>
<p><img decoding="async" loading="lazy" class="aligncenter wp-image-12109" src="/uploads-archive/2016/10/IMG_0817-1024x768.jpg" alt="img_0817" width="600" height="450" srcset="/uploads-archive/2016/10/IMG_0817-1024x768.jpg 1024w, /uploads-archive/2016/10/IMG_0817-300x225.jpg 300w, /uploads-archive/2016/10/IMG_0817-768x576.jpg 768w, /uploads-archive/2016/10/IMG_0817-228x171.jpg 228w, /uploads-archive/2016/10/IMG_0817.jpg 1280w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>城にモロ被りした家族写真。</p>


小田原PR動画コンテスト　無事エンドロール！

<h2></h2>
<p>ＥＣサイトの成功例としてできるだけ最近に発表された内容をまとめてみました。</p>
<p>実際ただのリンク集になってしまいましたが、ＥＣサイトを立ち上げる際やテコ入れするにはヒントになると思います。</p>
<h2>大手モール内での上位ストア</h2>
<h3>2016年楽天上半期ランキング　受賞ショップ一覧</h3>
<p><a href="http://ranking.rakuten.co.jp/halfterm/shop/">http://ranking.rakuten.co.jp/halfterm/shop/</a></p>
<p>楽天市場より</p>
<p>&nbsp;</p>
<h3>2016年8月Yahoo!ショッピングベストストア</h3>
<p><a href="http://shopping.yahoo.co.jp/stores/">http://shopping.yahoo.co.jp/stores/</a></p>
<p>yahooショッピングより</p>
<p>&nbsp;</p>
<h3>Yahoo!ショッピングベストストアアワード2015</h3>
<p><a href="http://shopping.yahoo.co.jp/stores/beststores/year/">http://shopping.yahoo.co.jp/stores/beststores/year/</a></p>
<p>yahooショッピングより</p>
<p>&nbsp;</p>
<h2>ＥＣサイト全体でのランキング</h2>
<h3>【最新】EC売上ランキングまとめ2016年版~300社の合計売上は約3.2兆円</h3>
<p><a href="https://netshop.impress.co.jp/node/3532">https://netshop.impress.co.jp/node/3532</a></p>
<p>通信新聞より</p>
<p>&nbsp;</p>
<h3>2016年上半期サイト訪問者数ランキング</h3>
<p><a href="http://markezine.jp/article/detail/24962">http://markezine.jp/article/detail/24962</a></p>
<p>MarkeZineニュースより</p>
<p>&nbsp;</p>
<h3>世界で最もトラフィックが多いECサイトランキング！</h3>
<p><a href="https://benlyexpress.wordpress.com/2016/02/14/%E4%B8%96%E7%95%8C%E3%81%A7%E6%9C%80%E3%82%82%E3%83%88%E3%83%A9%E3%83%95%E3%82%A3%E3%83%83%E3%82%AF%E3%81%8C%E5%A4%9A%E3%81%84ec%E3%82%B5%E3%82%A4%E3%83%88%E3%83%A9%E3%83%B3%E3%82%AD%E3%83%B3%E3%82%B0/">https://benlyexpress.wordpress.com/2016/02/14/%E4%B8%96%E7%95%8C%E3%81%A7%E6%9C%80%E3%82%82%E3%83%88%E3%83%A9%E3%83%95%E3%82%A3%E3%83%83%E3%82%AF%E3%81%8C%E5%A4%9A%E3%81%84ec%E3%82%B5%E3%82%A4%E3%83%88%E3%83%A9%E3%83%B3%E3%82%AD%E3%83%B3%E3%82%B0/</a></p>
<p>BENLY越境ＥＣ最新情報より</p>
<p>&nbsp;</p>
<h2>ＥＣサイト制作企業・コンサル企業が開催する大賞やランキング</h2>
<h3>Eストア　ネットショップ大賞2016Summer</h3>
<p><a href="https://estore.co.jp/award/2016summer/">https://estore.co.jp/award/2016summer/</a></p>
<p>Eストアより</p>
<h3>JECCICA　ECサイトデザイン大賞2016</h3>
<p><a href="https://jeccica.jp/post-2289/">https://jeccica.jp/post-2289/</a></p>
<p>ジャパンEコマースコンサルタント協会より</p>


WechatPayを使ってみたい！日本で使える店を調べてみた

<p>たまにはミャンマーのことも触れたいなと、そこそこ大きめなミャンマーニュースが続いたのでご紹介です。</p>
<h2>ヤンゴン国際空港新ターミナルに12社</h2>
<p><a href="http://www.travelvision.jp/news/detail.php?id=74559" target="_blank">http://www.travelvision.jp/news/detail.php?id=74559</a></p>
<p>こちらの記事によると、2016年6月28日にソフトオープンした、ヤンゴン国際空港の新ターミナルに新たに乗り入れる航空会社が9社増えて12社になったとのこと。</p>
<p>私が訪緬した7月には既にオープンしていたが、まだ閑散としていて、まだ準備中なのかと思ったほどだったが、店舗も今後増えていくようで、利用してみたいところだが、唯一直通便があるANAは未だに旧ターミナルのようで、タイ経由のエアアジアなど利用しなければならないようである。</p>
<h2>イオン開業</h2>
<p><a href="http://www.aeon.info/news/2016_2/pdf/160929R_3.pdf" target="_blank">http://www.aeon.info/news/2016_2/pdf/160929R_3.pdf</a></p>
<p>続々とミャンマーに外資系企業が参入していますが、イオンが出店してくれるのは嬉しいですね。地場のスーパーですと「city mart」というところが一強ですが、是非どんどん出店して欲しいですね。駐在日本人向けになるのでしょうか？</p>
<p>ダウンタウンからは1時間くらい掛かりそうな距離にあります。</p>
<p>PDFからの抜粋になりますが、海外店舗もマレーシアとタイを筆頭に数多いですね。</p>
<p>今回の地場企業との合弁も多いことがわかりました。</p>
<p style="text-align: right;">(2016年9月30日現在)</p>
<table>
<thead>
<tr>
<th>法人名</th>
<th>合計</th>
<th>GMS</th>
<th>SM</th>
<th>その他*1</th>
<th>HP*2</th>
<th>モール型 SC 運営数</th>
</tr>
</thead>
<tbody>
<tr>
<th>イオンマレーシア</th>
<td>80</td>
<td>32</td>
<td>3</td>
<td>45</td>
<td>&#8211;</td>
<td>24</td>
</tr>
<tr>
<th>イオンビッグマレーシア</th>
<td>25</td>
<td>&#8211;</td>
<td>2</td>
<td>&#8211;</td>
<td>23</td>
<td>1</td>
</tr>
<tr>
<th>イオンタイランド</th>
<td>77</td>
<td>&#8211;</td>
<td>77</td>
<td>&#8211;</td>
<td>&#8211;</td>
<td>&#8211;</td>
</tr>
<tr>
<th>イオンベトナム</th>
<td>4</td>
<td>4</td>
<td>&#8211;</td>
<td>&#8211;</td>
<td>&#8211;</td>
<td>4</td>
</tr>
<tr>
<th>イオンカンボジア</th>
<td>1</td>
<td>1</td>
<td>&#8211;</td>
<td>&#8211;</td>
<td>&#8211;</td>
<td>1</td>
</tr>
<tr>
<th>イオンインドネシア</th>
<td>1</td>
<td>1</td>
<td>&#8211;</td>
<td>&#8211;</td>
<td>&#8211;</td>
<td>1</td>
</tr>
<tr>
<th>AEON Citimart</th>
<td>31</td>
<td>&#8211;</td>
<td>31</td>
<td>&#8211;</td>
<td>&#8211;</td>
<td>&#8211;</td>
</tr>
<tr>
<th>AEON Fivimart</th>
<td>25</td>
<td>&#8211;</td>
<td>25</td>
<td>&#8211;</td>
<td>&#8211;</td>
<td>&#8211;</td>
</tr>
<tr>
<th rowspan="2">アセアン事業計</th>
<td>244</td>
<td>38</td>
<td>138</td>
<td>45</td>
<td>23</td>
<td colspan="7">31</td>
</tr>
</tbody>
</table>


ミャンマーに新ターミナルとイオンが開業

<p>ネットショップの運営をしていると、注文番号や送り状番号などをコピーして管理画面で注文情報を検索するといった作業をよく行うと思います。</p>
<p>商品登録の際にも同じようにコピー&amp;ペーストを繰り返したりしますよね。実際、これが結構面倒くさい。</p>
<p>今回はそんな作業の効率を上げてくれるツールがあるのでご紹介させて頂きます、その名もClibor。</p>
<h2>Clibor クリップボードの履歴が表示される</h2>
<p><a href="/uploads-archive/2016/09/1-1.gif"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-12060" src="/uploads-archive/2016/09/1-1.gif" alt="1" width="255" height="100" /></a></p>
<p>どんなツールかというとコピーした履歴が表示されて、ペーストする内容をその中から選択する事ができます。</p>
<p>使い方としてはCliborを立ち上げておき、コピーをします。そしてCtrlを２回押すとクリップボートの履歴が表示されます、該当する内容を選択して後はペーストするだけです。</p>
<p>閉じる時はEscを押します。</p>
<p><a href="/uploads-archive/2016/09/2-1.gif"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-12084" src="/uploads-archive/2016/09/2-1.gif" alt="2" width="330" height="282" /></a></p>
<p>さらにクリップボード上で右クリックすれば内容を削除したりもできます。</p>
<p><a href="/uploads-archive/2016/09/3.gif"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-12086" src="/uploads-archive/2016/09/3.gif" alt="3" width="180" height="168" /></a></p>
<p>タスクバーから右クリックでCliborを終了できます。</p>
<p>ダウンロードは以下のＵＲＬから可能です。</p>
<p>http://forest.watch.impress.co.jp/library/software/clibor/</p>
<p>CliborはPCにインストールされずに、毎回exeファイルから起動するのでタスクバーなどに固定しておくと便利です。</p>


ネットショップ運営担当のかゆい所に手が届く！地味だけどスゴイ便利なツール Clibor

<p>CentOS6.7にて、SSL VersionをNSSからOpenSSLに変更する際に、curlのバージョンアップが必要があったため、それを記事にしてみました。</p>
<p>現状のバージョンは下記コマンドで確認できます。</p>

		<div id="crayon-6495402644bea586191189" 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;">
curl --version</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-6495402644bea586191189-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-6495402644bea586191189-1"><span class="crayon-i">curl</span><span class="crayon-h"> </span>--<span class="crayon-i">version</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>私が実行した環境では、curl 7.19.7でした。</p>
<p>いくつか必要なモジュールをインストールします。</p>

		<div id="crayon-6495402644bee322939001" 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;">
yum install openssl-devel libmetalink-devel libssh2-devel c-ares-devel lbzip2</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-6495402644bee322939001-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-6495402644bee322939001-1"><span class="crayon-e">yum </span><span class="crayon-e">install </span><span class="crayon-i">openssl</span>-<span class="crayon-e">devel </span><span class="crayon-i">libmetalink</span>-<span class="crayon-e">devel </span><span class="crayon-i">libssh2</span>-<span class="crayon-i">devel</span><span class="crayon-h"> </span><span class="crayon-i">c</span>-<span class="crayon-i">ares</span>-<span class="crayon-e">devel </span><span class="crayon-i">lbzip2</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p></p>
<p>curlのソースを落としてきます。<br />
最新のものは<br />
<a href="https://curl.haxx.se/download.html" target="_blank">https://curl.haxx.se/download.html</a><br />
より確認ができます。</p>

		<div id="crayon-6495402644bf0119489904" 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;">
wget https://curl.haxx.se/download/curl-7.50.3.tar.gz</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-6495402644bf0119489904-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-6495402644bf0119489904-1"><span class="crayon-e">wget </span><span class="crayon-i">https</span><span class="crayon-sy">:</span><span class="crayon-c">//curl.haxx.se/download/curl-7.50.3.tar.gz</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p></p>
<p>コンパイルし、インストールします。</p>

		<div id="crayon-6495402644bf1315921386" 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;">
tar xfvz curl-7.50.3.tar.gz
 cd curl-7.37.0
./configure --enable-libcurl-option
make
sudo make install</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-6495402644bf1315921386-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402644bf1315921386-2">2</div><div class="crayon-num" data-line="crayon-6495402644bf1315921386-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402644bf1315921386-4">4</div><div class="crayon-num" data-line="crayon-6495402644bf1315921386-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-6495402644bf1315921386-1"><span class="crayon-e">tar </span><span class="crayon-e">xfvz </span><span class="crayon-i">curl</span>-<span class="crayon-cn">7.50.3.tar.gz</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402644bf1315921386-2"><span class="crayon-h"> </span><span class="crayon-e">cd </span><span class="crayon-i">curl</span>-<span class="crayon-cn">7.37.0</span></div><div class="crayon-line" id="crayon-6495402644bf1315921386-3"><span class="crayon-sy">.</span>/<span class="crayon-i">configure</span><span class="crayon-h"> </span>--<span class="crayon-i">enable</span>-<span class="crayon-i">libcurl</span>-<span class="crayon-e">option</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402644bf1315921386-4"><span class="crayon-e">make</span></div><div class="crayon-line" id="crayon-6495402644bf1315921386-5"><span class="crayon-e">sudo </span><span class="crayon-e">make </span><span class="crayon-i">install</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p></p>
<p>以上で、インストールは終わりです。</p>

		<div id="crayon-6495402644bf2549218699" 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;">
curl --version</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-6495402644bf2549218699-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-6495402644bf2549218699-1"><span class="crayon-i">curl</span><span class="crayon-h"> </span>--<span class="crayon-i">version</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>にて、バージョンが変更されていれば、成功です。</p>

thumbnail_curl-logo.png

curl-logo.png

cURLの最新版をインストールする

<h3>バルクインサート／アップデートとは？</h3>
<div style="padding-left: 15px;">
  一言で言えば「一括でデータの挿入・更新をする」です。</p>
<p>  symfonyではDoctrineというモノを経由して<br />
  データの登録・更新処理をしています。</p></div>
<h3>メリットデメリット</h3>
<div style="padding-left: 15px;">
  メリット<br />
  一括でアプリケーション側から実施するためデータ更新のタイミングがズレない<br />
  一つでも失敗したら全て例外として”実行されない&#8221;</p>
<p>  デメリット<br />
  大量のデータ更新・登録の際にDBへの負荷が大きい<br />
  上記に伴って失敗したら何も更新されない</p></div>
<h3>デメリットの解消法</h3>
<div style="padding-left: 15px;">
  サーバーのスペック等によって一括処理のしきい値をアプリケーションレベルで設定する。</p>
<p>  以下はSymfonyのDoctrineを介した更新時の例</p>
<p></p>

		<div id="crayon-6495402644a10477269043" 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">PHP</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;">
  $em = $this-&gt;get('doctrine')-&gt;getEntityManager();
  $cnt = 0;
  $bulk_num = 10;// 同時に更新するデータの単位
  // 処理
  // 適当なループ
  foreach ($hoges as $hoge) {
      // 登録
      $em-&gt;persist($hoge);
      if (($cnt % $bulk_num) == ) {
          $em-&gt;flush();
      }
      $cnt++;
  }
  $em-&gt;flush();</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-6495402644a10477269043-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402644a10477269043-2">2</div><div class="crayon-num" data-line="crayon-6495402644a10477269043-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402644a10477269043-4">4</div><div class="crayon-num" data-line="crayon-6495402644a10477269043-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402644a10477269043-6">6</div><div class="crayon-num" data-line="crayon-6495402644a10477269043-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402644a10477269043-8">8</div><div class="crayon-num" data-line="crayon-6495402644a10477269043-9">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402644a10477269043-10">10</div><div class="crayon-num" data-line="crayon-6495402644a10477269043-11">11</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402644a10477269043-12">12</div><div class="crayon-num" data-line="crayon-6495402644a10477269043-13">13</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402644a10477269043-14">14</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-6495402644a10477269043-1"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-v">$em</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-v">$this</span>-<span class="crayon-h">&gt;</span><span class="crayon-e">get</span><span class="crayon-sy">(</span><span class="crayon-s">'doctrine'</span><span class="crayon-sy">)</span>-<span class="crayon-h">&gt;</span><span class="crayon-e">getEntityManager</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-6495402644a10477269043-2"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-v">$cnt</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-cn">0</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-6495402644a10477269043-3"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-v">$bulk_num</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-cn">10</span><span class="crayon-sy">;</span><span class="crayon-c">// 同時に更新するデータの単位</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402644a10477269043-4"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-c">// 処理</span></div><div class="crayon-line" id="crayon-6495402644a10477269043-5"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-c">// 適当なループ</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402644a10477269043-6"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-st">foreach</span><span class="crayon-h"> </span><span class="crayon-sy">(</span><span class="crayon-v">$hoges</span><span class="crayon-h"> </span><span class="crayon-st">as</span><span class="crayon-h"> </span><span class="crayon-v">$hoge</span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-6495402644a10477269043-7"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-c">// 登録</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402644a10477269043-8"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-v">$em</span>-<span class="crayon-h">&gt;</span><span class="crayon-e">persist</span><span class="crayon-sy">(</span><span class="crayon-v">$hoge</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-6495402644a10477269043-9"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-st">if</span><span class="crayon-h"> </span><span class="crayon-sy">(</span><span class="crayon-sy">(</span><span class="crayon-v">$cnt</span><span class="crayon-h"> </span><span class="crayon-sy">%</span><span class="crayon-h"> </span><span class="crayon-v">$bulk_num</span><span class="crayon-sy">)</span><span class="crayon-h"> </span>==<span class="crayon-h"> </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-6495402644a10477269043-10"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-v">$em</span>-<span class="crayon-h">&gt;</span><span class="crayon-e">flush</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-6495402644a10477269043-11"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-sy">}</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402644a10477269043-12"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-v">$cnt</span>++<span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-6495402644a10477269043-13"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-sy">}</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402644a10477269043-14"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-v">$em</span>-<span class="crayon-h">&gt;</span><span class="crayon-e">flush</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>  概要は<br />
  「データ登録毎にカウントしていき、しきい値に達した時点で初めて登録を実行する(flush)」</p></div>

symfonyでバルクインサート・アップデート

<p>自分向けのメモがてらまとめます。</p>
<p>中国向けの配送は日本郵便のEMSや下位サービスの航空便、一番安い船便などは知っていますが、その他、クロネコヤマトさんやDHLさんなどが提供する国際配送がありますが、その差がどのようにあるのか？主に値段や配送時間等のサービス面で比較してみます。</p>
<p>2016年9月時点で調べうる情報ということでご了承下さい。</p>
<p>軸が多くなってしまうので東京から上海へ2kgという前提で記載しています。</p>
<h2>国際郵便一覧</h2>
<table style="width: 961px;">
<thead>
<tr>
<th style="width: 61px;">事業者</th>
<th style="width: 70px;">サービス名</th>
<th style="width: 57px;">料金</th>
<th style="width: 26px;">配達期間</th>
<th style="width: 713px;">URL</th>
</tr>
</thead>
<tbody>
<tr>
<th style="width: 61px;" rowspan="4">日本郵便</th>
<td style="width: 70px;">EMS</td>
<td style="width: 57px;">¥3,300</td>
<td style="width: 26px;">2日</td>
<td style="width: 713px;">https://www.post.japanpost.jp/int/charge/list/ems_all.html</td>
</tr>
<tr>
<td style="width: 70px;">航空便</td>
<td style="width: 57px;">¥2,750</td>
<td style="width: 26px;">7日</td>
<td style="width: 713px;" rowspan="3">https://www.post.japanpost.jp/int/charge/list/parcel1.html#</td>
</tr>
<tr>
<td style="width: 70px;">SAL便</td>
<td style="width: 57px;">¥2,400</td>
<td style="width: 26px;">2週間前後</td>
</tr>
<tr>
<td style="width: 70px;">船便</td>
<td style="width: 57px;">¥1,900</td>
<td style="width: 26px;">1ヶ月前後</td>
</tr>
<tr>
<th style="width: 61px;">クロネコヤマト</th>
<td style="width: 70px;">国際宅急便</td>
<td style="width: 57px;">¥2,050</td>
<td style="width: 26px;">1週間前後</td>
<td style="width: 713px;">http://www.kuronekoyamato.co.jp/kokusaitakkyubin/kokusaitakkyubin.html</td>
</tr>
<tr>
<th style="width: 61px;">佐川急便</th>
<td style="width: 70px;">飛脚国際宅配便</td>
<td style="width: 57px;">¥7,700</td>
<td style="width: 26px;">4〜5日</td>
<td style="width: 713px;">http://www.sagawa-exp.co.jp/service/h-kokusai/</td>
</tr>
<tr>
<th style="width: 61px;">DHL</th>
<td style="width: 70px;">DHL エクスプレスワールドワイド</td>
<td style="width: 57px;">¥7,190</td>
<td style="width: 26px;">1日</td>
<td style="width: 713px;">http://www.dhl.co.jp/content/dam/downloads/jp/express/brochures/2012rate_transitguide_jp.pdf</td>
</tr>
<tr>
<th style="width: 61px;">FEDEX</th>
<td style="width: 70px;">フェデックス・インターナショナル・プライオリティ</td>
<td style="width: 57px;">¥9,620</td>
<td style="width: 26px;">3営業日</td>
<td style="width: 713px;">http://images.fedex.com/downloads/jp/rates/export_2016.pdf</td>
</tr>
<tr>
<th style="width: 61px;">UPS</th>
<td style="width: 70px;">UPSワールドワイド・<br />
エクスペダイテッド</td>
<td style="width: 57px;">¥11,400</td>
<td style="width: 26px;">3営業日</td>
<td style="width: 713px;">https://www.ups.com/media/ja/service_guide_jp.pdf</td>
</tr>
</tbody>
</table>
<p>ここから燃油サーチャージ料金の変動する料金が掛かります。</p>
<p>クロネコヤマトさん佐川急便さんに電話して質問したところ基本的に個人宅への配達は行っておらず、輸入ライセンスを持っている企業向けへのサービスであることがわかりました。</p>
<h2>ヤマトチャイナダイレクトという選択肢</h2>
<p>中国に限り、国際宅急便とは別にヤマトチャイナダイレクトというサービスがあります。</p>
<p><a href="https://www.y-logi.com/ygl/service/chinadirect/index.html" target="_blank">https://www.y-logi.com/ygl/service/chinadirect/index.html</a></p>
<p>上記ページからの抜粋になりますが国際宅急便はいわゆる下記のようなスキームになり、輸入ライセンスが必要だったりとBtoBでの配達が前提になっています。</p>
<p><img decoding="async" src="https://www.y-logi.com/ygl/service/chinadirect/images/image_04.png" /></p>
<p>そこでヤマトチャイナダイレクトのスキームは以下になります。</p>
<p>提携する郵便事業者を経由することにより、個人輸入スキームとなり、実質個人宅への配送も可能なようです。</p>
<p><img decoding="async" src="https://www.y-logi.com/ygl/service/chinadirect/images/image_05.png" /></p>
<p>日本側ではクロノゲートに持ち込むか国内の宅急便で送る必要があったり、中国郵便事業者を経由したりと少々煩雑にはなっています。</p>
<h2>まとめ</h2>
<p>BtoCでの配達は、今のところEMSかこのヤマトチャイナダイレクトに絞られることがわかりました。</p>
<p>EbayやAliexpressで海外通販を個人的に頻繁に行っているのですが、中国の知らない郵便事業者の梱包に包まれて、ゆうパックで送られてくるということがあったのですが、おそらくこの</p>
<p>国の郵便事業者が日本まで独自に運んでそこからの配送は日本郵便が担うという2段階スキームと一緒だということがわかりました。</p>


中国向けの国際配送を調べて見た。

small_nino-eye-1.jpg

thumbnail_nino-eye-1.jpg

nino-eye-1.jpg

【jQuery】アコーディオンメニューでコンテンツの表示位置がずれるのを防ぐ方法

<p>&nbsp;</p>
<p>Evernoteさんすいませんでした。</p>
<p>もう一度戻りたいです。</p>
<p>デバイス2台で使わせて頂きます。</p>
<p>なんなら課金します。</p>
<p>餅は餅屋なんだな〜と再認識しました。</p>
<p>アプリ内の遷移の仕方、整理の仕方の概念等々、細かい事はいいません。</p>
<p>Evernoteに戻りたいです。</p>
<p>&nbsp;</p>
<p>手順は公式が用意してくれていますが、アプリが進化しているのか手順が変わっていたので、ご紹介です。</p>
<p><a href="https://help.evernote.com/hc/ja/articles/217703298" target="_blank">https://help.evernote.com/hc/ja/articles/217703298</a></p>
<p>なお、エクスポート、インポート共に、Mac版のOnenoteとEvernoteでは対応しておりませんでした。</p>
<h2>Onenoteからエクスポート実は必要なし</h2>
<p><a href="/uploads-archive/2016/09/MEZAKI.png"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-12016" src="/uploads-archive/2016/09/MEZAKI-300x168.png" alt="mezaki" width="300" height="168" srcset="/uploads-archive/2016/09/MEZAKI-300x168.png 300w, /uploads-archive/2016/09/MEZAKI-768x430.png 768w, /uploads-archive/2016/09/MEZAKI-228x128.png 228w, /uploads-archive/2016/09/MEZAKI.png 955w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>&nbsp;</p>
<ol>
<li>
<blockquote><p>OneNote アプリ（Windows 版）を起動します。</p></blockquote>
</li>
<li>
<blockquote><p>「<strong>ファイル</strong>」メニューをクリックし「<strong>エクスポート</strong>」を選択します。</p></blockquote>
</li>
<li>
<blockquote><p>ページまたはセクション単位でエクスポートする場合は拡張子「<strong>*.one</strong>」、ノートブック全体をエクスポートする場合は拡張子「<strong>*.onepkg</strong>」を選択します。</p></blockquote>
</li>
<li>
<blockquote><p>「<strong>エクスポート</strong>」ボタンをクリックします。</p></blockquote>
</li>
<li>
<blockquote><p>ファイルを一時的に保存するフォルダを選択し、「<strong>保存</strong>」ボタンをクリックします。</p></blockquote>
</li>
</ol>
<p>公式サイトの手順通りですが、画面は上記になります。実はこれ必要ありません。</p>
<p>以下のEvernoteのインポートだけで十分です。</p>
<h2>Evernoteにインポートで全てが終わる</h2>
<p>&nbsp;</p>
<ol>
<li>
<blockquote><p>Evernote for Windows を起動します。</p></blockquote>
</li>
<li>
<blockquote><p>「<strong>ファイル</strong>」メニュー &gt;「<strong>インポート</strong>」&gt;「<strong>Microsoft OneNote</strong>」を選択します。</p></blockquote>
</li>
<li>
<blockquote><p>「<strong>セクションを選択</strong>」の項目にチェックを入れてから「<strong>OK</strong>」ボタンをクリックします。</p></blockquote>
</li>
<li>
<blockquote><p>同期ボタンをクリックすると、Evernote アカウントにデータが同期されます。</p></blockquote>
</li>
</ol>
<p><a href="/uploads-archive/2016/09/MEZAKI-2.png"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-12027" src="/uploads-archive/2016/09/MEZAKI-2-300x208.png" alt="mezaki-2" width="300" height="208" srcset="/uploads-archive/2016/09/MEZAKI-2-300x208.png 300w, /uploads-archive/2016/09/MEZAKI-2-228x158.png 228w, /uploads-archive/2016/09/MEZAKI-2.png 649w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>公式サイトの手順ですが、インポートからMicrosoft Onenoteを選ぶと</p>
<p><a href="/uploads-archive/2016/09/MEZAKI-3.png"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-12029" src="/uploads-archive/2016/09/MEZAKI-3-300x178.png" alt="mezaki-3" width="300" height="178" srcset="/uploads-archive/2016/09/MEZAKI-3-300x178.png 300w, /uploads-archive/2016/09/MEZAKI-3-228x135.png 228w, /uploads-archive/2016/09/MEZAKI-3.png 356w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>もう直接インポートしたいノートブックが選択出来ます。</p>
<p>以上。</p>
<h2>オマケ</h2>
<p><a href="/uploads-archive/2016/09/a0fd9477b4d49e50045eed74abd390f7.png"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-12032" src="/uploads-archive/2016/09/a0fd9477b4d49e50045eed74abd390f7-300x195.png" alt="%e3%82%a6%e3%82%a3%e3%83%b3%e3%83%88%e3%82%99%e3%82%a6_%e3%81%a8_evernote_basic" width="300" height="195" srcset="/uploads-archive/2016/09/a0fd9477b4d49e50045eed74abd390f7-300x195.png 300w, /uploads-archive/2016/09/a0fd9477b4d49e50045eed74abd390f7-768x500.png 768w, /uploads-archive/2016/09/a0fd9477b4d49e50045eed74abd390f7-1024x666.png 1024w, /uploads-archive/2016/09/a0fd9477b4d49e50045eed74abd390f7-228x148.png 228w, /uploads-archive/2016/09/a0fd9477b4d49e50045eed74abd390f7.png 1528w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>2台のアカウント制御は、既に実装されており、久しぶりにログインしたら他で同期していたものを選択しました。</p>
<p>意図的に、3台の端末でログインをしてみて同期ボタンを押すと</p>
<p><a href="/uploads-archive/2016/09/a5bc6c97026bd37fa86ae4e6b7f6d337.png"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-12033" src="/uploads-archive/2016/09/a5bc6c97026bd37fa86ae4e6b7f6d337-300x195.png" alt="%e3%82%a6%e3%82%a3%e3%83%b3%e3%83%88%e3%82%99%e3%82%a6_%e3%81%a8_evernote_basic-2" width="300" height="195" srcset="/uploads-archive/2016/09/a5bc6c97026bd37fa86ae4e6b7f6d337-300x195.png 300w, /uploads-archive/2016/09/a5bc6c97026bd37fa86ae4e6b7f6d337-768x500.png 768w, /uploads-archive/2016/09/a5bc6c97026bd37fa86ae4e6b7f6d337-1024x666.png 1024w, /uploads-archive/2016/09/a5bc6c97026bd37fa86ae4e6b7f6d337-228x148.png 228w, /uploads-archive/2016/09/a5bc6c97026bd37fa86ae4e6b7f6d337.png 1534w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>こんなポップアップが出て来る仕様になっておりました。</p>
<p>しばらくは、メインのPC1台、スマホ1台で他はウェブ版でログインするという仕様で過ごしてみたいと思います。</p>
<p>&nbsp;</p>
<p>※アイキャッチ画像は、一度OneNoteから舞い戻ってきたの図</p>
<p><a href="https://www.onenote.com/import-evernote-to-onenote" target="_blank">https://www.onenote.com/import-evernote-to-onenote</a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>


medium_onetoevernote.png

small_onetoevernote.png

thumbnail_onetoevernote.png

onetoevernote.png

【土下座】OnenoteからEvernoteに戻る方法【要Windows】

<p>「国際eパケット」とは、EMSより少し遅くて少し安いという郵便局が提供するサービスで、「国際eパケットライト」とは、国際eパケットより更に少し遅くて少し安いというサービスのようだ。</p>
<p>&nbsp;</p>
<p>国際eパケット</p>
<p>料金：<a href="https://www.post.japanpost.jp/whats_new/2012/0305_01_c03.pdf" target="_blank">https://www.post.japanpost.jp/whats_new/2012/0305_01_c03.pdf</a></p>
<p>日数：<a href="https://www.post.japanpost.jp/int/deli_days/normal/kanto.html" target="_blank">https://www.post.japanpost.jp/int/deli_days/normal/kanto.html</a></p>
<p>&nbsp;</p>
<p>国際eパケットライト</p>
<p>料金：<a href="http://www.post.japanpost.jp/notification/pressrelease/2016/00_honsha/0825_02_02.pdf" target="_blank">https://www.post.japanpost.jp/whats_new/2012/0305_01_c03.pdf</a></p>
<p>日数：2週間程度</p>
<p>&nbsp;</p>
<p>例えば香港まで500gの荷物を届ける場合、EMSだと2日で届くが1,400円かかる。</p>
<p>この場合、eパケットだと30%、eパケットライトだと45%安くなる。</p>
<p>日数はそれぞれeパケットだと5日、eパケットライトだと2週間程度となる。</p>
<p>&nbsp;</p>
<p>2週間はかかり過ぎな気はするが、100g単位の送料区分は商材によっては有利になる場合もありそうだ。</p>
<p>例えば当社でも扱っているあるカラコンは59 gなので、4箱で梱包材を入れても630円で送ることが出来る。</p>
<p>&nbsp;</p>
<p>但し、10月1日時点での発送対応国は米国、香港、韓国、シンガポール、ベトナム、ニュージーランドの6カ国だけなので注意が必要だ。</p>
<p>順次拡大予定とのことで、中国は来年になるとのことだ。</p>
<p>&nbsp;</p>
<p>EMSは6月に値上げした結果、5月よりも流通量が13%減ったらしいので、このような安い発送手段も顧客に選択させるような工夫をすると売上が上がるかもしれない。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>


10月1日より提供開始「国際eパケットライト」とは

<p>もともとCarrierWaveを使用してファイルをサーバーに保存していたものを、S3(Amazon Simple Storage Service)に変更する場合の手続きを記事にしてみました。</p>
<h2>AWS側での設定</h2>
<h3>S3でバケットの作成</h3>
<p>s3でのバケットの作成を行う。</p>
<h3>IAM(Identity and Access Management)にてユーザーの作成</h3>
<p>AWSのIAMにてユーザーの作成を行う。<br />
ユーザー作成を行った際に、Access Key Id、Secret Access Keyが発行されるので保存しておく（csvダウンロードできる）。<br />
また、アクセス許可からポリシーのアタッチができるので、AmazonS3FullAccessの付与を行っておく。</p>
<h2>Rails側での設定</h2>
<h3>Gemfileにfogの追加</h3>
<p>Gemfileに下記を追加。</p>

		<div id="crayon-64954026445ff472658899" 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;">
gem 'fog'</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-64954026445ff472658899-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-64954026445ff472658899-1"><span class="crayon-i">gem</span><span class="crayon-h"> </span><span class="crayon-s">'fog'</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p></p>
<h3>CarrierWaveのUploadクラスの修正</h3>
<h4>storage先の変更</h4>
<p></p>

		<div id="crayon-6495402644603480573714" 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;">
# Choose what kind of storage to use for this uploader:
# storage :file
storage :fog</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-6495402644603480573714-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402644603480573714-2">2</div><div class="crayon-num" data-line="crayon-6495402644603480573714-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-6495402644603480573714-1"><span class="crayon-p"># Choose what kind of storage to use for this uploader:</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402644603480573714-2"><span class="crayon-p"># storage :file</span></div><div class="crayon-line" id="crayon-6495402644603480573714-3"><span class="crayon-i">storage</span><span class="crayon-h"> </span><span class="crayon-sy">:</span><span class="crayon-i">fog</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>fogを使用する前は、storageがfileになっていると思うので、そちらをコメントアウトし、storage先をfogに変更します。</p>
<h3>CarrierWaveの設定ファイルの修正</h3>
<p>config/initializers/carrierwave.rb<br />
に追記を行う。もし、今までに作成していなければここで作成する（railsでCarrierWave導入時に自動作成はされない）。</p>
<p></p>

		<div id="crayon-6495402644605519607213" 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;">
CarrierWave.configure do |config|
  config.fog_credentials = {
    provider: 'AWS',
    aws_access_key_id: '{{ Access Key Id }}',
    aws_secret_access_key: '{{ Secret Access Key }}',
    region: '{{ region }}'
  }

  config.fog_directory = '{{ bucket name }}'
  config.asset_host = 'https://s3-{{ region }}.amazonaws.com/{{ bucket name }}'
end</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-6495402644605519607213-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402644605519607213-2">2</div><div class="crayon-num" data-line="crayon-6495402644605519607213-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402644605519607213-4">4</div><div class="crayon-num" data-line="crayon-6495402644605519607213-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402644605519607213-6">6</div><div class="crayon-num" data-line="crayon-6495402644605519607213-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402644605519607213-8">8</div><div class="crayon-num" data-line="crayon-6495402644605519607213-9">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402644605519607213-10">10</div><div class="crayon-num" data-line="crayon-6495402644605519607213-11">11</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-6495402644605519607213-1"><span class="crayon-i">CarrierWave</span><span class="crayon-sy">.</span><span class="crayon-e">configure </span><span class="crayon-st">do</span><span class="crayon-h"> </span><span class="crayon-sy">|</span><span class="crayon-i">config</span><span class="crayon-sy">|</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402644605519607213-2"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-i">config</span><span class="crayon-sy">.</span><span class="crayon-i">fog_credentials</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-6495402644605519607213-3"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">provider</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">'AWS'</span><span class="crayon-sy">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402644605519607213-4"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">aws_access_key_id</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">'{{ Access Key Id }}'</span><span class="crayon-sy">,</span></div><div class="crayon-line" id="crayon-6495402644605519607213-5"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">aws_secret_access_key</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">'{{ Secret Access Key }}'</span><span class="crayon-sy">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402644605519607213-6"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">region</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">'{{ region }}'</span></div><div class="crayon-line" id="crayon-6495402644605519607213-7"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-sy">}</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402644605519607213-8">&nbsp;</div><div class="crayon-line" id="crayon-6495402644605519607213-9"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-i">config</span><span class="crayon-sy">.</span><span class="crayon-i">fog_directory</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-s">'{{ bucket name }}'</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402644605519607213-10"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-i">config</span><span class="crayon-sy">.</span><span class="crayon-i">asset_host</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-s">'https://s3-{{ region }}.amazonaws.com/{{ bucket name }}'</span></div><div class="crayon-line" id="crayon-6495402644605519607213-11"><span class="crayon-st">end</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p></p>
<p>上記の設定を行う。<br />
{{ Access Key Id }}、{{ Secret Access Key }}　: IAM(Identity and Access Management)にてユーザーの作成にて、取得できる。<br />
{{ region }} :　東京リージョンであれば、ap-northeast-1などとなる。<br />
{{ bucket name }} : s3で作成したバケット名。<br />
開発環境によって、バケット名を変える場合はここで行うこともできる。</p>
<p>以上で設定はおわりで、アプリケーションから画像をアップロードすれば、S3にファイルがアップロードされる。</p>
<h2>おわりに</h2>
<p>carrierwaveやfogを使用しない場合は、aws-sdkを使用することになる。<br />
<a href="http://docs.aws.amazon.com/AWSRubySDK/latest/AWS.html" target="_blank">Module: AWS &#8211; http://docs.aws.amazon.com/AWSRubySDK/latest/AWS.html</a></p>

RailsのアプリケーションからS3にファイルをアップロードする

<p>http://open.weibo.com/sharebuttonFacebookのシェア、いいね、Twitter、はてブや、最近だとLINEも当たり前になってきたソーシャルボタン。</p>
<p>越境ECを推進している割に微博や微信のそれを設置したことが無かったので調べてみた。</p>
<p>&nbsp;</p>
<p>微博はすぐに見つけることができた。</p>
<p><a href="http://open.weibo.com/sharebutton" target="_blank">http://open.weibo.com/sharebutton</a></p>
<p>すごく簡単に設置できる。</p>
<p><a class="demo" href="/demo/hoshino/72/" target="_blank">デモ</a></p>
<p>&nbsp;</p>
<p>ちなみにWordpressのプラグインも複数出ているようだ。</p>
<p><a href="https://ja.wordpress.org/plugins/tags/weibo" target="_blank">https://ja.wordpress.org/plugins/tags/weibo</a></p>
<p>&nbsp;</p>
<p>ただ、微信は見つけることができなかった。</p>
<p>タイムラインもあるし使っている人が多いので、LINEで送るボタンみたいなものがありそうなものだが、私が調べた限りでは見つけられなかった。</p>
<p>&nbsp;</p>
<p>その他のソーシャルボタンについては、いろいろあり調べるのが大変そうだったが、便利なツールがあった。</p>
<p><a href="http://share.baidu.com/" target="_blank">http://share.baidu.com/</a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2016/09/share.baidu_.jpg"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-12024" src="/uploads-archive/2016/09/share.baidu_-300x242.jpg" alt="share-baidu" width="300" height="242" srcset="/uploads-archive/2016/09/share.baidu_-300x242.jpg 300w, /uploads-archive/2016/09/share.baidu_-768x619.jpg 768w, /uploads-archive/2016/09/share.baidu_-228x184.jpg 228w, /uploads-archive/2016/09/share.baidu_.jpg 785w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>① 形式を選ぶ</p>
<p>② デザインタイプを選ぶ</p>
<p>③ サイズを選ぶ</p>
<p>④ ドラッグアンドドロップで使用するボタンを選べる！</p>
<p>⑤ プレビュー</p>
<p>という簡単な流れで複数のソーシャルボタンが設置できる。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>いろいろあってまだまだ勉強が必要だなと反省しつつ、微博だけは標準でつけていかなければと痛感した</p>


微博のシェアボタンを設置してみる

<p>前回、iPhoneでウェブページ上でVideoをインライン再生する方法を紹介いたしましたが、<br />
iOS10から、正式に、SafariでHTML5のVideoをインラインで再生できるようになりました。</p>
<p>また、無音の設定をすれば、自動再生も許可されるようになりました。</p>
<p>↓参考記事</p>
<p><a class="link" href="http://qiita.com/tomoyukilabs/items/cb9dd1d3e7eb0cc7f58a" target="_blank">モバイルブラウザのビデオ再生がいろいろ変わるので確かめてみた &#8211; Qiita</a></p>
<p><a class="link" href="http://kimizuka.hatenablog.com/entry/2016/09/20/020824" target="_blank">iOS10のiPhoneのmobile Safariではビデオ要素（videoタグ）をインラインで再生できるようになったし、無音のビデオなら自動で再生できるようになった模様 &#8211; みかづきブログ その3</a></p>
<p>HTML5からVideoタグが利用できるようになり、動画を使ったサイトが作りやすくなりました。</p>
<p>しかし、iPhoneでの操作の制限(自動再生できない、再生するときに強制的に全画面になる)の問題で、<br />
スマホ向けサイトでは、HTML5でのVideoの利用方法が、制限されてきました。</p>
<p>しかし、今回のiOS10での変更でVideoのインライン再生と、無音の場合の自動再生が可能になったことで、ウェブページ上でのVideoの利用方法が広がって、動画をより自由に使ったサイトが増えそうです。</p>
<h2>方法</h2>
<p><a class="demo" href="/demo/ninomiya/119/">DEMO</a></p>
<h3>インライン再生</h3>
<p>videoタグに「playsinline」属性をつける。</p>

		<div id="crayon-6495402644302735672779" 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;video src="movie.mp4" id="video" playsinline&gt;&lt;/video&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-6495402644302735672779-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-6495402644302735672779-1"><span class="crayon-h">&lt;</span><span class="crayon-e">video </span><span class="crayon-i">src</span>=<span class="crayon-s">"movie.mp4"</span><span class="crayon-h"> </span><span class="crayon-i">id</span>=<span class="crayon-s">"video"</span><span class="crayon-h"> </span><span class="crayon-i">playsinline</span><span class="crayon-h">&gt;</span><span class="crayon-h">&lt;</span>/<span class="crayon-i">video</span><span class="crayon-h">&gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>&nbsp;</p>
<h3>無音での自動再生</h3>
<p>videoタグに「muted」属性と「autoplay」属性をつける。</p>

		<div id="crayon-6495402644307603085946" 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;video src="movie.mp4" id="video" muted autoplay&gt;&lt;/video&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-6495402644307603085946-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-6495402644307603085946-1"><span class="crayon-h">&lt;</span><span class="crayon-e">video </span><span class="crayon-i">src</span>=<span class="crayon-s">"movie.mp4"</span><span class="crayon-h"> </span><span class="crayon-i">id</span>=<span class="crayon-s">"video"</span><span class="crayon-h"> </span><span class="crayon-e">muted </span><span class="crayon-i">autoplay</span><span class="crayon-h">&gt;</span><span class="crayon-h">&lt;</span>/<span class="crayon-i">video</span><span class="crayon-h">&gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>&nbsp;</p>
<p>ただ、iOS10のSafari、Android4系の標準ブラウザではこの方法が使えるのですが、<br />
Chromeの場合、Andriod上ではインライン再生のみ可能、iOS上では、インライン再生、自動再生共に対応していないようです。</p>
<p>とはいえ、iOSのSafariで可能になったことから、Chrome上でも使える日は遠くはないのではないでしょうか。</p>

Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧

2016/10/05

2016/10/05

2016/10/05

2016/10/05

2016/10/05

2016/10/05

2016/09/28

2016/09/28

2016/09/28

2016/09/28

2016/09/28

2016/09/21

2016/09/21

2016/09/21

2016/09/21

2016/09/21

2016/09/21

2016/09/14