<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>

iOS10からiPhoneのSafariでHTML5のVideoをインラインで再生可能&#038;無音なら自動再生も！

ストアド・プロシージャを試してみる

iPhoneでもインラインでVideo再生する方法

<p>会社が引っ越しをして1周間と少しがたちました。</p>
<p>同じ高田馬場で数百メールしか離れていない引っ越しですが、それでも随分と見える景色も雰囲気も違うなぁと思っています。</p>
<p>個人的に高い問題意識を持っているのは、昼食をどうするか…</p>
<p>旧オフィス時代は、定食、中華、そば、ラーメン、パンなどと「これが食べたいときはココ！」とある程度決めていましたが、新オフィスでも自分なりの定番を見つけたいと思い、日々開拓中です。</p>
<p>みなさんの参考になればと思い、感想とともに共有しますね。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h3>神田川沿いのオシャレ店</h3>
<p><img decoding="async" loading="lazy" class="aligncenter wp-image-11983 size-large" src="/uploads-archive/2016/09/IMG_0555-e1473756783830-768x1024.jpg" alt="img_0555" width="768" height="1024" srcset="/uploads-archive/2016/09/IMG_0555-e1473756783830-768x1024.jpg 768w, /uploads-archive/2016/09/IMG_0555-e1473756783830-225x300.jpg 225w, /uploads-archive/2016/09/IMG_0555-e1473756783830-228x304.jpg 228w" sizes="(max-width: 768px) 100vw, 768px" /><br />
写真にはないですがスープ飲み放題でサラダもついてきます。<br />
でもちょっと高田馬場にしては小洒落た感が先行しているような気がしまして、量的にも物足りなかったですね。</p>
<h3>やったる</h3>
<p><img decoding="async" loading="lazy" class="aligncenter size-large wp-image-11984" src="/uploads-archive/2016/09/IMG_0599-1024x768.jpg" alt="img_0599" width="1024" height="768" srcset="/uploads-archive/2016/09/IMG_0599-1024x768.jpg 1024w, /uploads-archive/2016/09/IMG_0599-300x225.jpg 300w, /uploads-archive/2016/09/IMG_0599-768x576.jpg 768w, /uploads-archive/2016/09/IMG_0599-228x171.jpg 228w" sizes="(max-width: 1024px) 100vw, 1024px" /><br />
高田馬場内ではわりと有名なお店。<br />
早稲田ゼミナールの隣りにあります。<br />
ラーメン、つけ麺、油そばがありました。ランチ時は麺大盛り無料。<br />
http://r.gnavi.co.jp/frt1fjrv0000/</p>
<h3>安定の中華料理</h3>
<p><img decoding="async" loading="lazy" class="aligncenter size-large wp-image-11985" src="/uploads-archive/2016/09/IMG_0604-1024x768.jpg" alt="img_0604" width="1024" height="768" srcset="/uploads-archive/2016/09/IMG_0604-1024x768.jpg 1024w, /uploads-archive/2016/09/IMG_0604-300x225.jpg 300w, /uploads-archive/2016/09/IMG_0604-768x576.jpg 768w, /uploads-archive/2016/09/IMG_0604-228x171.jpg 228w" sizes="(max-width: 1024px) 100vw, 1024px" /><br />
中華はやっぱコスパいいですね～<br />
油淋鶏定食650円。ご飯大盛り無料です。<br />
お客さんは中国人ばかりなのをみても味は本場並。</p>
<h3>さくっとそば</h3>
<p><img decoding="async" loading="lazy" class="aligncenter wp-image-11986 size-full" src="/uploads-archive/2016/09/IMG_0607-e1473756804326.jpg" alt="img_0607" width="640" height="480" srcset="/uploads-archive/2016/09/IMG_0607-e1473756804326.jpg 640w, /uploads-archive/2016/09/IMG_0607-e1473756804326-300x225.jpg 300w, /uploads-archive/2016/09/IMG_0607-e1473756804326-228x171.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /><br />
OKストアにいく通り道にあるこじんまりしたお蕎麦屋さん。<br />
これは本日のサービスで、そば＋麻婆豆腐丼。<br />
おじちゃんとおばちゃんの接客が◎</p>
<h3>カキフライがうまい</h3>
<p>写真無いですが、目崎さんと一緒にいった瀬戸内食堂olive。カキフライ定食が美味しかったです。<br />
ご飯大盛り無料で900円。<br />
<a href="http://r.gnavi.co.jp/a848601/">http://r.gnavi.co.jp/a848601/</a><br />
&nbsp;</p>
<h3>名無し</h3>
<p><img decoding="async" loading="lazy" class="aligncenter size-large wp-image-11981" src="/uploads-archive/2016/09/IMG_0543-1024x768.jpg" alt="img_0543" width="1024" height="768" srcset="/uploads-archive/2016/09/IMG_0543-1024x768.jpg 1024w, /uploads-archive/2016/09/IMG_0543-300x225.jpg 300w, /uploads-archive/2016/09/IMG_0543-768x576.jpg 768w, /uploads-archive/2016/09/IMG_0543-228x171.jpg 228w" sizes="(max-width: 1024px) 100vw, 1024px" /></p>
<p>&nbsp;</p>


会社引っ越し後の大問題について

<p>仮想環境であるVagrantへ同じwifi環境下にある他の端末から接続する方法を記事にしてみました。</p>
<h2>Vagrantfileの編集</h2>
<p>Vagrantfileを下記のように編集します。</p>

		<div id="crayon-6495402643ce6084678411" 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;">
config.vm.network "public_network"</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-6495402643ce6084678411-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-6495402643ce6084678411-1"><span class="crayon-i">config</span><span class="crayon-sy">.</span><span class="crayon-i">vm</span><span class="crayon-sy">.</span><span class="crayon-i">network</span><span class="crayon-h"> </span><span class="crayon-s">"public_network"</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>&nbsp;</p>
<h2>Vagranの起動・再起動</h2>
<p>vagrantの起動あるいは再起動を行います。<br />
実行すると、下記のように問われるので１を選択します。</p>

		<div id="crayon-6495402643cea378820774" 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;">
==&gt; default: Available bridged network interfaces:
1) en0: Wi-Fi (AirPort)
2) en1: Thunderbolt 1
3) en2: Thunderbolt 2
4) p2p0
5) awdl0
6) bridge0
==&gt; default: When choosing an interface, it is usually the one that is
==&gt; default: being used to connect to the internet.
    default: Which interface should the network bridge to? 1
==&gt; default: Preparing network interfaces based on configuration...</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-6495402643cea378820774-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402643cea378820774-2">2</div><div class="crayon-num" data-line="crayon-6495402643cea378820774-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402643cea378820774-4">4</div><div class="crayon-num" data-line="crayon-6495402643cea378820774-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402643cea378820774-6">6</div><div class="crayon-num" data-line="crayon-6495402643cea378820774-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402643cea378820774-8">8</div><div class="crayon-num" data-line="crayon-6495402643cea378820774-9">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402643cea378820774-10">10</div><div class="crayon-num" data-line="crayon-6495402643cea378820774-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-6495402643cea378820774-1">==<span class="crayon-h">&gt;</span><span class="crayon-h"> </span><span class="crayon-st">default</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-e">Available </span><span class="crayon-e">bridged </span><span class="crayon-e">network </span><span class="crayon-i">interfaces</span><span class="crayon-sy">:</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402643cea378820774-2"><span class="crayon-cn">1</span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-i">en0</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i">Wi</span>-<span class="crayon-e">Fi</span><span class="crayon-h"> </span><span class="crayon-sy">(</span><span class="crayon-i">AirPort</span><span class="crayon-sy">)</span></div><div class="crayon-line" id="crayon-6495402643cea378820774-3"><span class="crayon-cn">2</span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-i">en1</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i">Thunderbolt</span><span class="crayon-h"> </span><span class="crayon-cn">1</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402643cea378820774-4"><span class="crayon-cn">3</span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-i">en2</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i">Thunderbolt</span><span class="crayon-h"> </span><span class="crayon-cn">2</span></div><div class="crayon-line" id="crayon-6495402643cea378820774-5"><span class="crayon-cn">4</span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-i">p2p0</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402643cea378820774-6"><span class="crayon-cn">5</span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-i">awdl0</span></div><div class="crayon-line" id="crayon-6495402643cea378820774-7"><span class="crayon-cn">6</span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-i">bridge0</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402643cea378820774-8">==<span class="crayon-h">&gt;</span><span class="crayon-h"> </span><span class="crayon-st">default</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-e">When </span><span class="crayon-e">choosing </span><span class="crayon-e">an </span><span class="crayon-t">interface</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-e">it </span><span class="crayon-st">is</span><span class="crayon-h"> </span><span class="crayon-e">usually </span><span class="crayon-e">the </span><span class="crayon-e">one </span><span class="crayon-e">that </span><span class="crayon-st">is</span></div><div class="crayon-line" id="crayon-6495402643cea378820774-9">==<span class="crayon-h">&gt;</span><span class="crayon-h"> </span><span class="crayon-st">default</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-e">being </span><span class="crayon-e">used </span><span class="crayon-st">to</span><span class="crayon-h"> </span><span class="crayon-e">connect </span><span class="crayon-st">to</span><span class="crayon-h"> </span><span class="crayon-e">the </span><span class="crayon-i">internet</span><span class="crayon-sy">.</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402643cea378820774-10"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-st">default</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-e">Which </span><span class="crayon-t">interface</span><span class="crayon-h"> </span><span class="crayon-e">should </span><span class="crayon-e">the </span><span class="crayon-e">network </span><span class="crayon-e">bridge </span><span class="crayon-st">to</span><span class="crayon-sy">?</span><span class="crayon-h"> </span><span class="crayon-cn">1</span></div><div class="crayon-line" id="crayon-6495402643cea378820774-11">==<span class="crayon-h">&gt;</span><span class="crayon-h"> </span><span class="crayon-st">default</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-e">Preparing </span><span class="crayon-e">network </span><span class="crayon-e">interfaces </span><span class="crayon-e">based </span><span class="crayon-e">on </span><span class="crayon-i">configuration</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>
<h2>DHCPアドレスの確認</h2>
<p>vagrantに接続し、ifconfigコマンドによりDHCPにより割りあてられたipアドレスを確認します。</p>

		<div id="crayon-6495402643cec778779991" 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;">
ifconfig | grep "inet addr"
          inet addr:10.0.2.15  Bcast:10.0.2.255  Mask:255.255.255.0
          inet addr:192.168.33.101  Bcast:192.168.33.255  Mask:255.255.255.0
          inet addr:192.168.31.223  Bcast:192.168.31.255  Mask:255.255.255.0
          inet addr:127.0.0.1  Mask:255.0.0.0</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-6495402643cec778779991-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402643cec778779991-2">2</div><div class="crayon-num" data-line="crayon-6495402643cec778779991-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402643cec778779991-4">4</div><div class="crayon-num" data-line="crayon-6495402643cec778779991-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-6495402643cec778779991-1"><span class="crayon-i">ifconfig</span><span class="crayon-h"> </span><span class="crayon-sy">|</span><span class="crayon-h"> </span><span class="crayon-i">grep</span><span class="crayon-h"> </span><span class="crayon-s">"inet addr"</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402643cec778779991-2"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-e">inet </span><span class="crayon-i">addr</span><span class="crayon-sy">:</span><span class="crayon-cn">10.0.2.15</span><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-i">Bcast</span><span class="crayon-sy">:</span><span class="crayon-cn">10.0.2.255</span><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-i">Mask</span><span class="crayon-sy">:</span><span class="crayon-cn">255.255.255.0</span></div><div class="crayon-line" id="crayon-6495402643cec778779991-3"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-e">inet </span><span class="crayon-i">addr</span><span class="crayon-sy">:</span><span class="crayon-cn">192.168.33.101</span><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-i">Bcast</span><span class="crayon-sy">:</span><span class="crayon-cn">192.168.33.255</span><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-i">Mask</span><span class="crayon-sy">:</span><span class="crayon-cn">255.255.255.0</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402643cec778779991-4"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-e">inet </span><span class="crayon-i">addr</span><span class="crayon-sy">:</span><span class="crayon-cn">192.168.31.223</span><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-i">Bcast</span><span class="crayon-sy">:</span><span class="crayon-cn">192.168.31.255</span><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-i">Mask</span><span class="crayon-sy">:</span><span class="crayon-cn">255.255.255.0</span></div><div class="crayon-line" id="crayon-6495402643cec778779991-5"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-e">inet </span><span class="crayon-i">addr</span><span class="crayon-sy">:</span><span class="crayon-cn">127.0.0.1</span><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-i">Mask</span><span class="crayon-sy">:</span><span class="crayon-cn">255.0.0.0</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>上の状況の場合、192.168.31.223が割り当てられたアドレスです。</p>
<p>以上で設定は終わりで、他の端末より192.168.31.223にアクセスすることが可能となります。</p>
<h2>参考</h2>
<p><a href="https://www.vagrantup.com/docs/networking/public_network.html">Public Networks &#8211; Networking &#8211; Vagrant by HashiCorp</a></p>

Vagrantのpublic networkを使用する

<p>古いiphone5を引っ張りだしてきて、ポケモンGO専用端末として使っていたのですが、バッテリーがボコッと膨らんでしまったのが、下図です。</p>
<p><a href="/uploads-archive/2016/09/IMG_20160906_213207_HHT.jpg"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-11953" src="/uploads-archive/2016/09/IMG_20160906_213207_HHT-300x225.jpg" alt="img_20160906_213207_hht" width="300" height="225" srcset="/uploads-archive/2016/09/IMG_20160906_213207_HHT-300x225.jpg 300w, /uploads-archive/2016/09/IMG_20160906_213207_HHT-768x576.jpg 768w, /uploads-archive/2016/09/IMG_20160906_213207_HHT-1024x768.jpg 1024w, /uploads-archive/2016/09/IMG_20160906_213207_HHT-228x171.jpg 228w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>最初は液晶から光が漏れていて何事かと思ったのですが、iphone5は特にバッテリー膨張問題があることが分かりました。3年以上前の端末なので、バッテリーも劣化していたのだろうと思いました。</p>
<p>ここでハードウェア好きのDIY魂がうずいてしまい、自分でバッテリー交換に挑戦してみることにしました。</p>
<h2>バッテリーの調達</h2>
<p>まずはここからですね。</p>
<p><a href="http://www.aliexpress.com/item/100-Original-Brand-KHP-Phone-Battery-For-iphone-5-Real-Capacity-1440mAh-With-Machine-Tools-Kit/32654956371.html" target="_blank">http://www.aliexpress.com/item/100-Original-Brand-KHP-Phone-Battery-For-iphone-5-Real-Capacity-1440mAh-With-Machine-Tools-Kit/32654956371.html</a></p>
<p>私はいつも愛用している海外通販のモールAliexpressで調達です。グローバル展開されている製品のアクセサリーは、一番安く購入できると思います。</p>
<p>オーダーの数と評価を見ることが出来るので、最安値だけで探すのではなく、オーダーの数と評価のバランスが取れている所を探して、今回は、工具も欲しかったので、上記ショップの商品に決めました。</p>
<h2>交換手順</h2>
<p>2〜3週間程度待つと到着しました。無料配送を選択すると追跡も出来ないようなエアーメールのようなサービスで配送されるので気長に待つ必要があります。</p>
<p><a href="/uploads-archive/2016/09/IMG_20160906_223813_HHT.jpg"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-11955" src="/uploads-archive/2016/09/IMG_20160906_223813_HHT-225x300.jpg" alt="img_20160906_223813_hht" width="225" height="300" srcset="/uploads-archive/2016/09/IMG_20160906_223813_HHT-225x300.jpg 225w, /uploads-archive/2016/09/IMG_20160906_223813_HHT-768x1024.jpg 768w, /uploads-archive/2016/09/IMG_20160906_223813_HHT-228x304.jpg 228w" sizes="(max-width: 225px) 100vw, 225px" /></a></p>
<p>バッテリー本体と</p>
<p><a href="/uploads-archive/2016/09/IMG_20160906_221202_HHT.jpg"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-11954" src="/uploads-archive/2016/09/IMG_20160906_221202_HHT-225x300.jpg" alt="img_20160906_221202_hht" width="225" height="300" srcset="/uploads-archive/2016/09/IMG_20160906_221202_HHT-225x300.jpg 225w, /uploads-archive/2016/09/IMG_20160906_221202_HHT-768x1024.jpg 768w, /uploads-archive/2016/09/IMG_20160906_221202_HHT-228x304.jpg 228w" sizes="(max-width: 225px) 100vw, 225px" /></a></p>
<p>工具一式が届きました。</p>
<p>あとは、事前に調べておいた手順で進めていきます。</p>
<p><a href="/uploads-archive/2016/09/IMG_20160906_221312_HHT.jpg"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-11956" src="/uploads-archive/2016/09/IMG_20160906_221312_HHT-225x300.jpg" alt="img_20160906_221312_hht" width="225" height="300" srcset="/uploads-archive/2016/09/IMG_20160906_221312_HHT-225x300.jpg 225w, /uploads-archive/2016/09/IMG_20160906_221312_HHT-768x1024.jpg 768w, /uploads-archive/2016/09/IMG_20160906_221312_HHT-228x304.jpg 228w" sizes="(max-width: 225px) 100vw, 225px" /></a></p>
<p>まずここが星形のネジになっていて、付属の専用ドライバーでサクッと両方外します。</p>
<p><a href="/uploads-archive/2016/09/IMG_20160906_221426_HHT.jpg"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-11957" src="/uploads-archive/2016/09/IMG_20160906_221426_HHT-225x300.jpg" alt="img_20160906_221426_hht" width="225" height="300" srcset="/uploads-archive/2016/09/IMG_20160906_221426_HHT-225x300.jpg 225w, /uploads-archive/2016/09/IMG_20160906_221426_HHT-768x1024.jpg 768w, /uploads-archive/2016/09/IMG_20160906_221426_HHT-228x304.jpg 228w" sizes="(max-width: 225px) 100vw, 225px" /></a></p>
<p>ネジを外すと少しだけ浮くのでそこにギターのピックのようなものを差し込んでテコの原理でグリグリ広げます。</p>
<p><a href="/uploads-archive/2016/09/IMG_20160906_221511_HHT.jpg"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-11958" src="/uploads-archive/2016/09/IMG_20160906_221511_HHT-225x300.jpg" alt="img_20160906_221511_hht" width="225" height="300" srcset="/uploads-archive/2016/09/IMG_20160906_221511_HHT-225x300.jpg 225w, /uploads-archive/2016/09/IMG_20160906_221511_HHT-768x1024.jpg 768w, /uploads-archive/2016/09/IMG_20160906_221511_HHT-228x304.jpg 228w" sizes="(max-width: 225px) 100vw, 225px" /></a></p>
<p>下半分をグリグリ開けていくと、もう少しで開きそうな感じが出てくるのでここまで来たら液晶につけた吸盤でグイッと引っ張るのですが、最初は力加減が難しく割ってしまわないか不安になりながら恐る恐る開きます。</p>
<p><a href="/uploads-archive/2016/09/IMG_20160906_221541_HHT.jpg"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-11959" src="/uploads-archive/2016/09/IMG_20160906_221541_HHT-225x300.jpg" alt="img_20160906_221541_hht" width="225" height="300" srcset="/uploads-archive/2016/09/IMG_20160906_221541_HHT-225x300.jpg 225w, /uploads-archive/2016/09/IMG_20160906_221541_HHT-768x1024.jpg 768w, /uploads-archive/2016/09/IMG_20160906_221541_HHT-228x304.jpg 228w" sizes="(max-width: 225px) 100vw, 225px" /></a></p>
<p>ある程度までいくとパカっと開きます。バッテリーのお目見えです。</p>
<p><a href="/uploads-archive/2016/09/IMG_20160906_221658.jpg"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-11960" src="/uploads-archive/2016/09/IMG_20160906_221658-225x300.jpg" alt="img_20160906_221658" width="225" height="300" srcset="/uploads-archive/2016/09/IMG_20160906_221658-225x300.jpg 225w, /uploads-archive/2016/09/IMG_20160906_221658-768x1024.jpg 768w, /uploads-archive/2016/09/IMG_20160906_221658-228x304.jpg 228w" sizes="(max-width: 225px) 100vw, 225px" /></a></p>
<p>次に赤枠囲ったバッテリーを留めているネジをもう一つのドライバーで開けます。</p>
<p><a href="/uploads-archive/2016/09/IMG_20160906_221832_HHT.jpg"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-11961" src="/uploads-archive/2016/09/IMG_20160906_221832_HHT-225x300.jpg" alt="img_20160906_221832_hht" width="225" height="300" srcset="/uploads-archive/2016/09/IMG_20160906_221832_HHT-225x300.jpg 225w, /uploads-archive/2016/09/IMG_20160906_221832_HHT-768x1024.jpg 768w, /uploads-archive/2016/09/IMG_20160906_221832_HHT-228x304.jpg 228w" sizes="(max-width: 225px) 100vw, 225px" /></a></p>
<p>ここまで星形のネジを2個とプラスのネジを3個外しただけになります。うん、簡単。</p>
<p><a href="/uploads-archive/2016/09/IMG_20160906_221925_HHT.jpg"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-11962" src="/uploads-archive/2016/09/IMG_20160906_221925_HHT-225x300.jpg" alt="img_20160906_221925_hht" width="225" height="300" srcset="/uploads-archive/2016/09/IMG_20160906_221925_HHT-225x300.jpg 225w, /uploads-archive/2016/09/IMG_20160906_221925_HHT-768x1024.jpg 768w, /uploads-archive/2016/09/IMG_20160906_221925_HHT-228x304.jpg 228w" sizes="(max-width: 225px) 100vw, 225px" /></a></p>
<p>最後に長いヘラの工具でバッテリー自体の糊付けをグイグイ剥がしていきます。液晶とはちがうのでこのあたり結構強引にいっちゃいます。</p>
<p><a href="/uploads-archive/2016/09/IMG_20160906_222049_HHT.jpg"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-11963" src="/uploads-archive/2016/09/IMG_20160906_222049_HHT-300x225.jpg" alt="img_20160906_222049_hht" width="300" height="225" srcset="/uploads-archive/2016/09/IMG_20160906_222049_HHT-300x225.jpg 300w, /uploads-archive/2016/09/IMG_20160906_222049_HHT-768x576.jpg 768w, /uploads-archive/2016/09/IMG_20160906_222049_HHT-1024x768.jpg 1024w, /uploads-archive/2016/09/IMG_20160906_222049_HHT-228x171.jpg 228w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>手前が新品で奥が取り外したものですが、かなり膨らんでいるのが分かります。</p>
<p><a href="/uploads-archive/2016/09/IMG_20160906_223346_HHT.jpg"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-11964" src="/uploads-archive/2016/09/IMG_20160906_223346_HHT-225x300.jpg" alt="img_20160906_223346_hht" width="225" height="300" srcset="/uploads-archive/2016/09/IMG_20160906_223346_HHT-225x300.jpg 225w, /uploads-archive/2016/09/IMG_20160906_223346_HHT-768x1024.jpg 768w, /uploads-archive/2016/09/IMG_20160906_223346_HHT-228x304.jpg 228w" sizes="(max-width: 225px) 100vw, 225px" /></a></p>
<p>あとは、バッテリーを入れ替えて逆の手順で閉めていくだけなのですが。</p>
<p>&nbsp;</p>
<p>あれれ</p>
<p>・</p>
<p>・</p>
<p>・</p>
<p>・</p>
<p>・</p>
<p>バッテリーが収まらない。結構強引に入れても収まらない。。。。。。</p>
<p><a href="/uploads-archive/2016/09/IMG_20160906_223416_HHT.jpg"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-11965" src="/uploads-archive/2016/09/IMG_20160906_223416_HHT-300x225.jpg" alt="img_20160906_223416_hht" width="300" height="225" srcset="/uploads-archive/2016/09/IMG_20160906_223416_HHT-300x225.jpg 300w, /uploads-archive/2016/09/IMG_20160906_223416_HHT-768x576.jpg 768w, /uploads-archive/2016/09/IMG_20160906_223416_HHT-1024x768.jpg 1024w, /uploads-archive/2016/09/IMG_20160906_223416_HHT-228x171.jpg 228w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>よく見るとコネクタ部分もちょっと違う。</p>
<p>どういうこと？？？？</p>
<p>と5分位格闘して分かったのですが、</p>
<p><a href="/uploads-archive/2016/09/IMG_20160906_223430_HHT.jpg"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-11971" src="/uploads-archive/2016/09/IMG_20160906_223430_HHT-225x300.jpg" alt="img_20160906_223430_hht" width="225" height="300" srcset="/uploads-archive/2016/09/IMG_20160906_223430_HHT-225x300.jpg 225w, /uploads-archive/2016/09/IMG_20160906_223430_HHT-228x304.jpg 228w, /uploads-archive/2016/09/IMG_20160906_223430_HHT.jpg 600w" sizes="(max-width: 225px) 100vw, 225px" /></a></p>
<p><span style="font-size: 36pt;">5S</span></p>
<p><a href="/uploads-archive/2016/09/IMG_20160906_223813_HHT-1.jpg"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-11973" src="/uploads-archive/2016/09/IMG_20160906_223813_HHT-1-225x300.jpg" alt="img_20160906_223813_hht" width="225" height="300" srcset="/uploads-archive/2016/09/IMG_20160906_223813_HHT-1-225x300.jpg 225w, /uploads-archive/2016/09/IMG_20160906_223813_HHT-1-228x304.jpg 228w, /uploads-archive/2016/09/IMG_20160906_223813_HHT-1.jpg 600w" sizes="(max-width: 225px) 100vw, 225px" /></a></p>
<p><span style="font-size: 36pt;">5S</span></p>
<p>なんと、5用のバッテリーを注文したはずが、5S用のバッテリーが届いているというオチでした。</p>
<p>Aliexpressで上記の写真を証拠として添付して、無事返金申請が通りましたとさ。</p>
<h2>まとめ</h2>
<p>バッテリー交換自体の所要時間は15分くらいです。ネジはたった5個であとは、糊付けを無理矢理剥がす必要があるだけです。</p>
<p>もちろん開けてしまっては保証の対象外となりますのでくれずれも自己責任でお願いします。</p>
<p>海外通販の落とし穴に見事ハマる結果となりましたが、いい勉強になりました。</p>
<p>ちなみに、iphoneのバッテリー交換の相場を調べてみると・・・・iphone5は5千円前後で6sになると難易度があがるのかニーズがあるからなのか8千円程度までいくようです。いずれにしてもいい商売ですね！</p>


【所要時間15分】iphoneのバッテリーを交換してみた

<h3>多言語対応</h3>
<div style="padding-left: 15px;">
  Symfonyでの国際化対応をした備忘録です。</p>
<p>  データの項目名など対応も可能。</p>
<p>  今回は主にエラー文言に対応しました。</p></div>
<h3>準備</h3>
<div style="padding-left: 15px;">
  特に必要なし</div>
<h3>記述方法</h3>
<div style="padding-left: 15px;">
  同じエラー文言でも記述ファイルが異なることがあります。</p>
<p>  FormTypeなどフォーム入力時に編集するのは</p>

		<div id="crayon-6495402643ac4854253010" 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;">
src/Application/BackendBundle/Resources/translations/validators.ja.yml</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-6495402643ac4854253010-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-6495402643ac4854253010-1"><span class="crayon-i">src</span>/<span class="crayon-i">Application</span>/<span class="crayon-i">BackendBundle</span>/<span class="crayon-i">Resources</span>/<span class="crayon-i">translations</span>/<span class="crayon-i">validators</span><span class="crayon-e">.ja</span><span class="crayon-e">.yml</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>などです。</p>
<p>  拡張子の直前にあるドットで囲まれた文字列が<u>言語識別子</u>です。<br />
  日本語ならja, 英語ならen。</p>
<p>  以下のようにvalidators.ja.ymlでエラーを定義し</p>

		<div id="crayon-6495402643ad3884024846" 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;">
  consumer:
    password:
      not_blank: パスワードは必須入力です</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-6495402643ad3884024846-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402643ad3884024846-2">2</div><div class="crayon-num" data-line="crayon-6495402643ad3884024846-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-6495402643ad3884024846-1"><span class="crayon-h">&nbsp;&nbsp;</span>consumer<span class="">:</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402643ad3884024846-2"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span>password<span class="">:</span></div><div class="crayon-line" id="crayon-6495402643ad3884024846-3"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>not<span class="crayon-sy">_</span>blank<span class="">: パスワードは必須入力です</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>  FormType側ではコロンとインデントで句切られた定義文字列を<br />
  ドットで以下のように渡せば言語ごとに上記の validators.{{ language code }}.yml を読み取ってくれます。</p>
<p></p>

		<div id="crayon-6495402643ad5252975328" 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;">
  // ja言語に設定
  $this-&gt;container-&gt;get('translator')-&gt;setLocale('ja');
  $_trans = $this-&gt;container-&gt;get('translator');
  if (empty($consumer-&gt;password)) {
      $form['password']-&gt;addError(new FormError($_trans-&gt;trans('consumer.password.not_blank')));
  }</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-6495402643ad5252975328-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402643ad5252975328-2">2</div><div class="crayon-num" data-line="crayon-6495402643ad5252975328-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402643ad5252975328-4">4</div><div class="crayon-num" data-line="crayon-6495402643ad5252975328-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495402643ad5252975328-6">6</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-6495402643ad5252975328-1"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-c">// ja言語に設定</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402643ad5252975328-2"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-v">$this</span>-<span class="crayon-h">&gt;</span><span class="crayon-i">container</span>-<span class="crayon-h">&gt;</span><span class="crayon-e">get</span><span class="crayon-sy">(</span><span class="crayon-s">'translator'</span><span class="crayon-sy">)</span>-<span class="crayon-h">&gt;</span><span class="crayon-e">setLocale</span><span class="crayon-sy">(</span><span class="crayon-s">'ja'</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-6495402643ad5252975328-3"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-v">$_trans</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-i">container</span>-<span class="crayon-h">&gt;</span><span class="crayon-e">get</span><span class="crayon-sy">(</span><span class="crayon-s">'translator'</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495402643ad5252975328-4"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-st">if</span><span class="crayon-h"> </span><span class="crayon-sy">(</span><span class="crayon-k ">empty</span><span class="crayon-sy">(</span><span class="crayon-v">$consumer</span>-<span class="crayon-h">&gt;</span><span class="crayon-i">password</span><span class="crayon-sy">)</span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-6495402643ad5252975328-5"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-v">$form</span><span class="crayon-sy">[</span><span class="crayon-s">'password'</span><span class="crayon-sy">]</span>-<span class="crayon-h">&gt;</span><span class="crayon-e">addError</span><span class="crayon-sy">(</span><span class="crayon-r">new</span><span class="crayon-h"> </span><span class="crayon-e">FormError</span><span class="crayon-sy">(</span><span class="crayon-v">$_trans</span>-<span class="crayon-h">&gt;</span><span class="crayon-e">trans</span><span class="crayon-sy">(</span><span class="crayon-s">'consumer.password.not_blank'</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 crayon-striped-line" id="crayon-6495402643ad5252975328-6"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-sy">}</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>  ラベルなどのバリデーション以外での翻訳は以下のようなファイルです</p>

		<div id="crayon-6495402643ad6065784711" 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;">
src/Application/BackendBundle/Resources/translations/messages.ja.yml</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-6495402643ad6065784711-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-6495402643ad6065784711-1"><span class="crayon-i">src</span>/<span class="crayon-i">Application</span>/<span class="crayon-i">BackendBundle</span>/<span class="crayon-i">Resources</span>/<span class="crayon-i">translations</span>/<span class="crayon-i">messages</span><span class="crayon-e">.ja</span><span class="crayon-e">.yml</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>※ アクティブなBundleや読み込んでいるリソースによって {{ Application/BackendBundle }} 部分は都度変わることあり。</p>
<p>  使用方法は validators と同じです。</p>
<p>  テンプレート(twig)側では</p>

		<div id="crayon-6495402643ad7794125988" 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;">
  {{ consumer.password.not_blank | trans }}</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-6495402643ad7794125988-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-6495402643ad7794125988-1"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-sy">{</span><span class="crayon-sy">{</span><span class="crayon-h"> </span><span class="crayon-i">consumer</span><span class="crayon-sy">.</span><span class="crayon-i">password</span><span class="crayon-sy">.</span><span class="crayon-i">not_blank</span><span class="crayon-h"> </span><span class="crayon-sy">|</span><span class="crayon-h"> </span><span class="crayon-i">trans</span><span class="crayon-h"> </span><span class="crayon-sy">}</span><span class="crayon-sy">}</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>のように記述すれば同様の言語毎の翻訳文字列が取得可能です。</p></div>

Symfonyでの国際化(i18n)対応

<p>最近何かと話題の「君の名は。」ですが、観た方の多くが口にする言葉は「映像がきれい」です。</p>
<p><iframe loading="lazy" width="500" height="281" src="https://www.youtube.com/embed/k4xGqY5IDBE?feature=oembed" frameborder="0" allowfullscreen></iframe></p>
<p>私はまだ本編は観てないのですが、予告編を観てみると、確かに今までにないような映像美です。それぞれのシーンに立体感があり、差し込む光も緻密かつ美しく表現されています。映像に携わっている人間としては、こういう美しい背景やシーンはどうしたら再現できるのか？という探求心を強く持ってしまいます。</p>
<p>あくまで私個人の予測ですが、劇中で美しく描かれる光についてはafter effectsのレンズフレアエフェクトのようなものを使って編集しているのではないかなと思います。</p>
<p>実際に「君の名は。」を制作したチームがどのように作っているかは正直わかりませんがafter effectsのレンズフレアエフェクトで近い表現が可能です。</p>
<h2>そもそもレンズフレアってなに？</h2>
<p><a href="/uploads-archive/2016/09/e69794600596b721f61ab8b7d825cf40_s.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11944" src="/uploads-archive/2016/09/e69794600596b721f61ab8b7d825cf40_s.jpg" alt="e69794600596b721f61ab8b7d825cf40_s" width="640" height="480" srcset="/uploads-archive/2016/09/e69794600596b721f61ab8b7d825cf40_s.jpg 640w, /uploads-archive/2016/09/e69794600596b721f61ab8b7d825cf40_s-300x225.jpg 300w, /uploads-archive/2016/09/e69794600596b721f61ab8b7d825cf40_s-228x171.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></a></p>
<p>上の写真を見て頂ければ、すぐにわかると思うのですがレンズフレアとは</p>
<blockquote><p>極めて明るい光源が<b>レンズ</b>に向けて当てられている時や、画角内に極めて明るい光源が存在する場合に生じる、暗部への光の漏れ</p></blockquote>
<p>ちょっと堅苦しい説明ですが、つまりは太陽から左下へ伸びているのがレンズフレアです。</p>
<h2>レンズフレアエフェクト</h2>
<p>レンズフレアのエフェクトはその名の通り、レンズフレアを作る事もできますし、それ自体を光源として表現したり、何かに反射した光として表現したりと使い方次第で色々なものを表現できます。</p>
<p>after effectsには標準でレンズフレアのエフェクトが入っています。</p>
<p><iframe loading="lazy" width="500" height="281" src="https://www.youtube.com/embed/zUqRXjDEvfE?feature=oembed" frameborder="0" allowfullscreen></iframe></p>
<h2>プラグインをご紹介</h2>
<p>標準エフェクトだけでもいろいろできるのですが、「君の名は。」のように繊細な表現はプラグインの力を借りる必要があると思います。</p>
<h4>Knoll Light Factory 3</h4>
<p><iframe loading="lazy" src="https://player.vimeo.com/video/45163455" width="500" height="281" frameborder="0" title="Knoll Light Factory 3" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></p>
<p><a href="http://www.flashbackj.com/red_giant/knoll_light_factory/">http://www.flashbackj.com/red_giant/knoll_light_factory/</a></p>
<h4>Optical Flares</h4>
<p><iframe loading="lazy" src="https://player.vimeo.com/video/24150902" width="480" height="272" frameborder="0" title="光学レンズをリアルにシミュレートするレンズフレア作成プラグイン：Optical Flares" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></p>
<p><a href="http://www.cvalley.co.jp/ae_plugin/video_copilot/optical_flares/index.html">http://www.cvalley.co.jp/ae_plugin/video_copilot/optical_flares/index.html</a></p>
<h4>Frischluft Flair for AE</h4>
<p><iframe loading="lazy" src="https://player.vimeo.com/video/105528936" width="500" height="281" frameborder="0" title="Frischluft Flair for AE" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></p>
<p><a href="http://www.flashbackj.com/frischluft/flair/">http://www.flashbackj.com/frischluft/flair/</a></p>
<h4>Light Leaks</h4>
<p>これはちょっと用途が違いますが雰囲気は作れます。</p>
<p><iframe loading="lazy" width="500" height="281" src="https://www.youtube.com/embed/79sEBERaPoc?feature=oembed" frameborder="0" allowfullscreen></iframe></p>
<p><a href="http://www.flashbackj.com/luca_visual_fx/light_leaks/">http://www.flashbackj.com/luca_visual_fx/light_leaks/</a></p>


small_e69794600596b721f61ab8b7d825cf40_s.jpg

thumbnail_e69794600596b721f61ab8b7d825cf40_s.jpg

e69794600596b721f61ab8b7d825cf40_s.jpg

「君の名は。」みたいな映像が作れるかも!? レンズフレアプラグインまとめ

<p>auditionCS5まではResource Centralというウインドウがあって、メディアブラウザのように効果音やループのBGMをタイムライン上にもってこれたようですがCS6からは無くなってしまいました。</p>
<p>Resource Centralについてはこちらの動画が良くわかります。</p>
<p><a href="http://tv.adobe.com/jp/watch/learn-premiere-pro-cs5/10436/">http://tv.adobe.com/jp/watch/learn-premiere-pro-cs5/10436/</a></p>
<p>adobe CCからauditionを使い始めたので、そもそもResource Centralなんてものがある事は知らなかったのですが、音源のファイルはadobeからダウンロードして使用する事ができます。</p>
<p><a href="/uploads-archive/2016/09/1.gif"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11937" src="/uploads-archive/2016/09/1.gif" alt="1" width="510" height="348" /></a></p>
<p>auditionのヘルプから「サウンドエフェクトなどをダウンロード」をクリックするとこんなページが開きます。</p>
<p><a href="/uploads-archive/2016/09/2.gif"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-11938" src="/uploads-archive/2016/09/2.gif" alt="2" width="640" height="382" /></a></p>
<p>ここから、そうとうな数の音源をダウンロードできます。ファイルを整理して置いておけばメディアブラウザからResource Centralのように使用できます。</p>
<p>使用するには</p>


adobe Auditionから効果音やBGMがダウンロードできる

CSS3の:targetセレクタを使って、アンカーリンクだけでpJaxのような演出

サーバー監視ツールの導入

<p>コーダーが作ってくれたウェブページを確認するのに、今まではChromeの「要素を検証」を使うことが多かったのですが、はるかに効率化が出来るツールを教えて頂きました。</p>
<p>教えて頂いた方は、日本でも有数の制作会社様で時には何千ページにも及ぶ大規模サイトを作って来た会社さんで同時に何千ページのチェックをしてきたことで圧倒的なノウハウを構築されていました。</p>
<p>「要素を検証」や「ソースを表示」するだけでは、不十分でチェックをするには、Firefoxの拡張機能その名も「<a href="https://addons.mozilla.org/ja/firefox/addon/web-developer/">Web Developer</a>」です。</p>
<h2>何故Firefoxなのか</h2>
<p>chrome版でも同じ作者が「<a href="https://chrome.google.com/webstore/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm">WebDeveloper</a>」を公開していますが、Firefoxのみツールバーを追加することが出来ます。</p>
<p><a href="/uploads-archive/2016/09/98c11c99f7759ba00841adcabf40669d.png"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-11882" src="/uploads-archive/2016/09/98c11c99f7759ba00841adcabf40669d.png" alt="スクリーンショット_H28_09_06_14_21" width="2554" height="218" srcset="/uploads-archive/2016/09/98c11c99f7759ba00841adcabf40669d.png 2554w, /uploads-archive/2016/09/98c11c99f7759ba00841adcabf40669d-300x26.png 300w, /uploads-archive/2016/09/98c11c99f7759ba00841adcabf40669d-768x66.png 768w, /uploads-archive/2016/09/98c11c99f7759ba00841adcabf40669d-1024x87.png 1024w, /uploads-archive/2016/09/98c11c99f7759ba00841adcabf40669d-228x19.png 228w" sizes="(max-width: 2554px) 100vw, 2554px" /></a></p>
<p>ツールバーがあるかないかでこれまた作業効率が一段と変わります。</p>
<p>余談ですが、chromeが出る前からWebの仕事をしている方ってFirefoxの根強いファンが多い気がします。</p>
<h2>便利機能抜粋</h2>
<h3>altを表示</h3>
<p><a href="/uploads-archive/2016/09/0a1e3fc63ccedf5895f54cc4aeefd0ea.png"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-11885" src="/uploads-archive/2016/09/0a1e3fc63ccedf5895f54cc4aeefd0ea-300x158.png" alt="越境EC｜システム開発｜スターフィールド株式会社" width="300" height="158" srcset="/uploads-archive/2016/09/0a1e3fc63ccedf5895f54cc4aeefd0ea-300x158.png 300w, /uploads-archive/2016/09/0a1e3fc63ccedf5895f54cc4aeefd0ea-768x406.png 768w, /uploads-archive/2016/09/0a1e3fc63ccedf5895f54cc4aeefd0ea-1024x541.png 1024w, /uploads-archive/2016/09/0a1e3fc63ccedf5895f54cc4aeefd0ea-228x120.png 228w, /uploads-archive/2016/09/0a1e3fc63ccedf5895f54cc4aeefd0ea.png 1276w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>こんな感じで画像に隣接する場所にaltを表示してくれます。</p>
<p>altってブラウザ表示しているだけでは見えないので見落としがちになるので本当にありがたいです。</p>
<p>他にも幅や高さを表示したり、パスを表示したり、ファイルサイズを表示したりといったソースを見なければ分からないことが画面上に表示できます。</p>
<h3>フォームの情報を表示</h3>
<p><a href="/uploads-archive/2016/09/aaf9661e090fc609628512139b616575.png"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-11886" src="/uploads-archive/2016/09/aaf9661e090fc609628512139b616575-300x158.png" alt="お問い合わせ CAT S EYE" width="300" height="158" srcset="/uploads-archive/2016/09/aaf9661e090fc609628512139b616575-300x158.png 300w, /uploads-archive/2016/09/aaf9661e090fc609628512139b616575-768x406.png 768w, /uploads-archive/2016/09/aaf9661e090fc609628512139b616575-1024x541.png 1024w, /uploads-archive/2016/09/aaf9661e090fc609628512139b616575-228x120.png 228w, /uploads-archive/2016/09/aaf9661e090fc609628512139b616575.png 1276w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>もう一つチェックする上で時間を要すものがフォームですが、これもいろいろな操作が出来て、フォームの情報を画面内に表示したり、チェックボックスを外したりといったことが出来ます。</p>
<h3>その他</h3>
<p><a href="/uploads-archive/2016/09/f81c007da077c22997be1645a4adcd2e.png"><img decoding="async" loading="lazy" class="aligncenter size-medium wp-image-11887" src="/uploads-archive/2016/09/f81c007da077c22997be1645a4adcd2e-300x181.png" alt="越境EC｜システム開発｜スターフィールド株式会社_と_Downloads" width="300" height="181" srcset="/uploads-archive/2016/09/f81c007da077c22997be1645a4adcd2e-300x181.png 300w, /uploads-archive/2016/09/f81c007da077c22997be1645a4adcd2e-768x464.png 768w, /uploads-archive/2016/09/f81c007da077c22997be1645a4adcd2e-1024x619.png 1024w, /uploads-archive/2016/09/f81c007da077c22997be1645a4adcd2e-228x138.png 228w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>チェック用途ではないですが、そもそもWebDeveloperの機能として、CSSファイルをブラウザ内で閲覧、編集したり、様々なブロック、要素の情報を表示することが可能です。</p>
<h2>まとめ</h2>
<p>普段使いは変わらずChromeを使いつつチェック検証用のブラウザとしてFirefoxが決まりました。</p>


ウェブデザイン確認ツール「Web Developer」

<p>DHCが豌豆公主(ワンドウ)を使って中国で越境ECを始めるというニュースが出ていた。</p>
<p><a href="http://ascii.jp/elem/000/001/223/1223439/" target="_blank">http://ascii.jp/elem/000/001/223/1223439/</a></p>
<p>中国越境ECアプリといえば、昨年時点だと豌豆公主と2強な雰囲気であったと個人的には思っているが、最近はbolomeの方が有名な気がする。</p>
<p>今後は豌豆公主も巻き返してきそうな感じがしてきたので、今一度豌豆公主について調べてみた。</p>
<p>豌豆公主は中国女性の富裕層をターゲットにしており、日本の化粧品や美容品を主に販売している。</p>
<p>企業との独占販売契約を推し進めているようで、独占販売している商品については在庫を持って販売しているようだ。それ以外の商品については注文ごとに日本企業が豌豆公主の日本国内倉庫に個別納品するという仕組みで、この場合の費用は初期・月額は無料で、売れた時に20%+決済手数料3%のみだという。<br />
独占契約は花畑牧場など10社以上と締結している。</p>
<p>bolomeとの違いは、多数のブランド、商品を個別に丁寧に説明していることで、ライフスタイルの提案から行っていることのようだ。</p>
<p>日本の雑誌と商品レビューを連携して直接購入できることも特徴とのこと。</p>
<p>&nbsp;</p>
<p>個人的には利用することができないのでなんとも言えないが、アプリを触ってみる感じでは、bolomeはライブ中継など派手さというか勢いがある感じがあるが、豌豆公主はしっかりとブランドと提携して着実に売上を伸ばしてくれそうな印象を受ける。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>売上としては、bolomeのサービスインからわずか2ヶ月目でに2億円、6ヶ月で10億円という勢いには届いていない感じがするが、続々と日本の大手企業と提携を進めているようで、今後注目していきたい。</p>
<p>&nbsp;</p>


中国越境ECアプリ「豌豆公主」とは

<p>通常HTTPリクエストが行われる際に、ヘッダーの中にHTTP_ACCEPT_LANGUAGEが送信される。<br />
HTTP_ACCEPT_LANGUAGEの一覧には下記が参考になる。</p>
<p><a href="http://www.metamodpro.com/browser-language-codes">Web browser language identification codes</a></p>
<p>注意すべき点は、英語では、オーストラリア英語(en-au)、シンガポール英語(en-sg)など、中国語でも、台湾(zh-tw)、シンガポール(zh-sg)などといったように、細かく指定される点だろう。</p>
<p>webの設定言語を条件分岐する際は、IPかこのブラウザの設定言語が一般的ではないだろうか。</p>
<h2>参考</h2>
<p><a href="http://easyramble.com/get-language-setting-by-javascript.html">JavaScript でブラウザの言語設定を取得</a><br />
<a href="http://qiita.com/tadsan/items/24cf40f067295df2ffb8">Accept-Languageの実装例</a><br />
<a href="http://testpage.jp/m/tool/ua.php">ブラウザのユーザーエージェント・IPアドレスの確認</a></p>


Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧

2016/09/21

2016/09/21

2016/09/21

2016/09/21

2016/09/21

2016/09/21

2016/09/14

2016/09/14

2016/09/14

2016/09/14

2016/09/14

2016/09/13

2016/09/09

2016/09/07

2016/09/07

2016/09/06

2016/09/06

2016/08/31