<p>As I know, there are many ways to use Ubuntu(Linux) our laptop or PC.</p>
<p>Firstly, if your HDD(harddisk) is new or clean one and there are two or more partitions on it, you can use dual OSes with it: eg, Window OS and Linux one.  One OS is running at a time.   In each partition, each OS is hosted. When PC is started, Window Boot Manager shows OS selecting menu on very first page to choose a desired OS. We can&#8217;t switch to another OS when using a specific OS is running.</p>
<p>My prefer method to install Ubuntu(Linux) is installing via bootable Live USB. The steps are so easy to do so. Just go <a href="http://www.ubuntu.com/download/desktop">http://www.ubuntu.com/download/desktop</a> and get ubuntu OS&#8217;s &#8220;.iso&#8221; file. Then, by visiting to <a href="http://unetbootin.sourceforge.net/">http://unetbootin.sourceforge.net/</a> and get unetbootin software. Run unetbootin software on your laptop or PC. Then point out the desired USB (assumed that a USB(at least 4 GB capacity) is already assembled in PC, it should be formatted by FAT32, be aware that it&#8217;s with FAT32) and downloaded .iso file. After that, you will get a bootable USB to install Ubuntu OS.</p>
<p>Open the PC or laptop that you want to install Ubuntu(Linux). Already assumed that you changed boot sequence to &#8220;Removable Device&#8221; in BIOS setup. Then it will automatically loaded Ubuntu OS and will make installation automatically by just following on screen instructions. Then you can start using Ubuntu OS on the fly.</p>
<p>Next, you are a Window OS user. Let&#8217;s say that your HDD has only one partition and Window OS is already running on it. At that time, you want to start using Ubuntu(Linux) OS. OK fine, there is another alternative way for you. You can use &#8220;Wubi Ubuntu Window Installer&#8221; at <a href="http://www.ubuntu.com/download/desktop/install-ubuntu-with-windows">http://www.ubuntu.com/download/desktop/install-ubuntu-with-windows</a>.</p>
<p>Just run &#8220;wubi&#8221; to install Ubuntu. After following on screen instructions, you will find dual OS on start up screen when PC is opened. You can find your Ubuntu OS as a disk image file on hosted Window OS.</p>
<p>Another option is if you want to use parallel OSes, you should use Virtual Machine or Virtual Box(installed Ubuntu OS) on Window OS. Just be aware that your machine&#8217;s memory is parallel exhausted by parallel OSes at that same time.</p>
<p>That&#8217;s all. Enjoy!!!</p>
<p>&nbsp;</p>
<p>&nbsp;</p>


Using Ubuntu(Linux)

<p>csvファイルをアップロードして、中身のデータをデータベースに挿入する。</p>
<p>しかし、全部のデータを挿入するのではなくて、必要な項目だけを取ってデータベースに入れる。</p>
<p>まず、csvファイルをアップロードして、ある場所にファイルを保存する。</p>
<p>次はデータを配列に入れる。</p>
<p>配列に入っているデータからどこの項目をデータベースに入れるかを決めて、挿入する。</p>
<p>sprintf を利用して書きます。</p>
<p></p>

		<div id="crayon-64953fd5965b0732000193" 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">php</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;">
$sql = sprintf("INSERT INTO testingcsv (test1,test2,test3) VALUES('%d','%s','%s');",$csv_array[0],$csv_array[1],$csv_array[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-64953fd5965b0732000193-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-64953fd5965b0732000193-1"><span class="crayon-sy">$</span><span class="crayon-i">sql</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-e">sprintf</span><span class="crayon-sy">(</span><span class="crayon-s">"INSERT INTO testingcsv (test1,test2,test3) VALUES('%d','%s','%s');"</span><span class="crayon-sy">,</span><span class="crayon-sy">$</span><span class="crayon-i">csv_array</span><span class="crayon-sy">[</span><span class="crayon-cn">0</span><span class="crayon-sy">]</span><span class="crayon-sy">,</span><span class="crayon-sy">$</span><span class="crayon-i">csv_array</span><span class="crayon-sy">[</span><span class="crayon-cn">1</span><span class="crayon-sy">]</span><span class="crayon-sy">,</span><span class="crayon-sy">$</span><span class="crayon-i">csv_array</span><span class="crayon-sy">[</span><span class="crayon-cn">2</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>sprintf の形式は</p>
<p></p>

		<div id="crayon-64953fd5965b4406158772" 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;">
int sprintf ( string $format [, mixed $args [, mixed $... ]] )</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-64953fd5965b4406158772-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-64953fd5965b4406158772-1"><span class="crayon-t">int</span><span class="crayon-h"> </span><span class="crayon-e">sprintf</span><span class="crayon-h"> </span><span class="crayon-sy">(</span><span class="crayon-h"> </span><span class="crayon-t">string</span><span class="crayon-h"> </span><span class="crayon-sy">$</span><span class="crayon-i">format</span><span class="crayon-h"> </span><span class="crayon-sy">[</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-i">mixed</span><span class="crayon-h"> </span><span class="crayon-sy">$</span><span class="crayon-i">args</span><span class="crayon-h"> </span><span class="crayon-sy">[</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-i">mixed</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-sy">]</span><span class="crayon-sy">]</span><span class="crayon-h"> </span><span class="crayon-sy">)</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>型指定子として指定できる値をまとめました。</p>
<table>
<tr>
<td>b</td>
<td>引数を整数として扱い、バイナリの数値として表現します。</td>
</tr>
<tr>
<td>c</td>
<td>引数を整数として扱い、その ASCII 値の文字として表現します。</td>
</tr>
<tr>
<td>d</td>
<td>引数を整数として扱い、 10 進数として表現します。</td>
</tr>
<tr>
<td>e</td>
<td>引数を科学記法として扱います (例 1.2e+2)。精度の指定子は、PHP 5.2.1<br />
                     以降では小数点以下の桁数を表します。</td>
</tr>
<tr>
<td>u</td>
<td>引数を整数として扱い、符号無しの 10 進数として表現します。</td>
</tr>
<tr>
<td>f</td>
<td>引数を double として扱い、浮動小数点数として表現します。</td>
</tr>
<tr>
<td>F</td>
<td>引数を float として扱い、浮動小数点数として表現します。</td>
</tr>
<tr>
<td>o</td>
<td>引数を整数として扱い、 8 進数として表現します。</td>
</tr>
<tr>
<td>s</td>
<td>引数を文字列として扱い、表現します。</td>
</tr>
<tr>
<td>x</td>
<td>引数を整数として扱い、16 進数として(小文字で)表現します。</td>
</tr>
<tr>
<td>X</td>
<td>引数を整数として扱い、16 進数として(大文字で)表現します。</td>
</tr>
</table>
<p>例えば：以下のように書きます。</p>
<p></p>

		<div id="crayon-64953fd5965b6015315011" 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;">
%d
%s
%x</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-64953fd5965b6015315011-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd5965b6015315011-2">2</div><div class="crayon-num" data-line="crayon-64953fd5965b6015315011-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd5965b6015315011-4">4</div><div class="crayon-num" data-line="crayon-64953fd5965b6015315011-5">5</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-64953fd5965b6015315011-1"><span class="crayon-ta">%</span><span class="crayon-i">d</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd5965b6015315011-2">&nbsp;</div><div class="crayon-line" id="crayon-64953fd5965b6015315011-3"><span class="crayon-ta">%</span><span class="crayon-i">s</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd5965b6015315011-4">&nbsp;</div><div class="crayon-line" id="crayon-64953fd5965b6015315011-5"><span class="crayon-sy">%</span><span class="crayon-i">x</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>

csvアップロードとsprintf

<p>先日、firefoxを26にアップグレードした所、<br />
firefoxの幅を400px以下(正確には425px)に縮まらなくなってしまいました。</p>
<p>スマホやガラケーの画面のキャプチャーを撮る作業があるので、<br />
その時に幅を縮める必要があるんですが、縮まらなくなりちょっと困り、調べました。</p>
<p>すると、<br />
firefox26ではウィンドウの最小幅を<strong>425px</strong>に設定しているとのこと。</p>
<p>firefoxのURL記入箇所に、<br />
<strong>chrome://browser/content/browser.css</strong><br />
と入れると、使用されてるcssが表示されるのですが、</p>
<p></p>

		<div id="crayon-64953fd5963c1256540867" 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;">
#main-window:not([chromehidden~="toolbar"]) {
  min-width: 425px;
}</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-64953fd5963c1256540867-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd5963c1256540867-2">2</div><div class="crayon-num" data-line="crayon-64953fd5963c1256540867-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-64953fd5963c1256540867-1"><span class="crayon-k ">#main-window:not([chromehidden~="toolbar"]) </span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd5963c1256540867-2"><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-e ">min-width</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i ">425px</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-64953fd5963c1256540867-3"><span class="crayon-sy">}</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>と書かれていました。</p>
<p>Firefoxが2014年に新デザインになるそうで、その前触れだそうです。</p>
<p><a href="http://getaustralis.com/" target="_blank">Get Australis</a></p>
<h2>解消方法</h3>
<p>このmin-widthを上書きすれば、思った通りに縮めることができます。</p>
<p>上書きといっても、<br />
browser.css<br />
を書き換えるわけではなく、</p>
<p><strong>~/Library(ライブラリ)/Application Support/Firefox/Profiles/英数字.○○○/chrome/userChrome.css</strong><br />
※MacOS Xの場合</p>
<p>に、cssを書き加えます。</p>
<p>ただ、<strong>「chrome」「useChrome.css」</strong>がないこともあるのでその場合は、自分で同様のフォルダ・ファイルを作成する必要があります。(僕の場合はありませんでした)</p>
<p>そのcssに、</p>
<p></p>

		<div id="crayon-64953fd5963c6393968310" 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;">
#main-window:not([chromehidden~="toolbar"]) {
    min-width: 200px !important;
}</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-64953fd5963c6393968310-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd5963c6393968310-2">2</div><div class="crayon-num" data-line="crayon-64953fd5963c6393968310-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-64953fd5963c6393968310-1"><span class="crayon-k ">#main-window:not([chromehidden~="toolbar"]) </span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd5963c6393968310-2"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-e ">min-width</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i ">200px</span><span class="crayon-h"> </span><span class="crayon-cn ">!important</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-64953fd5963c6393968310-3"><span class="crayon-sy">}</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>と書き加えればOKです！</p>
<p>ちなみにLibrary(ライブラリ)は隠しフォルダになっています。<br />
それを表示するためにはこちらをどうぞ。</p>
<p><a href="http://inforati.jp/apple/mac-tips-techniques/system-hints/how-to-show-hidden-file-or-folder-of-macos.html" target="_blank">Macの隠しファイルや隠しフォルダを表示する裏技 / Inforati</a></p>
<p>この最小幅を変えることによって、なにか影響がでるかもしれませんが、<br />
それは自己責任でお願いしますm(&#8211;)m<br />
といっても、影響が出ることはあまりないのかなぁと思います。</p>
<p>それにしてもfirefoxはアップグレードのスピードが早いですね〜</p>

Firefox26にアップグレードしたら、ウィンドウ幅が400px以下にならなくなった件

Fancyboxのようにサムネイルから飛び出してくるようなjQueryを組んでみる

<p>営業の方ならきっと気持ちが分かるはず！</p>
<p>アポイントの時間をメール等で調整をするときに、空き時間を見て、移動時間を計算して1行ずつ文字に起こしていくという作業をするかと思います。</p>
<p>ちょうど、下記の文章のような形に記載をすると思います。</p>
<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;</p>
<p>◯/◯(火) 00:00-00:00</p>
<p>◯/◯(水) 00:00-00:00</p>
<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;</p>
<p>Googleカレンダーなどスケジューラーはグラフィカルになっているので、</p>
<p>途端にメールになると空き時間を文章化しなくてはならず、煩わしさをずっと感じておりました。</p>
<p>そんなことを何年間も思っていたところ、つい先日、このサービスを知りました！</p>
<p><a href="https://cu-hacker.com/">Cu-hacker | アポイント調整を10倍速くするツール「クウハッカー」</a></p>
<p>&nbsp;</p>
<p>アポイント調整を10倍速くするという挑戦的なキャッチフレーズがタイトルに入っておりますが、使ってみた後はまんざらでもありません！</p>
<h2>使い方</h3>
<p><a href="/uploads-archive/2013/12/screenshot.png"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3853" alt="screenshot" src="/uploads-archive/2013/12/screenshot-300x268.png" width="300" height="268" srcset="/uploads-archive/2013/12/screenshot-300x268.png 300w, /uploads-archive/2013/12/screenshot-228x204.png 228w, /uploads-archive/2013/12/screenshot.png 1013w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>使い方は簡単です。</p>
<p><a href="https://cu-hacker.com" target="_blank">トップページ</a>にアクセスするとGoogleアカウントでログインを促されます。</p>
<p>もちろん、GoogleAppsアカウントでも対応しております。</p>
<p><a href="/uploads-archive/2013/12/5e5c389856d465b1f0d26d6392fcb6a9.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3858" alt="Cu-hacker___カレンダー-3" src="/uploads-archive/2013/12/5e5c389856d465b1f0d26d6392fcb6a9-300x157.jpg" width="300" height="157" srcset="/uploads-archive/2013/12/5e5c389856d465b1f0d26d6392fcb6a9-300x157.jpg 300w, /uploads-archive/2013/12/5e5c389856d465b1f0d26d6392fcb6a9-1024x538.jpg 1024w, /uploads-archive/2013/12/5e5c389856d465b1f0d26d6392fcb6a9-228x119.jpg 228w, /uploads-archive/2013/12/5e5c389856d465b1f0d26d6392fcb6a9.jpg 1353w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>ログインをするとGoogleカレンダーライクの画面が表示されます。</p>
<p>それでは早速、その真価を試しましょう。</p>
<p><a href="/uploads-archive/2013/12/607e955f64969a9296ebed93db7ba0a3.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3866" alt="Cu-hacker___カレンダー-4-2" src="/uploads-archive/2013/12/607e955f64969a9296ebed93db7ba0a3-300x155.jpg" width="300" height="155" srcset="/uploads-archive/2013/12/607e955f64969a9296ebed93db7ba0a3-300x155.jpg 300w, /uploads-archive/2013/12/607e955f64969a9296ebed93db7ba0a3-1024x529.jpg 1024w, /uploads-archive/2013/12/607e955f64969a9296ebed93db7ba0a3-228x117.jpg 228w, /uploads-archive/2013/12/607e955f64969a9296ebed93db7ba0a3.jpg 1351w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>適当な時間帯をGoogleカレンダーのようにドラッグして伸ばします。</p>
<p>すると、左上のテキスト欄に日時が範囲が指定された状態で反映されます。</p>
<p>これで、あとはメールにコピペするだけで終了です。</p>
<p>すごく簡単です。</p>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3857" alt="Cu-hacker___カレンダー-2" src="/uploads-archive/2013/12/9dcba189f8e6a5e80b71dc1e87f8365a-300x199.jpg" width="300" height="199" srcset="/uploads-archive/2013/12/9dcba189f8e6a5e80b71dc1e87f8365a-300x199.jpg 300w, /uploads-archive/2013/12/9dcba189f8e6a5e80b71dc1e87f8365a-1024x680.jpg 1024w, /uploads-archive/2013/12/9dcba189f8e6a5e80b71dc1e87f8365a-228x151.jpg 228w, /uploads-archive/2013/12/9dcba189f8e6a5e80b71dc1e87f8365a.jpg 1353w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>設定画面では、ビジネスタイムの指定などが細かく出来ます。</p>
<p><a href="/uploads-archive/2013/12/b215bbdb4fd107b2e47fc103f32888c1.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3867" alt="Cu-hacker___カレンダー-5-2" src="/uploads-archive/2013/12/b215bbdb4fd107b2e47fc103f32888c1-300x160.jpg" width="300" height="160" srcset="/uploads-archive/2013/12/b215bbdb4fd107b2e47fc103f32888c1-300x160.jpg 300w, /uploads-archive/2013/12/b215bbdb4fd107b2e47fc103f32888c1-1024x549.jpg 1024w, /uploads-archive/2013/12/b215bbdb4fd107b2e47fc103f32888c1-228x122.jpg 228w, /uploads-archive/2013/12/b215bbdb4fd107b2e47fc103f32888c1.jpg 1348w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>終日を選択すると、先ほど、指定したビジネスタイムが反映されます。</p>
<p>かゆいところに手が届く仕様になっております〜。素晴らしいです。</p>
<p>そして、テキストのところをご覧頂くと分かるのですが、短縮URLが発行されます。</p>
<p><a href="/uploads-archive/2013/12/57e64c63c0fc9c3a99817873d032a7c0.jpg"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-3861" alt="Cu-hacker___Yuji_Mezakiさんからの提案日程-4" src="/uploads-archive/2013/12/57e64c63c0fc9c3a99817873d032a7c0-300x149.jpg" width="300" height="149" srcset="/uploads-archive/2013/12/57e64c63c0fc9c3a99817873d032a7c0-300x149.jpg 300w, /uploads-archive/2013/12/57e64c63c0fc9c3a99817873d032a7c0-1024x508.jpg 1024w, /uploads-archive/2013/12/57e64c63c0fc9c3a99817873d032a7c0-228x113.jpg 228w, /uploads-archive/2013/12/57e64c63c0fc9c3a99817873d032a7c0.jpg 1352w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>こちらは、相手に送るためのもので短縮URLにアクセスをすると、候補日をFIXさせるフローが出来ております。</p>
<p>相手もGoogleカレンダーを利用していることを知っている場合は、更に、調整が簡単な仕様になっております。</p>
<p>相手がGoogleカレンダーを利用しているか分からない場合は、混乱を招く恐れがあるので、短縮URLは削除するのが無難かと思います。</p>
<h2>まとめ</h3>
<p>こんなの待ってた！</p>


Googleカレンダーユーザー必見！スケジュール調整が劇的に簡単になる「Cu-hacker」

<p>パララックスのサイトが少し前に流行り、今ではいろんなサイトで見られるようになり一般的になってきたような感じがする昨今ですが、簡単にパララックスっぽい動きをつけられることを今更ながら発見しましたので、試してみました。<br />
&nbsp;<br />
早速ですが、デモをご覧下さい。</p>
<p>&nbsp;</p>
<p><a href="/demo/abe/37/" target="_blank" class="demo">DEMO</a></p>
<p>どうでしょうか？<br />
パララックスっぽい感じがでてますでしょうか？？</p>
<h2>background-attachmentの実装</h3>
<p>設定自体はとても簡単で、<br />
背景画像を設定した箇所に、</p>
<p></p>

		<div id="crayon-64953fd595eb1667674691" 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;">
background-attachment: fixed;</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-64953fd595eb1667674691-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-64953fd595eb1667674691-1"><span class="crayon-e ">background-attachment</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i ">fixed</span><span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>と追加しているだけです。</p>
<p>要は、背景画像の位置を固定にしているため、<br />
背景画像を設定した要素がスクロールで動いても、<br />
背景画像は動かないため、このような見え方になっています。</p>
<p>ちなみに背景画像の位置は、ブラウザを起点に位置されます。</p>
<p>対応ブラウザはIE8からですので、<br />
クライアント案件でも結構使えると思います。</p>
<p>なにより簡単にできるのでいいですね！写真とコンテンツの組み合わせ次第でいいサイトが出来上がるんではないでしょうか？</p>
<p>今度はもっと上級なパララックスも試してみたいと思います！</p>

background-attachmentでパララックスもどきの動きをつけてみる

<p>1月〜11月の来日外国人の数が約950万人となっており、</p>
<div>12月中旬にも1000万人を超える見通しになると観光庁の発表があったとのこと。</div>
<div><a href="http://www.nikkei.com/article/DGXNASGC11016_R11C13A2EA2000/" target="_blank">http://www.nikkei.com/article/DGXNASGC11016_R11C13A2EA2000/</a></div>
<div><a href="http://www.nikkei.com/article/DGXNASGC11016_R11C13A2EA2000/" target="_blank"> </a></div>
<div>以下は11月までの来日外国人の数</div>
<div> <a href="/uploads-archive/2013/12/076d9c0930789e3abb0c89f5cf396b58-e1387272685535.png"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-3851" alt="スクリーンショット 2013-12-17 13.00.41" src="/uploads-archive/2013/12/076d9c0930789e3abb0c89f5cf396b58-e1387272685535.png" width="656" height="424" /></a></div>
<div>※出典：日本政府観光局(JNTO)</div>
<div><a href="https://www.jnto.go.jp/jpn/news/data_info_listing/" target="_blank">https://www.jnto.go.jp/jpn/news/data_info_listing/</a></div>
<div><a href="https://www.jnto.go.jp/jpn/news/data_info_listing/" target="_blank"> </a></div>
<div>韓国は引き続きトップだが、中国が戻ってきたのと、</div>
<div>ビザが免除されたタイ、マレーシアの伸率は引き続き多い。</div>
<div>また、発給条件が緩和されたベトナム、フィリピン、インドネシアもやはり多い。</div>
<div></div>
<div>以下は本日の日経朝刊でのアンケート結果</div>
<table>
<tbody>
<tr>
<th></th>
<th>1位</th>
<th>2位</th>
<th>3位</th>
</tr>
<tr>
<td>全地域平均</td>
<td>カメラ、時計</td>
<td>家電</td>
<td>洋服、かばん、靴</td>
</tr>
<tr>
<td>マレーシア</td>
<td>漫画、アニメ関連</td>
<td>カメラ、時計</td>
<td>洋服、かばん、靴</td>
</tr>
<tr>
<td>タイ</td>
<td>カメラ、時計</td>
<td>洋服、かばん、靴</td>
<td>家電</td>
</tr>
<tr>
<td>シンガポール</td>
<td>カメラ、時計</td>
<td>洋服、かばん、靴</td>
<td>家電</td>
</tr>
<tr>
<td>中国</td>
<td>カメラ、時計</td>
<td>家電</td>
<td>洋服、かばん、靴</td>
</tr>
<tr>
<td>フランス</td>
<td>洋服、かばん、靴</td>
<td>漫画、アニメ関連</td>
<td>和服、民芸品</td>
</tr>
</tbody>
</table>
<div></div>
<div>マレーシアではオタク支持がすごいらしい。</div>
<div>1回の来日時の1人当たりの平均支出額は40,347円とかなりの額とのこと。</div>
<div></div>
<div>とはいっても、世界各国と比較した外国人旅行者の数としては全然下のほうだ。</div>
<table>
<tbody>
<tr>
<td>1</td>
<td>フランス</td>
<td>8301.8万人</td>
</tr>
<tr>
<td>2</td>
<td>アメリカ合衆国</td>
<td>6696.9万人</td>
</tr>
<tr>
<td>3</td>
<td>中国</td>
<td>5772.5万人</td>
</tr>
<tr>
<td>4</td>
<td>スペイン</td>
<td>5770.1万人</td>
</tr>
<tr>
<td>5</td>
<td>イタリア</td>
<td>4636.0万人</td>
</tr>
<tr>
<td>6</td>
<td>トルコ</td>
<td>3569.8万人</td>
</tr>
<tr>
<td>7</td>
<td>ドイツ(TCE)</td>
<td>3040.8万人</td>
</tr>
<tr>
<td>8</td>
<td>イギリス</td>
<td>2928.2万人</td>
</tr>
<tr>
<td>9</td>
<td>ロシア</td>
<td>2573.6万人</td>
</tr>
<tr>
<td>10</td>
<td>マレーシア</td>
<td>2503.3万人</td>
</tr>
<tr>
<td>11</td>
<td>オーストリア(TCE)</td>
<td>2415.1万人</td>
</tr>
<tr>
<td>12</td>
<td>香港</td>
<td>2377.0万人</td>
</tr>
<tr>
<td>13</td>
<td>メキシコ</td>
<td>2340.3万人</td>
</tr>
<tr>
<td>14</td>
<td>ウクライナ</td>
<td>2301.3万人</td>
</tr>
<tr>
<td>15</td>
<td>タイ</td>
<td>2235.4万人</td>
</tr>
<tr>
<td>16</td>
<td>カナダ</td>
<td>1631.1万人</td>
</tr>
<tr>
<td>17</td>
<td>ギリシャ</td>
<td>1551.8万人</td>
</tr>
<tr>
<td>18</td>
<td>ポーランド</td>
<td>1484.0万人</td>
</tr>
<tr>
<td>19</td>
<td>サウジアラビア</td>
<td>1366.4万人</td>
</tr>
<tr>
<td>20</td>
<td>マカオ</td>
<td>1357.7万人</td>
</tr>
<tr>
<td>21</td>
<td>オランダ(TCE)</td>
<td>1168.0万人</td>
</tr>
<tr>
<td>22</td>
<td>エジプト</td>
<td>1119.6万人</td>
</tr>
<tr>
<td>23</td>
<td>韓国(VF)</td>
<td>1114.0万人</td>
</tr>
<tr>
<td>24</td>
<td>スウェーデン</td>
<td>1091.4万人</td>
</tr>
<tr>
<td>25</td>
<td>クロアチア(TCE)</td>
<td>1036.9万人</td>
</tr>
<tr>
<td>26</td>
<td>ハンガリー</td>
<td>1035.3万人</td>
</tr>
<tr>
<td>27</td>
<td>モロッコ</td>
<td>937.5万人</td>
</tr>
<tr>
<td>28</td>
<td> 南アフリカ連邦</td>
<td>918.8万人</td>
</tr>
<tr>
<td>29</td>
<td>アラブ首長国連邦(THS)</td>
<td>897.7万人</td>
</tr>
<tr>
<td>30</td>
<td>チェコ</td>
<td>890.8万人</td>
</tr>
<tr>
<td></td>
<td>日本(VF)</td>
<td>836.8万人</td>
</tr>
</tbody>
</table>
<div></div>
<div>いろいろありますが、英語を勉強したり受け入れる体制を整えたりと、今後増加していくよう努力していければいいと思います</div>


2013年来日外国人が1000万人超える

Webフォント×CSS3でロングシャドウアイコンを作ってみよう

<p>There are many services(api) provided by<strong> Amazon Web Services (AWS).</strong></p>
<ul>
<li>Amazon Elastic Compute Cloud (Amazon EC2)</li>
<li>Amazon Simple Notification Service (SNS)</li>
<li>Amazon Simple Queue Service (SQS)</li>
<li>Amazon CloudFront</li>
<li>Amazon Simple Storage Service (S3)</li>
<li>Amazon CloudSearch</li>
<li>Amazon Simple Workflow Service (SWF)</li>
<li>Product Advertising API etc ..</li>
</ul>
<p>Among them, if we would like to extract <em>product information</em> that hosted on amazon databases, we could use</p>
<p><strong>Product Advertising API (API Version 2011-08-01) [formerly called ECS].</strong></p>
<p><strong>Developer Guide:</strong></p>
<p><em><a href="http://docs.aws.amazon.com/AWSECommerceService/latest/DG/Welcome.html">http://docs.aws.amazon.com/AWSECommerceService/latest/DG/Welcome.html</a></em></p>
<p><strong>Getting Started Guide:</strong></p>
<p><em><a href="http://docs.aws.amazon.com/AWSECommerceService/latest/GSG/Welcome.html">http://docs.aws.amazon.com/AWSECommerceService/latest/GSG/Welcome.html</a></em></p>
<p><strong>Testing and Debugging:</strong></p>
<p><em>http://associates-amazon.s3.amazonaws.com/scratchpad/index.html</em></p>
<p><em>http://associates-amazon.s3.amazonaws.com/signed-requests/helper/index.html</em></p>
<p>To make an api request to amazon, we need to get respective <em>access key</em>, <em>secret key</em> and <em>associate tag or associate ID</em>. How to get those keys and tag is stated on the following link:</p>
<p><em>http://docs.aws.amazon.com/AWSECommerceService/2011-08-01/GSG/GettingSetUp.html</em></p>
<p>The briefly procedure is as follow: we firstly need to create (1)an amazon aws account(.co.jp). With that account, we have to create (2)Associate Tag(Japan end with -22, eg; asdf-22). After that, on Associate Tage admin page, we will find (3)&#8221;Product Advertising API&#8221; tag and we can create product advertising api account(.co.jp) from that tag. If we have created product advertising api account, we will get amazon access key and secret key.</p>
<p>When we create aws account,  Associate Tag and product advertising account, those works <em><span style="text-decoration: underline;">only in the locale in which you register</span></em>. There are many locale provided by amazon: <code>de, com, co.uk, ca, fr, co.jp, it, cn, es</code></p>
<p>For each locale, there is a respective database. If we choose co.jp locale, our api request will go to amazon&#8217;s jp database instead of .com database and then get required data from it.</p>
<p>After we have got all keys and tag, we could make an api request to amazon web services with request type: REST or SOAP.</p>
<p><strong>Request type:</strong></p>
<p>REST and SOAP</p>
<p><strong>Response format:</strong></p>
<p>XML</p>
<p>The following operations are available in the Product Advertising API.</p>
<ul>
<li>BrowseNodeLookup</li>
<li>CartAdd</li>
<li>CartClear</li>
<li>CartCreate</li>
<li>CartGet</li>
<li>CartModify</li>
<li>ItemLookup</li>
<li>ItemSearch</li>
<li>SimilarityLookup</li>
</ul>
<p>When we make an api request to amazon, the response will include huge amount of data. So if we would like to narrow response data scope according to our specific requirement, we could customize &#8220;<em>Response Groups</em>&#8221; on api request.</p>
<p><em>http://docs.aws.amazon.com/AWSECommerceService/2011-08-01/DG/CHAP_ResponseGroupsList.html</em></p>
<p>In each Response Groups, we could choose desired &#8220;Response Elements&#8221; again according to our need.</p>
<p><em>http://docs.aws.amazon.com/AWSECommerceService/2011-08-01/DG/RG_ItemAttributes.html</em></p>
<p>After preparing all of the requirements stated above, we will get actual api request to amazon:</p>
<p><strong>Sample API request:</strong></p>
<p><em>http://webservices.amazon.co.jp/onca/xml?</em></p>
<p><em>AWSAccessKeyId=ACCESSKEYHERE</em></p>
<p><em>&amp;AssociateTag=ASSOCIATETAGHERE</em></p>
<p><em>&amp;Condition=All</em></p>
<p><em>&amp;Keywords=1449319793 (ISBN)</em></p>
<p><em>&amp;Operation=ItemSearch</em></p>
<p><em>&amp;ResponseGroup=Images%2CItemAttributes%2COffers</em></p>
<p><em>&amp;SearchIndex=Books</em></p>
<p><em>&amp;Service=AWSECommerceService</em></p>
<p><em>&amp;Timestamp=2013-12-17T02%3A35%3A47.000Z</em></p>
<p><em>&amp;Version=2011-08-01</em></p>
<p><em>&amp;Signature=SIGNATUREHERE</em></p>
<p>If you properly setup the api request link and put it in browser&#8217;s address bar, you will get amazon&#8217;s response with XML format.</p>
<p>Enjoy!!!</p>


How to use AWS for searching products&#8217; info from amazon databases

【Mac】eclipse 4.3 + PDT + symfonyプラグインをインストールしました

<p>Facebook上のウォールにプログラムからGraph APIを使って画像を投稿する時</p>
<div>ちょっとかっこよく見せるためのテクニックをご紹介。</div>
<div></div>
<div>こちらはよくあるパターン</div>
<div><a href="/uploads-archive/2013/12/ed91c375302043dc5679b77b8dce26f0.png"><img decoding="async" loading="lazy" class="size-full wp-image-3811 aligncenter" alt="スクリーンショット 2013-12-10 16.04.08" src="/uploads-archive/2013/12/ed91c375302043dc5679b77b8dce26f0.png" width="513" height="404" srcset="/uploads-archive/2013/12/ed91c375302043dc5679b77b8dce26f0.png 513w, /uploads-archive/2013/12/ed91c375302043dc5679b77b8dce26f0-300x236.png 300w, /uploads-archive/2013/12/ed91c375302043dc5679b77b8dce26f0-228x179.png 228w" sizes="(max-width: 513px) 100vw, 513px" /></a></div>
<div></div>
<div>今回のものは</div>
<div> <a href="/uploads-archive/2013/12/d48ad5368c81ec17cbc00cfc8af24a8a.png"><img decoding="async" loading="lazy" class="size-full wp-image-3812 aligncenter" alt="スクリーンショット 2013-12-10 16.02.10" src="/uploads-archive/2013/12/d48ad5368c81ec17cbc00cfc8af24a8a.png" width="513" height="281" srcset="/uploads-archive/2013/12/d48ad5368c81ec17cbc00cfc8af24a8a.png 513w, /uploads-archive/2013/12/d48ad5368c81ec17cbc00cfc8af24a8a-300x164.png 300w, /uploads-archive/2013/12/d48ad5368c81ec17cbc00cfc8af24a8a-228x124.png 228w" sizes="(max-width: 513px) 100vw, 513px" /></a></div>
<div>こんな感じ。</div>
<div></div>
<div>あまり変わらないが、コンパクトにまとまっていて情報がわかりやすいのと、</div>
<div>あとは大きな理由としてAPI経由での投稿でユーザーが入力した内容以外で定型文を入れることが原則禁止されているため</div>
<div>そのような時の対処法としても便利な方法だ。</div>
<div></div>
<div>方法は、画像を投稿させるのではなく、指定の画像をOGPで指定した動的なダミーページを用意して、そのURLをシェアするイメージ。</div>
<div></div>
<div>上記の例では</div>
<div>


		<div id="crayon-64953fd595882277741596" 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;!doctype html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;meta charset="UTF-8"&gt;
&lt;meta property="og:title" content="ソチオリンピック日本代表を応援しよう！" /&gt;
&lt;meta property="og:type" content="article" /&gt;
&lt;meta property="og:description" content="ソチオリンピック日本代表を応援しよう！ソチオリンピック日本代表を応援しよう！" /&gt;
&lt;meta property="og:image" content="http://img.hoge.com/1.png" /&gt;
&lt;meta property="og:site_name" content="ソチオリンピック日本代表を応援しよう！" /&gt;

&lt;meta name="keywords" content="ソチオリンピック、オリンピック、ソチ" /&gt;
&lt;meta name="description" content="ソチオリンピック日本代表を応援しよう！ソチオリンピック日本代表を応援しよう！" /&gt;
&lt;title&gt;ソチオリンピック日本代表を応援しよう！&lt;/title&gt;

&lt;/head&gt;
&lt;body　onload="window.location.href='/';"&gt;
&lt;/body&gt;
&lt;/html&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-64953fd595882277741596-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd595882277741596-2">2</div><div class="crayon-num" data-line="crayon-64953fd595882277741596-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd595882277741596-4">4</div><div class="crayon-num" data-line="crayon-64953fd595882277741596-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd595882277741596-6">6</div><div class="crayon-num" data-line="crayon-64953fd595882277741596-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd595882277741596-8">8</div><div class="crayon-num" data-line="crayon-64953fd595882277741596-9">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd595882277741596-10">10</div><div class="crayon-num" data-line="crayon-64953fd595882277741596-11">11</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd595882277741596-12">12</div><div class="crayon-num" data-line="crayon-64953fd595882277741596-13">13</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd595882277741596-14">14</div><div class="crayon-num" data-line="crayon-64953fd595882277741596-15">15</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd595882277741596-16">16</div><div class="crayon-num" data-line="crayon-64953fd595882277741596-17">17</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd595882277741596-18">18</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-64953fd595882277741596-1"><span class="crayon-n">&lt;!doctype html&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd595882277741596-2"><span class="crayon-r ">&lt;html&gt;</span></div><div class="crayon-line" id="crayon-64953fd595882277741596-3"><span class="crayon-r ">&lt;head&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd595882277741596-4"><span class="crayon-r ">&lt;meta </span><span class="crayon-e ">charset</span>=<span class="crayon-s ">"UTF-8"</span><span class="crayon-r ">&gt;</span></div><div class="crayon-line" id="crayon-64953fd595882277741596-5"><span class="crayon-r ">&lt;meta </span><span class="crayon-e ">property</span>=<span class="crayon-s ">"og:title"</span><span class="crayon-h"> </span><span class="crayon-e ">content</span>=<span class="crayon-s ">"ソチオリンピック日本代表を応援しよう！"</span><span class="crayon-r "> /&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd595882277741596-6"><span class="crayon-r ">&lt;meta </span><span class="crayon-e ">property</span>=<span class="crayon-s ">"og:type"</span><span class="crayon-h"> </span><span class="crayon-e ">content</span>=<span class="crayon-s ">"article"</span><span class="crayon-r "> /&gt;</span></div><div class="crayon-line" id="crayon-64953fd595882277741596-7"><span class="crayon-r ">&lt;meta </span><span class="crayon-e ">property</span>=<span class="crayon-s ">"og:description"</span><span class="crayon-h"> </span><span class="crayon-e ">content</span>=<span class="crayon-s ">"ソチオリンピック日本代表を応援しよう！ソチオリンピック日本代表を応援しよう！"</span><span class="crayon-r "> /&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd595882277741596-8"><span class="crayon-r ">&lt;meta </span><span class="crayon-e ">property</span>=<span class="crayon-s ">"og:image"</span><span class="crayon-h"> </span><span class="crayon-e ">content</span>=<span class="crayon-s ">"http://img.hoge.com/1.png"</span><span class="crayon-r "> /&gt;</span></div><div class="crayon-line" id="crayon-64953fd595882277741596-9"><span class="crayon-r ">&lt;meta </span><span class="crayon-e ">property</span>=<span class="crayon-s ">"og:site_name"</span><span class="crayon-h"> </span><span class="crayon-e ">content</span>=<span class="crayon-s ">"ソチオリンピック日本代表を応援しよう！"</span><span class="crayon-r "> /&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd595882277741596-10">&nbsp;</div><div class="crayon-line" id="crayon-64953fd595882277741596-11"><span class="crayon-r ">&lt;meta </span><span class="crayon-e ">name</span>=<span class="crayon-s ">"keywords"</span><span class="crayon-h"> </span><span class="crayon-e ">content</span>=<span class="crayon-s ">"ソチオリンピック、オリンピック、ソチ"</span><span class="crayon-r "> /&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd595882277741596-12"><span class="crayon-r ">&lt;meta </span><span class="crayon-e ">name</span>=<span class="crayon-s ">"description"</span><span class="crayon-h"> </span><span class="crayon-e ">content</span>=<span class="crayon-s ">"ソチオリンピック日本代表を応援しよう！ソチオリンピック日本代表を応援しよう！"</span><span class="crayon-r "> /&gt;</span></div><div class="crayon-line" id="crayon-64953fd595882277741596-13"><span class="crayon-r ">&lt;title&gt;</span><span class="crayon-i ">ソチオリンピック日本代表を応援しよう！</span><span class="crayon-r ">&lt;/title&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd595882277741596-14">&nbsp;</div><div class="crayon-line" id="crayon-64953fd595882277741596-15"><span class="crayon-r ">&lt;/head&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd595882277741596-16"><span class="crayon-r ">&lt;body　onload="window.location.href='/';"&gt;</span></div><div class="crayon-line" id="crayon-64953fd595882277741596-17"><span class="crayon-r ">&lt;/body&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd595882277741596-18"><span class="crayon-r ">&lt;/html&gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>


</div>
<div>のようなHTMLを動的に生成し、ユーザーごとの画像と定型文を記載している。</div>
<div>こちらは動的なページなので、例えばhttp://hoge.com/?id=xxx</div>
<div>などとなってしまい、直接アクセスされるとよくわからないページが表示されてしまう。</div>
<div>それを回避するために、16行目のように</div>
<div>


		<div id="crayon-64953fd595886097209395" 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;body　onload="window.location.href='/';"&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-64953fd595886097209395-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-64953fd595886097209395-1"><span class="crayon-r ">&lt;body　onload="window.location.href='/';"&gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>


</div>
<div>と、ここではトッページにリダイレクトさせている。</div>
<div></div>
<div>余談だが、スマホを重視する場合投稿する画像のサイズは</div>
<div>468 x 245がベストらしい。</div>
<p>&nbsp;</p>

【Facebook】Graph APIでかっこ良く画像を投稿する方法

<p>先日のお仕事でつまづくことがありましたので備忘録までに共有です。</p>
<p>とあるサイトをローンチする際、Facebookのフィードにいいねが流れてこないということで分かりました。</p>
<p>現在、fb:app_idやfb:adminsが設置されていないサイトでのいいねボタンはユーザのタイムラインやアクティビティログに表示されません。</p>
<p>それはつまり、他のユーザーの目に触れることがなく、いいねボタンはソーシャル要素がない単なるいいねカウンターと化します。</p>
<p>&nbsp;</p>
<p>詳しくは、以下のブログで詳細と見解が記載されています。</p>
<p><a href="http://snowadays.jp/2012/09/788" target="_blank">「fb:app_id」とか「fb:admins」って何のために必要なの？（OGP的な意味で）</a></p>
<p>&nbsp;</p>
<blockquote><p>ここからはあくまで一説でしかありませんが、どうやらFacebookは、世の中のいいね！ボタンの管理者を把握しておきたいようです。</p>
<p>どういうことかと言うと、海外ではこのいいね！ボタン、結構裁判沙汰になったりとかいろいろトラブルも起きてます。「いいね！詐欺」みたいな。<br />
で、いわゆる「不正ないいね！ボタン」とでもいいましょうか、そういうやつの監視に苦労してるわけです。<br />
例えば、外部のアフィサイトにプラグインのいいね！ボタンがあって、スクリプト組んでそのボタンを押せばポイントがもらえる、とか。<br />
そんなの簡単に作れちゃうわけで。</p>
<p>そういう輩の対策として、Facebookが考えた作戦が、この「Facebookアプリ必須」作戦。<br />
現状、Facebookアプリを作成するにはアカウントの認証作業が必要になります。<br />
認証作業は、クレジットカードもしくは携帯電話が必要です。</p></blockquote>
<p>上記ブログから引用させて頂きましたが、こちらの見解がしっくりと来ました。</p>
<p>&nbsp;</p>
<p>Facebookのデバッカーを通して、エラーが出なければ問題ありません。</p>
<p><a href="https://developers.facebook.com/tools/debug" target="_blank">https://developers.facebook.com/tools/debug</a></p>
<p>&nbsp;</p>


いいねボタンにはfb:app_idやfb:adminsが必須

<p>今回紹介するのは、<br />
wordpressプラグイン「Meta Slider」というもので、<br />
要はスライダーのプラグインなんですが、有名なプラグインのスライダー４つから選べるという代物。</p>
<p>その4つとは、</p>
<p><strong>・Nivo Slider (レスポンシブ対応, 16のエフェクト, 4つのテーマ)</strong><br />
<strong> ・Coin Slider (4のエフェクト)</strong><br />
<strong> ・Flex Slider 2 (レスポンシブ対応, 2のエフェクト, カルーセルモード)</strong><br />
<strong> ・Responsive Slides (レスポンシブ対応, フェイドのみ, 軽量！)</strong></p>
<p>です。</p>
<p>さらにいいのは、<br />
管理画面上で選べて、細かい設定も可能です。<br />
画像も管理画面でアップロードできます。</p>
<p><img decoding="async" loading="lazy" class="alignnone size-large wp-image-3797" alt="Meta Slider Lite ‹ e-sign — WordPress" src="/uploads-archive/2013/12/b6417756b20df846916fd39070d7fb41-1024x903.jpg" width="640" height="563" srcset="/uploads-archive/2013/12/b6417756b20df846916fd39070d7fb41-1024x903.jpg 1024w, /uploads-archive/2013/12/b6417756b20df846916fd39070d7fb41-300x264.jpg 300w, /uploads-archive/2013/12/b6417756b20df846916fd39070d7fb41-228x201.jpg 228w" sizes="(max-width: 640px) 100vw, 640px" /></p>
<p>表示の設定も簡単で、<br />
ショートコードまたは、テンプレートのタグがあります。<br />
つまり、テーマでも固定ページでもブログでも使えるということになります。</p>
<h2>Meta Sliderのインストール・設定</h3>
<p><strong>wordpressの管理画面　＞　プラグイン　＞　新規追加　＞　「Meta Slider」検索</strong></p>
<p>でOK！</p>
<p>プラグインのインストールして、有効化すると、<br />
サイドメニューに「Meta Slider Lite」の項目が出るので、<br />
そこから設定できます。</p>
<p>ちなみに、これは無料版と有料版があり、<br />
無料版は機能が制限されいていますが、<br />
普通に使用する程度であれば十分かと思います。</p>
<p>管理画面も使いやすい感じなので、<br />
HTML等を知らないクライアントでも写真を差し替えたり、<br />
設定を変更したりできるので、なかなか良いプラグインだと思います。</p>
<p><a class="link" href="http://wordpress.org/plugins/ml-slider/" target="_blank">Meta Slider</a></p>


スライダーが４つも！wordpressプラグイン「Meta Slider」

<p>urlの最後のidを取得して、スライドショーを始める位置を指定する方法を紹介します。</p>
<p>今回はスライドショーに「bxslider」を利用しています。</p>
<p>一覧ページと詳細ページのつながりの内容</p>
<p>①　商品一覧ページがあります。<br />
②　詳細ページは商品一つ一つのページごとにスライドしてあります。<br />
③　詳細ページにいく場合、一覧ページからクリックされた商品の詳細を表示する<br />
④　また、スライドは通常通り動く。</p>
<p>上記のような流れで実装したい！</p>
<p>今回初めて使ったのは「location.hash」です。</p>
<p>「location.hash」は一覧ページからidで指定した値を取得します。</p>
<p>一覧ページからクリックした場合のurlは</p>
<p></p>

		<div id="crayon-64953fd59569b522526158" 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;">
index.html#product01　　// #からの文字を取得します。</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-64953fd59569b522526158-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-64953fd59569b522526158-1"><span class="crayon-i">index</span><span class="crayon-sy">.</span><span class="crayon-i">html</span><span class="crayon-p">#product01　　// #からの文字を取得します。</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p></p>

		<div id="crayon-64953fd59569f605822285" 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;">
if (location.hash){
		id = location.hash.replace("#product0","");  //最後の数字を取得しています。

			$('#slider1').bxSlider({
				 	startSlide: id - 1,　//zero based
					infiniteLoop: true,
//  infiniteLoopをtrueにしてループ表示を有効化します。
  				});
	}else{
		$('#slider1').bxSlider();
	}</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-64953fd59569f605822285-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd59569f605822285-2">2</div><div class="crayon-num" data-line="crayon-64953fd59569f605822285-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd59569f605822285-4">4</div><div class="crayon-num" data-line="crayon-64953fd59569f605822285-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd59569f605822285-6">6</div><div class="crayon-num" data-line="crayon-64953fd59569f605822285-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd59569f605822285-8">8</div><div class="crayon-num" data-line="crayon-64953fd59569f605822285-9">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd59569f605822285-10">10</div><div class="crayon-num" data-line="crayon-64953fd59569f605822285-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-64953fd59569f605822285-1"><span class="crayon-st">if</span><span class="crayon-h"> </span><span class="crayon-sy">(</span><span class="crayon-i">location</span><span class="crayon-sy">.</span><span class="crayon-i">hash</span><span class="crayon-sy">)</span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd59569f605822285-2"><span class="crayon-h">		</span><span class="crayon-i">id</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-i">location</span><span class="crayon-sy">.</span><span class="crayon-i">hash</span><span class="crayon-sy">.</span><span class="crayon-e">replace</span><span class="crayon-sy">(</span><span class="crayon-s">"#product0"</span><span class="crayon-sy">,</span><span class="crayon-s">""</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span><span class="crayon-h">&nbsp;&nbsp;</span><span class="crayon-c">//最後の数字を取得しています。</span></div><div class="crayon-line" id="crayon-64953fd59569f605822285-3">&nbsp;</div><div class="crayon-line crayon-striped-line" id="crayon-64953fd59569f605822285-4"><span class="crayon-h">			</span><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-s">'#slider1'</span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">bxSlider</span><span class="crayon-sy">(</span><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-64953fd59569f605822285-5"><span class="crayon-h">				 	</span><span class="crayon-i">startSlide</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-i">id</span><span class="crayon-h"> </span>-<span class="crayon-h"> </span><span class="crayon-cn">1</span><span class="crayon-sy">,</span>　<span class="crayon-c">//zero based</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd59569f605822285-6"><span class="crayon-h">					</span><span class="crayon-i">infiniteLoop</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-t">true</span><span class="crayon-sy">,</span></div><div class="crayon-line" id="crayon-64953fd59569f605822285-7"><span class="crayon-c">//&nbsp;&nbsp;infiniteLoopをtrueにしてループ表示を有効化します。</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd59569f605822285-8"><span class="crayon-h">&nbsp;&nbsp;				</span><span class="crayon-sy">}</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-64953fd59569f605822285-9"><span class="crayon-h">	</span><span class="crayon-sy">}</span><span class="crayon-st">else</span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd59569f605822285-10"><span class="crayon-h">		</span><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-s">'#slider1'</span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">bxSlider</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-64953fd59569f605822285-11"><span class="crayon-h">	</span><span class="crayon-sy">}</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>

URLを取得してスライドショーの位置を調整する

<p>今回はxargsコマンドによる一括操作を紹介したいと思います。</p>
<h3>あるフォルダ下のファイルを検索し、特定文字列があるところを出力</h4>
<p></p>

		<div id="crayon-64953fd5954ba106189722" 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;">
find /path/to/files -type f -print | xargs grep "search_string"</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-64953fd5954ba106189722-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-64953fd5954ba106189722-1"><span class="crayon-i">find</span><span class="crayon-h"> </span>/<span class="crayon-i">path</span>/<span class="crayon-st">to</span>/<span class="crayon-i">files</span><span class="crayon-h"> </span>-<span class="crayon-i">type</span><span class="crayon-h"> </span><span class="crayon-i">f</span><span class="crayon-h"> </span>-<span class="crayon-i">print</span><span class="crayon-h"> </span><span class="crayon-sy">|</span><span class="crayon-h"> </span><span class="crayon-e">xargs </span><span class="crayon-i">grep</span><span class="crayon-h"> </span><span class="crayon-s">"search_string"</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<h3>あるフォルダ下のファイルを検索し、特定文字列を置換</h4>
<p></p>

		<div id="crayon-64953fd5954be030239999" 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;">
find /path/to/files -name "*.sh" -print | xargs sed -i 's@string_before_replace@string_after_replace@g'</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-64953fd5954be030239999-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-64953fd5954be030239999-1"><span class="crayon-i">find</span><span class="crayon-h"> </span>/<span class="crayon-i">path</span>/<span class="crayon-st">to</span>/<span class="crayon-i">files</span><span class="crayon-h"> </span>-<span class="crayon-i">name</span><span class="crayon-h"> </span><span class="crayon-s">"*.sh"</span><span class="crayon-h"> </span>-<span class="crayon-i">print</span><span class="crayon-h"> </span><span class="crayon-sy">|</span><span class="crayon-h"> </span><span class="crayon-e">xargs </span><span class="crayon-i">sed</span><span class="crayon-h"> </span>-<span class="crayon-i">i</span><span class="crayon-h"> </span><span class="crayon-s">'s@string_before_replace@string_after_replace@g'</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>※置換操作の前に、ファイルのバックアップを取ったほうがより安全でオススメです。</p>
<h3>あるフォルダ下のファイルを検索し、子フォルダだけ権限変更</h4>
<p></p>

		<div id="crayon-64953fd5954c0642220699" 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;">
find /path/to/files -type d -print0 | xargs -0 chmod 777</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-64953fd5954c0642220699-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-64953fd5954c0642220699-1"><span class="crayon-i">find</span><span class="crayon-h"> </span>/<span class="crayon-i">path</span>/<span class="crayon-st">to</span>/<span class="crayon-i">files</span><span class="crayon-h"> </span>-<span class="crayon-i">type</span><span class="crayon-h"> </span><span class="crayon-i">d</span><span class="crayon-h"> </span>-<span class="crayon-i">print0</span><span class="crayon-h"> </span><span class="crayon-sy">|</span><span class="crayon-h"> </span><span class="crayon-i">xargs</span><span class="crayon-h"> </span>-<span class="crayon-cn">0</span><span class="crayon-h"> </span><span class="crayon-i">chmod</span><span class="crayon-h"> </span><span class="crayon-cn">777</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>※findコマンドもある程度一括操作ができるようです。</p>

【Linux】知って便利な一括操作コマンド

PHPを手軽に使って、画像のサムネイルを出力する方法

<p>Let&#8217;s start a new blog post. Today I would like to introduce a book,</p>
<p>of course, if you’re an entrepreneur, designer, programmer, or marketer working on a big idea and want to build</p>
<p style="padding-left: 30px;"><em><strong>A successful web application</strong></em></p>
<p style="padding-left: 30px;"><em><strong>with the smarter, faster, easier ways</strong></em><em><strong><br />
</strong></em></p>
<p>Here&#8217;s we go: <strong>Getting Real</strong> (http://gettingreal.37signals.com/)</p>
<p>This book is created by <strong>37signals </strong>that produces awesome software products and one open source web application framework(<strong><em>Ruby on Rails</em></strong>).</p>
<p>Book Outlines:</p>
<p style="padding-left: 30px;">1) Introduction</p>
<p style="padding-left: 60px;"><em>&#8211; Getting Real is actually building the real things what customers need and eliminates anything they don’t. </em></p>
<p style="padding-left: 60px;"><em>&#8211; You don’t need tons of money or a huge team or a lengthy development cycle to build great software.</em></p>
<p style="padding-left: 30px;"><em></em>2) The Starting Line</p>
<p style="padding-left: 60px;"><em>&#8211; Build Less : </em>Underdo your competition</p>
<p style="padding-left: 60px;"><em>&#8211; What’s Your Problem? : </em>Build software for yourself</p>
<p style="padding-left: 60px;"><em>&#8211; Fund Yourself : </em>Outside money is plan B</p>
<p style="padding-left: 60px;"><em>&#8211; Fix Time and Budget, Flex Scope : </em>Launch on time and on budget</p>
<p style="padding-left: 60px;"><em>&#8211; Have an Enemy : </em>Pick a fight</p>
<p style="padding-left: 60px;"><em>&#8211; It Shouldn&#8217;t be a Chore: </em>The less your app is a chore to build, the better it will be. Keep it small and manageable so you can actually enjoy the process.</p>
<p style="padding-left: 30px;">3) Stay Lean</p>
<p style="padding-left: 30px;">4) Priorities</p>
<p style="padding-left: 30px;">5) Feature Selection</p>
<p style="padding-left: 30px;">6) Process</p>
<p style="padding-left: 30px;">7) The Organization</p>
<p style="padding-left: 30px;">8) Staffing</p>
<p style="padding-left: 30px;">9) Interface Design</p>
<p style="padding-left: 30px;">10) Code</p>
<p style="padding-left: 30px;">11) Words</p>
<p style="padding-left: 30px;">12) Pricing and Signup</p>
<p style="padding-left: 30px;">13) Promotion</p>
<p style="padding-left: 30px;">14) Support</p>
<p style="padding-left: 30px;">15) Post-Launch</p>
<p style="padding-left: 30px;">16) Conclusion</p>
<p>I just introduced just top two chapters and if you would like to dig more, for completed reference, I attach English PDF version of this book. Please take a look and dig the content as much as you can.</p>
<p><a href="/uploads-archive/2013/12/Getting-Real-ebook-by-37signals.pdf">Getting Real [ebook by 37signals]</a></p>
<p>Enjoy!</p>


Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧

2014/01/08

2014/01/07

2014/01/07

2014/01/07

2013/12/18

2013/12/18

2013/12/18

2013/12/18

2013/12/17

2013/12/12

2013/12/11

2013/12/11

2013/12/11

2013/12/11

2013/12/10

2013/12/10

2013/12/10

2013/12/04