<h2>NoSQLとは</h2>
<p>データベース管理システム(DBMS)の種類を表す用語で、現在最も普及しているリレーショナルデータベース(RDB/RDBMS → Mysql,PostGre,Oracleなど)とは異なる新しい方式の総称。RDBでデータの問い合わせや操作に用いる言語であるSQLを用いない(使えない)ことからこのように呼ばれる。主にビッグデータを扱うときに用いる。</p>
<h2>NoSQLの種類</h2>
<h4>KVS（Key-Value Store型）</h4>
<p>キーと値をペアにして保持するシンプルなデータ構造を持つ。キーと、格納したいデータを紐付け、キーを指定することでそれに対応したデータを格納／取得することができる。<br />
例：Memcashed</p>
<h4>列指向型（テーブル指向型）</h4>
<p>列方向のデータのまとまりを効率的に扱えるように設計されたデータベース。列データをファイルシステム上の連続した位置に格納することによって、大量の行に対する少数の列の集約処理や、同一の値をまとめるデータ圧縮などを効率的に行うことができる。大量のデータを対象とした分析やデータマイニングなどに特に適していると言われている。<br />
例：Cassandra</p>
<h4>ドキュメント指向型</h4>
<p>XMLやJSONなどのように半構造化されたドキュメントデータの格納に特化したデータベース。ドキュメント自体に関するメタデータも含め、全てドキュメント内に保存される点が特徴となっている。<br />
例：MongoDB</p>
<h4>グラフ指向型</h4>
<p>ノード、エッジ、プロパティから構成されるグラフ構造でデータを格納するデータベース。データ同士の複雑な関連性を表現することができる。<br />
例：Neo4j</p>
<h2>NoSQLの特徴</h2>
<p>・RDBMSと比べて高速に動作する(大量のデータの読み書きが得意)<br />
・スケールアウト(サーバを増加させることで性能をアップ)をすることを想定した作り<br />
・トランザクションやテーブル間のジョインのような仕組みがないものが多く、シンプルな設計＆機能</p>


NoSQL基本

<p>運営するネットショップの配送方法として「ゆうパケット」の利用を新たに開始しました。</p>
<p>ゆうパケットのサービス自体は最近始まったばかりなので今後利用される方もいると思い、送り状を作成するツールの使い方についてまとめます。</p>
<p>ゆうパケット用の送り状を作成するソフトは「ゆうプリＲ」を使用します。</p>
<p><a href="/uploads-archive/2014/10/yupuri1.gif"><img decoding="async" loading="lazy" class="alignnone  wp-image-6066" src="/uploads-archive/2014/10/yupuri1.gif" alt="yupuri1" width="406" height="322" /></a></p>
<p>&nbsp;</p>
<p>ゆうプリＲは日本郵便にゆうパケット等の申し込みをした後にダウンロードページを送ってもらえます。</p>
<p>IDとパスワードがパソコン1台ずつに必要なので、ゆうプリＲを利用するパソコンの台数を伝えておく必要があります。</p>
<p>&nbsp;</p>
<p>ゆうプリＲ自体はかなり汎用性の高いツールでCSVの取込・出力フォーマットを自由に変えられます。</p>
<p>その分、設定には時間がかかるので、はじめは複雑に感じるかもしれません。</p>
<h6>ゆうプリＲで送り状を作成・印刷する</h6>
<p>「スタートメニュー」の「発送管理」をクリックすると「発送予定データ一覧」の画面が開きます</p>
<p><a href="/uploads-archive/2014/10/yupuri2.gif"><img decoding="async" loading="lazy" class="alignnone  wp-image-6065" src="/uploads-archive/2014/10/yupuri2.gif" alt="yupuri2" width="615" height="433" /></a></p>
<p>「ファイル取り込み」から発送先のデータを取込ます。</p>
<p>まずは取込フィルタを選択しますが、このフィルタはスタートメニューの「フィルタ設定」で作成します。</p>
<p>取込フィルタと出力フィルタのタブがあるので、取込フィルタを選択してから設定してください。</p>
<p>&nbsp;</p>
<p>入力元パスに取り込みたいファイルを指定して「取込」を行います。</p>
<p><a href="/uploads-archive/2014/10/yupuri4.gif"><img decoding="async" loading="lazy" class="alignnone  wp-image-6069" src="/uploads-archive/2014/10/yupuri4.gif" alt="yupuri4" width="630" height="443" /></a></p>
<p>取り込んだファイルの内容が発送予定データ一覧に反映されます。</p>
<p>発送する対象を選択すると「印刷」のボタンがクリックできるようになります。</p>
<p>後はプリンターに用紙を入れて印刷をするだけです。</p>
<p>&nbsp;</p>
<p>どのプリンターを使用するのかについては、スタートメニューの「送り状設定」＞「プリンタ設定マスタ」で設定が可能です。</p>
<h6>送り状番号のデータを出力する</h6>
<p>モール管理ツールなどに送り状の番号を戻してあげる為のCSVは「発送履歴」から出力できます。<a href="/uploads-archive/2014/10/yupuri5.gif"><img decoding="async" loading="lazy" class="alignnone  wp-image-6073" src="/uploads-archive/2014/10/yupuri5.gif" alt="yupuri5" width="648" height="456" /></a></p>
<p>出力したい送り先の情報を処理日などで絞り込んで出力をクリック、この際に出力フィルタを設定しておく必要があります。</p>
<p>出力フィルタに関してもスタートメニューのフィルタ設定で行えます。</p>


ゆうプリＲでゆうパケット用の送り状を印刷する方法

<p>Symfony2のデフォルトでは、キャッシュフォルダはapp/フォルダの下にあります。<br />
時々いろな理由（例えば、ソースコード管理）で、キャッシュフォルダをプロジェクトフォルダの外に置きたい場合があります。<br />
その状況のために、キャッシュフォルダを変更する方法を調べてみました。</p>
<h2>キャッシュフォルダの変更</h2>
<p>一見難しそうなタスクですが、Symfony2では簡単なやり方を提供しています（画像などのリソースファイルをweb/フォルダの下からプロジェクトフォルダの外に移動するほうが手間かかる気がします）。<br />
app/AppKernel.phpのファイルに、getCacheDirの関数を追加すればよいです。</p>
<p></p>

		<div id="crayon-649540157dba6052766325" 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 getCacheDir()
    {
        return $this-&gt;rootDir.'/../cache/[project_name]/'.$this-&gt;environment;
    }</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-649540157dba6052766325-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157dba6052766325-2">2</div><div class="crayon-num" data-line="crayon-649540157dba6052766325-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157dba6052766325-4">4</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-649540157dba6052766325-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">getCacheDir</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157dba6052766325-2"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-649540157dba6052766325-3"><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-r">this</span>-<span class="crayon-h">&gt;</span><span class="crayon-i">rootDir</span><span class="crayon-sy">.</span><span class="crayon-s">'/../cache/[project_name]/'</span><span class="crayon-sy">.</span><span class="crayon-sy">$</span><span class="crayon-r">this</span>-<span class="crayon-h">&gt;</span><span class="crayon-i">environment</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157dba6052766325-4"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-sy">}</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>上記の例では、プロジェクトフォルダと同じ階層にcacheを作って、その中にプロジェクトごと環境を分けてcacheを保存するイメージです。</p>
<h2>リソースフォルダの変更</h2>
<p>画像の容量を小さくするため、画像を違うサイズの小画像を自動作成しキャッシュ化するバンドル<a href="https://github.com/avalanche123/AvalancheImagineBundle" target="_blank">AvalancheImagineBundle</a>を使います。<br />
初回目画像を作成するため時間がかかって重いのは難点ですが。</p>
<p>app/config.ymlに設定すれば、デフォルトの設定を上書きできるようになっています。</p>
<p></p>

		<div id="crayon-649540157dbaa460413710" 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;">
avalanche_imagine:
    source_root:  処理したい画像フォルダの絶対パス
    web_root:     処理したい画像フォルダの（webルートから）相対パス
    cache_prefix: media/cache
    driver:       gd
    filters:      []</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-649540157dbaa460413710-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157dbaa460413710-2">2</div><div class="crayon-num" data-line="crayon-649540157dbaa460413710-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157dbaa460413710-4">4</div><div class="crayon-num" data-line="crayon-649540157dbaa460413710-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157dbaa460413710-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-649540157dbaa460413710-1"><span class="crayon-i">avalanche_imagine</span><span class="crayon-sy">:</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157dbaa460413710-2"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">source_root</span><span class="crayon-sy">:</span><span class="crayon-h">&nbsp;&nbsp;</span>処理したい画像フォルダの絶対パス</div><div class="crayon-line" id="crayon-649540157dbaa460413710-3"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">web_root</span><span class="crayon-sy">:</span><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp; </span>処理したい画像フォルダの（<span class="crayon-i">web</span>ルートから）相対パス</div><div class="crayon-line crayon-striped-line" id="crayon-649540157dbaa460413710-4"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">cache_prefix</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i">media</span>/<span class="crayon-e">cache</span></div><div class="crayon-line" id="crayon-649540157dbaa460413710-5"><span class="crayon-e">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">driver</span><span class="crayon-sy">:</span><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span class="crayon-e">gd</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157dbaa460413710-6"><span class="crayon-e">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">filters</span><span class="crayon-sy">:</span><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-sy">[</span><span class="crayon-sy">]</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>

【Symfony2】キャッシュフォルダの変更

<p>webサイトのコーディングをしている際、複数のページを製作途中でヘッターやフッターといった共通の部分が変更になることがよくあります。</p>
<p>結局はCMS化する部分なんですが、変更になった部分を全ページに反映させてほしいという要望があります。（そういう要望の方が多いです。）こちらとしては、どこかのページさえあってればもう十分だとは思うのですが、CMS化の概念がわからないと十分だということもよくわからないかと思います。</p>
<p>とはいえ、全ページを反映させるのは手間なので、コーディングの段階からCMSっぽくパーツ化してしまう方がいいのかもしれないと思う次第になってきました。</p>
<p>いろいろな方法があるのですが、今ままで僕が知っていたものは、phpで書く、javascriptで無理矢理挿入するといったものですが、それぞれ問題点がありました。</p>
<p>今回は、手間も問題も少ないものを紹介したいと思います。</p>
<p>それは、jqueryのajaxを使用する方法です。</p>
<p>デモは以下になります。</p>
<p><a href="/demo/abe/48/" target="_blank" class="demo">DEMO</a></p>
<p>DEMOではload.jsに読み込ませる記述があります。</p>
<h2>jqueryのajaxを使って共通部分をパーツ化する</h2>
<p>まずは、当たり前ですが、jqueryを読み込みます。</p>
<p></p>

		<div id="crayon-649540157d9ac746072290" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div><span class="crayon-language">XHTML</span></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
&lt;script src="js/jquery.min.js"&gt;&lt;/script&gt;</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-649540157d9ac746072290-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-649540157d9ac746072290-1"><span class="crayon-ta">&lt;script </span><span class="crayon-e ">src</span>=<span class="crayon-s">"js/jquery.min.js"</span><span class="crayon-h">&gt;</span><span class="crayon-ta">&lt;/script&gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>そして,head内に、以下のように書き込みます。</p>
<p></p>

		<div id="crayon-649540157d9b1835063871" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div><span class="crayon-language">JavaScript</span></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
$.ajax({
            type: 'GET',
            url: "header.html",
            dataType: 'html',
            success: function(data){
                $('body').prepend(data);
            },
            error:function() {
                       alert('問題がありました。');
                   }
        });</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-649540157d9b1835063871-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157d9b1835063871-2">2</div><div class="crayon-num" data-line="crayon-649540157d9b1835063871-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157d9b1835063871-4">4</div><div class="crayon-num" data-line="crayon-649540157d9b1835063871-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157d9b1835063871-6">6</div><div class="crayon-num" data-line="crayon-649540157d9b1835063871-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157d9b1835063871-8">8</div><div class="crayon-num" data-line="crayon-649540157d9b1835063871-9">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157d9b1835063871-10">10</div><div class="crayon-num" data-line="crayon-649540157d9b1835063871-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-649540157d9b1835063871-1"><span class="crayon-sy">$</span><span class="crayon-sy">.</span><span class="crayon-e">ajax</span><span class="crayon-sy">(</span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157d9b1835063871-2"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">type</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">'GET'</span><span class="crayon-sy">,</span></div><div class="crayon-line" id="crayon-649540157d9b1835063871-3"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">url</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">"header.html"</span><span class="crayon-sy">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157d9b1835063871-4"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">dataType</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">'html'</span><span class="crayon-sy">,</span></div><div class="crayon-line" id="crayon-649540157d9b1835063871-5"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">success</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-t">function</span><span class="crayon-sy">(</span><span class="crayon-i">data</span><span class="crayon-sy">)</span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157d9b1835063871-6"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-s">'body'</span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">prepend</span><span class="crayon-sy">(</span><span class="crayon-i">data</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540157d9b1835063871-7"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-sy">}</span><span class="crayon-sy">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157d9b1835063871-8"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">error</span><span class="crayon-sy">:</span><span class="crayon-t">function</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-649540157d9b1835063871-9"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span class="crayon-r">alert</span><span class="crayon-sy">(</span><span class="crayon-s">'問題がありました。'</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157d9b1835063871-10"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span class="crayon-sy">}</span></div><div class="crayon-line" id="crayon-649540157d9b1835063871-11"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</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>これだと、<body>の直後に入る感じですね。<br />
これだけです。</p>
<p>header.htmlのリンクは、読み込んでいるファイルからになります。</p>
<p>jQueryのloadだともっと簡単にできますが、エラーの処理等はないのと、読み込ませる場所の指定がajaxの方がしやすい感じがするので、こちらの方がいいのかと思ってます。</p>
<h3>問題点</h3>
<p>問題点としては、<br />
google chromeのローカル環境で見られないことです。<br />
(errorの処理になってしまいます)</p>
<p>それぐらいなので、他の方法よりは問題は少ないと思います。<br />
CMS化する際もパスを変更するぐらいでそのまま移行できますしけっこう良いかと思います。</p>
<p>一応chromeでも見れるようにする方法があるようです。</p>
<p><a href="http://dev.classmethod.jp/etc/chrome-localfile-security/" target="_blank">【小ネタ】Chromeのローカルセキュリティポリシーの回避 ｜ Developers.IO</a></p>
<p><a href="http://www.finefinefine.jp/web/jquery/kiji861/" target="_blank">Google Chromeの起動オプション</a></p>
<p>ちなみに共通化させる他の方法としては、以下があります。<br />
<a href="http://webdrawer.net/other/templates.html" target="_blank">更新するのが面倒！サイトの共通部分を簡単に作る様々な方法｜WEB Drawer</a></p>
<p>いずれはもっと簡単な方法がなにか出てきそうな気がしますね。。。</p>
<p>余談ですが、<br />
アイキャッチの画像は、<br />
以下からダウンロードしてきました。</p>
<p><a href="http://jeshoots.com/" target="_blank">JÉSHOOTS | Photos for business or personal use in high resolution for free</a></p>
<p>以下から発見しました。<br />
<a href="http://designinstruct.com/roundups/10-websites-free-stock-photos/" target="_blank">10 More Websites for Free Stock Photos</a></p>

jqueryを使ってwebサイトの共通部分をパーツ化する

<p>URLを操作して、様々な用途に使用できるmodRewiteについて書きました。</p>
<h3>mod_rewriteとは</h4>
<p>WebサーバーであるApache上で利用することができる機能です。<br />
機能内容を簡単にいえば、ユーザー（又は検索エンジン）からのリクエストにあるURL情報を、変更し「リダイレクト」する事ができます。</p>
<p>&nbsp;</p>
<h3>mod_rewriteの初期設定</h4>
<p>mod_rewriteはApacheのモジュールなので設定ファイルで有効にする必要があります。</p>

		<div id="crayon-649540157d7a2153226191" 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;">
vi /etc/httpd/conf/httpd.conf

  #LoadModule rewrite_module modules/mod_rewrite.so
  LoadModule rewrite_module modules/mod_rewrite.so

/etc/init.d/httpd/restart</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-649540157d7a2153226191-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157d7a2153226191-2">2</div><div class="crayon-num" data-line="crayon-649540157d7a2153226191-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157d7a2153226191-4">4</div><div class="crayon-num" data-line="crayon-649540157d7a2153226191-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157d7a2153226191-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-649540157d7a2153226191-1"><span class="crayon-i">vi</span><span class="crayon-h"> </span>/<span class="crayon-i">etc</span>/<span class="crayon-i">httpd</span>/<span class="crayon-i">conf</span>/<span class="crayon-i">httpd</span><span class="crayon-sy">.</span><span class="crayon-i">conf</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157d7a2153226191-2">&nbsp;</div><div class="crayon-line" id="crayon-649540157d7a2153226191-3"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-p">#LoadModule rewrite_module modules/mod_rewrite.so</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157d7a2153226191-4"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-e">LoadModule </span><span class="crayon-e">rewrite_module </span><span class="crayon-i">modules</span>/<span class="crayon-i">mod_rewrite</span><span class="crayon-sy">.</span><span class="crayon-i">so</span></div><div class="crayon-line" id="crayon-649540157d7a2153226191-5">&nbsp;</div><div class="crayon-line crayon-striped-line" id="crayon-649540157d7a2153226191-6">/<span class="crayon-i">etc</span>/<span class="crayon-i">init</span><span class="crayon-sy">.</span><span class="crayon-i">d</span>/<span class="crayon-i">httpd</span>/<span class="crayon-i">restart</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>これでmodRewiteが使えます。</p>
<p>&nbsp;</p>
<h3>使用例</h4>
<p>1, サイトの引越し（リニューアル）の時にリダイレクトする方法。<br />
例：<br />
http://www.aaa.com/ から http://www.bbb.com/ にドメインが変更になった場合に<br />
http://www.bbb.com/ にリダイレクトさせることができます。<br />
・設置場所 → http://www.aaa.com/ のドキュメントルートに.htaccessを設置</p>

		<div id="crayon-649540157d7a6869719857" 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;">
RewriteEngine on
RewriteRule ^/(.*)$ http://www.bbb.com/$1 [R=301,L]</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-649540157d7a6869719857-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157d7a6869719857-2">2</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-649540157d7a6869719857-1"><span class="crayon-e">RewriteEngine </span><span class="crayon-e">on</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157d7a6869719857-2"><span class="crayon-i">RewriteRule</span><span class="crayon-h"> </span>^/<span class="crayon-sy">(</span><span class="crayon-sy">.</span>*<span class="crayon-sy">)</span><span class="crayon-sy">$</span><span class="crayon-h"> </span><span class="crayon-i">http</span><span class="crayon-sy">:</span><span class="crayon-c">//www.bbb.com/$1 [R=301,L]</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>2, 動的ページを静的ページに見せる<br />
SEO対策でよく使われます。<br />
動的ページを静的ページに見せることによって、検索エンジンにインデックスされやすくなるらしいです。<br />
例：<br />
http://www.aaa.com/search.php?id=123&#038;name=bob<br />
↓<br />
http://www.aaa.com/123_bob.html</p>

		<div id="crayon-649540157d7a8687247126" 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;">
Options FollowSymLinks
RewriteEngine on

RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^([0-9A-Za-z]+)_([0-9A-Za-z]+).html$ search.php?id=$1&amp;amp;name=$2</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-649540157d7a8687247126-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157d7a8687247126-2">2</div><div class="crayon-num" data-line="crayon-649540157d7a8687247126-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157d7a8687247126-4">4</div><div class="crayon-num" data-line="crayon-649540157d7a8687247126-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157d7a8687247126-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-649540157d7a8687247126-1"><span class="crayon-e">Options</span><span class="crayon-h"> </span><span class="crayon-e">FollowSymLinks</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157d7a8687247126-2"><span class="crayon-e">RewriteEngine</span><span class="crayon-h"> </span><span class="crayon-e">on</span></div><div class="crayon-line" id="crayon-649540157d7a8687247126-3">&nbsp;</div><div class="crayon-line crayon-striped-line" id="crayon-649540157d7a8687247126-4"><span class="crayon-e">RewriteCond</span><span class="crayon-h"> </span><span class="crayon-sy">%</span><span class="crayon-sy">{</span><span class="crayon-i">REQUEST_FILENAME</span><span class="crayon-sy">}</span><span class="crayon-h"> </span><span class="crayon-sy">!</span>-<span class="crayon-e">f</span></div><div class="crayon-line" id="crayon-649540157d7a8687247126-5"><span class="crayon-e">RewriteCond</span><span class="crayon-h"> </span><span class="crayon-sy">%</span><span class="crayon-sy">{</span><span class="crayon-i">REQUEST_FILENAME</span><span class="crayon-sy">}</span><span class="crayon-h"> </span><span class="crayon-sy">!</span>-<span class="crayon-i">d</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157d7a8687247126-6"><span class="crayon-i">RewriteRule</span><span class="crayon-h"> </span>^<span class="crayon-sy">(</span><span class="crayon-sy">[</span><span class="crayon-cn">0</span>-<span class="crayon-cn">9A</span>-<span class="crayon-i">Za</span>-<span class="crayon-i">z</span><span class="crayon-sy">]</span>+<span class="crayon-sy">)</span><span class="crayon-e">_</span><span class="crayon-sy">(</span><span class="crayon-sy">[</span><span class="crayon-cn">0</span>-<span class="crayon-cn">9A</span>-<span class="crayon-i">Za</span>-<span class="crayon-i">z</span><span class="crayon-sy">]</span>+<span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-i">html</span><span class="crayon-sy">$</span><span class="crayon-h"> </span><span class="crayon-i">search</span><span class="crayon-sy">.</span><span class="crayon-i">php</span><span class="crayon-sy">?</span><span class="crayon-i">id</span>=<span class="crayon-sy">$</span><span class="crayon-cn">1</span><span class="crayon-sy">&amp;amp;</span><span class="crayon-i">name</span>=<span class="crayon-sy">$</span><span class="crayon-cn">2</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>3, wwwありをwwwなしに301リダイレクト<br />
SEOの基本ですが、wwwありか、なしで統一する方法です。<br />
例：<br />
http://www.aaa.com/ (あり)から http://aaa.com/ (なし)へ統一する。</p>

		<div id="crayon-649540157d7a9819016847" 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;">
RewriteEngine on

RewriteCond %{HTTP_HOST} www\.aaa\.com
RewriteRule ^(.*)$ http://aaa.com/$1 [R=301,L]</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-649540157d7a9819016847-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157d7a9819016847-2">2</div><div class="crayon-num" data-line="crayon-649540157d7a9819016847-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157d7a9819016847-4">4</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-649540157d7a9819016847-1"><span class="crayon-e">RewriteEngine</span><span class="crayon-h"> </span><span class="crayon-e">on</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157d7a9819016847-2">&nbsp;</div><div class="crayon-line" id="crayon-649540157d7a9819016847-3"><span class="crayon-e">RewriteCond</span><span class="crayon-h"> </span><span class="crayon-sy">%</span><span class="crayon-sy">{</span><span class="crayon-i">HTTP_HOST</span><span class="crayon-sy">}</span><span class="crayon-h"> </span><span class="crayon-i">www</span><span class="crayon-sy">\</span><span class="crayon-sy">.</span><span class="crayon-i">aaa</span><span class="crayon-sy">\</span><span class="crayon-sy">.</span><span class="crayon-e">com</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157d7a9819016847-4"><span class="crayon-i">RewriteRule</span><span class="crayon-h"> </span>^<span class="crayon-sy">(</span><span class="crayon-sy">.</span>*<span class="crayon-sy">)</span><span class="crayon-sy">$</span><span class="crayon-h"> </span><span class="crayon-i">http</span><span class="crayon-sy">:</span><span class="crayon-c">//aaa.com/$1 [R=301,L]</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>他にも様々な方法があります。<br />
気になる方はこちらチェックしてみてください。<br />
<a href="http://snipsnaptmae.wordpress.com/2013/02/28/modrewrite/" target="_brank">http://snipsnaptmae.wordpress.com/2013/02/28/modrewrite/</a></p>

URLを操作する　modRewite

<p>レスポンシブデザインでのコーディングをする際、PCとSPで同じ画像にするのが理想なのですが、<br />
やはり別の画像にしないと行けなくなるときがあります。</p>
<p>その際は、背景画像であれば、cssで変更できますが、<br />
通常の画像は,javascriptで横の幅のサイズを取得してそれにより、imgを変更したりしていますが、<br />
便利なsrcsetというタグがあるようです。<br />
srcsetは必要のない画像はロードしないので、いいですね。</p>
<p>以下のような使い方になるようです。</p>
<p></p>

		<div id="crayon-649540157d3b6527202210" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div><span class="crayon-language">XHTML</span></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
&lt;img src="img/sample.jpg"
     srcset="img/sample.jpg 1x,
             img/sample2.jpg 2x"&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-649540157d3b6527202210-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157d3b6527202210-2">2</div><div class="crayon-num" data-line="crayon-649540157d3b6527202210-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-649540157d3b6527202210-1"><span class="crayon-r ">&lt;img </span><span class="crayon-e ">src</span>=<span class="crayon-s ">"img/sample.jpg"</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157d3b6527202210-2"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp; </span><span class="crayon-e ">srcset</span>=<span class="crayon-s ">"img/sample.jpg 1x,</span></div><div class="crayon-line" id="crayon-649540157d3b6527202210-3"><span class="crayon-s ">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; img/sample2.jpg 2x"</span><span class="crayon-r ">&gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>srcsetに対応していないブラウザの場合は、srcを読み込んで、<br />
srcsetを読み込む場合、通常の場合はsample.jpgが読み込まれ、Retinaディスプレイではsample2.jpgを読み込むようです。</p>
<p>また、</p>
<p></p>

		<div id="crayon-649540157d3ba756041532" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div><span class="crayon-language">XHTML</span></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
&lt;img src="img/sample.jpg"
     srcset="img/sample_sp.jpg 320w,
             img/sample2.jpg 640w"</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-649540157d3ba756041532-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157d3ba756041532-2">2</div><div class="crayon-num" data-line="crayon-649540157d3ba756041532-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-649540157d3ba756041532-1"><span class="crayon-r ">&lt;img </span><span class="crayon-e ">src</span>=<span class="crayon-s ">"img/sample.jpg"</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157d3ba756041532-2"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp; </span><span class="crayon-e ">srcset</span>=<span class="crayon-s ">"img/sample_sp.jpg 320w,</span></div><div class="crayon-line" id="crayon-649540157d3ba756041532-3"><span class="crayon-s ">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; img/sample2.jpg 640w"</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>このように記述すると、<br />
ウィンドウサイズが320px以下ならsample_sp.jpgが、640px以下かそれ以上ならsample2.jpgが読み込まれます。</p>
<p>まだ全てのブラウザで対応している訳じゃないとのことですが、<br />
<a href="http://scottjehl.github.io/picturefill/" target="_blank">Picturefill</a>を使えば対応出来るとのことです。</p>
<p>これがしっかり使えるようであれば便利ですね〜・・・<br />
とも思いますが、PCとSPで画像が簡単に変更が出来るという点では、作業量がちょっと増えるのかなとも思います。</p>
<p>ここでは書いてませんが、pictureというタグも同じように使用可能なようで、<br />
レスポンシブサイトの要望に対応したタグができているようです。。。</p>
<p>参考にさせていただいたサイトは以下になります。<br />
<a href="http://kia-king.com/blog/tutorial/responsive-images-with-srcset/" target="_blank">HTMLのsrcsetを使って画像をレスポンシブにRetina対応させてみよう</a><br />
<a href="http://havelog.ayumusato.com/develop/html/e617-picture_element_and_srcset_attribute.html">picture要素の関連仕様って今どうなってるんだっけ？を調べたメモ ::ハブろぐ</a></p>

レスポンシブデザインのコーディングには、srcsetを使う!?

<p>ＥＣサイトのＳＥＯ対策として被リンクを増やしたりする手法は効果が無くなっている現状で</p>
<p>最近はどんな手法が取り入れられているのかについて調べてみました。</p>
<p>良く出てくるは、オウンメディアを持つというやり方です。</p>
<p>しかし、実際ＥＣサイトを運営していると別サイト（オウンメディア）の運営・更新にまで手が回らないという問題が出てきます。</p>
<h4>ＥＣサイト自体をメディア化しているサイト</h6>
<p>そこでＥＣサイト自体をメディア化しているサイトが増えているようです。</p>
<p>その中でも成功している事例としてあげられているサイト「<a href="http://hokuohkurashi.com/">北欧、暮らしの道具店</a>」です。</p>
<p>「読みもの」と「お買いもの」が混在していて、サイトを見てみるとコンテンツとしては約３分の１が「読みもの」になっています。</p>
<p>イメージとしてはライフスタイルを提案する雑誌とＥＣサイトが一緒になった感じです。</p>
<p><a href="/uploads-archive/2014/10/e63ecb466731e4b3946ab2e46b3a36ff.png"><img decoding="async" loading="lazy" class="alignnone wp-image-5987" src="/uploads-archive/2014/10/e63ecb466731e4b3946ab2e46b3a36ff.png" alt="北欧雑貨と北欧食器の通販サイト  北欧、暮らしの道具店" width="679" height="526" srcset="/uploads-archive/2014/10/e63ecb466731e4b3946ab2e46b3a36ff.png 969w, /uploads-archive/2014/10/e63ecb466731e4b3946ab2e46b3a36ff-300x232.png 300w, /uploads-archive/2014/10/e63ecb466731e4b3946ab2e46b3a36ff-228x176.png 228w" sizes="(max-width: 679px) 100vw, 679px" /></a></p>
<p>&nbsp;</p>
<p>消費者が興味を持つコンテンツを提供する事でサイト対して好感をもってもらう事ができ、さらにgoogleからの評価も良くなるという事になります。</p>
<p>欲しい情報が入るサイトという認識を持ってもらえればリピート率が上がるというメリットがあります。</p>
<p>&nbsp;</p>
<p>「お買いもの」のページもおしゃれなブログっぽい作りになっているので商品に対しての情報を伝えやすく、</p>
<p>良さをしっかり伝える事で購買意欲につながるそうです。</p>
<p>&nbsp;</p>
<h4>メディアがＥＣサイト化するパターン</h6>
<p>「<a href="https://antenna.jp/">antenna</a>」はキュレーションメディアだと思っていましたが、最近はＥＣサイトみたいになっています。</p>
<p>「イタリアで話題の香水が日本初上陸」というニュース記事のページの中に購入できるカートがあったりします。</p>
<p>あたかもニュースのように商品を紹介していて上手いなと感じます。</p>
<p><a href="/uploads-archive/2014/10/4db83fcb67e202e273ca76032b095686.png"><img decoding="async" loading="lazy" class="alignnone  wp-image-5988" src="/uploads-archive/2014/10/4db83fcb67e202e273ca76032b095686.png" alt="キュレーションマガジン Antenna［アンテナ］" width="678" height="349" srcset="/uploads-archive/2014/10/4db83fcb67e202e273ca76032b095686.png 1903w, /uploads-archive/2014/10/4db83fcb67e202e273ca76032b095686-300x154.png 300w, /uploads-archive/2014/10/4db83fcb67e202e273ca76032b095686-1024x526.png 1024w, /uploads-archive/2014/10/4db83fcb67e202e273ca76032b095686-228x117.png 228w" sizes="(max-width: 678px) 100vw, 678px" /></a></p>
<p>キュレーションメディアとしての在り方として、広告を載せるなどの方法よりもスマートに感じます。</p>
<p>面白い記事でれば商品ページ自体が良質なコンテンツという事になります。</p>
<p>もちろん内容が伴わないといけませんが「メルマガ配信」「商品ページの作成」「オウンメディアの更新」に相当する作業が記事を書くという事だけで済んでしまいます。</p>
<p>&nbsp;</p>


ＥＣサイトをメディア化してＳＥＯ対策に成功した事例

<p>I was talking last week about <a href="http://www.awwwards.com/">AWWWARDS</a>, one of the most popular online awards that recognise the talent and effort of the best web designers, developers and agencies in the world.</p>
<p>Awwwards promise to be the meeting point where web professionals from across the world can come to find inspiration, to debate and share knowledge and experience.</p>
<p>Indeed they can proclaimed themselves as the <a href="http://www.awwwards.com/awwwards-the-most-visited-online-awards-platform-in-the-world.html">“The most visited online awards platform in the world”</a>. Awwwards recently broke the 2,000 barrier on <strong>Alexa</strong> and it is currently ranked at 1,919.</p>
<p>Worth a check, their most prestigious peers and competitors ranking is respectively: The <a href="http://www.webbyawards.com/">Webby Awards </a>(21,128), The <a href="http://www.thefwa.com/">FWA </a>(25, 943) and other important awards sites such as <a href="http://www.dandad.org/">D&amp;AD Awards</a>, <a href="http://fitc.ca/awards/">Fitc</a> and <a href="https://thenetawards.com/">The Net Awards.</a> <em>(Source: Alexa 2014).<a style="font-style: normal;" href="/uploads-archive/2014/10/awwwards-statistics-2015.png"><br />
</a></em></p>
<p><a href="/uploads-archive/2014/10/awwwards-statistics-2015.png"><img decoding="async" loading="lazy" class="alignnone wp-image-5956 " src="/uploads-archive/2014/10/awwwards-statistics-2015.png" alt="awwwards-statistics-2015" width="649" height="482" srcset="/uploads-archive/2014/10/awwwards-statistics-2015.png 938w, /uploads-archive/2014/10/awwwards-statistics-2015-300x222.png 300w, /uploads-archive/2014/10/awwwards-statistics-2015-228x169.png 228w" sizes="(max-width: 649px) 100vw, 649px" /></a></p>
<p><a href="http://www.awwwards.com/blog/"><strong>BLOG </strong></a></p>
<p>One of the things I like the most in Awwwards it&#8217;s the blog, as I think is a good resource to keep up with the web/UI/UX  trends, top web design topics, tutorials, events and specially the latest tools for web-designers.</p>
<p><a href="/uploads-archive/2014/10/Screen-Shot-2014-10-07-at-16.15.22.png"><img decoding="async" loading="lazy" class="alignnone wp-image-5955 " src="/uploads-archive/2014/10/Screen-Shot-2014-10-07-at-16.15.22-1024x491.png" alt="Screen Shot 2014-10-07 at 16.15.22" width="644" height="309" srcset="/uploads-archive/2014/10/Screen-Shot-2014-10-07-at-16.15.22-1024x491.png 1024w, /uploads-archive/2014/10/Screen-Shot-2014-10-07-at-16.15.22-300x144.png 300w, /uploads-archive/2014/10/Screen-Shot-2014-10-07-at-16.15.22-228x109.png 228w" sizes="(max-width: 644px) 100vw, 644px" /></a></p>
<p><strong><a href="http://www.awwwards.com/awwwards-interviews-simon-collison.html">INTERVIEWS</a></strong></p>
<p>In the blog you&#8217;ll find a couple of interviews as well. This one I picked features Keitaro Suzuki,<span style="color: #313131;"> Art Director and Head of Web Design, UI, UX at </span><a style="color: #3c948b;" href="http://www.shiftbrain.co.jp/">ShiftBrain</a><span style="color: #313131;">, Japan, who explains about the design scene in Japan, and where he thinks the web will take us in a few years&#8217; time.</span></p>
<p><iframe loading="lazy" width="500" height="281" src="//player.vimeo.com/video/99006791" frameborder="0" webkitallowfullscreen="webkitallowfullscreen" mozallowfullscreen="mozallowfullscreen" allowfullscreen="allowfullscreen"></iframe></p>
<p><strong><a href="http://www.awwwards.com/events/">EVENTS</a></strong></p>
<p>You can also keep updated with the latest events of the industry happening worldwide. Currently there is none happening soon in Japan, but on November 5th there&#8217;s an event about User Experience:<a href="http://www.awwwards.com/events/ux-futures-summit-2014.html"> UX Futures Summit 2014</a> which is online, no travel hassle!.</p>
<p><a href="/uploads-archive/2014/10/Screen-Shot-2014-10-07-at-16.51.59.png"><img decoding="async" loading="lazy" class="wp-image-5957 alignleft" src="/uploads-archive/2014/10/Screen-Shot-2014-10-07-at-16.51.59.png" alt="Screen Shot 2014-10-07 at 16.51.59" width="637" height="218" srcset="/uploads-archive/2014/10/Screen-Shot-2014-10-07-at-16.51.59.png 2382w, /uploads-archive/2014/10/Screen-Shot-2014-10-07-at-16.51.59-300x102.png 300w, /uploads-archive/2014/10/Screen-Shot-2014-10-07-at-16.51.59-1024x350.png 1024w, /uploads-archive/2014/10/Screen-Shot-2014-10-07-at-16.51.59-228x78.png 228w" sizes="(max-width: 637px) 100vw, 637px" /></a></p>
<p>&nbsp;</p>


AWWWARDS : The web awards for design, creativity and innovation

<p>wordpressで、webhookの通知を受けて自動処理をする仕組みを調べてみました。</p>
<h2>結論から言うと</h3>
<p>wordpressでwebhookの通知を受けるのに、下記hook（両方、もしくはどちらか）を定義して、任意実行したいPHPコードを書けばいいです。<br />
・「wp_ajax_アクションの名前」<br />
・「wp_ajax_nopriv_アクションの名前」</p>
<h2>webhook通知を受ける流れ</h3>
<p>１、（webhookだから他のサイトから）javascriptで/wp-admin/admin-ajax.php?action=hogeをへリスエストする。<br />
※今回ではアクションの名前をhogeとしている。<br />
２、admin-ajax.phpが登録しているhookを探して実行する。<br />
具体的には下記2種類があります。<br />
・「wp_ajax_アクションの名前」：ログインしているユーザ用<br />
・「wp_ajax_nopriv_アクションの名前」：ログインしていないユーザ用<br />
※今回は追加するhookの名前は、「wp_ajax_hoge」と「wp_ajax_nopriv_hoge」になるます。</p>
<p>下記のように、hookを追加することが必要になる。</p>

		<div id="crayon-649540157d1d8717818036" 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;">
add_action( 'wp_ajax_hoge', 'hoge' );
add_action( 'wp_ajax_nopriv_hoge', 'hoge' );
function hoge() {
  // この関数を実装必要
  // 任意phpコード
  // json形式で返すことも可、ページを遷移せずに表示を更新することが可能になる。
}</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-649540157d1d8717818036-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157d1d8717818036-2">2</div><div class="crayon-num" data-line="crayon-649540157d1d8717818036-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157d1d8717818036-4">4</div><div class="crayon-num" data-line="crayon-649540157d1d8717818036-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157d1d8717818036-6">6</div><div class="crayon-num" data-line="crayon-649540157d1d8717818036-7">7</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-649540157d1d8717818036-1"><span class="crayon-e">add_action</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-s">'wp_ajax_hoge'</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-s">'hoge'</span><span class="crayon-h"> </span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157d1d8717818036-2"><span class="crayon-e">add_action</span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-s">'wp_ajax_nopriv_hoge'</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-s">'hoge'</span><span class="crayon-h"> </span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540157d1d8717818036-3"><span class="crayon-t">function</span><span class="crayon-h"> </span><span class="crayon-e">hoge</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 crayon-striped-line" id="crayon-649540157d1d8717818036-4"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-c">// この関数を実装必要</span></div><div class="crayon-line" id="crayon-649540157d1d8717818036-5"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-c">// 任意phpコード</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157d1d8717818036-6"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-c">// json形式で返すことも可、ページを遷移せずに表示を更新することが可能になる。</span></div><div class="crayon-line" id="crayon-649540157d1d8717818036-7"><span class="crayon-sy">}</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>３、hookを実行することは、上記のhoge()関数を実行すること。</p>
<h2>おまけ</h3>
<p>wordpressでは、通知を受けるだけではなく、通知を起こすこともできます。<br />
通知を起こすことができるイベントは公式では、「記事を公開する」、「ページを公開する」、「コメントをする」この３つだけのようです。<br />
<a href="http://en.support.wordpress.com/webhooks/" target="_blank">wordpress webhook</a></p>

【wordpress】webhookを受ける仕組み

Smarty3 特徴など

<p>飲食店や商業施設などで無料で利用できるWIFIは暗号化されていないためにのぞき見られる危険性がある場合もあります。</p>
<p>こういった場合に便利なのが「Private　VPN」と言われるものです。</p>
<p><a href="/uploads-archive/2014/10/VPN1.jpg"><img decoding="async" loading="lazy" class="alignnone  wp-image-5942" src="/uploads-archive/2014/10/VPN1.jpg" alt="VPN1" width="524" height="262" srcset="/uploads-archive/2014/10/VPN1.jpg 600w, /uploads-archive/2014/10/VPN1-300x150.jpg 300w, /uploads-archive/2014/10/VPN1-228x114.jpg 228w" sizes="(max-width: 524px) 100vw, 524px" /></a></p>
<p>目的のサーバにアクセスする際に、Private VPNのサーバを経由します。</p>
<p>Priveate VPNサーバまでのアクセスは暗号化されるので安全性が保たれます。</p>
<p>ＶＰＮサーバから目的のサーバまでのアクセスは完全に暗号化されませんが、元々のクライアントがわからないので情報を特定されないという仕組みです。</p>
<p>&nbsp;</p>
<p>実際にこのようなPrivate VPN サーバを経由した場合、本来とは異なるIPアドレスから</p>
<p>アクセスしたことになります。IPアドレスを確認できるサイトにアクセスすると海外のIPアドレスになっていたりします。</p>
<p>&nbsp;</p>
<p>この機能を利用して安全性を確保する目的以外で利用している人もいるようです。</p>
<p>日本からのアクセスを制限しているアメリカのサイトに、海外のサーバを経由してアクセスする事が可能です。</p>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2014/10/VPN3.jpg"><img decoding="async" loading="lazy" class="alignnone  wp-image-5945" src="/uploads-archive/2014/10/VPN3.jpg" alt="VPN3" width="524" height="262" srcset="/uploads-archive/2014/10/VPN3.jpg 600w, /uploads-archive/2014/10/VPN3-300x150.jpg 300w, /uploads-archive/2014/10/VPN3-228x114.jpg 228w" sizes="(max-width: 524px) 100vw, 524px" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>VPNのサービスでメジャーどころをご紹介します。</p>
<p>基本的にＶＰＮを利用すると速度が遅くなるようです、特に無料のサービスは遅くなる印象があります。</p>
<p>中には何か危ないものが仕込んであるとの噂がある無料サービスもあるので、メジャーどころを利用する事をオススメします。</p>
<p>&nbsp;</p>
<h4>Hot Spot Shield</h6>
<p><a href="http://www.hotspotshield.com/jp"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-5946" src="/uploads-archive/2014/10/hotspotshield.jpg" alt="hotspotshield" width="600" height="269" srcset="/uploads-archive/2014/10/hotspotshield.jpg 600w, /uploads-archive/2014/10/hotspotshield-300x134.jpg 300w, /uploads-archive/2014/10/hotspotshield-228x102.jpg 228w" sizes="(max-width: 600px) 100vw, 600px" /></a></p>
<p>ここのサービスは「世界で最も信頼されているVPNサービス。 2億回以上のダウンロード数」と謳っているだけあって速度にもあまり影響がなくかなり使いやすいと思います。無料版でも十分使えると思います。</p>
<p>サービス利用時はブラウザのツールバー上にあるアイコンの色が緑色に変わります。すぐに現在のIPアドレスを確認する事もできます。上の画面でもわかるように日本語に対応しているのも魅力です。</p>
<p>&nbsp;</p>
<p>無料版ではアクセス元をアメリカとイギリスのみ選択可能ですが、有料版だと日本やオーストラリア、カナダ、ドイツに変更できます。</p>
<p>有料版は1年間で2400円程度です。1ヶ月400円というのもあります。</p>
<p>&nbsp;</p>
<h4>ZenMate</h6>
<p>こちらは無料で現在300万人ほどのユーザーがいるとのこと。</p>
<p>ChromeとOperaにインストールできます。</p>
<p><a href="https://zenmate.com/"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-5947" src="/uploads-archive/2014/10/zenmate.jpg" alt="zenmate" width="600" height="289" srcset="/uploads-archive/2014/10/zenmate.jpg 600w, /uploads-archive/2014/10/zenmate-300x144.jpg 300w, /uploads-archive/2014/10/zenmate-228x109.jpg 228w" sizes="(max-width: 600px) 100vw, 600px" /></a></p>
<p>こちらについては使っていないので速度はわかりませんが、ロケーションとして以下の５つが利用できます。</p>
<p>「香港 – 九龍」「ドイツ – フランクフルト」「イギリス – ロンドン」「スイス – チューリッヒ」「アメリカ – ニューヨーク」</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>


思いのほか便利な「Private　VPN」とは？

<p>この存在は前から知っていたものの使用する事は今までなかった「FontAwesome」。</p>
<p>アイコンフォントをcssで簡単に設置できるというものですが、<br />
ちょっと試してみようということでデモ作ってみたんですが、いいですね！</p>
<p>こんなに簡単に設置でき、アイコンの種類も豊富で、ライセンスもGPL。<br />
なぜもっと早く使用しなかったんだと思ってます。</p>
<p><a href="http://fortawesome.github.io/Font-Awesome/" target="_blank">Font Awesome, the iconic font and CSS toolkit</a></p>
<p><a class="demo" href="/demo/abe/47/" target="_blank">DEMO</a></p>
<p>僕がいいと思った点は以下になります。</p>
<p>・アイコンの種類が豊富<br />
・サイズも自由に変更(大きくしてもキレイ)<br />
・回転させたり、色変更もできる<br />
・独自の方法で設定もできる</p>
<h2>FontAwesomeの使い方</h2>
<p>まず上記にあるサイトからダウンロードしてきます。<br />
ダウンロードしたファイルの中に、font-awesome.min.cssがありますのでそれを読み込みます。</p>
<p></p>

		<div id="crayon-649540157cba1179194096" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div><span class="crayon-language">XHTML</span></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
&lt;link type="text/css" href="css/font-awesome.min.css" rel="stylesheet" /&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-649540157cba1179194096-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-649540157cba1179194096-1"><span class="crayon-r ">&lt;link </span><span class="crayon-e ">type</span>=<span class="crayon-s ">"text/css"</span><span class="crayon-h"> </span><span class="crayon-e ">href</span>=<span class="crayon-s ">"css/font-awesome.min.css"</span><span class="crayon-h"> </span><span class="crayon-e ">rel</span>=<span class="crayon-s ">"stylesheet"</span><span class="crayon-r "> /&gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>このcssからフォントのファイルを読み込んでいるので,「fonts」フォルダを適切なディレクトリに設置してください。</p>
<p>普通のcssで設定する場合はもうこれでOKです！<br />
あとはsassとかlessでも設定ができるそうです。</p>
<p>あとは下記のようにアイコンを付けたいタグに、<br />
class名「fa」と、あとはアイコンの種類のclassを設定すれば大丈夫です。</p>
<p></p>

		<div id="crayon-649540157cba5433351069" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div><span class="crayon-language">XHTML</span></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
&lt;p&gt;&lt;i class="fa fa-shopping-cart"&gt;&lt;/i&gt;株式会社スターフィールドです。&lt;/p&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-649540157cba5433351069-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-649540157cba5433351069-1"><span class="crayon-r ">&lt;p&gt;</span><span class="crayon-r ">&lt;i </span><span class="crayon-e ">class</span>=<span class="crayon-s ">"fa fa-shopping-cart"</span><span class="crayon-r ">&gt;</span><span class="crayon-r ">&lt;/i&gt;</span><span class="crayon-i ">株式会社スターフィールドです。</span><span class="crayon-r ">&lt;/p&gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>サイトでは、iタグで説明がなされていますが、spanタグでも(の方が?)よいようです。</p>
<h2>FontAwesomeを独自のルールで設定する方法</h2>
<p>classを指定すれば簡単にできるのですが、中には空のタグを作りたくないという方もいらっしゃると思います。</p>
<p>その場合、独自にフォント指定するためのclassを設定し、cssの疑似要素(before)でアイコンを指定するという方法があります。<br />
例えば下記のようになります。</p>
<p></p>

		<div id="crayon-649540157cba6135572285" 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">CSS</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;">
.icon:before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #000;
    font-size: 18px;
    margin-right: 0.5em;
}
.iconCart:before {
  content: "\f07a";
}</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-649540157cba6135572285-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157cba6135572285-2">2</div><div class="crayon-num" data-line="crayon-649540157cba6135572285-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157cba6135572285-4">4</div><div class="crayon-num" data-line="crayon-649540157cba6135572285-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157cba6135572285-6">6</div><div class="crayon-num" data-line="crayon-649540157cba6135572285-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157cba6135572285-8">8</div><div class="crayon-num" data-line="crayon-649540157cba6135572285-9">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157cba6135572285-10">10</div><div class="crayon-num" data-line="crayon-649540157cba6135572285-11">11</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540157cba6135572285-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-649540157cba6135572285-1"><span class="crayon-k ">.icon:before </span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157cba6135572285-2"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-e ">font-family</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i ">FontAwesome</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540157cba6135572285-3"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-e ">font-style</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i ">normal</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157cba6135572285-4"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-e ">font-weight</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i ">normal</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540157cba6135572285-5"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-e ">text-decoration</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i ">inherit</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157cba6135572285-6"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-e ">color</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i ">#000</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540157cba6135572285-7"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-e ">font-size</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i ">18px</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157cba6135572285-8"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-e ">margin-right</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i ">0.5em</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-649540157cba6135572285-9"><span class="crayon-sy">}</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157cba6135572285-10"><span class="crayon-k ">.iconCart:before </span><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-649540157cba6135572285-11"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-e ">content</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">"\f07a"</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540157cba6135572285-12"><span class="crayon-sy">}</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>icon:beforeの設定は例なので、各々の好きなようにしてもらうのですが、<br />
contentの中身を自分自身で使うアイコン分設定する必要があります。</p>
<p>このcontentの書き方が特殊なので、下記URLを見ると簡単に設置できます。</p>
<p><a href="http://astronautweb.co/snippet/font-awesome/" target="_blank">Complete list of Font Awesome icons with their CSS content values</a></p>
<p>これで自分の好きな案配でアイコンの設定が出来るようになります。</p>
<p>アイコンはwebサイトの中で重要な要素なので、これは便利ですね！！</p>

ちょっとしたアイコンにいい「FontAwesome」

Mysqlの文字コードの設定

<p><a href="http://usepanda.com/">Panda</a>  is the fastest way to get your daily design inspiration and news. This website (or Chrome extension, as you prefer) helps you keep up with industry news and inspiration from a variety of sources in one interface. From the moment you installed it, Panda is going to appear every time you open a new tab.</p>
<p>It can likely fit well with Web Workers of all stripes, but it is probably more oriented to front-end designers.</p>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2014/09/Screen-Shot-2014-09-30-at-17.10.28.png"><img decoding="async" loading="lazy" class="alignnone wp-image-5899 " src="/uploads-archive/2014/09/Screen-Shot-2014-09-30-at-17.10.28-1024x549.png" alt="Panda" width="621" height="333" srcset="/uploads-archive/2014/09/Screen-Shot-2014-09-30-at-17.10.28-1024x549.png 1024w, /uploads-archive/2014/09/Screen-Shot-2014-09-30-at-17.10.28-300x160.png 300w, /uploads-archive/2014/09/Screen-Shot-2014-09-30-at-17.10.28-228x122.png 228w" sizes="(max-width: 621px) 100vw, 621px" /></a></p>
<p>On the left hand side of the interface we have Panda’s news feeds playing the latest and most popular info from Hacker News, Designers News, Growth Hackers among others (classified by popular or latest).</p>
<p>On the right you can get some visual inspiration, featuring acclaimed sites like : <a href="http://www.awwwards.com/">Awwwards</a> , <a href="https://dribbble.com/">Dribbble</a> and <a href="https://www.behance.net/">Behance</a> .</p>
<p><a href="/uploads-archive/2014/09/Screen-Shot-2014-09-30-at-17.54.43.png"><img decoding="async" loading="lazy" class="alignnone wp-image-5903 " src="/uploads-archive/2014/09/Screen-Shot-2014-09-30-at-17.54.43-1024x546.png" alt="Panda" width="619" height="330" srcset="/uploads-archive/2014/09/Screen-Shot-2014-09-30-at-17.54.43-1024x546.png 1024w, /uploads-archive/2014/09/Screen-Shot-2014-09-30-at-17.54.43-300x160.png 300w, /uploads-archive/2014/09/Screen-Shot-2014-09-30-at-17.54.43-228x121.png 228w" sizes="(max-width: 619px) 100vw, 619px" /></a></p>
<p>&nbsp;</p>
<p>The overall goal is to filter the content from around the web and present it nicely, without having to click around to countless websites. Never miss anything, again.</p>
<p>&nbsp;</p>
<p>Panda doesn’t allow users to submit their own sources. Instead, co-founder William Channer, explains that the focus is on quality not customization. By sourcing sites where the community has already voted on what’s on trend.</p>
<p>&nbsp;</p>
<p>Panda is nicely done and is probably worth a bookmark.</p>
<p>&nbsp;</p>


PANDA: Relaxed Buzzfeed for Web Design

<p>最近色んなところでドローンが活用されていて、どんどん新しい試みが始まっています。</p>
<p>有名なところではamazonの商品をドローンで配送するサービスあたりですが、</p>
<p>災害現場で行方不明者の捜索に活用したりなんて事も行われているようです。</p>
<p><a href="/uploads-archive/2014/09/yu_air0.jpg"><img decoding="async" loading="lazy" class="alignnone  wp-image-5889" src="/uploads-archive/2014/09/yu_air0.jpg" alt="yu_air0" width="314" height="162" srcset="/uploads-archive/2014/09/yu_air0.jpg 590w, /uploads-archive/2014/09/yu_air0-300x154.jpg 300w, /uploads-archive/2014/09/yu_air0-228x117.jpg 228w" sizes="(max-width: 314px) 100vw, 314px" /></a><a href="/uploads-archive/2014/09/yu_air4.jpg"><img decoding="async" loading="lazy" class="alignnone  wp-image-5890" src="/uploads-archive/2014/09/yu_air4.jpg" alt="yu_air4" width="278" height="162" srcset="/uploads-archive/2014/09/yu_air4.jpg 590w, /uploads-archive/2014/09/yu_air4-300x174.jpg 300w, /uploads-archive/2014/09/yu_air4-228x132.jpg 228w" sizes="(max-width: 278px) 100vw, 278px" /></a></p>
<p>&nbsp;</p>
<p>「ドローン」と同時に最近の時代の流れとして「ウェアラブル」というスタイルも流行っていますが、</p>
<p>この２つを合わせた「ウェアラブル・ドローン」なるものを見つけたのでご紹介します。</p>
<p>&nbsp;</p>
<p><span style="color: #000000;">名前は「Nixie」、</span>インテルの「Make It Wearable」コンテストのファイナリストが制作中との事。</p>
<p><a href="/uploads-archive/2014/09/nixie-wearable-drone-designed-worn-wrist-released.jpg"><img decoding="async" loading="lazy" class="alignnone  wp-image-5891" src="/uploads-archive/2014/09/nixie-wearable-drone-designed-worn-wrist-released.jpg" alt="nixie-wearable-drone-designed-worn-wrist-released" width="429" height="226" srcset="/uploads-archive/2014/09/nixie-wearable-drone-designed-worn-wrist-released.jpg 970w, /uploads-archive/2014/09/nixie-wearable-drone-designed-worn-wrist-released-300x158.jpg 300w, /uploads-archive/2014/09/nixie-wearable-drone-designed-worn-wrist-released-228x120.jpg 228w" sizes="(max-width: 429px) 100vw, 429px" /></a></p>
<p>残念ながらまだ試作段階だが、腕に巻く事ができてもちろんカメラもついているので、</p>
<p>アウトドアなどに持って行って、人が踏み入れない所からの美しい景色や、高いアングルからの記念撮影など</p>
<p>色々楽しめそうです。手軽なだけに犯罪方面でも使われてしまいそうな感じがプンプンしますが・・・。</p>
<p>&nbsp;</p>
<p>とは言え、かなりクールなこのドローンが製品化されたら相当売れると思います。</p>
<p>正直、原価は安いでしょうから１つあたりの値段も2000円～3000円程度で販売できそうな感じがします。</p>
<p><iframe loading="lazy" width="425" height="350" src="//www.youtube.com/embed/_VFsdPAoI1g"></iframe></p>
<p>このドローンを開発者たちはインテルから賞金5万ドルとテクニカルな協力をしてもらえるとの事です。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>


「クールな物は広がる」と思わせるウェアラブル・ドローン！？

<p>最近は、php.iniに「upload_max_filesize」を10Mに設定したのに、10M以下で8M超のファイルをアップできない現象がありました。<br />
.htaccessやスクリプト内のini_setは使っていないなので、オーバーライドが可能性がないということで、ネットで調べてみたら、すぐ「post_max_size」の設定が出てきました。</p>
<p>・upload_max_filesize<br />
アップロードできるファイルの最大サイズ<br />
・post_max_size<br />
POSTデータに許可される最大サイズ<br />
・memory_limit<br />
スクリプトが確保できる最大メモリ</p>
<p></p>

		<div id="crayon-649540157c7a6431834754" 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;">
memory_limit &gt;= post_max_size &gt;= upload_max_filesize</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-649540157c7a6431834754-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-649540157c7a6431834754-1"><span class="crayon-i">memory_limit</span><span class="crayon-h"> </span><span class="crayon-h">&gt;</span>=<span class="crayon-h"> </span><span class="crayon-i">post_max_size</span><span class="crayon-h"> </span><span class="crayon-h">&gt;</span>=<span class="crayon-h"> </span><span class="crayon-i">upload_max_filesize</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>の関係でもあります。</p>
<p>今回の件でphp.iniを調べてみたら、「post_max_size」が8Mになっていることがわかりました。それを10Mに修正しapacheを再起動したら、無事8M超のファイルをアップ成功しました。</p>
<h3>おまけ ー　PHPが使ってるメモリの量を調べるのに</h4>
<p>・memory_get_usage<br />
PHP に割り当てられたメモリの量（現在値）を返す<br />
・memory_get_peak_usage<br />
PHP によって割り当てられたメモリの最大値を返す</p>

【php】upload_max_filesize

<p>最近、飲食チェーンのテレビＣＭなどで「ネットで注文できるようになりました！」という内容のものが増えている気がします。 いわゆるオムニチャネル化というやつですが、このオムニチャネル化を進めたいと考える飲食店が増えているのだと思います。 この流れは流行りからなのかもしれませんが、実際に売り上げにつながっているのからオムニチャネル化を進めていると考えられます。</p>
<h4>オムニチャネル化を進める外食・中食チェーン</h6>
<p>最近始まったサービスを中心にいくつかネット注文できる店をあげてみます。 <strong><a href="http://mos.jp/">モスのネット注文</a></strong> 丁度本日９月１６日からサービスを始めたのはモスバーガーの「モスのネット注文」。 <a href="/uploads-archive/2014/09/www.mos_.co_.jp-company-pr_pdf-pr_140826_1.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-5870" src="/uploads-archive/2014/09/www.mos_.co_.jp-company-pr_pdf-pr_140826_1.jpg" alt="www.mos.co.jp-company-pr_pdf-pr_140826_1" width="471" height="281" srcset="/uploads-archive/2014/09/www.mos_.co_.jp-company-pr_pdf-pr_140826_1.jpg 471w, /uploads-archive/2014/09/www.mos_.co_.jp-company-pr_pdf-pr_140826_1-300x178.jpg 300w, /uploads-archive/2014/09/www.mos_.co_.jp-company-pr_pdf-pr_140826_1-228x136.jpg 228w" sizes="(max-width: 471px) 100vw, 471px" /></a> 事前決済や受け取り時間を指定できるサービスで、現時点では２４店舗でのみ利用可能です。（2015年4月までの全店導入を予定）   <strong><a href="https://nettomotto.jp/">netmotto</a></strong> デリバリーとお弁当の事前予約ができるサービス。昼時の込み合う時間は使えそうです。 <a href="/uploads-archive/2014/09/1fab857ca00bea02c293f197337003f4.jpg"><img decoding="async" loading="lazy" class="alignnone  wp-image-5865" src="/uploads-archive/2014/09/1fab857ca00bea02c293f197337003f4.jpg" alt="ほっともっとの新・ネットサービス-│NettoMotto" width="542" height="301" srcset="/uploads-archive/2014/09/1fab857ca00bea02c293f197337003f4.jpg 1008w, /uploads-archive/2014/09/1fab857ca00bea02c293f197337003f4-300x166.jpg 300w, /uploads-archive/2014/09/1fab857ca00bea02c293f197337003f4-228x126.jpg 228w" sizes="(max-width: 542px) 100vw, 542px" /></a>   <a href="https://delivery.dmkt-sp.jp/">dデリバリー</a> あまり使わないので知りませんでしたがドコモは「<a href="https://delivery.dmkt-sp.jp/">dデリバリー</a>」という宅配をまとめたサービスを行っているようです。 dデリバリーからピザ、寿司、ファミレスなどの注文が可能です。 <a href="https://delivery.dmkt-sp.jp/"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-5864" src="/uploads-archive/2014/09/414c12d91ff740a1ad52b226099f7ef9.jpg" alt="dデリバリー：出前・宅配・ケータリングの総合注文サイト-ピザ・弁当・寿司・カレー・中華・ケータリングなど" width="400" height="514" srcset="/uploads-archive/2014/09/414c12d91ff740a1ad52b226099f7ef9.jpg 400w, /uploads-archive/2014/09/414c12d91ff740a1ad52b226099f7ef9-233x300.jpg 233w, /uploads-archive/2014/09/414c12d91ff740a1ad52b226099f7ef9-228x292.jpg 228w" sizes="(max-width: 400px) 100vw, 400px" /></a>   <a href="http://delivery.rakuten.co.jp/g/kfc/">ケンタッキー・デリバリー</a> ケンタッキーについては以前からデリバリーのネット注文を行っているようですが、 自社のサービスではなく上のdデリバリーや<a href="http://delivery.rakuten.co.jp/">楽天デリバリー</a>に出店しているという形です。 <a href="http://delivery.rakuten.co.jp/g/kfc/"><img decoding="async" loading="lazy" class="alignnone  wp-image-5871" src="/uploads-archive/2014/09/adc8e16b61fee08680d545830a987653.jpg" alt="ケンタッキーフライドチキン-の出前・宅配---楽天デリバリー" width="406" height="119" srcset="/uploads-archive/2014/09/adc8e16b61fee08680d545830a987653.jpg 692w, /uploads-archive/2014/09/adc8e16b61fee08680d545830a987653-300x88.jpg 300w, /uploads-archive/2014/09/adc8e16b61fee08680d545830a987653-228x66.jpg 228w" sizes="(max-width: 406px) 100vw, 406px" /></a> さすが楽天は何でもやっているなという感じです。 楽天デリバリーは決算もネット上で行えるサービスで、楽天市場で買い物をするのと変わらない印象です。 それほど大きくない個人経営などの小規模店も出店しています。</p>
<h4>小規模経営の飲食店向けのネット注文・決済システムはウケる？？</h6>
<p>現時点でネット注文のサービスを行っているのは大手の企業だけという印象です。 システムの構築にかなりコストがかかるので小規模経営の店には難しいというのが現実でしょう。   小規模でネット注文を受け付けているというお店もいくらかあるようですが、決算までネット上を完了できるサービスは少ないです。   しかしネット注文ができるようにしたいと考える小規模店は多いはずです、もしコストを抑えられるシステムがあればユーザーはかなり見込めるのではないでしょうか。イメージでいうとリクルートのAirレジのような感じです。スタンダードになってしまえば勝ち目があるのではと思います。</p>


ネット注文できる飲食店が増えている件

<p>僕自身はあまりペンツールを使用することが少ないため、あんまり得意ではないです。<br />
台形を作る時ぐらいしか使わないかもしれません笑</p>
<p>サイトをちょっと利用してみましたが、ペンツールを使用する感覚がほぼ本物に近い感じで、最初にチュートリアルステージがあり、方法を説明してくれるのでいい練習になると思います。</p>
<p>僕もまだまだなので、もっと突っ込んで練習してみたいと思います。</p>
<p><a href="http://bezier.method.ac/#">The Bézier Game</a></p>


Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧 - Author: スターフィールド編集部

2014/10/22

2014/10/22

2014/10/22

2014/10/21

2014/10/15

2014/10/15

2014/10/14

2014/10/08

2014/10/08

2014/10/08

2014/10/08

2014/10/07

2014/10/01

2014/10/01

2014/09/30

2014/09/30

2014/09/17

2014/09/17