<h2>FULLTEXT</h3>
<p>FULLTEXTとは全文検索インデックスの事です。</p>
<p>利用できるデータベースはMyISAM型データベースのみです。</p>
<p>MyISAM型はテーブル作成時に設定できます。</p>

		<div id="crayon-64953fd592e56315761904" 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;">
CREATE TABLE table_name (
  id INT
) ENGINE=MyISAM;</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-64953fd592e56315761904-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd592e56315761904-2">2</div><div class="crayon-num" data-line="crayon-64953fd592e56315761904-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-64953fd592e56315761904-1"><span class="crayon-e">CREATE </span><span class="crayon-e">TABLE </span><span class="crayon-e">table_name</span><span class="crayon-h"> </span><span class="crayon-sy">(</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd592e56315761904-2"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-e">id </span><span class="crayon-t">INT</span></div><div class="crayon-line" id="crayon-64953fd592e56315761904-3"><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-i">ENGINE</span>=<span class="crayon-i">MyISAM</span><span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>また、既存のテーブルをMyISAM型に設定する事も出来ます。</p>

		<div id="crayon-64953fd592e5a133533955" 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;">
 ALTER TABLE table_name ENGINE MyISAM; </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-64953fd592e5a133533955-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-64953fd592e5a133533955-1"><span class="crayon-h"> </span><span class="crayon-e">ALTER </span><span class="crayon-e">TABLE </span><span class="crayon-e">table_name </span><span class="crayon-e">ENGINE </span><span class="crayon-i">MyISAM</span><span class="crayon-sy">;</span><span class="crayon-h"> </span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<h2>Fulltextの設定</h3>
<p></p>

		<div id="crayon-64953fd592e5b154149767" 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;">
CREATE TABLE table_name (
       id INT UNSIGNED AUTO_INCREMENT NOT NULL PRIMARY KEY,
       title VARCHAR(200),
       body TEXT,
       FULLTEXT (title,body)
  );</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-64953fd592e5b154149767-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd592e5b154149767-2">2</div><div class="crayon-num" data-line="crayon-64953fd592e5b154149767-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd592e5b154149767-4">4</div><div class="crayon-num" data-line="crayon-64953fd592e5b154149767-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd592e5b154149767-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-64953fd592e5b154149767-1"><span class="crayon-e">CREATE </span><span class="crayon-e">TABLE </span><span class="crayon-e">table_name</span><span class="crayon-h"> </span><span class="crayon-sy">(</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd592e5b154149767-2"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span class="crayon-e">id </span><span class="crayon-t">INT</span><span class="crayon-h"> </span><span class="crayon-t">UNSIGNED</span><span class="crayon-h"> </span><span class="crayon-e">AUTO_INCREMENT </span><span class="crayon-st">NOT</span><span class="crayon-h"> </span><span class="crayon-t">NULL</span><span class="crayon-h"> </span><span class="crayon-e">PRIMARY </span><span class="crayon-i">KEY</span><span class="crayon-sy">,</span></div><div class="crayon-line" id="crayon-64953fd592e5b154149767-3"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span class="crayon-e">title </span><span class="crayon-e">VARCHAR</span><span class="crayon-sy">(</span><span class="crayon-cn">200</span><span class="crayon-sy">)</span><span class="crayon-sy">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd592e5b154149767-4"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span class="crayon-e">body </span><span class="crayon-i">TEXT</span><span class="crayon-sy">,</span></div><div class="crayon-line" id="crayon-64953fd592e5b154149767-5"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span><span class="crayon-e">FULLTEXT</span><span class="crayon-h"> </span><span class="crayon-sy">(</span><span class="crayon-i">title</span><span class="crayon-sy">,</span><span class="crayon-i">body</span><span class="crayon-sy">)</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd592e5b154149767-6"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<h2>MATCH &#8230;. AGAINST</h3>
<p>⬆に作成したテーブルに対して検索を行う場合は以下のように書きます。</p>

		<div id="crayon-64953fd592e5d956525213" 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 table_name WHERE MATCH (title,body) AGAINST ('database mysql');</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-64953fd592e5d956525213-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-64953fd592e5d956525213-1"><span class="crayon-e ">SELECT *</span><span class="crayon-h"> </span><span class="crayon-e">FROM </span><span class="crayon-e">table_name </span><span class="crayon-e">WHERE </span><span class="crayon-e">MATCH</span><span class="crayon-h"> </span><span class="crayon-sy">(</span><span class="crayon-i">title</span><span class="crayon-sy">,</span><span class="crayon-i">body</span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-e">AGAINST</span><span class="crayon-h"> </span><span class="crayon-sy">(</span><span class="crayon-s">'database mysql'</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>「title」「body」の中に「database」と「mysql」という文字郡を検索する。<br />
結果として「database」と「mysql」が含まれるレコードが、<br />
順位づけられて返ってきます。</p>

FULLTEXT と MATCH &#8230;.AGAINST

<p>今日はmysqlの予約語について、やさしい話をしましょう。</p>
<h2>「予約語」と「識別子」</h3>
<p>mysqlには、select、from、 insert、into、joinなどの特定語があります。それらを「予約語」といいます。<br />
mysqlのテーブル名やカラム名といった「識別子」には、基本的に「予約語」が使えません※。</p>
<p>※「予約語」を「`」で囲んだら使えますが、<a href="http://ja.wikipedia.org/wiki/%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E9%96%A2%E4%BF%82%E3%83%9E%E3%83%83%E3%83%94%E3%83%B3%E3%82%B0" target="_blank">ORM</a>を用いる各言語のフレームワークが対応していない場合があるため、「予約語」を「識別子」として使うことはお勧めできません。</p>
<p>例えば、注文のテーブルを作ろうとして、テーブル名をorderと命名するとします。</p>
<p></p>

		<div id="crayon-64953fd592c74079833880" 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;">
create table order (id int, name varchar(255)...);</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-64953fd592c74079833880-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-64953fd592c74079833880-1"><span class="crayon-e">create </span><span class="crayon-e">table </span><span class="crayon-e">order</span><span class="crayon-h"> </span><span class="crayon-sy">(</span><span class="crayon-e">id </span><span class="crayon-t">int</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-e">name </span><span class="crayon-e">varchar</span><span class="crayon-sy">(</span><span class="crayon-cn">255</span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-sy">.</span><span class="crayon-sy">.</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>ではSQL syntaxエラーが出ますが、</p>
<p></p>

		<div id="crayon-64953fd592c78010795743" 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;">
create table `order` (id int, name varchar(255)...);</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-64953fd592c78010795743-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-64953fd592c78010795743-1"><span class="crayon-e">create </span><span class="crayon-i">table</span><span class="crayon-h"> </span><span class="crayon-sy">`</span><span class="crayon-i">order</span><span class="crayon-sy">`</span><span class="crayon-h"> </span><span class="crayon-sy">(</span><span class="crayon-e">id </span><span class="crayon-t">int</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-e">name </span><span class="crayon-e">varchar</span><span class="crayon-sy">(</span><span class="crayon-cn">255</span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-sy">.</span><span class="crayon-sy">.</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>と書けば、syntaxエラーがでません。</p>
<h2>mysqlの内部関数名はどうなる？</h3>
<p>mysqlの内部関数名（例えば、count関数）は、「予約語」ではないので、「識別子」として使えます。<br />
また、mysqlの内部関数を使うときは、その直後に「スペース」の使用は許可されていません。<br />
なぜなら、直後に「スペース」を使うと、それが関数名か、もしくはテーブル名（カラム名）か分からなくなるからのです。</p>
<h2>mysqlの予約語一覧</h3>
<p>下記リンクからご覧いただけます。<br />
<a href="http://dev.mysql.com/doc/refman/5.1/ja/reserved-words.html" target="_blank">http://dev.mysql.com/doc/refman/5.1/ja/reserved-words.html</a></p>

【MySQL】予約語について

<p>インラインSVGはブラウザの制約等により、管理画面などを除いては、なかなか目にする機会が少ないですが、</p>
<p>インラインSVGによるグラフィックとアニメーションを大胆に使ったサイトが面白かったのでご紹介いたします。</p>
<p>&nbsp;</p>
<p>↓サイトはこちらです↓</p>
<p>「<span style="color: #000000; font-family: monospace; font-size: medium; line-height: normal; white-space: pre-wrap;">Fontwalk</span>」<a href="http://www.fontwalk.de/" target="_blank">http://www.fontwalk.de/</a></p>
<p><a href="http://www.fontwalk.de/" target="_blank"><img decoding="async" loading="lazy" title="Fontwalk" alt="Fontwalk" src="/uploads-archive/2013/10/nino_image01.jpg" width="328" height="224" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>まずはこちらのシーン</p>
<p><img decoding="async" loading="lazy" alt="シーン１" src="/uploads-archive/2013/10/nino_image02.jpg" width="328" height="224" /></p>
<p>変化する図形や背景の情報などが大きな数字によって表示されていて、印象的です。</p>
<p>真ん中の回転する分度器のようなものはSVGならではという印象です。</p>
<p>&nbsp;</p>
<p><img decoding="async" loading="lazy" alt="シーン2" src="/uploads-archive/2013/10/nino_image03.jpg" width="328" height="224" /></p>
<p>つづいて、車で走っているようなアニメーションです。</p>
<p>画面いっぱいに広がるグラフィックを表示しても軽いのもSVGの魅力ですが、</p>
<p>こちらではその利点が最大限に活かされている印象です。</p>
<p>&nbsp;</p>
<p><img decoding="async" loading="lazy" alt="シーン3" src="/uploads-archive/2013/10/nino_image04.jpg" width="328" height="223" /></p>
<p>筆記体で文字が書かれていくアニメーションです。</p>
<p>WEB上ではFlashを除いてSVGでなければ、このようなアニメーションを表示できないのではないでしょうか。</p>
<p>&nbsp;</p>
<p><img decoding="async" loading="lazy" alt="シーン4" src="/uploads-archive/2013/10/nino_image05.jpg" width="328" height="224" /></p>
<p>フォントが徐々に変化するアニメーションです。</p>
<p>パッと見たときは気づきませんでしたが、</p>
<p>とても凝ったアニメーションです。</p>
<p>&nbsp;</p>
<p>画面いっぱいにアニメーションを表示する場合に、</p>
<p>SVGが大きな力を発揮するということを、</p>
<p>今回改めて感じました。</p>


SVGとスクロールによるアニメーションを使ったインパクトのあるサイト

<p>MTのサイトで複数条件検索を作る必要があり、MTのテーブル構造について調べた。</p>
<p>&nbsp;</p>
<p>今回は例えば金額やエリアなどカスタムフィールドを多様しているため</p>
<p>mt_entryテーブルではなくmt_entry_metaから検索する必要があり、中身を調査した。</p>
<p>以下が簡単な構造</p>
<table>
<tbody>
<tr>
<td>entry_meta_entry_id</td>
<td>エントリーID</td>
</tr>
<tr>
<td>entry_meta_type</td>
<td>指定したテンプレートタグ</td>
</tr>
<tr>
<td>entry_meta_vchar</td>
<td>チェックボックスで設定された値</td>
</tr>
<tr>
<td>entry_meta_vchar_idx</td>
<td>テキストボックスで設定された値</td>
</tr>
<tr>
<td>entry_meta_vdatetime</td>
<td>日付で設定された値</td>
</tr>
<tr>
<td>entry_meta_vdatetime_idx</td>
<td>?</td>
</tr>
<tr>
<td>entry_meta_vinteger</td>
<td>チェックボックスの値?</td>
</tr>
<tr>
<td>entry_meta_vinteger_idx</td>
<td>チェックボックスの値?</td>
</tr>
<tr>
<td>entry_meta_vfloat</td>
<td>?</td>
</tr>
<tr>
<td>entry_meta_vfloat_idx</td>
<td>?</td>
</tr>
<tr>
<td>entry_meta_vblob</td>
<td>?</td>
</tr>
<tr>
<td>entry_meta_vclob</td>
<td>テキストエリアで設定された値</td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>
<p>検索をかけたい項目(値段やエリアなど)に対してentry_meta_typeで絞り込み、</p>
<p>それに対する値をその後の適切なカラムから取得する。</p>
<p>注意点としては同一のエントリーIDで複数レコードあるため、</p>
<p>条件をレコードごとにマッチさせなければいけない。</p>
<p>AND検索であれば4つ条件を出したら4レコードの条件が合致しているかということをプログラムで判断する必要がある。</p>
<p>&nbsp;</p>
<p>あと、検索は上記で問題ないのだが、最も大変だったのが検索したエントリーのパスを取得すること。</p>
<p>パーマリンクの精製方法など色々と調査したが、mt_fileinfoというテーブルを発見。</p>
<p>結局これで行けそうだ。</p>


MTのテーブル構成について

<h2>レスポンシブコーディングの手順</h3>
<p>コーディングする際に焦りがちの私、結局修正が山ほど出てきて、より遅くなる。<br />
「急がば回れ」のどおり、今回は落ち着いて、コーディング作業に入る前に、<br />
以下の手順を心がけて行うようにした。<br />
&nbsp;<br />
&nbsp;<br />
・コーディングに入る前に、PCデザインとスマホデザインを比べてコーディング手順を考える<br />
&nbsp;<br />
・どの部分が共通できて、どこが要素ごと入れ替えないといけないかを決める<br />
&nbsp;<br />
・PCデザインがスマホデザインで共通できる部分があれば、<br />
  どの要素をどのような順番で作れば、スマホの場合うまくいくかを考える。<br />
&nbsp;<br />
・画像スライドする際もスマホ用の画像とpc用の画像の名前を分かるようにルールを決める。<br />
&nbsp;<br />
後、実際にコーディングに入るときには、<br />
・子要素を出来るだけwidthを指定しないでpaddingやmarginで指定する<br />
&nbsp;<br />
&nbsp;<br />
以前はどこの要素でもwidthを指定しがちですが、<br />
必要でないところで指定しているとスマホの場合うまくいかない事がよくありました。</p>


レスポンシブコーディングの手順

【codemirror】twig mode

<p>いよいよ、igoogleの終了が迫ってきましたね。igoogleがスタートして以来、RSSリーダーが発展しようがソーシャルメディアが出てこようが、私のブラウザのホームボタンはいつもigoogleでした。</p>
<p>調べて見ると、2005年に始まったサービスのようです。私も学生時代から使っていたことを記憶していますので、7年以上のお付き合いになるかと思います。</p>
<p>この一覧性による「新聞の一面だけ見ておけ的な」サービスが好きです。</p>
<p>ということで、googleの戦略を考えるとigoogleに留まって欲しくないのは必然だろうなと惜しまれつつも終了が近づいているので、移行先を探しています。</p>
<p>igoogle代替のサービスとして<a href="http://www.symbaloo.com/">Symbaloo</a>、<a href="http://www.ighome.com/">igHome</a>、<a href="http://www.netvibes.com/ja-jp">Netvibes</a>などが名乗りを挙げており、特に<a href="http://www.netvibes.com/ja-jp">Netvibes</a>を押すブログが多いのですが、私はあえてMy　Yahoo!を選択しました。</p>
<h2>My Yahoo!</h3>
<p><a href="/uploads-archive/2013/10/Yahoo__JAPAN-6.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3496" alt="Yahoo__JAPAN-6" src="/uploads-archive/2013/10/Yahoo__JAPAN-6-300x142.jpg" width="300" height="142" srcset="/uploads-archive/2013/10/Yahoo__JAPAN-6-300x142.jpg 300w, /uploads-archive/2013/10/Yahoo__JAPAN-6-228x107.jpg 228w, /uploads-archive/2013/10/Yahoo__JAPAN-6.jpg 959w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>&nbsp;</p>
<p>まず、My Yahoo!への遷移ですがなんとTOPページの右横にあります。力を入れている証拠でしょうか？</p>
<p><a href="/uploads-archive/2013/10/3b76771c30e7f4a62524fe3cb5dcd512.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3497" alt="My_Yahoo__-_Myページ-6" src="/uploads-archive/2013/10/3b76771c30e7f4a62524fe3cb5dcd512-300x167.jpg" width="300" height="167" srcset="/uploads-archive/2013/10/3b76771c30e7f4a62524fe3cb5dcd512-300x167.jpg 300w, /uploads-archive/2013/10/3b76771c30e7f4a62524fe3cb5dcd512-1024x572.jpg 1024w, /uploads-archive/2013/10/3b76771c30e7f4a62524fe3cb5dcd512-228x127.jpg 228w, /uploads-archive/2013/10/3b76771c30e7f4a62524fe3cb5dcd512.jpg 1355w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>デフォルトのトップページです。右上の領域は広告が入っています。これは固定で動かすことが出来ません。</p>
<p>&nbsp;</p>
<h3>igoogle設定エクスポート</h4>
<p><a href="/uploads-archive/2013/10/3a53b4077ab6e6901cca74c790fff10f.jpg"><img decoding="async" loading="lazy" alt="iGoogle_の設定" src="/uploads-archive/2013/10/3a53b4077ab6e6901cca74c790fff10f-300x118.jpg" width="300" height="118" /></a></p>
<p>それでは、移行の準備をしましょう！</p>
<p>igoogle&gt;igoogleの設定から最下部でエクスポートができます。</p>
<h3>igoogle移行ツール</h4>
<p>そしてここからが、My Yahoo!の真骨頂です。</p>
<p>なんとigoogleの移行ツールが用意されています。</p>
<p>広告の少し上の帯か以下のURLからアクセスしてください。</p>
<p><a href="http://docs.my.yahoo.co.jp/st/promo/change/" target="_blank">http://docs.my.yahoo.co.jp/st/promo/change/</a></p>
<p><a href="/uploads-archive/2013/10/3573bb63cb2593989d1af3436688de93.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3498" alt="My_Yahoo_へカンタン引っ越ししよう！_-_Yahoo__JAPAN" src="/uploads-archive/2013/10/3573bb63cb2593989d1af3436688de93-300x273.jpg" width="300" height="273" srcset="/uploads-archive/2013/10/3573bb63cb2593989d1af3436688de93-300x273.jpg 300w, /uploads-archive/2013/10/3573bb63cb2593989d1af3436688de93-228x207.jpg 228w, /uploads-archive/2013/10/3573bb63cb2593989d1af3436688de93.jpg 973w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p><span style="font-size: 0.83em;">上記サイトから先ほどエクスポートをしたファイルをアップロードするだけです。</span></p>
<p><a href="/uploads-archive/2013/10/My_Yahoo__-_Home-2.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3500" alt="My_Yahoo__-_Home-2" src="/uploads-archive/2013/10/My_Yahoo__-_Home-2-300x160.jpg" width="300" height="160" srcset="/uploads-archive/2013/10/My_Yahoo__-_Home-2-300x160.jpg 300w, /uploads-archive/2013/10/My_Yahoo__-_Home-2-1024x548.jpg 1024w, /uploads-archive/2013/10/My_Yahoo__-_Home-2-228x122.jpg 228w, /uploads-archive/2013/10/My_Yahoo__-_Home-2.jpg 1343w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>急上昇ランキングなど、GoogleのサービスでYahoo!で類似のものを持っている場合は、置き換えれるようです。</p>
<p>素敵な機能ですね！</p>
<h2>まとめ</h3>
<ul>
<li>igoogleのバックアップはお早めに！</li>
<li>My Yahoo!最大の利点はigoogle移行ツールが用意されている</li>
<li>Google独自サービスでYahoo!に類似があれば代替してくれる</li>
<li>Yahoo!検索もGoogleと同じアルゴリズムなので、検索結果に差はない</li>
</ul>
<p>ということで、Yahoo!の依存度が高くなりそうな予感をしつつ様子を見てみたいと思います。</p>


igoogleの移行先はMy Yahoo!推し

<p>フラットデザインが流行っているのと共に、</p>
<p>ロングシャドウもじわじわと流行りつつあるようです。（もしかしたらもう流行ってる？？）</p>
<p>&nbsp;</p>
<p>ロングシャドウってなに？？っていう人は、</p>
<p>以下のサイトをご覧ください。</p>
<p>&nbsp;</p>
<p><a href="http://www.webdesignerdepot.com/2013/07/flat-design-casts-a-long-shadow/">Flat design casts a long shadow | Webdesigner Depot</a></p>
<p>&nbsp;</p>
<p>要はやたら長いドロップシャドウみたいな感じですね。</p>
<p>フラットデザインと相まっていい感じですね！！</p>
<p>&nbsp;</p>
<p>そんなドロップシャドウを簡単に作れる無料PSDがあります！</p>
<p>斜め45度限定になりますが、十分でしょう！</p>
<p>&nbsp;</p>
<p>以下からダウンロードして下さい！</p>
<p>&nbsp;</p>
<p><a href="http://graphicburger.com/long-shadow-generator/">Long Shadow Generator | GraphicBurger</a></p>
<p>&nbsp;</p>
<p>実際にPSDを開いてみると、</p>
<p>レイヤーがこんな感じになっているので、</p>
<p><a href="/uploads-archive/2013/10/1b2ed9122fec6408646c5689415e10db.png"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-3491" alt="スクリーンショット 2013-10-28 21.43.04" src="/uploads-archive/2013/10/1b2ed9122fec6408646c5689415e10db.png" width="342" height="327" srcset="/uploads-archive/2013/10/1b2ed9122fec6408646c5689415e10db.png 342w, /uploads-archive/2013/10/1b2ed9122fec6408646c5689415e10db-300x286.png 300w, /uploads-archive/2013/10/1b2ed9122fec6408646c5689415e10db-228x218.png 228w" sizes="(max-width: 342px) 100vw, 342px" /></a></p>
<p>Your design hereに合わせて、右クリックで、</p>
<p>「コンテンツを置き換え」をするとそのコンテンツに合わせてシャドウが生成されます。</p>
<p>テキスト、アイコンなんでもOKっぽいです。</p>
<p>&nbsp;</p>
<p>上のメインビジュアルが実際に作ってみたものになります。</p>
<p>&nbsp;</p>
<p>これはPSDですが、</p>
<p>htmlを生成してくれるサイトもあり、css3を使って表現しているようです。</p>
<p>以下のサイトになります。</p>
<p>&nbsp;</p>
<p><a href="http://sandbox.juan-i.com/longshadows/">Long Shadows Generator &#8211; by Juani</a></p>
<p>&nbsp;</p>
<p>実に簡単にできますね！！</p>
<p>これでロングシャドウは怖くないぞ！！</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>おまけ：</p>
<p>iOS７のカラーコードを一覧にしているサイトがあります。</p>
<p>カラーの参考にぜひどうぞ！</p>
<p>&nbsp;</p>
<p><a href="http://ios7colors.com/">iOS 7 colors</a></p>
<p>&nbsp;</p>


流行りつつあるロングシャドウを作れる無料PSD

<p>9月27日に経済産業省がEC市場調査結果を発表したのでまとめ。</p>
<p>2012年EC市場規模<br />
<a href="http://www.meti.go.jp/press/2013/09/20130927007/20130927007.html" target="_blank">http://www.meti.go.jp/press/2013/09/20130927007/20130927007.html</a></p>
<h2>国内EC</h3>
<p>・2012年のBtoC市場規模は9.5兆円(前年比 112.5%)<br />
・EC化率は3.1%(前年比 +0.35)<br />
・物販では「1位：総合小売業1兆8910億円」(前年比 106.1%)「2位：自動車・パーツ、家具・家庭用品・電気製品小売業の1兆4260億円」(前年比 114.4%)「3位：食品小売業」の6050億円(前年比 113.7%)</p>
<h2>越境EC</h3>
<p>・日本人が米国及び中国からECで購入した額は155億円(前年比 106.9%)<br />
・米国人が日本及び中国からECで購入した額は757億円(前年比 70.4%)<br />
・中国人が日本及び米国からECで購入した額は2,868億円(前年比 123%)</p>
<p>・2020年は、日本人が米国及び中国からECで購入した額は427億円<br />
・2020年は、米国人が日本及び中国からECで購入した額は1,732億円<br />
・2020年は、中国人が日本及び米国からECで購入した額は21,022億円</p>
<p>・日本の越境EC利用率は17.6%<br />
・中国の越境EC利用率は57.3%<br />
・米国の越境EC利用率は44.7%</p>
<p>・米国が日本から越境ECで購入しているものは<br />
「書籍、雑誌(電 子書籍のダウンロードは含まない)(29.7%)」「衣類、アクセサリー(23.6%)」「音楽、 映像のソフト(CD、DVD など)(コンテンツのダウンロードは含まない) (21.4%)<br />
・中国が日本から越境ECで購入しているものは<br />
「衣類、アクセサリー(29.6%)」「書籍、雑誌(電子書籍のダウンロードは含まない)(29.4%)」「医薬、化粧品(24.9%)」</p>
<p>また、矢野経済研究所から2013年のスマホECの市場規模予想が10月22日発表された。<br />
<a href="http://www.yano.co.jp/press/press.php/001167" target="_blank">http://www.yano.co.jp/press/press.php/001167</a></p>
<p>2012年に8,450億円だった市場規模が、2013年には159.4%の1兆3,469億円になると予想されている。<br />
スマホEC利用者比率が最も高いのは<br />
「1位：女性20代」(74.0%)「2位：女性10代」(55.0％)「男性30代」「女性30代」(50.0％)<br />
とのこと。</p>


EC市場規模

<p><a href="/officer/ios%E3%81%AE%E3%81%8A%E6%8E%83%E9%99%A4%E3%82%BD%E3%83%95%E3%83%88%E3%80%8Cphoneclean%E3%80%8D.html">iOSのお掃除ソフト「PhoneClean」</a>という記事を書いていたところ、お問い合わせフォームから「PhoneClean」の開発会社の中の方からバージョンアップのご連絡を頂きました。 さらに、PRO版（有償版）のコードをくれるということでした。ブログを書いていて、このような接点があるというのは、とても嬉しいですね。早速、簡単ですが、PRO版の機能も含めてバージョンアップした「PhoneClean」をご紹介したいと思います。 無料版とPRO版の機能比較は以下をご覧下さい。 <a href="http://www.imobie.jp/phoneclean/upgrade-mac.htm" target="_blank">http://www.imobie.jp/phoneclean/upgrade-mac.htm</a></p>
<h2>Phone Clean</h3>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3463" alt="PhoneClean_Pro 8" src="/uploads-archive/2013/10/PhoneClean_Pro-8-300x186.jpg" width="300" height="186" srcset="/uploads-archive/2013/10/PhoneClean_Pro-8-300x186.jpg 300w, /uploads-archive/2013/10/PhoneClean_Pro-8-228x141.jpg 228w, /uploads-archive/2013/10/PhoneClean_Pro-8.jpg 1000w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>まず、ご覧いただくと分かるように、Ver3から日本語に対応しています。まだ、機械翻訳といった形ですが、意味は捉えられるレベルなので使用には問題ないと思います。   iphoneを接続するとメニューが表示されます。 クイッククリーンとディープクリーンがあり、このディープクリーンはPRO版のみの機能となっております。</p>
<h3>クイッククリーン</h4>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3411" alt="PhoneClean_Pro 2" src="/uploads-archive/2013/10/PhoneClean_Pro-2-300x186.jpg" width="300" height="186" srcset="/uploads-archive/2013/10/PhoneClean_Pro-2-300x186.jpg 300w, /uploads-archive/2013/10/PhoneClean_Pro-2-228x141.jpg 228w, /uploads-archive/2013/10/PhoneClean_Pro-2.jpg 1000w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>クイッククリーンは前バージョンから存在した機能ですね。 選択してスキャン開始でツーステップです。</p>
<p><a href="/uploads-archive/2013/10/PhoneClean_Pro-5.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3417" alt="PhoneClean_Pro 5" src="/uploads-archive/2013/10/PhoneClean_Pro-5-300x186.jpg" width="300" height="186" srcset="/uploads-archive/2013/10/PhoneClean_Pro-5-300x186.jpg 300w, /uploads-archive/2013/10/PhoneClean_Pro-5-228x141.jpg 228w, /uploads-archive/2013/10/PhoneClean_Pro-5.jpg 1000w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>この記事を書く数日前にクリーンアップしたばかりですので、400MB程度でした。 むしろ、数日で400MBのファイルが溜まってしまうと考えたほうがよいかもしれません。</p>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3418" alt="PhoneClean_Pro 6" src="/uploads-archive/2013/10/PhoneClean_Pro-6-300x186.jpg" width="300" height="186" srcset="/uploads-archive/2013/10/PhoneClean_Pro-6-300x186.jpg 300w, /uploads-archive/2013/10/PhoneClean_Pro-6-228x141.jpg 228w, /uploads-archive/2013/10/PhoneClean_Pro-6.jpg 1000w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<h3>ディープクリーン</h4>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3410" alt="PhoneClean_Pro 3" src="/uploads-archive/2013/10/PhoneClean_Pro-3-300x186.jpg" width="300" height="186" srcset="/uploads-archive/2013/10/PhoneClean_Pro-3-300x186.jpg 300w, /uploads-archive/2013/10/PhoneClean_Pro-3-228x141.jpg 228w, /uploads-archive/2013/10/PhoneClean_Pro-3.jpg 1000w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>次に、ディープクリーンをご紹介します。 より、細かいファイルをクリーンアップすることが項目から分かります。 ここでも全選択でスキャン開始です。</p>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3419" alt="PhoneClean_Pro 7" src="/uploads-archive/2013/10/PhoneClean_Pro-7-300x195.jpg" width="300" height="195" srcset="/uploads-archive/2013/10/PhoneClean_Pro-7-300x195.jpg 300w, /uploads-archive/2013/10/PhoneClean_Pro-7-228x148.jpg 228w, /uploads-archive/2013/10/PhoneClean_Pro-7.jpg 594w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>すると、ディープクリーンは必ず、バックアップが走ります。 よほど、デリケートな部分を触るということの表れなのかもしれません・・・・。 バックアップは12GB前後の容量で5分程度でした。</p>
<p><a href="/uploads-archive/2013/10/PhoneClean_Pro-9.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3462" alt="PhoneClean_Pro 9" src="/uploads-archive/2013/10/PhoneClean_Pro-9-300x186.jpg" width="300" height="186" srcset="/uploads-archive/2013/10/PhoneClean_Pro-9-300x186.jpg 300w, /uploads-archive/2013/10/PhoneClean_Pro-9-228x141.jpg 228w, /uploads-archive/2013/10/PhoneClean_Pro-9.jpg 1000w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>アプリをたくさん入れるとごちゃごちゃになる通知もクリーンにしてくれるんですね。</p>
<p>容量よりも精神衛生的に良さそう。</p>
<p><a href="/uploads-archive/2013/10/PhoneClean_Pro-10.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3466" alt="PhoneClean_Pro 10" src="/uploads-archive/2013/10/PhoneClean_Pro-10-300x201.jpg" width="300" height="201" srcset="/uploads-archive/2013/10/PhoneClean_Pro-10-300x201.jpg 300w, /uploads-archive/2013/10/PhoneClean_Pro-10-228x152.jpg 228w, /uploads-archive/2013/10/PhoneClean_Pro-10.jpg 594w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>クリーンアップを選択すると、またポップアップで進行しました。</p>
<p><a href="/uploads-archive/2013/10/PhoneClean_Pro-11.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3467" alt="PhoneClean_Pro 11" src="/uploads-archive/2013/10/PhoneClean_Pro-11-300x201.jpg" width="300" height="201" srcset="/uploads-archive/2013/10/PhoneClean_Pro-11-300x201.jpg 300w, /uploads-archive/2013/10/PhoneClean_Pro-11-228x152.jpg 228w, /uploads-archive/2013/10/PhoneClean_Pro-11.jpg 594w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>さらにiphone自体に再起動が掛かりました。ディープクリーンは再起動が伴う処理を行っているんですね。</p>
<p><a href="/uploads-archive/2013/10/PhoneClean_Pro-12.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3468" alt="PhoneClean_Pro 12" src="/uploads-archive/2013/10/PhoneClean_Pro-12-300x186.jpg" width="300" height="186" srcset="/uploads-archive/2013/10/PhoneClean_Pro-12-300x186.jpg 300w, /uploads-archive/2013/10/PhoneClean_Pro-12-228x141.jpg 228w, /uploads-archive/2013/10/PhoneClean_Pro-12.jpg 1000w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>&nbsp;</p>
<p>クリーンアップが完了しました。</p>
<p>端末のほうを見てみると確かに、通知が綺麗さっぱり消えていました。う〜ん清々しい。</p>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3409" alt="PhoneClean_Pro 4" src="/uploads-archive/2013/10/PhoneClean_Pro-4-300x186.jpg" width="300" height="186" srcset="/uploads-archive/2013/10/PhoneClean_Pro-4-300x186.jpg 300w, /uploads-archive/2013/10/PhoneClean_Pro-4-228x141.jpg 228w, /uploads-archive/2013/10/PhoneClean_Pro-4.jpg 1000w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>他にもツールボックスではいろいろなことが個別で出来ます。</p>


iOSのお掃除ソフト「PhoneClean」がバージョンアップしていた

<p>今回ご紹介するのは、「Flatic UserInterface Kit」というフラットなデザインのUIキット素材です。</p>
<p>フリーでゲットできる上に、100以上のエレメントが揃っています！</p>
<p>デザインで使うのも良さそうですが、<br />
これはワイヤーフレームで使えそうですね！</p>
<p>&nbsp;</p>
<p><a href="http://m.elgendy.me/downloads/flatic-userinterface-kit/" target="_blank"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-3460" alt="Flatic_UserInterface_Kit_M-elgendyFlatic_UserInterface_Kit_M-elgendy_02" src="/uploads-archive/2013/10/Flatic_UserInterface_Kit_M-elgendyFlatic_UserInterface_Kit_M-elgendy_02.jpg" width="599" height="364" srcset="/uploads-archive/2013/10/Flatic_UserInterface_Kit_M-elgendyFlatic_UserInterface_Kit_M-elgendy_02.jpg 599w, /uploads-archive/2013/10/Flatic_UserInterface_Kit_M-elgendyFlatic_UserInterface_Kit_M-elgendy_02-300x182.jpg 300w, /uploads-archive/2013/10/Flatic_UserInterface_Kit_M-elgendyFlatic_UserInterface_Kit_M-elgendy_02-228x138.jpg 228w" sizes="(max-width: 599px) 100vw, 599px" /></a></p>
<p>&nbsp;</p>
<p><a href="http://m.elgendy.me/downloads/flatic-userinterface-kit/" target="_blank"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-3461" alt="Flatic_UserInterface_Kit_M-elgendyFlatic_UserInterface_Kit_M-elgendy_01" src="/uploads-archive/2013/10/Flatic_UserInterface_Kit_M-elgendyFlatic_UserInterface_Kit_M-elgendy_01.jpg" width="600" height="364" srcset="/uploads-archive/2013/10/Flatic_UserInterface_Kit_M-elgendyFlatic_UserInterface_Kit_M-elgendy_01.jpg 600w, /uploads-archive/2013/10/Flatic_UserInterface_Kit_M-elgendyFlatic_UserInterface_Kit_M-elgendy_01-300x182.jpg 300w, /uploads-archive/2013/10/Flatic_UserInterface_Kit_M-elgendyFlatic_UserInterface_Kit_M-elgendy_01-228x138.jpg 228w" sizes="(max-width: 600px) 100vw, 600px" /></a></p>
<p>&nbsp;</p>
<p><a href="http://m.elgendy.me/downloads/flatic-userinterface-kit/#.UmYpoCQYRVS">Flatic UserInterface Kit &#8211; M-Elgendy</a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><strong>おまけ</strong></p>
<p>バーガーが画面一杯に表示され、マウスオーバーで増殖していき、<br />
クリックで「ガブッ」という音とともに元通り。<br />
なんかおもしろいです(笑)</p>
<p><a href="http://www.theageofmammals.com/burgers/" target="_blank">Burgers, Guthrie Lonergan</a></p>


フラットなデザインのUIキットPSDフリー素材「Flatic UserInterface Kit」

MT ページによってメタ情報を変更

【CentOS6】POSTの内容もapacheログに記録

<p>「D-Ucar.net」</p>
<p><a href="http://ducar.carsensor.net/" target="_blank"><img decoding="async" loading="lazy" alt="D-Ucar.net" src="/uploads-archive/2013/10/image01.jpg" width="656" height="361" /></a></p>
<p><a href="http://ducar.carsensor.net/" target="_blank">http://ducar.carsensor.net/</a></p>
<p>シルエットをメインにしたイラスト。</p>
<p>お店や街頭がおしゃれ感を出しています。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>「コープさが生活協同組合」</p>
<p><a href="http://www.saga.coop/" target="_blank"><img decoding="async" loading="lazy" alt="コープさが" src="/uploads-archive/2013/10/image03.jpg" width="656" height="362" /></a></p>
<p><a href="http://www.saga.coop/" target="_blank">http://www.saga.coop/</a></p>
<p>淡い色彩で、落ち着いた感じです。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>「三好不動産」</p>
<p><a href="http://www.miyoshi.co.jp/" target="_blank"><img decoding="async" loading="lazy" alt="コープさが" src="/uploads-archive/2013/10/image02.jpg" width="656" height="345" /></a></p>
<p><a href="http://www.miyoshi.co.jp/" target="_blank">http://www.miyoshi.co.jp/</a></p>
<p>線をメインにしたイラストで、色数が控えられていて、クールな印象です。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>「KALDI COFFEE FARM」</p>
<p><a href="http://www.kaldi.co.jp/" target="_blank"><img decoding="async" loading="lazy" alt="KALDI COFFEE FARM" src="/uploads-archive/2013/10/image05.jpg" width="656" height="365" /></a></p>
<p><a href="http://www.kaldi.co.jp/" target="_blank">http://www.kaldi.co.jp/</a></p>
<p>アートな感じで、おしゃれです。</p>
<p>Flashによるアニメーションが印象的です。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>「水からはじまるストーリー「つないで、つながって」(TOTO)」</p>
<p><a href="http://www.toto.co.jp/greenchallenge/tsunaide/" target="_blank"><img decoding="async" loading="lazy" alt="KALDI COFFEE FARM" src="/uploads-archive/2013/10/image04.jpg" width="656" height="362" /></a></p>
<p><a href="http://www.toto.co.jp/greenchallenge/tsunaide/" target="_blank">http://www.toto.co.jp/greenchallenge/tsunaide/</a></p>
<p>こちらも線画メインですが、多色による線画になっています。</p>
<p>ただ、トーンが抑えられていて、落ち着いています。</p>


おしゃれな感じのイラストを使ったサイト

<p>MT(MovableType)はテンプレートをMTの独自タグを使って組み上げていくのですが、</p>
<p>その書き方は作られた時期や、作った人、また、作った人の気分によりバラバラだったりします。</p>
<p>「どれが正しいんだ？」「なぜこんなに書き方があるんだ？」ということがとても気になっていたので、</p>
<p>調べてみたところ、こちらのサイト（→「<a href="http://blog.aklaswad.com/2008/000358.html" target="_blank">MTタグの書き方を調べてみました。</a>」）に詳しく説明がありましたので、</p>
<p>私なりにまとめてみました。</p>
<p>&nbsp;</p>
<h3>一番の基本形</h4>
<p></p>

		<div id="crayon-64953fd5923e5520473413" 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;$MTBlogName$&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-64953fd5923e5520473413-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-64953fd5923e5520473413-1"><span class="crayon-r ">&lt;$MTBlogName$&gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>ブロックタグの場合は</p>

		<div id="crayon-64953fd5923e9049531960" 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;MTEntries&gt;
・・・
&lt;/MTEntries&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-64953fd5923e9049531960-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd5923e9049531960-2">2</div><div class="crayon-num" data-line="crayon-64953fd5923e9049531960-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-64953fd5923e9049531960-1"><span class="crayon-r ">&lt;MTEntries&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd5923e9049531960-2"><span class="crayon-i ">・・・</span></div><div class="crayon-line" id="crayon-64953fd5923e9049531960-3"><span class="crayon-r ">&lt;/MTEntries&gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>&lt;$MT[タグ名]$&gt;の形が元々の基本形。</p>
<p>ブロックタグの場合は&lt;MT[タグ名]&gt;&lt;/MT[タグ名]&gt;で、$で囲わず、終了タグの先頭に/をつける。</p>
<p>&nbsp;</p>
<h3>MT3から</h4>
<p>MT3以降、$は省略が可能となり、</p>

		<div id="crayon-64953fd5923eb093513938" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
&lt;MTBlogName&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-64953fd5923eb093513938-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-64953fd5923eb093513938-1"><span class="crayon-h">&lt;</span><span class="crayon-i">MTBlogName</span><span class="crayon-h">&gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>という記述も可能になった。</p>
<p>&nbsp;</p>
<h3>MT4から</h4>
<p>MT4以降、さらに記述方法が多様化。</p>
<p>タグの大文字・小文字の区別がなくなり、</p>
<p>MTとタグ名の間に:をつけられるようになった。</p>

		<div id="crayon-64953fd5923ed457405288" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
&lt;mtblogname&gt;
でも
&lt;mtBlogName&gt;
でも
&lt;mTblOgnAme&gt;
でも
&lt;mt:blogname&gt;
でもOK</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-64953fd5923ed457405288-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd5923ed457405288-2">2</div><div class="crayon-num" data-line="crayon-64953fd5923ed457405288-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd5923ed457405288-4">4</div><div class="crayon-num" data-line="crayon-64953fd5923ed457405288-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd5923ed457405288-6">6</div><div class="crayon-num" data-line="crayon-64953fd5923ed457405288-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd5923ed457405288-8">8</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-64953fd5923ed457405288-1"><span class="crayon-h">&lt;</span><span class="crayon-i">mtblogname</span><span class="crayon-h">&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd5923ed457405288-2">でも</div><div class="crayon-line" id="crayon-64953fd5923ed457405288-3"><span class="crayon-h">&lt;</span><span class="crayon-i">mtBlogName</span><span class="crayon-h">&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd5923ed457405288-4">でも</div><div class="crayon-line" id="crayon-64953fd5923ed457405288-5"><span class="crayon-h">&lt;</span><span class="crayon-i">mTblOgnAme</span><span class="crayon-h">&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd5923ed457405288-6">でも</div><div class="crayon-line" id="crayon-64953fd5923ed457405288-7"><span class="crayon-h">&lt;</span><span class="crayon-i">mt</span><span class="crayon-sy">:</span><span class="crayon-i">blogname</span><span class="crayon-h">&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd5923ed457405288-8">でも<span class="crayon-i">OK</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>タグ名の大文字と小文字の区別がないということは、</p>
<p>今回調べて初めて知りました。</p>
<p>&nbsp;</p>
<p>さらに、ブロックタグではない通常のタグで、XMLのような</p>

		<div id="crayon-64953fd5923ee336466415" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
&lt;MTBlogName /&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-64953fd5923ee336466415-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-64953fd5923ee336466415-1"><span class="crayon-h">&lt;</span><span class="crayon-i">MTBlogName</span><span class="crayon-h"> </span>/<span class="crayon-h">&gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>という記述も可能に。</p>
<p>&nbsp;</p>
<p>要するに、書きやすい方法で自由に記述してOKということのようです。</p>
<p>個人的には&lt;mt:BlogName /&gt;という書き方が混乱せずにいいかなと思っていますが、</p>
<p>どれが正しいとかは特にないようです。</p>

MT(MovableType)のタグの書き方が多い！

<p>当社ではヤンゴン法人を作り、ヤンゴンから日本への人材の招聘を推進している。</p>
<p>しかし、逆に日本からヤンゴンへ日本人管理者に出向いてもらうという必要性も出てきているため</p>
<p>日本人がヤンゴンに住むとしたらどのような生活になるか、一家で移住するパターンを想定して必要と思われる場所を調査してきた。</p>
<p>&nbsp;</p>
<h2>スーパー</h3>
<p><a href="/uploads-archive/2013/10/1.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-3360" alt="1" src="/uploads-archive/2013/10/1.jpg" width="656" height="491" srcset="/uploads-archive/2013/10/1.jpg 656w, /uploads-archive/2013/10/1-300x224.jpg 300w, /uploads-archive/2013/10/1-228x170.jpg 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p>こちらはダウンタウンのRuby Mart。日本でも定番の野菜からよくわからない野菜まで豊富に揃う。値段はバナナてんこ盛り150円、玉ねぎ3ヶ月分100円くらい。</p>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2013/10/2.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-3361" alt="2" src="/uploads-archive/2013/10/2.jpg" width="656" height="491" srcset="/uploads-archive/2013/10/2.jpg 656w, /uploads-archive/2013/10/2-300x224.jpg 300w, /uploads-archive/2013/10/2-228x170.jpg 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p>牛乳は10種類くらいあり、チーズやヨーグルトもある。左上のパックは、炒めるだけで本格ミャンマーカレーが作れるパッケージ商品。</p>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2013/10/3.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-3362" alt="3" src="/uploads-archive/2013/10/3.jpg" width="656" height="491" srcset="/uploads-archive/2013/10/3.jpg 656w, /uploads-archive/2013/10/3-300x224.jpg 300w, /uploads-archive/2013/10/3-228x170.jpg 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p>プリンぽいものとウインナーっぽいもの。とりあえず種類がいっぱい。</p>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2013/10/4.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-3363" alt="4" src="/uploads-archive/2013/10/4.jpg" width="656" height="491" srcset="/uploads-archive/2013/10/4.jpg 656w, /uploads-archive/2013/10/4-300x224.jpg 300w, /uploads-archive/2013/10/4-228x170.jpg 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p>コカ・コーラ系の飲み物は手に入りやすくなったらしい。水は1リットル25円くらい</p>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2013/10/5.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-3364" alt="5" src="/uploads-archive/2013/10/5.jpg" width="656" height="491" srcset="/uploads-archive/2013/10/5.jpg 656w, /uploads-archive/2013/10/5-300x224.jpg 300w, /uploads-archive/2013/10/5-228x170.jpg 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p>ここからはCity Mart。City Martは8月に双日と資本・業務提携したため、6月にはなかった味噌や納豆まで売っていた。 日本の調味料はかなりカバーしているように見える。 また、酒の種類が豊富でウィスキーはもちろんワインや純米大吟醸までなんでも揃う。</p>
<h2>デパート</h3>
<p><a href="/uploads-archive/2013/10/6.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-3365" alt="6" src="/uploads-archive/2013/10/6.jpg" width="656" height="491" srcset="/uploads-archive/2013/10/6.jpg 656w, /uploads-archive/2013/10/6-300x224.jpg 300w, /uploads-archive/2013/10/6-228x170.jpg 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p>ヤンゴンで最も新しいデパートJunction Square。かなり大きいデパート</p>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2013/10/7.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-3366" alt="7" src="/uploads-archive/2013/10/7.jpg" width="656" height="491" srcset="/uploads-archive/2013/10/7.jpg 656w, /uploads-archive/2013/10/7-300x224.jpg 300w, /uploads-archive/2013/10/7-228x170.jpg 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p>様々な専門店も併設されている</p>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2013/10/8.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-3367" alt="8" src="/uploads-archive/2013/10/8.jpg" width="656" height="491" srcset="/uploads-archive/2013/10/8.jpg 656w, /uploads-archive/2013/10/8-300x224.jpg 300w, /uploads-archive/2013/10/8-228x170.jpg 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p>大きい銀行もありすごく親切に対応してくれた。</p>
<p>ミャンマーには上記の他にCB BANKとWestern Unionという大きな銀行があり、Western Unionはセブン銀行からの送金が可能だ</p>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2013/10/9.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-3368" alt="9" src="/uploads-archive/2013/10/9.jpg" width="656" height="873" srcset="/uploads-archive/2013/10/9.jpg 656w, /uploads-archive/2013/10/9-225x300.jpg 225w, /uploads-archive/2013/10/9-228x303.jpg 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p>中は吹き抜けになっておりとてもおしゃれな雰囲気</p>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2013/10/10.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-3369" alt="10" src="/uploads-archive/2013/10/10.jpg" width="656" height="873" srcset="/uploads-archive/2013/10/10.jpg 656w, /uploads-archive/2013/10/10-225x300.jpg 225w, /uploads-archive/2013/10/10-228x303.jpg 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p>ブランド品や化粧品点もたくさん。日本のブランドもあるが、韓国系が多い気がする</p>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2013/10/11.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-3370" alt="11" src="/uploads-archive/2013/10/11.jpg" width="656" height="873" srcset="/uploads-archive/2013/10/11.jpg 656w, /uploads-archive/2013/10/11-225x300.jpg 225w, /uploads-archive/2013/10/11-228x303.jpg 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p>地上3階建。おしゃれな内装</p>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2013/10/12.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-3371" alt="12" src="/uploads-archive/2013/10/12.jpg" width="656" height="491" srcset="/uploads-archive/2013/10/12.jpg 656w, /uploads-archive/2013/10/12-300x224.jpg 300w, /uploads-archive/2013/10/12-228x170.jpg 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p>子供用品やおもちゃも充実。キティちゃん、ワンピース、ナルトはこちらでも人気なよう</p>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2013/10/13.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-3372" alt="13" src="/uploads-archive/2013/10/13.jpg" width="656" height="491" srcset="/uploads-archive/2013/10/13.jpg 656w, /uploads-archive/2013/10/13-300x224.jpg 300w, /uploads-archive/2013/10/13-228x170.jpg 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p>3階はレストランフロアになっており、いろんな国の料理が食べられる</p>
<p>&nbsp;</p>
<h2>住居</h3>
<p><a href="/uploads-archive/2013/10/14.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-3373" alt="14" src="/uploads-archive/2013/10/14.jpg" width="656" height="491" srcset="/uploads-archive/2013/10/14.jpg 656w, /uploads-archive/2013/10/14-300x224.jpg 300w, /uploads-archive/2013/10/14-228x170.jpg 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p>部屋は新築だと床や壁は自分でやるケースが多いらしい。</p>
<p>敷金、礼金が無いのでその分とおもえば良いかもしれない。</p>
<p>もちろん居抜きもある。</p>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2013/10/15.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-3374" alt="15" src="/uploads-archive/2013/10/15.jpg" width="656" height="491" srcset="/uploads-archive/2013/10/15.jpg 656w, /uploads-archive/2013/10/15-300x224.jpg 300w, /uploads-archive/2013/10/15-228x170.jpg 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p>風呂場はミャンマー式のものが多い。バスタブがある物件は少ないように思える。</p>
<p>日本人が住むとしたら、風呂がネックになりそう</p>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2013/10/16.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-3375" alt="16" src="/uploads-archive/2013/10/16.jpg" width="656" height="491" srcset="/uploads-archive/2013/10/16.jpg 656w, /uploads-archive/2013/10/16-300x224.jpg 300w, /uploads-archive/2013/10/16-228x170.jpg 228w" sizes="(max-width: 656px) 100vw, 656px" /></a></p>
<p>&nbsp;</p>
<p>トイレはかなりきれい。ただ、トイレットペーパーは流せない</p>
<p>&nbsp;</p>
<h2>まとめ</h3>
<p>衣食についてはよっぽど贅沢でなければさほどかわらない生活ができそうだ。</p>
<p>住については固有のものが多く、日本や欧米式な物件はまだ少ないように思える。</p>
<p>とはいってもそこまでたくさんは見ていないので、探せばあるのではと思うのと</p>
<p>リフォームはけっこう安いのでやってもらってしまったほうが早いかもしれない</p>


ヤンゴンでの暮らし

<div class="booklink-box" style="text-align:left;padding-bottom:20px;font-size:small;/zoom: 1;overflow: hidden;">
<div class="booklink-image" style="float:left;margin:0 15px 10px 0;"><a href="http://www.amazon.co.jp/exec/obidos/asin/4198630496/sackoh71-22/" target="_blank" ><img decoding="async" src="http://ecx.images-amazon.com/images/I/51PtInE3wKL._SL160_.jpg" style="border: none;" /></a></div>
<div class="booklink-info" style="line-height:120%;/zoom: 1;overflow: hidden;">
<div class="booklink-name" style="margin-bottom:10px;line-height:120%"><a href="http://www.amazon.co.jp/exec/obidos/asin/4198630496/sackoh71-22/" target="_blank" >君がオヤジになる前に</a></p>
<div class="booklink-powered-date" style="font-size:8pt;margin-top:5px;font-family:verdana;line-height:120%">posted with <a href="http://yomereba.com" rel="nofollow" target="_blank">ヨメレバ</a></div>
</div>
<div class="booklink-detail" style="margin-bottom:5px;">堀江 貴文 徳間書店 2010-10-29    </div>
<div class="booklink-link" style="margin-top: 5px"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4198630496/sackoh71-22/" name="booklink" rel="nofollow" target="_blank">Amazon.co.jp で詳細を見る</a></div>
</div>
<div class="booklink-footer" style="clear: left"></div>
</div>
<p>堀江さんの2年前の著作。</p>
<p>ちょうど、事件以降、収監されるまでの間に書かれたもので、ふと昔の本を引っ張りだして読み返してみた。</p>
<p>経営者としては、優秀で尊敬に値するが、人徳の面で問題があり、結果的に「出る杭は打たれる」ことになってしまったのだと思う。</p>
<p>ただ、仮釈放されてから既に活躍されているところをみて、何度でも出る杭をするバイタリティがまたまた尊敬してしまった。</p>
<h2>抜粋</h3>
<ul>
<li>オヤジの定義とは思考停止した状態。より良き方向へ改善しようとすることを放棄した状態。</li>
<li>合理的になりすぎて思いやるということとは程遠い思考。</li>
<li>安定を求めようとする努力のプロセスの中で、人は不安定になっていく。</li>
<li>業務を標準化させた</li>
<li>24時間、ビジネスのことだけ考えたらいい。常に思考を埋めろ</li>
<li>過去の人脈は切る</li>
<li>僕は、逆境に強いんじゃない。真面目に寂しさと向き合ってきただけだ。</li>
<li>自己否定をとことん繰り返せば突破できる。</li>
<li>斬新なアイデアは出尽くされた。今一番大事なことは「実行力」だ</li>
</ul>
<p>&nbsp;</p>


君がオヤジになる前に　堀江 貴文

<p>本日は、HTMLやcssの初級者がレベルアップするために薦めたい本をご紹介します。</p>
<p>僕自身がお世話になった本で、良かったなぁと思う本です。</p>
<p>今から紹介するのは、初心者向けではなく、初級者向けになりますので、<br />
ある程度かじっていないと本の内容がわからないと思います。</p>
<p>どのぐらいの初級者かっていうと、タグの勉強はひと通りしていて、<br />
HTMLもいじったことがあるけど、<br />
サイト自体のコーディングはあんまり経験がない人って感じです。<br />
ある程度経験しているけど、我流って人にも、今一度見直しもらうためにも良いかもしれません。</p>
<p>今となってはもしかしたら少々古いかもしれませんが、<br />
コーディングの基礎となる所なので、学ぶとそれなりにいいコーディングができると思います。</p>
<p>そのおかげか僕自身も動きをつけない場合のHTMLでは、ie対応で困ることはそこまで多くありません。</p>
<p>&nbsp;</p>
<p>長くなりましたが、本をご紹介します。</p>
<p>&nbsp;</p>
<p><iframe loading="lazy" width="320" height="240" style="width: 120px; height: 240px;" src="http://rcm-fe.amazon-adsystem.com/e/cm?t=alantrigger-22&amp;o=9&amp;p=8&amp;l=as1&amp;asins=4883376710&amp;ref=qf_sp_asin_til&amp;fc1=000000&amp;IS2=1&amp;lt1=_blank&amp;m=amazon&amp;lc1=0000FF&amp;bc1=FFFFFF&amp;bg1=FFFFFF&amp;f=ifr" marginwidth="0" marginheight="0" frameborder="0" scrolling="no"></iframe></p>
<p>こちらは、北海道では有名なコーディング屋さんのようで、丁寧に説明してくれています。<br />
一からサイト全体を作リ方を教えてくれます。<br />
コーディング会社ならではノウハウや、制作資料なんかもゲットできます。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><iframe loading="lazy" width="320" height="240" style="width: 120px; height: 240px;" src="http://rcm-fe.amazon-adsystem.com/e/cm?t=alantrigger-22&amp;o=9&amp;p=8&amp;l=as1&amp;asins=4839929734&amp;ref=qf_sp_asin_til&amp;fc1=000000&amp;IS2=1&amp;lt1=_blank&amp;m=amazon&amp;lc1=0000FF&amp;bc1=FFFFFF&amp;bg1=FFFFFF&amp;f=ifr" marginwidth="0" marginheight="0" frameborder="0" scrolling="no"></iframe></p>
<p>こちらも基本的な所から、バグについても解説してくれています。<br />
現場ならではの知識・経験が詰まっており、実際にやってみないとわからないことを教えてくれます。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><iframe loading="lazy" width="320" height="240" style="width: 120px; height: 240px;" src="http://rcm-fe.amazon-adsystem.com/e/cm?t=alantrigger-22&amp;o=9&amp;p=8&amp;l=as1&amp;asins=4048705172&amp;ref=qf_sp_asin_til&amp;fc1=000000&amp;IS2=1&amp;lt1=_blank&amp;m=amazon&amp;lc1=0000FF&amp;bc1=FFFFFF&amp;bg1=FFFFFF&amp;f=ifr" marginwidth="0" marginheight="0" frameborder="0" scrolling="no"></iframe></p>
<p>こちらは、上記2つとは違うのですが、<br />
HTML5の本で、新しく増えたタグ・機能の使い方を、サンプルを元に解説してくれます。<br />
コードも載っているので、勉強になります。</p>
<p>&nbsp;</p>
<p>以上になります。</p>
<p>&nbsp;</p>
<p>上の2つだけで、けっこう出来るようになるのではないかなと思いますが、<br />
新しいやり方、もっと効率的なやり方は日々生まれているような気がします。</p>
<p>&nbsp;</p>
<p>もっと上達したい人は、本はもちろんいいのですが、<br />
有名なサイトのコードを見てみて試してみるというやりかたが一番いい気がします。</p>


Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧

2013/11/06

2013/11/06

2013/10/31

2013/10/31

2013/10/30

2013/10/29

2013/10/29

2013/10/29

2013/10/23

2013/10/23

2013/10/23

2013/10/23

2013/10/22

2013/10/22

2013/10/22

2013/10/16

2013/10/16

2013/10/16