<p>お盆期間、仕事はすっかり、のんびりモード。</p>
<p>一瞬ふっと沸いたものもありましたが、結局は、それ自体が水に流れる格好に。</p>
<p>じっくりブログも書けるというものです。</p>
<p>先日休みの日に、アウトレットモールに訪れ、その中に入っているモンクレールに入った時、以前に比べてものすごく値段が高くなっていることに気付いた。</p>
<p>かれこれ、自分は10年近く冬はお世話になっているが、その時で8万円くらいで買った記憶が。 当時は大学生。永久保証だとそそのかされて、本気で一生着るつもりで買って、未だに愛用しております。</p>
<p>そのような記憶が鮮明に残っている中で、久しぶりにショップで値札を見てみると、どれも10万円オーバー。</p>
<p>定価では18万円前後が多かった。 ものすごい勢いで値上がりしているじゃないですか。</p>
<p>ということで、いわゆるハイブランドにおける価格戦略というのは、非常に興味があるところでして、事業戦略に通ずるところもあるということで頻繁に価格改定を行っているルイヴィトンの価格改定の歴史を調べてみました。</p>
<h2>価格改定の歴史</h3>
<p>01年から今年の2月までに累計14回の価格改定を行っているようです。</p>
<p>平均するとちょうど1年に1回程度の計算になります。 その間値上げは12回。そして値下げは2回になります。</p>
<p>値上げを累積していくと68%に及び、値下げは12%になります。</p>
<p>合計すると、およそ13年間で56%が上昇したことになります。</p>
<h3>直近の値上げ</h4>
<ul>
<li>2013年2月 ：12.0％ 値上げ</li>
<li>2013年7月 ：8.0％ 値上げ</li>
<li>2014年2月 ：7.0% 値上げ</li>
</ul>
<h3>値下げは過去2回</h4>
<ul>
<li>2004年4月 ：5.0％ 値下げ</li>
<li>2008年11月 ：7.0％ 値下げ</li>
</ul>
<h3>為替の影響？</h4>
<p>価格改定の主な原因の一つとして買い付け時の為替の影響が考えられます。</p>
<p><a href="/uploads-archive/2014/08/3780a65655364b6e825046912d0f5988.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-5501" src="/uploads-archive/2014/08/3780a65655364b6e825046912d0f5988-300x175.jpg" alt="イメージ" width="300" height="175" srcset="/uploads-archive/2014/08/3780a65655364b6e825046912d0f5988-300x175.jpg 300w, /uploads-archive/2014/08/3780a65655364b6e825046912d0f5988-228x133.jpg 228w, /uploads-archive/2014/08/3780a65655364b6e825046912d0f5988.jpg 636w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>（出展：http://fx.long626.com/）</p>
<p>本国の通貨ユーロとの相場を確認してみました。</p>
<ul>
<li>2001年1月 ：100円前後</li>
<li>2008年9月 ：170円前後（リーマンショック前のピーク）</li>
<li>2009年1月 ：110円前後（リーマンショック後の底）</li>
<li>2014年8月 ：140円前後</li>
</ul>
<p>となります。 ここで大部分の価格改定は為替で説明が出来ます。</p>
<p>特に値下げは世界の情勢に応じて行っているようです。</p>
<p>しかしながら、2013年2月に行った12％の値上げは過去最大規模に上り、ブランドとしての戦略が垣間見えます。</p>
<h3>実際の価格</h4>
<p>仮に2001年当時定価50,000円だったものがどうなるか計算をしてみると、現在はおよそ、85,000円になるようです。</p>
<p><a href="/uploads-archive/2014/08/5cf854e229caeefda99d953b1d0cbb05.png"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-5500" src="/uploads-archive/2014/08/5cf854e229caeefda99d953b1d0cbb05-300x155.png" alt="価格改定" width="300" height="155" srcset="/uploads-archive/2014/08/5cf854e229caeefda99d953b1d0cbb05-300x155.png 300w, /uploads-archive/2014/08/5cf854e229caeefda99d953b1d0cbb05-1024x530.png 1024w, /uploads-archive/2014/08/5cf854e229caeefda99d953b1d0cbb05-228x118.png 228w, /uploads-archive/2014/08/5cf854e229caeefda99d953b1d0cbb05.png 1519w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>&nbsp;</p>
<table>
<tbody>
<tr>
<th>2001年1月</th>
<td>0.0%</td>
<td>¥50,000</td>
</tr>
<tr>
<th>2002年1月</th>
<td>4.5%</td>
<td>¥52,250</td>
</tr>
<tr>
<th>2003年1月</th>
<td>4.5%</td>
<td>¥54,601</td>
</tr>
<tr>
<th>2004年4月</th>
<td>-5.0%</td>
<td>¥51,871</td>
</tr>
<tr>
<th>2005年1月</th>
<td>4.5%</td>
<td>¥54,205</td>
</tr>
<tr>
<th>2006年1月</th>
<td>4.5%</td>
<td>¥56,645</td>
</tr>
<tr>
<th>2007年1月</th>
<td>4.5%</td>
<td>¥59,194</td>
</tr>
<tr>
<th>2008年11月</th>
<td>-7.0%</td>
<td>¥55,050</td>
</tr>
<tr>
<th>2009年1月</th>
<td>4.5%</td>
<td>¥57,527</td>
</tr>
<tr>
<th>2010年1月</th>
<td>4.5%</td>
<td>¥60,116</td>
</tr>
<tr>
<th>2011年1月</th>
<td>4.5%</td>
<td>¥62,821</td>
</tr>
<tr>
<th>2012年1月</th>
<td>5.0%</td>
<td>¥65,962</td>
</tr>
<tr>
<th>2013年2月</th>
<td>12.0%</td>
<td>¥73,878</td>
</tr>
<tr>
<th>2013年7月</th>
<td>8.0%</td>
<td>¥79,788</td>
</tr>
<tr>
<th>2014年2月</th>
<td>7.0%</td>
<td>¥85,373</td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>


5cf854e229caeefda99d953b1d0cbb05-1024x530.png

ルイ・ヴィトンの価格改定の歴史

HTML5のCanvasでレスポンシブなリンク – 円弧編

<p>経済産業省が「世界で最もクレジットカードが使いやすい安心・安全な国 日本」の実現のため</p>
<p>クレジットカード決済の健全な発展に向けた研究会の中間報告書</p>
<p><a href="http://www.meti.go.jp/press/2014/07/20140711002/20140711002.html" target="_blank">http://www.meti.go.jp/press/2014/07/20140711002/20140711002.html</a></p>
<p>を発表したということで、考察してみた。</p>
<p>国としてクレジットカードの利用を推奨していると思っていなかったがその理由は大きく分けて以下の3つとのこと。</p>
<h2>1. 外国人訪日客への対応</h3>
<p>観光立国を目指す上で消費を刺激するのと、訪日客が不便に感じたこと4位である「両替・クレジットカード利用」への対応。</p>
<p>たしかにまだまだクレジットカードを使える店が少なく、東京オリンピックまでに環境の整備と安全な取引を推進していくとのこと。</p>
<p>あとは、キャッシングできるATMが約4.4万台と全体の約18.2万台の24％にとどまっていることへの対応もしていくらしい。</p>
<h2>2. 国内取引での利用促進</h3>
<p>現在一部の税金に対し、クレジットカードでの納付が可能であり、今後その動きは増えていくとのこと。<br />
専門のサイトから決済がかのうであり、24時間場所を問わず納税できるため、便利であり納付率も上がったという。</p>
<p>既に一般化したが、ETCなども渋滞の緩和に大きく貢献しているので、公共機関の運営においても期待ができそうだ。</p>
<h2>3. 購入機会の拡大 = ECの発展</h3>
<p>買物難民という言葉が使われているが、過疎によって買い物が困難な状況の人への対応、</p>
<p>または外出が困難な高齢者などへの対応策としてのECも取り上げられている。</p>
<p>&nbsp;</p>
<p>また、課題としてはやはり安全性の向上とのことで、対応策として気になったのが</p>
<p>IC化と加盟店審査の強化というものがあった。</p>
<p>前者は日本国内の約83％が磁気端末とのことだ。</p>
<p>海外ではICを義務付けている国もあり、欧州の主要国はほぼIC化が完了しているとのこと。</p>
<p>&nbsp;</p>
<p>後者はトラブルが増えているケースが多いらしく、特に個人などの加盟店は厳しく規制される可能性があるらしい。</p>
<p>あとは商材によっても厳しくなる可能性がある。</p>
<p>モールなど包括的な加盟店も管理が厳しくなるかもしれない。</p>
<p>今後はクレジットカードが公共性が高くなり、それにつれて料率も下がっていくんだろうなと感じた。<br />
もしかしたら、企業間の決済もクレジットカードになるかもしれない。</p>


世界で最もクレジットカードが使いやすい安心・安全な国

<p>WEBサイトを開発していると、データがないときはINSERT , ある時はUPDATEしたい時があります。そんな時、条件分岐などの処理を書かなくても1度に処理できる方法を紹介します。</p>
<h2>使い方</h3>
<p>レコード（行）がなかったらINSERTあったらUPDATEという処理を１度に実行します。そのレコードのあるなしを判断するために、primary key　や インデックスを指定しておく必要があります。</p>

		<div id="crayon-649540157a3e1019996561" 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;">
INSERT INTO
       table (a, b, c)
   VALUES
       (1, 10, 100)
   ON DUPLICATE KEY UPDATE
        b = 50, c = 150;</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-649540157a3e1019996561-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157a3e1019996561-2">2</div><div class="crayon-num" data-line="crayon-649540157a3e1019996561-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157a3e1019996561-4">4</div><div class="crayon-num" data-line="crayon-649540157a3e1019996561-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157a3e1019996561-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-649540157a3e1019996561-1"><span class="crayon-e">INSERT </span><span class="crayon-e">INTO</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157a3e1019996561-2"><span class="crayon-e">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span class="crayon-e">table</span><span class="crayon-h"> </span><span class="crayon-sy">(</span><span class="crayon-i">a</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-i">b</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-i">c</span><span class="crayon-sy">)</span></div><div class="crayon-line" id="crayon-649540157a3e1019996561-3"><span class="crayon-h">&nbsp;&nbsp; </span><span class="crayon-e">VALUES</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157a3e1019996561-4"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span class="crayon-sy">(</span><span class="crayon-cn">1</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-cn">10</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-cn">100</span><span class="crayon-sy">)</span></div><div class="crayon-line" id="crayon-649540157a3e1019996561-5"><span class="crayon-h">&nbsp;&nbsp; </span><span class="crayon-e">ON </span><span class="crayon-e">DUPLICATE </span><span class="crayon-e">KEY </span><span class="crayon-i">UPDATE</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157a3e1019996561-6"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">b</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-cn">50</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-i">c</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-cn">150</span><span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>&nbsp;</p>
<h4>a=1の行がなかった場合</h6>
<p>a=1,b=10,c=100 の行が追加</p>
<h4>a=1の行が既にあった場合</h6>
<p>a=1の行がa=1,b=50,c=150に更新</p>
<h2> 注意点</h3>
<ul>
<li>テーブルにprimary keyか、uniqueインデックスを指定しておかなければ ON DUPLICATE KEY UPDATE は利用できません。</li>
<li>primary key　uniqueインデックスが複数行に一致する場合、MySQL は<strong>1行のみ更新</strong>されます。</li>
<li>ON DUPLICATE KEY UPDATE は MySQL の拡張であり、他のデータベースでは利用できません。</li>
</ul>

MysqlでInsertとUpdateを1度に処理する（ON DUPLICATE KEY UPDATE）

<p>本日は、GoogleAppsのドメイン追加について紹介します。</p>
<p>GoogleAppsの無償版が終わって久しいですね。<br />
当時は50アカウントまで無料でしたので、幸い弊社の規模ではまだ、無償版で当面いけます。コストでいうと、50×6,000円＝300,000円が浮く計算ですね。ありがたい限りです。</p>
<p>前回は、お名前ドットコムで取ったドメインをさくらのレンタルサーバでホスティングし、メールはGoogleAppsで設定するという方法をご紹介しました。</p>
<p>弊社ミャンマーの小会社も別ドメインを取得しているのですが、それの対応でした。<br />
今回はさらに、弊社のGoogleAppsアカウントにドメインを追加するということをやってみたいと思います。</p>
<p>結果的には、<br />
メインアカウント（sterfield.co.jp）でGoogleAppsにログインをし、サブアカウントでもメールを受け取れるというつくりになります。<br />
試してみたところ、サブアカウントでのログインは出来ませんでした。</p>
<h2>GoogleApps管理画面</h3>
<p>管理コンソールにログインします。</p>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-5469" style="line-height: 1.5em;" alt="screenshot" src="/uploads-archive/2014/08/screenshot-300x109.png" width="300" height="109" srcset="/uploads-archive/2014/08/screenshot-300x109.png 300w, /uploads-archive/2014/08/screenshot-1024x375.png 1024w, /uploads-archive/2014/08/screenshot-228x83.png 228w, /uploads-archive/2014/08/screenshot.png 1171w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>ドメインを選択</p>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-5468" alt="管理コンソール" src="/uploads-archive/2014/08/1a78f88963461c7ebc3fe3ef653e6288-300x71.jpg" width="300" height="71" srcset="/uploads-archive/2014/08/1a78f88963461c7ebc3fe3ef653e6288-300x71.jpg 300w, /uploads-archive/2014/08/1a78f88963461c7ebc3fe3ef653e6288-1024x242.jpg 1024w, /uploads-archive/2014/08/1a78f88963461c7ebc3fe3ef653e6288-228x54.jpg 228w, /uploads-archive/2014/08/1a78f88963461c7ebc3fe3ef653e6288.jpg 1051w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>ドメインやドメイン エイリアスの追加</p>
<p><a href="/uploads-archive/2014/08/1a78f88963461c7ebc3fe3ef653e6288.png"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-5470" alt="管理コンソール" src="/uploads-archive/2014/08/1a78f88963461c7ebc3fe3ef653e6288-300x206.png" width="300" height="206" srcset="/uploads-archive/2014/08/1a78f88963461c7ebc3fe3ef653e6288-300x206.png 300w, /uploads-archive/2014/08/1a78f88963461c7ebc3fe3ef653e6288-228x157.png 228w, /uploads-archive/2014/08/1a78f88963461c7ebc3fe3ef653e6288.png 598w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>別のドメインの追加を選択します。</p>
<p><span style="line-height: 1.5em;">ここで、ドメインエイリアスと別のドメインの違いを簡単に説明すると、</span></p>
<p>・ドメインエイリアスはサブのメールアドレス<br />
プライマリドメイン（sterfield.co.jp）でGoogleAppsにログインをし、セカンダリのドメインでもメールを受け取れるというつくりになります。</p>
<p>・別のドメイン<br />
その名の通り、別管理をすることが出来るドメインになります。</p>
<p>今回は別のドメインの追加にします。</p>
<p><a href="/uploads-archive/2014/08/766d4d22a97974c1d8f25fe3a5e3fe80.png"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-5471" alt="Google_-_所有権の確認" src="/uploads-archive/2014/08/766d4d22a97974c1d8f25fe3a5e3fe80-300x128.png" width="300" height="128" srcset="/uploads-archive/2014/08/766d4d22a97974c1d8f25fe3a5e3fe80-300x128.png 300w, /uploads-archive/2014/08/766d4d22a97974c1d8f25fe3a5e3fe80-1024x437.png 1024w, /uploads-archive/2014/08/766d4d22a97974c1d8f25fe3a5e3fe80-228x97.png 228w, /uploads-archive/2014/08/766d4d22a97974c1d8f25fe3a5e3fe80.png 1304w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>次に所有権の確認があります。</p>
<p><a href="/uploads-archive/2014/08/98098eb786ac1ca21ab535cd73b82f3e.png"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-5472" alt="Google_-_所有権の確認_1" src="/uploads-archive/2014/08/98098eb786ac1ca21ab535cd73b82f3e-300x251.png" width="300" height="251" srcset="/uploads-archive/2014/08/98098eb786ac1ca21ab535cd73b82f3e-300x251.png 300w, /uploads-archive/2014/08/98098eb786ac1ca21ab535cd73b82f3e-228x191.png 228w, /uploads-archive/2014/08/98098eb786ac1ca21ab535cd73b82f3e.png 362w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>おすすめの方法よりも既にサーバが用意されているのであれば、別の方法の「HTMLファイルをアップロード」のほうがすぐに確認も出来、楽な気がします。</p>
<p>以上の確認が出来ると最後にMXレコードの確認があります。</p>
<p>そちらは、前回の<a href="/officer/%E3%83%89%E3%83%A1%E3%82%A4%E3%83%B3%EF%BC%9D%E3%81%8A%E5%90%8D%E5%89%8D%E3%80%81%E3%82%B5%E3%83%BC%E3%83%90%EF%BC%9D%E3%81%95%E3%81%8F%E3%82%89%E3%81%AE%E3%83%AC%E3%83%B3%E3%82%BF%E3%83%AB%E3%80%81.html" target="_blank">記事</a>を参照下さい。</p>


GoogleAppsのドメイン追加方法

<p>たまにamazonの商品リンクが張られたツイートがありますが、そういったツイートにリプライするだけで、その商品が購入できるサービスが始まったようです。</p>
<p>仕組みはかなりシンプルで、商品リンクが張られたツイートに「#アマゾンポチ」とハッシュタグをつけてリプライ（返信）するだけです。その後、amazon側から「カートに入りました」というリプライが来ます。</p>
<p><span style="line-height: 1.5em;"><a href="/uploads-archive/2014/08/amazon_notice.png"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-5463" alt="amazon_notice" src="/uploads-archive/2014/08/amazon_notice.png" width="463" height="231" srcset="/uploads-archive/2014/08/amazon_notice.png 463w, /uploads-archive/2014/08/amazon_notice-300x149.png 300w, /uploads-archive/2014/08/amazon_notice-228x113.png 228w" sizes="(max-width: 463px) 100vw, 463px" /></a></span></p>
<p>&nbsp;</p>
<p>amazonからのリプライに張られてリンクから、カート内を確認できて、そのまま購入できてしまうという事です。</p>
<p>ただ、amazonとtwitterのアカウントがリンクされていないとカートには入りません。</p>
<p><img decoding="async" loading="lazy" class="alignnone  wp-image-5462" alt="www.amazon" src="/uploads-archive/2014/08/www.amazon.jpg" width="600" height="108" /></p>
<p>かなりシンプルで、ページの遷移が極端に少ないので本当に欲しいなと思った時には楽ちんです。</p>
<p>影響力が大きくフォロアーを多数抱えている人は、ツイートするだけで商売ができてしまう気がします。例えばアーティストが自分の音源を買って欲しいとか、著名人が自分の本を買ってほしいとか。</p>
<p>合わせてネットショップの運営にも使えそうな感じがします、顧客にお店のアカウントをフォローしてもらい、チラシ代わりに使うなんてやり方ができると思います。</p>
<p>例えば、タイムセール的な「今から24時間はamazonで商品が５０％オフ」みたいな事ができそうです。楽天やＹａｈｏｏと違ってストアメール（販促メール）を個別に送るのが難しいamazonで活用すると良いかもしれません。</p>


リプライするだけで購入できるアマゾンポチ

<p>PCでの操作というか、スクリーンショットの動画版(といってもgifアニメ)を撮れるアプリです。</p>
<p><a href="http://recordit.co/" target="_blank">Recordit: Record screencasts fast &amp; free! with GIF Support!</a></p>
<p>操作は凄い簡単です。サイトのTOPページを見るだけで、方法がわかります。</p>
<p>試しに、前回記事でも書いたphotoshopのスクリプトを実行した時の動きをやってみました。</p>
<h2>Distribute Layer Spacing Horizontal</h3>
<p><a href="/designer/%e3%81%a8%e3%81%a3%e3%81%a6%e3%82%82%e4%be%bf%e5%88%a9%e3%81%aaphotshop%e3%81%ae%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b35%e9%81%b8.html">とっても便利なphotshopのプラグイン5選 | スターフィールド株式会社</a></p>
<p><img decoding="async" loading="lazy" class="alignnone  wp-image-5452" alt="HvQ4nmnkkl" src="/demo/abe/sample/HvQ4nmnkkl.gif" width="648" height="400" /></p>
<p>いい感じに撮れてますね。</p>
<p>ちょっとした操作説明やマニュアル作成なんかに便利かもしれません。</p>


PCでの操作を録画してgifにしてくれるアプリ「Recordit」

<p>面白い記事を見つかりましたので、ここで共有します。<br />
元々が英語の記事で、翻訳されたものです。<br />
<a href="http://www.engineyard.co.jp/blog/2014/php5-10th-anniversary/" target="_blank">PHP 5.0.0が10周年を迎えました</a></p>
<h2>バージョンアップの記憶</h3>
<h3>PHP4からPHP5</h4>
<p>PHP4のとき、classのmethodには、publicかprivateかの概念も、staticの概念もありませんでした。<br />
すべてのmethodが、</p>
<p></p>

		<div id="crayon-649540157a1fd857540195" 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;">
Hoge::exampleFunction();</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-649540157a1fd857540195-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-649540157a1fd857540195-1"><span class="crayon-i">Hoge</span><span class="crayon-sy">:</span><span class="crayon-sy">:</span><span class="crayon-e">exampleFunction</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>のように使えたから、PHP5に移行したときは少々苦労した気がします。</p>
<h3>PHP5.3</h4>
<p>名前空間の概念が追加されたから、クラスを一々includeやrequireしなくて済みますが。<br />
以前のバージョンのライブラリがその影響で一部が使えなくなりました。</p>
<h2>これから</h3>
<p>6を飛ばして、PHP7がいきなり出てくるかもの話がありましたが、<br />
今と同様、PHPのバージョンと関係なく、いかなるPHPのフレームワークを使いこなせ、一定な質を保つながら迅速にウェブアップを構築することが重要だと思います。<br />
Symfonyはいいですが、<a href="http://laravel.com/" target="_blank">Laravel</a>も使ってみたいと思います。<br />
<a href="http://laravel4.kore1server.com/docs/42/quick" target="_blank">Laravelクイックスタート</a><br />
<a href="http://qiita.com/razokulover/items/dd81420dd257e20191ec" target="_blank">日本人に優しいLaravel</a></p>

PHP5リリース10周年

<p>I have gathered together some interesting tools, that i found out to be really useful when it comes to get an overview of the style guide of other great websites.</p>
<p><strong><a href="http://www.wirify.com">Wirify</a></strong></p>
<p><a href="/uploads-archive/2014/08/Wirify.png"><img decoding="async" loading="lazy" class="alignnone  wp-image-5408" alt="Wirify" src="/uploads-archive/2014/08/Wirify-300x173.png" width="400" height="273" /></a></p>
<p>The first tool will help you to see the internal structure of a website, to get inspired by the layouts of other well designed sites, turning any website you like to a wireframe, with just one click.</p>
<p>I would recommend to wait until the whole page is completely loaded before you attempt to “wirify” it. To return to the original page simply click anywhere on the wireframe.</p>
<p>The best way to keep the wireframe and use it afterwards is to save the whole page as an image, using a browser add-on or extension, like the following ones:</p>
<ul>
<li><a title="Download Google Chrome Screen Capture extension by Google" href="https://chrome.google.com/webstore/detail/cpngackimfmofbokmjmljamhdncknpmg"> Screen Capture extension</a> for Google Chrome</li>
</ul>
<p>&nbsp;</p>
<ul>
<li><a title="Download Screengrab Firefox Add-on by Andy M" href="https://addons.mozilla.org/en-US/firefox/addon/1146/"> Screengrab add-on</a> for Firefox.</li>
</ul>
<p>&nbsp;</p>
<p>Check how Wirify works in this video:</p>
<p><iframe loading="lazy" width="500" height="375" src="http://www.youtube.com/embed/XgzPHFRx-xM?feature=oembed" frameborder="0" allowfullscreen></iframe></p>
<p><b> </b></p>
<p><strong><a href="http://stylifyme.com/">Stylifyme</a></strong></p>
<p><a href="/uploads-archive/2014/08/Stylifyme.png"><img decoding="async" loading="lazy" class="alignnone  wp-image-5409" alt="Stylifyme" src="/uploads-archive/2014/08/Stylifyme-300x186.png" width="400" height="286" /></a></p>
<p>Stylifyme was created to help designers gain an overview of the style guide of a site, including colours, fonts, sizing and spacing. Just copy the link of any particular site you like, and simply paste it in Stylifyme site and you will get the results in a couple of seconds.</p>
<p><b> </b></p>
<p><strong><a href="http://lokeshdhakar.com/projects/color-thief/">Color Thief</a></strong><b> </b></p>
<p><a href="/uploads-archive/2014/08/Color-thief.png"><img decoding="async" loading="lazy" class="alignnone  wp-image-5410" alt="Color thief" src="/uploads-archive/2014/08/Color-thief-300x221.png" width="400" height="321" /></a></p>
<p>This simple tool helps you to grab the colour palette from an image.</p>
<p>Give it a try, scroll down the site and drag an image inside, Colour thief is going to reveal the dominant colour on top and the full colour palette.</p>


Visual tools for web designers

<p>Yahoo！ショッピングが主催するセミナーに参加する機会があり、そこでYahoo!の担当者が今後彼らが目指す方向性を語っていました。その内容が興味深かったので書こうと思います。</p>
<p>参加したセミナーは売上向上策に関するよくあるセミナーだったのですが、余談としてモール自体を今後変化させていくという話がありました。</p>
<p>キーワードとしては大きく３つあり、「パーソナライズ」「キュレーション」「検索の進化」として紹介していました。これらの言葉に関しては、ＷＥＢやネットショップに詳しい方ならすでにご存じのワードかもしれませんが説明させて頂きます。</p>
<h3>パーソナライズ</h4>
<p>パーソナライズとは商品の購入時に年齢や性別、職業、趣味などの情報からモールを訪問した際に関連の高いと思われる商品をおすすめ商品として大きく表示したりする事です。</p>
<p>過去に購入した商品を表示する場合もあります。楽天などでは既に行われています。</p>
<p>つまりユーザーの好みにあった商品や店舗がすぐ見つけられ、使いやすさを向上するということです。逆を返すと商品を売る側からすれば、より買ってもらいやすくなったりリピート率が向上するなど、どちらにもプラスになります。</p>
<p>yahoo！ショッピングもこのパーソナライズをさらに強くするようです。</p>
<h3>キュレーション</h4>
<p>博物館や図書館などの管理者や館長を意味する「Curator(キュレーター)」からきている言葉のようです。何か商品を買う時に知識が豊富な人が推薦するものなら信用が持てると思います。</p>
<p>例えば長年営んでいる八百屋さんが選んだ野菜と、その辺の主婦が選んだ野菜があったら、多くの人は八百屋さんが選んだ野菜を購入すると思います。</p>
<p>yahoo！ショッピングの担当者は、そうしたプロの目利きを参考に買い物ができる仕組みを作りたいという趣旨の話をしていました。</p>
<h3>進化した検索</h4>
<p>どう進化させるのかというと、パーソナライズと若干近いのかもしれませんが、検索結果が人によって異なる物にしたいという事です。年齢や性別などによって求めているもは違うので、モール内の検索に関しても個人の趣味嗜好にあった結果を出せるようにしたいのだそうです。</p>
<p>例えば１０代の女性と４０代の男性が『カバン』と検索した時に同じ検索結果は好ましくないという事です。商品名など細かい情報をいれなくても、ユーザーに沿った検索結果が表示されるなら、かなり便利だと思います。検索エンジンを運営するyahoo!の強みを出すならこういう所なのかもしれません。</p>
<p>&nbsp;</p>
<p>ユーザーにとって使いやすいモールはおそらく売り上げも良くなるはずなので、yahoo!ショッピングには頑張って頂きたいなと思います。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>


Yahoo！ショッピングが目指すモールの形とは？

HTML5のCanvasでレスポンシブなリンク &#8211; 矩形(四角)編

<p>In the age of information overload&#8230;<a href="https://dragdis.com">Dragdis </a>is the ultimate bookmarking tool that pulls it all together.</p>
<p>This extension helps you curate and organize your resources as soon as you come across them thanks to an extremely simple sidebar.</p>
<p>Launched early March this year, Dragdis works by installing browser extension that adds this bookmarking functionality when you need it.</p>
<p>It goes without saying that there are plenty of tools and utilities, which do this job, like Evernote, Pinterest, Springpad, Finland’s Kippt and Pocket. But none of them focus on easing the process, most of the bookmarking tools you need to do a lot of actions to save anything. However with Dragdis all you need to do is simply drag and drop any link, text, image or video into a folder in the Dragdis bar that appears on the right side of your browser once you start dragging. Very neat.</p>
<p>Once in Dragdis, everything is stored in the cloud. They currently support Chrome, Safari and Firefox. You can have access to your selected apps too, like Facebook, Twitter, Dropbox, Google Drive, Evernote and Pinterest, for example.</p>
<p>The Lithuanian-based startup was founded back in 2012 by first-time entrepreneurs, Domas Sabockis, Karolis Malcevičius and Eugenijus Jusas. Sabockis explains he got the idea for the service while working in an ad agency as a creative, where he was constantly losing images, videos, links he found on the internet. After trying different tools and not finding one he really liked, he decided to quit his job to build Dragdis.</p>
<p>Check out this Dragdis video and see it in action.</p>
<p>&nbsp;</p>
<p><iframe loading="lazy" width="560" height="315" src="//www.youtube.com/embed/HLEAA_tIpbY" frameborder="0" allowfullscreen="allowfullscreen"></iframe></p>
<p>Interested users can sign up <a href="https://dragdis.com/">here</a>.</p>
<p>What do you think of this simple application?</p>


Dragdis:　The ultimate Bookmarking service

<p>find_in_set()という便利な関数を見つけたのでご紹介いたします。</p>
<h3>find_in_set()</h4>
<p>N 個の部分文字列で構成されるリスト strlist に、文字列 str が含まれている場合は、1 から N までのいずれかの値を返す。<br />
文字列のリストは、それぞれの間を カンマ‘,’文字で区切られた各部分文字列で構成される文字列である。<br />
最初の引数が定数文字列で、2 番目の引数が SET 型のカラムの場合、FIND_IN_SET() 関数はビット演算を使用するよう最適化される。<br />
str が strlist に含まれていない場合や、strlist が空の文字列の場合は、0 を返す。どちらの引数も NULL の場合は、NULL を返す。<br />
最初の引数に カンマ‘,’ が含まれていると、この関数は正しく動作しない。</p>
<table id="table-01" style="width: 343px; height: 134px;">
<tbody>
<tr>
<th>id</th>
<th>number</th>
</tr>
<tr>
<td>1</td>
<td>1,3,5,6,7</td>
</tr>
<tr>
<td>2</td>
<td>2,4,5,7</td>
</tr>
<tr>
<td>3</td>
<td>1</td>
</tr>
<tr>
<td>4</td>
<td>4,12</td>
</tr>
<tr>
<td>5</td>
<td>15,17</td>
</tr>
</tbody>
</table>
<p>上記テーブルより「カラム numberに &#8220;1&#8221; がある」という条件でレコード抽出を行うとします。</p>
<p>SELECT文のWHERE句でnumber = 1 を指定してもid 3　のデータしかヒットしません。</p>
<p>そこでfind_in_set() を使います。</p>
<p>テーブルの名前をsampleとします。</p>

		<div id="crayon-6495401579dbe375105180" 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;">
SELECT * FROM sample WHERE FIND_IN_SET('1', number);</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-6495401579dbe375105180-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-6495401579dbe375105180-1"><span class="crayon-e ">SELECT *</span><span class="crayon-h"> </span><span class="crayon-e">FROM </span><span class="crayon-e">sample </span><span class="crayon-e">WHERE </span><span class="crayon-e">FIND_IN_SET</span><span class="crayon-sy">(</span><span class="crayon-s">'1'</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-i">number</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>こうすることにより、id　1　と 3 のデータがヒットします。</p>

MySQL :: find_in_set() 関数

<p>最近ネット上で新しい決済手段についてのニュースがたまに出てくる。</p>
<p>その中で気になったのがこの2つ</p>
<p>http://japan.cnet.com/news/business/35051351/</p>
<p>http://japan.zdnet.com/mobile/analysis/35051435/</p>
<p>1つめが、アップルがモバイル決済サービスを始めるかもしれないというニュースだ。</p>
<p>2つめは、Visaが従来型のカードではなく、トークンによるアカウントの認証で決済する方法を提供するというものだ。</p>
<p>どう見てもウェアラブル対策にしか思えない。</p>
<p>ウェアラブル端末をきかっけに、モバイル決済が飛躍的に普及すると予想しているようだ。</p>
<p>今までも便利なモバイル決済機能はいくつかあったが、これを機にいっきに普及させる上での覇権争いが始まりつつ有るのかもしれない。</p>
<p>例えば、アップルからすると、自社のウェアラブル端末にモバイル決済機能をプリインストールし、<br />
アップルIDに紐付いたクレジットカード情報から引き落とすのは簡単だと思う。</p>
<p>要はクレジットカード会社から顧客の口座情報を仕入れているわけで、これを独自でやることによって手数料収入を得ようとしているのかもしれない。</p>
<p>ここで得た情報をiTunesやAppStoreでも使えるようにしたらかなりの収益アップに繋がりそう。</p>
<p>Visaは、このような川上の利権をアップルなどのハートメーカーに握られるのを防ぐための対応策なのかもしれない。</p>
<p>いずれにせよ、クレジットカードが前提であった構造が、これを機に変わっていくかもしれない</p>


新しい決済手段

css.jpg

意外に知らなかったCSSの「content」プロパティの使い方

<h2>ネームスペースの定義</h3>
<p>app/autoload.phpに、サードパーティバンドルのフォルダを追加すればいいです。<br />
複数ある場合は、配列で定義します。</p>
<p></p>

		<div id="crayon-6495401579973810655548" 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;">
$loader = new UniversalClassLoader();
$loader-&gt;registerNamespaces(array(
...
'Imagine'          =&gt; __DIR__.'/../vendor/imagine/lib',
'Avalanche'        =&gt; __DIR__.'/../vendor/bundles',
'Endroid'  =&gt; array(__DIR__.'/../vendor/endroid/qrcode-bundle/', __DIR__.'/../vendor/endroid/qrcode/src/'),
...
));
...</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-6495401579973810655548-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401579973810655548-2">2</div><div class="crayon-num" data-line="crayon-6495401579973810655548-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401579973810655548-4">4</div><div class="crayon-num" data-line="crayon-6495401579973810655548-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401579973810655548-6">6</div><div class="crayon-num" data-line="crayon-6495401579973810655548-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401579973810655548-8">8</div><div class="crayon-num" data-line="crayon-6495401579973810655548-9">9</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-6495401579973810655548-1"><span class="crayon-sy">$</span><span class="crayon-i">loader</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-r">new</span><span class="crayon-h"> </span><span class="crayon-e">UniversalClassLoader</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-6495401579973810655548-2"><span class="crayon-sy">$</span><span class="crayon-i">loader</span>-<span class="crayon-h">&gt;</span><span class="crayon-e">registerNamespaces</span><span class="crayon-sy">(</span><span class="crayon-t">array</span><span class="crayon-sy">(</span></div><div class="crayon-line" id="crayon-6495401579973810655548-3"><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-6495401579973810655548-4"><span class="crayon-s">'Imagine'</span><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>=<span class="crayon-h">&gt;</span><span class="crayon-h"> </span><span class="crayon-i">__DIR__</span><span class="crayon-sy">.</span><span class="crayon-s">'/../vendor/imagine/lib'</span><span class="crayon-sy">,</span></div><div class="crayon-line" id="crayon-6495401579973810655548-5"><span class="crayon-s">'Avalanche'</span><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>=<span class="crayon-h">&gt;</span><span class="crayon-h"> </span><span class="crayon-i">__DIR__</span><span class="crayon-sy">.</span><span class="crayon-s">'/../vendor/bundles'</span><span class="crayon-sy">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401579973810655548-6"><span class="crayon-s">'Endroid'</span><span class="crayon-h">&nbsp;&nbsp;</span>=<span class="crayon-h">&gt;</span><span class="crayon-h"> </span><span class="crayon-t">array</span><span class="crayon-sy">(</span><span class="crayon-i">__DIR__</span><span class="crayon-sy">.</span><span class="crayon-s">'/../vendor/endroid/qrcode-bundle/'</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-i">__DIR__</span><span class="crayon-sy">.</span><span class="crayon-s">'/../vendor/endroid/qrcode/src/'</span><span class="crayon-sy">)</span><span class="crayon-sy">,</span></div><div class="crayon-line" id="crayon-6495401579973810655548-7"><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-6495401579973810655548-8"><span class="crayon-sy">)</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-6495401579973810655548-9"><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>※Symfony2.1以降では、composerを使って自動更新で、自分でネームスペースを定義する必要がなくなりました。<br />
仕組みとして、app/autoload.phpではなく、vendor/autoload.phpでサードパーティバンドルのネームスベースを定義し、vendor/composer/autoload_real.phpを毎回更新しているのようです。</p>
<h2>バンドルの有効化</h3>
<p>app/AppKernel.phpに、追加したいバンドルを$bundlesの配列に書けばいいです。</p>
<p></p>

		<div id="crayon-6495401579977918534833" 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;">
    public function registerBundles()
    {   
        $bundles = array(
...
            new Avalanche\Bundle\ImagineBundle\AvalancheImagineBundle(),
            new Endroid\Bundle\QrCodeBundle\EndroidQrCodeBundle(),
...
        );
...
        return $bundles;
    }
...</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-6495401579977918534833-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401579977918534833-2">2</div><div class="crayon-num" data-line="crayon-6495401579977918534833-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401579977918534833-4">4</div><div class="crayon-num" data-line="crayon-6495401579977918534833-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401579977918534833-6">6</div><div class="crayon-num" data-line="crayon-6495401579977918534833-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401579977918534833-8">8</div><div class="crayon-num" data-line="crayon-6495401579977918534833-9">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401579977918534833-10">10</div><div class="crayon-num" data-line="crayon-6495401579977918534833-11">11</div><div class="crayon-num crayon-striped-num" data-line="crayon-6495401579977918534833-12">12</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-6495401579977918534833-1"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-m">public</span><span class="crayon-h"> </span><span class="crayon-t">function</span><span class="crayon-h"> </span><span class="crayon-e">registerBundles</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401579977918534833-2"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-sy">{</span><span class="crayon-h">&nbsp;&nbsp; </span></div><div class="crayon-line" id="crayon-6495401579977918534833-3"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-sy">$</span><span class="crayon-i">bundles</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-t">array</span><span class="crayon-sy">(</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401579977918534833-4"><span class="crayon-sy">.</span><span class="crayon-sy">.</span><span class="crayon-sy">.</span></div><div class="crayon-line" id="crayon-6495401579977918534833-5"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-r">new</span><span class="crayon-h"> </span><span class="crayon-i">Avalanche</span><span class="crayon-sy">\</span><span class="crayon-i">Bundle</span><span class="crayon-sy">\</span><span class="crayon-i">ImagineBundle</span><span class="crayon-sy">\</span><span class="crayon-e">AvalancheImagineBundle</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-6495401579977918534833-6"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-r">new</span><span class="crayon-h"> </span><span class="crayon-i">Endroid</span><span class="crayon-sy">\</span><span class="crayon-i">Bundle</span><span class="crayon-sy">\</span><span class="crayon-i">QrCodeBundle</span><span class="crayon-sy">\</span><span class="crayon-e">EndroidQrCodeBundle</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span><span class="crayon-sy">,</span></div><div class="crayon-line" id="crayon-6495401579977918534833-7"><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-6495401579977918534833-8"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-6495401579977918534833-9"><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-6495401579977918534833-10"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-st">return</span><span class="crayon-h"> </span><span class="crayon-sy">$</span><span class="crayon-i">bundles</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-6495401579977918534833-11"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-sy">}</span></div><div class="crayon-line crayon-striped-line" id="crayon-6495401579977918534833-12"><span class="crayon-sy">.</span><span class="crayon-sy">.</span><span class="crayon-sy">.</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>

【symfony2】サードパーティバンドルの追加

<p>ドメイン＝お名前.com、サーバ＝さくらのレンタル、メール＝GoogleApps</p>
<p>このパターン、実際多いのではないかなと思います。</p>
<p>そして、面倒なのが、ネームサーバーの設定ですね。ネットワークに詳しい人であれば、当たり前じゃんと思われるかもしれないのですが、そもそもメールサーバの運用などをGoogleAppsに任せちゃおう！という考えで導入をするわけですから、この初期設定に詰まってしまいます。</p>
<p>執筆時点の2014年7月現在の管理画面の項目などをベースに紹介します。</p>
<p>なお、契約や初期登録などは割愛します。</p>
<p>以下を応用すれば、他社ドメイン⇔他社サーバ⇔GoogleAppsの連携も比較的容易になると予想します。</p>
<h2>お名前.comの管理画面</h3>
<p>管理画面＞ドメインの設定＞DNS関連機能の設定</p>
<p>DNSレコード設定を利用するを選択し該当のドメインを選択</p>
<p><a href="/uploads-archive/2014/07/31c799da2d6d9303a79a71a5b242e391.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-5347" alt="ドメインNavi" src="/uploads-archive/2014/07/31c799da2d6d9303a79a71a5b242e391-300x273.jpg" width="300" height="273" srcset="/uploads-archive/2014/07/31c799da2d6d9303a79a71a5b242e391-300x273.jpg 300w, /uploads-archive/2014/07/31c799da2d6d9303a79a71a5b242e391-228x207.jpg 228w, /uploads-archive/2014/07/31c799da2d6d9303a79a71a5b242e391.jpg 672w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>上記は設定済のものですが、ご参照下さい。</p>
<p>ここでTYPEに注目します。</p>
<p>NSは、お名前.comがデフォルトで入れているものですので、編集削除は不可です。</p>
<p>AとCNAMEは一旦飛ばしてMXレコードはGoogleAppsの管理コンソールから確認が出来る以下の値を1行ずつ入れて下さい。</p>
<p>TTLは適度に短くすれば問題ありません。今回は300。</p>
<table>
<tbody>
<tr>
<th>MX サーバー アドレス</th>
<th>優先順位</th>
</tr>
<tr>
<td>ASPMX.L.GOOGLE.COM.</td>
<td>10</td>
</tr>
<tr>
<td>ALT1.ASPMX.L.GOOGLE.COM.</td>
<td>20</td>
</tr>
<tr>
<td>ALT2.ASPMX.L.GOOGLE.COM.</td>
<td>20</td>
</tr>
<tr>
<td>ASPMX2.GOOGLEMAIL.COM.</td>
<td>30</td>
</tr>
<tr>
<td>ASPMX3.GOOGLEMAIL.COM.</td>
<td>30</td>
</tr>
</tbody>
</table>
<h2>さくらのレンタルサーバ管理画面</h3>
<p>ここで先ほど、飛ばした、AレコードとCNAMEレコードについてです。</p>
<p>管理画面＞サーバ情報の表示</p>
<p><a href="/uploads-archive/2014/07/9e450290f0e73cbef99b73f67d9781b4.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-5348" alt="さくらインターネットサーバコントロールパネル" src="/uploads-archive/2014/07/9e450290f0e73cbef99b73f67d9781b4-300x247.jpg" width="300" height="247" srcset="/uploads-archive/2014/07/9e450290f0e73cbef99b73f67d9781b4-300x247.jpg 300w, /uploads-archive/2014/07/9e450290f0e73cbef99b73f67d9781b4-228x188.jpg 228w, /uploads-archive/2014/07/9e450290f0e73cbef99b73f67d9781b4.jpg 518w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>にて契約のサーバの情報が表示されます。</p>
<p>上記表のホスト名をCNAMEに。</p>
<p>IPアドレスをAにそれぞれ追記します。</p>
<p>以上の設定で、メール関連のMXレコードはGoogleApps、サーバ関連のA、CNAMEはさくらレンタルサーバへとそれぞれを向けることが出来ます。</p>
<p>設定が終わったら、NS Lookupと検索して今、DNSがどのような状態になっているかを調べて確認をします。</p>
<p>詳しいレコードの意味などはご自身で調べて下さい。</p>
<h2>注意事項</h3>
<p>さくらレンタルサーバの管理画面で他社で取得したドメインを追加する時、DNSは以下のように設定と出てきますが、これは無視して下さい。</p>
<p>最初はこれにハマりました。以下のdnsを設定してしまうとメール関連もろともさくらに向いてしまうため、お名前.comでMXレコードを追記しても処理をしてくれません。</p>
<table>
<tbody>
<tr>
<th>プライマリネームサーバ</th>
<td>ns1.dns.ne.jp</td>
<td>210.188.224.9</td>
</tr>
<tr>
<th>セカンダリネームサーバ</th>
<td>ns2.dns.ne.jp</td>
<td>210.224.172.13</td>
</tr>
</tbody>
</table>
<p>構造が分かっている方は、当たり前だと思うのでしょうが、以下のような挙動になります。</p>
<p><span style="line-height: 1.5em;">誤）ドメイン→さくら管理DNS→さくらサーバ</span></p>
<p>正）ドメイン→お名前.com管理DNS→さくらサーバ＆GoogleApps</p>
<p>上記はさくら管理DNSでMXレコードを追記出来れば解決もするかもしれませんが、現状では出来ないためです。</p>


Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧 - 2014年

2014/08/12

2014/08/06

2014/08/06

2014/08/06

2014/08/05

2014/08/05

2014/08/05

2014/08/05

2014/08/05

2014/07/30

2014/07/30

2014/07/30

2014/07/30

2014/07/30

2014/07/30

2014/07/29

2014/07/29

2014/07/23