<div>中国の2013年EC市場規模が、1800億ドルとなり日本を抜いて世界第2位となるらしい。</div>
<p><a href="http://www.nikkei.com/article/DGXNASGM1804Q_S3A720C1EA2000/" target="_blank">http://www.nikkei.com/article/DGXNASGM1804Q_S3A720C1EA2000/</a></p>
<div></div>
<div>記事によると</div>
<div>・2013年世界のEC市場規模は1兆2200億ドルとなり、前年比17%増</div>
<div>・2013年中国のEC市場は1800億ドルとなり、前年比65%増</div>
<div>・中国のEC利用者は2億7000万人</div>
<div>・中国ECの79%はモバイル端末からの発注</div>
<div></div>
<div>日本のEC市場規模は1200億ドルなので、1.5倍もの規模になっている。</div>
<div>2012年の日本のEC市場規模の成長率は16%前後だったので</div>
<div>規模、利用者、成長率どれをとっても驚異的な成長だ。</div>
<div></div>
<div>これは、サイトだけでなく、物流や決済と言ったEC関連企業が</div>
<div>ユーザーの利便性や安心感を高めてい行った結果だと思う。</div>
<div>上記記事にもあるが、中国では偽物や粗悪品トラブル回避のため、</div>
<div>オンライン決済後であっても商品が手元に届くまで販売側は代金を受け取れないなどのシステムが普及している。</div>
<div></div>
<div>また、一人暮らしなど日中商品を自宅で受け取れない人は</div>
<div>勤務先での受け取ることを許している会社も多いという。</div>
<div>社会生活の一部としての認識が広まっているようだ。</div>
<div></div>
<div>更にすばらしいのは、自治体が地域をあげてECによる経済発展に本気で取り組んでいるということ。</div>
<div></div>
<div>北京市は、EC事業のビジネスモデルや技術、メカニズムなどのイノベーションを奨励すると発表している。</div>
<div>その中には、今までECによる販売が行われていなかったような従来型の企業も含まれており、</div>
<div>それらの企業がEC展開することを支援している。</div>
<div>また、様々な商材の展開により、全国展開できるEC専用宅配ブランドを育成するとも発表している。</div>
<div></div>
<div>北京市は、結果として2013年の1月〜5月のEC化率は10.9%となっており、</div>
<div>前年同期比53.9%増を達成している。</div>
<div>また、2015年には北京市のEC市場規模を1兆元、EC化率を15%にするとの目標も明らかにしている。</div>
<div></div>
<div>あまりに急速な発展は、粗悪品や秩序の悪化により逆にその後の発展に影響がありそうなので、</div>
<div>日本の場合は50%オーバーの急成長は望まないが、地方自治体などの参入などはどんどんやっていくべきだと思った</div>


中国のEC

WebGLのJSライブラリー「Three.js」を使ってみた

<p>ぜひ見本にしたいサイトを30サイトまとめてくれております。</p>
<p>海外のサイトですと、やはりミニマル・フラットデザインは良い感じですよね〜</p>
<p>ちまたで少し言われているみたいで、僕もそうだと思うのですが、<br />
やはり日本語のフォントだとかっこ良くならないんですよねなぜか。</p>
<p>ただ、参考にして勉強させて頂きます！</p>
<p><a href="http://designinstruct.com/visual-inspiration/web-design-inspiration/minimalist-web-designs/">30 Beautiful Minimalist Web Designs</a></p>
<p><a href="/uploads-archive/2013/07/30-Beautiful-Minimalist.jpg"><img decoding="async" loading="lazy" class="alignnone  wp-image-2753" alt="30-Beautiful-Minimalist" src="/uploads-archive/2013/07/30-Beautiful-Minimalist.jpg" width="621" height="12528" srcset="/uploads-archive/2013/07/30-Beautiful-Minimalist.jpg 690w, /uploads-archive/2013/07/30-Beautiful-Minimalist-228x4600.jpg 228w" sizes="(max-width: 621px) 100vw, 621px" /></a></p>


ぜひ見本したい！美しいミニマル・フラットデザインのwebサイト30個

【apache】SSL秘密キーの作成方法

<p>最近、覚えたLinuxのコマンドをメモとして書きたいと思います。</p>
<p>簡単なコマンドを覚えるだけて作業が楽になって仕事を楽しめる事がちょっとつづ出来てきました。</p>
<p>最近の案件でphpMyAdminを使わず、ターミナルでコマンドを書いてデータベース操作をしてみました。</p>
<p>まだまだ、作業のスピードは遅いですが、コマンドを覚えれば覚えるほど作業が楽になりました。</p>
<h2>ディレクトリの絶対指定、相対指定(. , ..)</h3>
<p>&#8220;.&#8221; : 自分自身のディレクトリ<br />
&#8220;..&#8221; : 一つ上のディレクトリ<br />
pwd : 現在のディレクトリを表示する<br />
cd  : ディレクトリを変更（移動）する</p>
<p><img decoding="async" src="/uploads-archive/2013/07/linux13.png" alt="" /></p>
<p>ls : ディレクトリの中身を見る</p>
<p><img decoding="async" src="/uploads-archive/2013/07/linux12.png" alt="" /></p>
<p>ls -l  :  もっと詳しく知りたい場合に使う</p>
<p><img decoding="async" src="/uploads-archive/2013/07/linux11.png" alt="" /></p>
<p>ls -a : 隠しファイルを見たい時に使う</p>
<p><img decoding="async" src="/uploads-archive/2013/07/linux10.png" alt="" /></p>
<p>ls -la : 隠しファイルも含めてもっと詳しく知りたい場合に使う</p>
<p><img decoding="async" src="/uploads-archive/2013/07/linux09.png" alt="" /></p>
<h2>ディレクトリの作成、削除</h3>
<p>mkdir : ディレクトリの作成<br />
<img decoding="async" src="/uploads-archive/2013/07/linux08.png" alt="" /><br />
rmdir : ディレクトリの削除<br />
<img decoding="async" src="/uploads-archive/2013/07/linux07.png" alt="" /></p>
<h2>ファイルの作成、削除、移動</h3>
<p>vim : ファイルの作成<br />
[vim ファイル名]でファイルを作成します。<br />
中身は挿入して[:wq]で保存します。<br />
<img decoding="async" src="/uploads-archive/2013/07/linux06.png" alt="" /><br />
<img decoding="async" src="/uploads-archive/2013/07/linux05.png" alt="" /></p>
<p>rm : ファイルを削除<br />
<img decoding="async" src="/uploads-archive/2013/07/linux04.png" alt="" /><br />
cp : ファイルをコピー<br />
<img decoding="async" src="/uploads-archive/2013/07/linux03.png" alt="" /><br />
mv : ファイルを移動する<br />
<img decoding="async" src="/uploads-archive/2013/07/linux02.png" alt="" /></p>
<h2>ファイルの中身を見る</h3>
<p>cat : ファイルの中身全部を表示する<br />
ファイル名[poe]の中を見てみます。<br />
<img decoding="async" src="/uploads-archive/2013/07/linux01.png" alt="" /></p>


Linuxコマンド

<p>basic認証の設定で、.htpasswdファイルの作成が必要になります。<br />
または、認証ユーザ・パスワードを追加・削除・変更することもありえます。</p>
<p><a href="/programmer/%E3%80%90%E6%8E%A8%E6%B8%AC%E3%80%91basic%E8%AA%8D%E8%A8%BC%E3%81%AE%E4%BB%95%E7%B5%84%E3%81%BF%E3%82%92php%E3%81%A7%E5%AE%9F%E7%8F%BE%E3%81%97%E3%81%A6%E3%81%BF%E3%81%9F.html" target="_blank">前の記事</a>にも書いてありますが、迷い防止の意味で今回はまとめてみます。</p>
<h2>sshが使えない場合</h3>
<h3>.htpasswdファイルの設置</h4>
<p>１、ウェブサービスの<a href="http://phpspot.net/php/pghtpasswd%E7%94%A8%E3%83%91%E3%82%B9%E4%BD%9C%E6%88%90%E3%83%84%E3%83%BC%E3%83%AB.html" target="_blank">htpasswd作成ツール</a>で、ID、PWを入力して、「作成」ボタンを押す<br />
２、生成した文字列をテキストエディタにコピー<br />
３、一時ファイルを.htpasswdに命名して保存<br />
４、作成したファイルをftpにアップする</p>
<h3>.htaccessファイルの設置</h4>
<p></p>

		<div id="crayon-64953fd58c931010521842" 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;">
AuthUserFile /path/.htpasswd // .htpasswdファイルのパス
AuthGroupFile /dev/null
AuthName "Basic Auth" // basic認証ウィンドウのタイトル
AuthType Basic
require valid-user</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-64953fd58c931010521842-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd58c931010521842-2">2</div><div class="crayon-num" data-line="crayon-64953fd58c931010521842-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd58c931010521842-4">4</div><div class="crayon-num" data-line="crayon-64953fd58c931010521842-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-64953fd58c931010521842-1"><span class="crayon-i">AuthUserFile</span><span class="crayon-h"> </span>/<span class="crayon-i">path</span>/<span class="crayon-sy">.</span><span class="crayon-i">htpasswd</span><span class="crayon-h"> </span><span class="crayon-c">// .htpasswdファイルのパス</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd58c931010521842-2"><span class="crayon-i">AuthGroupFile</span><span class="crayon-h"> </span>/<span class="crayon-i">dev</span>/<span class="crayon-t">null</span></div><div class="crayon-line" id="crayon-64953fd58c931010521842-3"><span class="crayon-i">AuthName</span><span class="crayon-h"> </span><span class="crayon-s">"Basic Auth"</span><span class="crayon-h"> </span><span class="crayon-c">// basic認証ウィンドウのタイトル</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd58c931010521842-4"><span class="crayon-e">AuthType </span><span class="crayon-e">Basic</span></div><div class="crayon-line" id="crayon-64953fd58c931010521842-5"><span class="crayon-e">require </span><span class="crayon-i">valid</span>-<span class="crayon-i">user</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<h3>ユーザ・パスワード追加・削除・変更の場合</h4>
<p>.htpasswdファイルを作り直して、ftpにアップする</p>
<h2>sshが使える場合</h3>
<h3>.htpasswdファイルの設置</h4>
<p></p>

		<div id="crayon-64953fd58c935172650894" 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;">
// sshが使えますから、htpasswdコマンドを使います。
// -c 初回ファイル作成
// -b batch mode
htpasswd -c -b /path/.htpasswd user password</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-64953fd58c935172650894-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd58c935172650894-2">2</div><div class="crayon-num" data-line="crayon-64953fd58c935172650894-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd58c935172650894-4">4</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-64953fd58c935172650894-1"><span class="crayon-c">// sshが使えますから、htpasswdコマンドを使います。</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd58c935172650894-2"><span class="crayon-c">// -c 初回ファイル作成</span></div><div class="crayon-line" id="crayon-64953fd58c935172650894-3"><span class="crayon-c">// -b batch mode</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd58c935172650894-4"><span class="crayon-i">htpasswd</span><span class="crayon-h"> </span>-<span class="crayon-i">c</span><span class="crayon-h"> </span>-<span class="crayon-i">b</span><span class="crayon-h"> </span>/<span class="crayon-i">path</span>/<span class="crayon-sy">.</span><span class="crayon-e">htpasswd </span><span class="crayon-e">user </span><span class="crayon-i">password</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<h3>.htaccessファイルの設置</h4>
<p>sshが使えない場合と同じ</p>
<h3>ユーザ・パスワード追加・削除・変更の場合</h4>
<p></p>

		<div id="crayon-64953fd58c937922190787" 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;">
// ユーザ削除して、また追加する
htpasswd -D /path/.htpasswd user　// ユーザ削除：-D delete　
htpasswd -b /path/.htpasswd user2 password2// ユーザ追加</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-64953fd58c937922190787-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd58c937922190787-2">2</div><div class="crayon-num" data-line="crayon-64953fd58c937922190787-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-64953fd58c937922190787-1"><span class="crayon-c">// ユーザ削除して、また追加する</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd58c937922190787-2"><span class="crayon-i">htpasswd</span><span class="crayon-h"> </span>-<span class="crayon-i">D</span><span class="crayon-h"> </span>/<span class="crayon-i">path</span>/<span class="crayon-sy">.</span><span class="crayon-e">htpasswd </span><span class="crayon-i">user</span>　<span class="crayon-c">// ユーザ削除：-D delete　</span></div><div class="crayon-line" id="crayon-64953fd58c937922190787-3"><span class="crayon-i">htpasswd</span><span class="crayon-h"> </span>-<span class="crayon-i">b</span><span class="crayon-h"> </span>/<span class="crayon-i">path</span>/<span class="crayon-sy">.</span><span class="crayon-e">htpasswd </span><span class="crayon-e">user2 </span><span class="crayon-i">password2</span><span class="crayon-c">// ユーザ追加</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>

【apache】【状況別】.htpasswdの作成し方

<p>以前WebGLの動作環境についてご紹介いたしましたが（<a href="/designer/webgl%E3%81%AE%E5%8B%95%E4%BD%9C%E7%92%B0%E5%A2%83%E3%81%BE%E3%81%A8%E3%82%81.html">こちら</a>）、</p>
<p>こちらで、WebGLはグラフィックボードによってはブラウザが最新でも使うことができないという風にご紹介しておりました。</p>
<p>しかしながら、最近のChromeでは、グラフィックボードが古くても、ブラウザ側で環境を再現(エミュレーション)することができるので、WebGLのサイトを見ることができることがわかりました。</p>
<p>&nbsp;</p>
<p>少しうれしくなったので、WebGLを使ったサイトや、デモを集め些細とを探してみましたので、少しご紹介いたします。</p>
<p>&nbsp;</p>
<p><a href="https://www.cubeslam.com/" target="_blank"><img decoding="async" loading="lazy" style="vertical-align: text-top;" alt="CUBE SLAM" src="/uploads-archive/2013/07/image01.jpg" width="640" height="455" /></a><br />
<a href="https://www.cubeslam.com/" target="_blank">CUBE SLAM</a></p>
<p>動物のそれぞれの動きがすごいです。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><a href="https://developer.mozilla.org/ja/demos/tag/tech:webgl" target="_blank"><img decoding="async" loading="lazy" alt="WebGL DEMO" src="/uploads-archive/2013/07/image03.jpg" width="640" height="455" /></a></p>
<p><a href="https://developer.mozilla.org/ja/demos/tag/tech:webgl" target="_blank">mozilla Demo Studio WEB GL</a></p>
<p>WebGLのデモ集です。いろんなタイプのWebGLのサンプルを見ることができます。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><a href="http://yomotsu.github.io/threejs-examples/" target="_blank"><img decoding="async" loading="lazy" alt="three.js" src="/uploads-archive/2013/07/image02.jpg" width="640" height="455" /></a></p>
<p><a href="http://yomotsu.github.io/threejs-examples/" target="_blank">Examples created by Yomotsu useing THREE.js</a></p>
<p>three.jsという、WebGLを使いやすくするライブラリを使ったデモ集です。</p>
<p>いきなりコアなWebGLを扱うのは敷居が高い感じがしますが、こういったライブラリを使ってはじめるのもいいと思いました。</p>
<p>&nbsp;</p>


webGLの3Dをつかったサイトやデモサイト

<p>前回、無料のCMSについての記事を書きましたが、</p>
<p>今回そこででてきた「joomla」について簡単ではありますが、書きたいと思います。</p>
<p>&nbsp;</p>
<h2>Joomla!（ジュームラ）とは</h3>
<p>Joomla!（ジュームラ）とは、</p>
<p>タイトル通り、コンテンツマネジメントシステム（CMS）と呼ばれるホームページ構築システムのひとつです。</p>
<p>Joomla!はオープンソースで開発されており</p>
<p>数あるCMSの中で、世界で8.8%(2012年11月現在)とwordpressに次ぐシェアです。</p>
<p><a href="http://www.joomla.org/download.html" target="_blank">joomlaのダウンロード</a><br />
<a href="http://sourceforge.jp/projects/joomla/" target="_blank">Joomla!じゃぱん 日本語同梱パッケージ</a></p>
<h2>Joomla!（ジュームラ）の特徴</h3>
<ul>
<li>Joomla!3.0はレスポンシブ対応
<p>・・・Bootstrap（CSSのフレームワーク）を使用</li>
<li>会員管理機能
<p>・・・標準で付いており、会員へメール一斉送信や会員用ページ作成など機能満載。</li>
<li>フォーム
<p>・・・標準で簡単なお問い合わせフォーム機能が付いている</li>
<li>拡張機能
<p>・・・エクステンションと呼ばれる、コンポーネント・プラグイン・モジュールが豊富。</li>
<li>複数人でのサイト運営
<p>・・・標準でアクセスコントロール機能が付いているので、簡単に権限を付けられる。</li>
<li>更新のしやすさ
<p>wordpressのようなエディタはもちろん、ワードやパワーポイント感覚で、webの更新が出来る</li>
<li>PHPが実行できる</li>
</ul>
<p>&nbsp;</p>
<h2>実際に使用されているサイト</h3>
<p>ユニセフやIKEAで使用されているようですが、<br />
下記URLを見ていただけるとかなり多くの事例があります。</p>
<p><a href="http://community.joomla.org/showcase/sites.html" target="_blank">http://community.joomla.org/showcase/sites.html</a></p>
<p>&nbsp;</p>
<h2>インストールしてみた</h3>
<p>&nbsp;</p>
<p>実際の管理画面と、サンプルで使用できるサイトが以下になります。<br />
サンプルで使用出来るのはブログタイプ、通常のサイトがあります。</p>
<p>管理画面<br />
<a href="/uploads-archive/2013/07/test-Administration-Control-Panel.jpg"><img decoding="async" loading="lazy" class="alignnone  wp-image-2659" alt="test - Administration - Control Panel" src="/uploads-archive/2013/07/test-Administration-Control-Panel.jpg" width="632" height="409" srcset="/uploads-archive/2013/07/test-Administration-Control-Panel.jpg 1143w, /uploads-archive/2013/07/test-Administration-Control-Panel-768x497.jpg 768w, /uploads-archive/2013/07/test-Administration-Control-Panel-1024x663.jpg 1024w, /uploads-archive/2013/07/test-Administration-Control-Panel-228x148.jpg 228w, /uploads-archive/2013/07/test-Administration-Control-Panel-300x194.jpg 300w" sizes="(max-width: 632px) 100vw, 632px" /></a></p>
<p>サンプルサイト<br />
<a href="/uploads-archive/2013/07/Home.jpg"><img decoding="async" loading="lazy" class="alignnone  wp-image-2660" alt="Home" src="/uploads-archive/2013/07/Home.jpg" width="632" height="611" srcset="/uploads-archive/2013/07/Home.jpg 1143w, /uploads-archive/2013/07/Home-300x291.jpg 300w, /uploads-archive/2013/07/Home-768x744.jpg 768w, /uploads-archive/2013/07/Home-1024x992.jpg 1024w, /uploads-archive/2013/07/Home-228x221.jpg 228w" sizes="(max-width: 632px) 100vw, 632px" /></a></p>
<p>最新のjoomla!3をインストールしてみたんですが、<br />
アップロードでえらい時間かかりました。</p>
<p>インストールとしては、DatabaseのPHPがverが5.3.1以上ではいけないという箇所以外は、<br />
特につまずくことなく出来ました。</p>
<p>その手順なんかはまた改めて書きたいと思います。</p>


無料CMSツール「joomla」について

時間まで選択できるDatepickerプラグインTimepicker。を日本語化

<p>今回はミャンマー全国の会社情報を検索できるサイトをご紹介したいと思います。</p>
<p><a href="http://www.myanmar-yellowpages.com/index.php" target="_blank">http://www.myanmar-yellowpages.com/index.php</a></p>
<p>いろいろなカテゴリで分けられており、自分が探したい分野の会社を簡単に探せます。</p>
<p>これからミャンマーの仕事関係が多くなってくると思いますので、</p>
<p>必要なときに使えればと思います。</p>


ミャンマー全国の会社情報探すサイト

<p>66種類ものスライドが使えるjQueryプラグイン</p>
<p>PAGE TRANSITIONSをつかってみた。</p>
<p><a href="http://tympanus.net/Development/PageTransitions/" target="_blank">http://tympanus.net/Development/PageTransitions/</a></p>
<p>&nbsp;</p>
<p>非常にクオリティの高いエフェクトが揃っており、</p>
<p>様々なオブジェクトに対して利用できるため、これだけ使ってれば良いのではと思えた。</p>
<p>&nbsp;</p>
<p>設置方法は</p>

		<div id="crayon-64953fd58c522503132045" 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;ul class="dl-submenu"&gt;
    &lt;li data-animation="1"&gt;&lt;a href="#"&gt;右から左へスライド&lt;/a&gt;&lt;/li&gt;
    &lt;li data-animation="2"&gt;&lt;a href="#"&gt;左から右へスライド&lt;/a&gt;&lt;/li&gt;
    &lt;li data-animation="3"&gt;&lt;a href="#"&gt;下から上へスライド&lt;/a&gt;&lt;/li&gt;
    &lt;li data-animation="4"&gt;&lt;a href="#"&gt;上から下へスライド&lt;/a&gt;&lt;/li&gt;
&lt;/ul&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-64953fd58c522503132045-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd58c522503132045-2">2</div><div class="crayon-num" data-line="crayon-64953fd58c522503132045-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd58c522503132045-4">4</div><div class="crayon-num" data-line="crayon-64953fd58c522503132045-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd58c522503132045-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-64953fd58c522503132045-1"><span class="crayon-r ">&lt;ul </span><span class="crayon-e ">class</span>=<span class="crayon-s ">"dl-submenu"</span><span class="crayon-r ">&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd58c522503132045-2"><span class="crayon-i ">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-r ">&lt;li </span><span class="crayon-e ">data-animation</span>=<span class="crayon-s ">"1"</span><span class="crayon-r ">&gt;</span><span class="crayon-r ">&lt;a </span><span class="crayon-e ">href</span>=<span class="crayon-s ">"#"</span><span class="crayon-r ">&gt;</span><span class="crayon-i ">右から左へスライド</span><span class="crayon-r ">&lt;/a&gt;</span><span class="crayon-r ">&lt;/li&gt;</span></div><div class="crayon-line" id="crayon-64953fd58c522503132045-3"><span class="crayon-i ">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-r ">&lt;li </span><span class="crayon-e ">data-animation</span>=<span class="crayon-s ">"2"</span><span class="crayon-r ">&gt;</span><span class="crayon-r ">&lt;a </span><span class="crayon-e ">href</span>=<span class="crayon-s ">"#"</span><span class="crayon-r ">&gt;</span><span class="crayon-i ">左から右へスライド</span><span class="crayon-r ">&lt;/a&gt;</span><span class="crayon-r ">&lt;/li&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd58c522503132045-4"><span class="crayon-i ">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-r ">&lt;li </span><span class="crayon-e ">data-animation</span>=<span class="crayon-s ">"3"</span><span class="crayon-r ">&gt;</span><span class="crayon-r ">&lt;a </span><span class="crayon-e ">href</span>=<span class="crayon-s ">"#"</span><span class="crayon-r ">&gt;</span><span class="crayon-i ">下から上へスライド</span><span class="crayon-r ">&lt;/a&gt;</span><span class="crayon-r ">&lt;/li&gt;</span></div><div class="crayon-line" id="crayon-64953fd58c522503132045-5"><span class="crayon-i ">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-r ">&lt;li </span><span class="crayon-e ">data-animation</span>=<span class="crayon-s ">"4"</span><span class="crayon-r ">&gt;</span><span class="crayon-r ">&lt;a </span><span class="crayon-e ">href</span>=<span class="crayon-s ">"#"</span><span class="crayon-r ">&gt;</span><span class="crayon-i ">上から下へスライド</span><span class="crayon-r ">&lt;/a&gt;</span><span class="crayon-r ">&lt;/li&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd58c522503132045-6"><span class="crayon-r ">&lt;/ul&gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>このように、dl-submenuを親として、その下にdata-animation=nというように</p>
<p>nでエフェクトの方法を指定する。</p>
<p>&nbsp;</p>
<p>以下はすべての動きとdata-animationの対応表。</p>
<p>&nbsp;</p>
<table>
<tbody>
<tr>
<th>大カテゴリ</th>
<th>中カテゴリ</th>
<th>小カテゴリ</th>
<th>動作説明</th>
<th>data-animation</th>
</tr>
<tr>
<td>MOVE</td>
<td>MOVE TO LEFT/ FROM RIGHT</td>
<td></td>
<td>右から左へスライド</td>
<td>1</td>
</tr>
<tr>
<td></td>
<td>MOVE TO RIGHT/ FROM LEFT</td>
<td></td>
<td>左から右へスライド</td>
<td>2</td>
</tr>
<tr>
<td></td>
<td>MOVE TO TOP/ FROM BOTTOM</td>
<td></td>
<td>下から上へスライド</td>
<td>3</td>
</tr>
<tr>
<td></td>
<td>MOVE TO BOTTOM/ FROM TOP</td>
<td></td>
<td>上から下へスライド</td>
<td>4</td>
</tr>
<tr>
<td>FADE</td>
<td>FADE / FROM RIGHT</td>
<td></td>
<td>右から左へフェード</td>
<td>5</td>
</tr>
<tr>
<td></td>
<td>FADE / FROM LEFT</td>
<td></td>
<td>左から右へフェード</td>
<td>6</td>
</tr>
<tr>
<td></td>
<td>FADE / FROM BOTTOM</td>
<td></td>
<td>下から上へフェード</td>
<td>7</td>
</tr>
<tr>
<td></td>
<td>FADE / FROM TOP</td>
<td></td>
<td>上から下へフェード</td>
<td>8</td>
</tr>
<tr>
<td></td>
<td>FADE LEFT / FADE RIGHT</td>
<td></td>
<td>右フェードから左へフェード</td>
<td>9</td>
</tr>
<tr>
<td></td>
<td>FADE RIGHT / FADE LEFT</td>
<td></td>
<td>左フェードから右へフェード</td>
<td>10</td>
</tr>
<tr>
<td></td>
<td>FADE TOP / FADE BOTTOM</td>
<td></td>
<td>下フェードから上へフェード</td>
<td>11</td>
</tr>
<tr>
<td></td>
<td>FADE BOTTOM / FADE TOP</td>
<td></td>
<td>上フェードから下へフェード</td>
<td>12</td>
</tr>
<tr>
<td>DIFFERENT EASING</td>
<td>DIFFERENT EASING / FROM RIGHT</td>
<td></td>
<td>右から左へフェード改</td>
<td>13</td>
</tr>
<tr>
<td></td>
<td>DIFFERENT EASING / FROM LEFT</td>
<td></td>
<td>左から右へフェード改</td>
<td>14</td>
</tr>
<tr>
<td></td>
<td>DIFFERENT EASING / FROM BOTTOM</td>
<td></td>
<td>下から上へフェード改</td>
<td>15</td>
</tr>
<tr>
<td></td>
<td>DIFFERENT EASING / FROM TOP</td>
<td></td>
<td>上から下へフェード改</td>
<td>16</td>
</tr>
<tr>
<td>SCALE</td>
<td>SCALE DOWN / FROM RIGHT</td>
<td></td>
<td>右から左へ縮小</td>
<td>17</td>
</tr>
<tr>
<td></td>
<td>SCALE DOWN / FROM LEFT</td>
<td></td>
<td>左から右へ縮小</td>
<td>18</td>
</tr>
<tr>
<td></td>
<td>SCALE DOWN / FROM BOTTOM</td>
<td></td>
<td>下から上へ縮小</td>
<td>19</td>
</tr>
<tr>
<td></td>
<td>SCALE DOWN / FROM TOP</td>
<td></td>
<td>上から下へ縮小</td>
<td>20</td>
</tr>
<tr>
<td></td>
<td>SCALE DOWN / SCALE DOWN</td>
<td></td>
<td>縮小後縮小</td>
<td>21</td>
</tr>
<tr>
<td></td>
<td>SCALE UP / SCALE UP</td>
<td></td>
<td>拡大後拡大</td>
<td>22</td>
</tr>
<tr>
<td></td>
<td>MOVE TO LEFT / SCALE UP</td>
<td></td>
<td>左へ移動して拡大</td>
<td>23</td>
</tr>
<tr>
<td></td>
<td>MOVE TO RIGHT / SCALE UP</td>
<td></td>
<td>右へ移動して拡大</td>
<td>24</td>
</tr>
<tr>
<td></td>
<td>MOVE TO TOP / SCALE UP</td>
<td></td>
<td>上へ移動して拡大</td>
<td>25</td>
</tr>
<tr>
<td></td>
<td>MOVE TO BOTTOM / SCALE UP</td>
<td></td>
<td>下へ移動して拡大</td>
<td>26</td>
</tr>
<tr>
<td></td>
<td>SCALE DOWN / SCALE UP</td>
<td></td>
<td>縮小後拡大</td>
<td>27</td>
</tr>
<tr>
<td>ROTATE</td>
<td>GLUE</td>
<td>GLUE LEFT / FROM RIGHT</td>
<td>右から左へ畳み</td>
<td>28</td>
</tr>
<tr>
<td></td>
<td></td>
<td>GLUE RIGHT / FROM LEFT</td>
<td>左から右へ畳み</td>
<td>29</td>
</tr>
<tr>
<td></td>
<td></td>
<td>GLUE BOTTOM / FROM TOP</td>
<td>下から上へ畳み</td>
<td>30</td>
</tr>
<tr>
<td></td>
<td></td>
<td>GLUE TOP / FROM BOTTOM</td>
<td>上から下へ畳み</td>
<td>31</td>
</tr>
<tr>
<td></td>
<td>FLIP</td>
<td>FLIP RIGHT</td>
<td>右へ回転</td>
<td>32</td>
</tr>
<tr>
<td></td>
<td></td>
<td>FLIP LEFT</td>
<td>左へ回転</td>
<td>33</td>
</tr>
<tr>
<td></td>
<td></td>
<td>FLIP TOP</td>
<td>上へ回転</td>
<td>34</td>
</tr>
<tr>
<td></td>
<td></td>
<td>FLIP BOTTOM</td>
<td>下へ回転</td>
<td>35</td>
</tr>
<tr>
<td></td>
<td>FALL</td>
<td></td>
<td>落ちる</td>
<td>36</td>
</tr>
<tr>
<td></td>
<td>NEWSPAPER</td>
<td></td>
<td>くるくる</td>
<td>37</td>
</tr>
<tr>
<td></td>
<td>PUSH / PULL</td>
<td>PUSH LEFT / FROM RIGHT</td>
<td>右から左へ押し出し</td>
<td>38</td>
</tr>
<tr>
<td></td>
<td></td>
<td>PUSH RIGHT / FROM LEFT</td>
<td>左から右へ押し出し</td>
<td>39</td>
</tr>
<tr>
<td></td>
<td></td>
<td>PUSH TOP / FROM BOTTOM</td>
<td>下から上へ押し出し</td>
<td>40</td>
</tr>
<tr>
<td></td>
<td></td>
<td>PUSH BOTTOM / FROM TOP</td>
<td>上から下へ押し出し</td>
<td>41</td>
</tr>
<tr>
<td></td>
<td></td>
<td>PUSH LEFT / PULL RIGHT</td>
<td>右から左へ畳み交差</td>
<td>42</td>
</tr>
<tr>
<td></td>
<td></td>
<td>PUSH RIGHT / PULL LEFT</td>
<td>左から右へ畳み交差</td>
<td>43</td>
</tr>
<tr>
<td></td>
<td></td>
<td>PUSH TOP / PULL BOTTOM</td>
<td>下から上へ畳み交差</td>
<td>44</td>
</tr>
<tr>
<td></td>
<td></td>
<td>PUSH BOTTOM / PULL TOP</td>
<td>上から下へ畳み交差</td>
<td>45</td>
</tr>
<tr>
<td></td>
<td>FOLD / UNFOLD</td>
<td>FOLD LEFT / FROM RIGHT</td>
<td>右から左へ立体回転</td>
<td>46</td>
</tr>
<tr>
<td></td>
<td></td>
<td>FOLD RIGHT / FROM LEFT</td>
<td>左から右へ立体回転</td>
<td>47</td>
</tr>
<tr>
<td></td>
<td></td>
<td>FOLD TOP / FROM BOTTOM</td>
<td>下から上へ立体回転</td>
<td>48</td>
</tr>
<tr>
<td></td>
<td></td>
<td>FOLD BOTTOM / FROM TOP</td>
<td>上から下へ立体回転</td>
<td>49</td>
</tr>
<tr>
<td></td>
<td></td>
<td>MOVE TO RIGHT / UNFOLD LEFT</td>
<td>右から左へ立体回転</td>
<td>50</td>
</tr>
<tr>
<td></td>
<td></td>
<td>MOVE TO LEFT / UNFOLD RIGHT</td>
<td>左から右へ立体回転</td>
<td>51</td>
</tr>
<tr>
<td></td>
<td></td>
<td>MOVE TO BOTTOM / UNFOLD TOP</td>
<td>下から上へ立体回転</td>
<td>52</td>
</tr>
<tr>
<td></td>
<td></td>
<td>MOVE TO TOP / UNFOLD BOTTOM</td>
<td>上から下へ立体回転</td>
<td>53</td>
</tr>
<tr>
<td></td>
<td>ROOM</td>
<td>ROOM TO LEFT</td>
<td>右から左へ立体内側回転</td>
<td>54</td>
</tr>
<tr>
<td></td>
<td></td>
<td>ROOM TO RIGHT</td>
<td>左から右へ立体内側回転</td>
<td>55</td>
</tr>
<tr>
<td></td>
<td></td>
<td>ROOM TO TOP</td>
<td>下から上へ立体内側回転</td>
<td>56</td>
</tr>
<tr>
<td></td>
<td></td>
<td>ROOM TO BOTTOM</td>
<td>上から下へ立体内側回転</td>
<td>57</td>
</tr>
<tr>
<td></td>
<td>CUBE</td>
<td>CUBE TO LEFT</td>
<td>右から左へ3D回転</td>
<td>58</td>
</tr>
<tr>
<td></td>
<td></td>
<td>CUBE TO RIGHT</td>
<td>左から右へ3D回転</td>
<td>59</td>
</tr>
<tr>
<td></td>
<td></td>
<td>CUBE TO TOP</td>
<td>下から上へ3D回転</td>
<td>60</td>
</tr>
<tr>
<td></td>
<td></td>
<td>CUBE TO BOTTOM</td>
<td>上から下へ3D回転</td>
<td>61</td>
</tr>
<tr>
<td></td>
<td>CAROUSEL</td>
<td>CAROUSEL TO LEFT</td>
<td>右から左へ4次元回転</td>
<td>62</td>
</tr>
<tr>
<td></td>
<td></td>
<td>CAROUSEL TO RIGHT</td>
<td>左から右へ4次元回転</td>
<td>63</td>
</tr>
<tr>
<td></td>
<td></td>
<td>CAROUSEL TO TOP</td>
<td>下から上へ4次元回転</td>
<td>64</td>
</tr>
<tr>
<td></td>
<td></td>
<td>CAROUSEL TO BOTTOM</td>
<td>上から下へ4次元回転</td>
<td>65</td>
</tr>
<tr>
<td></td>
<td>SIDES</td>
<td></td>
<td>右から左に扇回転</td>
<td>66</td>
</tr>
<tr>
<td>SLIDE</td>
<td></td>
<td></td>
<td>右から左にスライド</td>
<td>67</td>
</tr>
</tbody>
</table>

67種類ものエフェクトが使えるjQueryプラグイン PAGE TRANSITIONS

<p>緯度経度情報をまとまった数（100件以上）調べる必要がある時に、有効な手段をまとめました。</p>
<p>まず、2つのサイトを使います。</p>
<h3>Geocording</h4>
<p><a href="http://www.geocoding.jp/" target="_blank">http://www.geocoding.jp/</a></p>
<p>住所を一つ一つ調べることで検索結果に現れます。精度がかなり高いです。</p>
<h3>住所から緯度経度を一括で調べるツール</h4>
<p><a href="http://napzak.com/tool/gcode/upload/#csv" target="_blank">http://napzak.com/tool/gcode/upload/#csv</a></p>
<p>CSV形式のアップロードすることで、一括して調べることが出来ます。</p>
<h2>1回目の一括ツール</h3>
<p>まず、リストをCSV形式にしてアップロードをします。</p>
<p>住所をキーに一行ずつ緯度経度が帰って来ます。</p>
<p>速度は100件で15分程度です。</p>
<p>300件であれば、45分前後見ておく必要があります。</p>
<p>リストの精度にもよりますが、これでおおよそ7〜8割の緯度経度は取得出来ると思われます。</p>
<h2>2回目の一括ツール</h3>
<p>ここで、出力されたCSVを見て、緯度経度が出力出来なかった原因を調査します。</p>
<p>傾向としては、</p>
<p>・建物名が入っている</p>
<p>・○丁目○番地○号という表記になっている</p>
<p>というリストになっていると取得が出来ないことが多いです。</p>
<p>・建物名を消す</p>
<p>・○-○-○という番地をハイフンでつなげる</p>
<p>という形でリストを修正しアップロードします。</p>
<p>さらにこれで7〜8割程度は取得が出来ます。</p>
<p>300件程度であれば、残りは12件程度になります。</p>
<h2>最後は、力技で1件ずつ調べる</h3>
<p>ここで、先に挙げたGeocordingで調べます。</p>
<p>経験上かなりの精度で緯度経度がでます。</p>
<p>さらには、建物名でも調べることが出来ます。</p>
<h2>まとめ</h3>
<p>・一括ツールで10件程度まで絞り込めるように回す。300件であれば、2回程度。</p>
<p>・最後は力技。</p>


google-map-logo-1024x709.jpg

100件以上の緯度経度を調べる最短の方法

<p>iphone5を購入して、3ヶ月割りと早めにその時は訪れました。iphone4では、幾度と無く地面に落として来ましたが、一度も割れたことはありませんでした。</p>
<p>iphone4で途中までは、純正のバンパーを装着していましたが、厚ぼったいのがどうも好きになれず、最後の一年程は、バンパーも外して素の状態で使っていました。毎日使うに連れて、軽い落下からコンクリートの地面への派手な落下も経てボロボロにはなりましたが、割れることはありませんでした。</p>
<p>そして、iphone5を購入してからは、最初から素の状態で使っていました。歩行中に勢いよくコンクリートに放ってしまったのですが、当たりどころが悪かったのか、写真の通りガッツリ液晶が割れてしまいました。</p>
<p>そんなこんなで、液晶割れから復活までの顛末をまとめてみたいと思います。</p>
<h2>液晶割れた瞬間</h2>
<p>早めにやらかしてしまって、後悔の念が立ち込めつつも、幸い液晶が割れているだけで、iphone自体の挙動には何の問題もなかったため、早速、「iphone 液晶割れ 修理」などのキーワードで調査。</p>
<p>ここで、大事なことが分かりました。</p>
<p><strong>iphoneは「auショップ（キャリアショップ）」に持って行っても対応してくれない。</strong></p>
<p>iphoneの修理は<strong>AppleCareサービス＆サポートラインとAppleの直営店</strong>でしか受け付けていないということです。</p>
<p>近くに直営店がないという方は、AppleCareサービス＆サポートラインに連絡して対応してもらう方法になります。</p>
<p>以下が連絡先となります。</p>
<blockquote><p>AppleCareサービス＆サポートライン</p>
<p>TEL:0120-27753-5</p>
<p>月～金　／午前9:00～午後7:00</p>
<p>土日祝日／午前9:00～午後5:00</p></blockquote>
<p>&nbsp;</p>
<p>私は、都内住まいということもあり、最寄りの渋谷のApple Storeに向かうことをすぐに決意しました。</p>
<h2>Genius Barの予約</h2>
<p>Apple Storeの修理受付などは、Storeの二階のGenius Barというところで行なってもらいます。</p>
<p>Genius Barという名前がついていますが、要は、修理受付センターです。</p>
<p>そして、ここで注意しなくてはいけないのは、Genius Barが予約制であるということです。</p>
<p>Macbookなどの他のApple製品でGenius Barにお世話になったことがあったので、予約制であることを知っていた私は、すぐに予約を取りました。</p>
<p>ここで、便利だったのは、iphoneアプリの「<strong>Apple Store</strong>」というアプリです。「ストア」のタブからGenius Barへの予約を行うことが出来ます。アプリにAppleIDが紐付いており、住所や個人情報などを入力することなく、iphoneの修理という項目だけを選んで、40分後の受付を予約することが出来ました<b>。</b></p>
<h2>iphone5本体の交換</h2>
<p>当時が祝日ということもあり、非常に混み合っていて、到着した瞬間に10分程遅れることは告知されました。店内をゆっくり見回して、新型のiMacなどをたしなめて、程なく呼ばれたところで、担当の方が、「本体交換ですね。」と一言。すぐに新品のiphone5を持って来てくださり、SIMの移行をして、ここまでで所要時間5分。icloudのバックアップの確認があり、ID&amp;PWを入力して復元。復元中には、担当の方は既に別の方の担当をされていた。復元も15分程完了し、最後にキャリアメール（@ezweb.ne.jp）の設定をして頂いて完了。後は、各アプリがWifi環境下でダウンロード＆インストールが行われるということで解放されました。</p>
<p>ここで、気になるのが修理代金かと思いますが、端末購入時に「Apple Care＋」という8800円（割賦）の保証プランに入っていた（auショップで強制加入w）こともあり、当日は4400円の支払いで済みました。</p>
<p>もし、「Apple Care＋」に入っていなかったら、即金で25200円と20800円ほど余計に掛かっていたようなので、助かりました。</p>
<p>ここまで、決済まで終らせてApple Storeを出たのが、担当が着いてから20分程度でした。</p>
<p>以上、液晶を割ってから2時間弱で新品になるまでの顛末を書いてみました。</p>
<h2>まとめ</h2>
<ul>
<li><span style="line-height: 13px;">iphoneの修理は、Appleの直営店（Genius Bar）かAppleCareサービス＆サポートラインに連絡をすること！</span></li>
<li>Genius Barは予約制。予約を取るには、iphoneアプリの「Apple Store」が便利！</li>
<li>Apple Care＋の保証プランには入っておくべし！（8800円＋4400円と25200円で一回だけの故障で12000円の差がある）</li>
<li>割れるのが嫌だったらケースをつけろ！</li>
</ul>
<p>ということで、新しいケースも購入しましたとさ。</p>


iphoneの液晶割れからジーニアスバーで交換までの顛末

<p>今やwebサイトの構築には、欠かせないといっても過言ではないCMS。</p>
<p>普通のwebサイト制作だと、ほぼCMSを使うことになるのですが、</p>
<p>CMSを使うのと、使わないとなると、全然勝手が違います。</p>
<p>特に完成した後の運用面での修正等がグッと楽になります。</p>
<p>&nbsp;</p>
<p>基本弊社では、Movable TypeかWordpressを利用して制作します。</p>
<p>しかし、昨年ぐらいからはほとんどWordpressで作ることのほうが多くなり、</p>
<p>Movable Typeで作る場合は、今までMovable Typeを使っていたというパターンです。</p>
<p>&nbsp;</p>
<p>僕自身はどちらでも構築できるのですが、</p>
<p>今ではWordpressの方がやりやすいと感じています。</p>
<p>というか最近MovableTypeの案件が少なく、忘れかけているというのもあります笑</p>
<p>&nbsp;</p>
<p>CMSについてですが、僕はその２つしか扱えないし、その２つしか知りませんでした。</p>
<p>最近、他にもCMSがあることを知り、軽く意識していたら、</p>
<p>以下の記事を発見しました。</p>
<p>&nbsp;</p>
<p><a href="http://awoni.net/blog/2012/11/983#.UdvLt1P04_c">CMS の日本でのシェアは WordPress が一人勝ちになっている件 &#8211; Webサービス作成日記</a></p>
<p>&nbsp;</p>
<p>やはり、世界的にもWordpressのシェアが多いとのこと。特に日本では。</p>
<p>そしてMovableTypeは下降気味であること、</p>
<p>ちょっと前にJoomlaとDrupalというCMSがあることを聞いていたので、その２つもシェアがなかなかあることを知り、</p>
<p>新たな発見と共に、勉強不足だなと感じました。</p>
<p>&nbsp;</p>
<p>JoomlaとDrupalの２つに関しては、実際試してみたいのですが、</p>
<p>まだその機会はなさそうなので、とりあえず今度特徴等を調べてみたいと思います。</p>
<p>その調べた結果をまた記事にしてみたいと思います。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>


無料で使えるCMSについて

CSS3 + jQueryによる、グラデーションのホバー効果

<p>一日一回だけ投票できるようにcookieを使って制限してみました。</p>
<p>Cookieで有効期間を指定して、ユーザー情報を保存する。</p>
<p>cookieを使用するには、setcookie関数を使います。</p>
<p></p>

		<div id="crayon-64953fd58c0fe187790850" 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;">
if ($_COOKIE['visitor']) {
	$count = $_COOKIE['visitor']+1;
	setcookie("visitor", $count);
	echo "一日一回のみの投票になります。";
	
	
} else {
	$count = 1;
	setcookie("visitor", $count);
	/* データベースに投票回数挿入 */

	echo "投票ありがとうございました。";
}</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-64953fd58c0fe187790850-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd58c0fe187790850-2">2</div><div class="crayon-num" data-line="crayon-64953fd58c0fe187790850-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd58c0fe187790850-4">4</div><div class="crayon-num" data-line="crayon-64953fd58c0fe187790850-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd58c0fe187790850-6">6</div><div class="crayon-num" data-line="crayon-64953fd58c0fe187790850-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd58c0fe187790850-8">8</div><div class="crayon-num" data-line="crayon-64953fd58c0fe187790850-9">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd58c0fe187790850-10">10</div><div class="crayon-num" data-line="crayon-64953fd58c0fe187790850-11">11</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd58c0fe187790850-12">12</div><div class="crayon-num" data-line="crayon-64953fd58c0fe187790850-13">13</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-64953fd58c0fe187790850-1"><span class="crayon-st">if</span><span class="crayon-h"> </span><span class="crayon-sy">(</span><span class="crayon-sy">$</span><span class="crayon-i">_COOKIE</span><span class="crayon-sy">[</span><span class="crayon-s">'visitor'</span><span class="crayon-sy">]</span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd58c0fe187790850-2"><span class="crayon-h">	</span><span class="crayon-sy">$</span><span class="crayon-i">count</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-sy">$</span><span class="crayon-i">_COOKIE</span><span class="crayon-sy">[</span><span class="crayon-s">'visitor'</span><span class="crayon-sy">]</span>+<span class="crayon-cn">1</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-64953fd58c0fe187790850-3"><span class="crayon-h">	</span><span class="crayon-e">setcookie</span><span class="crayon-sy">(</span><span class="crayon-s">"visitor"</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-sy">$</span><span class="crayon-i">count</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd58c0fe187790850-4"><span class="crayon-h">	</span><span class="crayon-i">echo</span><span class="crayon-h"> </span><span class="crayon-s">"一日一回のみの投票になります。"</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-64953fd58c0fe187790850-5"><span class="crayon-h">	</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd58c0fe187790850-6"><span class="crayon-h">	</span></div><div class="crayon-line" id="crayon-64953fd58c0fe187790850-7"><span class="crayon-sy">}</span><span class="crayon-h"> </span><span class="crayon-st">else</span><span class="crayon-h"> </span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd58c0fe187790850-8"><span class="crayon-h">	</span><span class="crayon-sy">$</span><span class="crayon-i">count</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-cn">1</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-64953fd58c0fe187790850-9"><span class="crayon-h">	</span><span class="crayon-e">setcookie</span><span class="crayon-sy">(</span><span class="crayon-s">"visitor"</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-sy">$</span><span class="crayon-i">count</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd58c0fe187790850-10"><span class="crayon-h">	</span><span class="crayon-c">/* データベースに投票回数挿入 */</span></div><div class="crayon-line" id="crayon-64953fd58c0fe187790850-11">&nbsp;</div><div class="crayon-line crayon-striped-line" id="crayon-64953fd58c0fe187790850-12"><span class="crayon-h">	</span><span class="crayon-i">echo</span><span class="crayon-h"> </span><span class="crayon-s">"投票ありがとうございました。"</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-64953fd58c0fe187790850-13"><span class="crayon-sy">}</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>アクセス有効期限を一日にしたいため、[time()+24*60*60]をsetcookieに加えます。</p>
<p></p>

		<div id="crayon-64953fd58c102445533592" 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;">
setcookie("visitor", $count,time()+24*60*60);</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-64953fd58c102445533592-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-64953fd58c102445533592-1"><span class="crayon-e">setcookie</span><span class="crayon-sy">(</span><span class="crayon-s">"visitor"</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-sy">$</span><span class="crayon-i">count</span><span class="crayon-sy">,</span><span class="crayon-e">time</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span>+<span class="crayon-cn">24</span>*<span class="crayon-cn">60</span>*<span class="crayon-cn">60</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>有効期限を設定しなかった場合は、ブラウザを閉じるまで有効になります。</p>
<p>cookieのデメリット<br />
①　使える変数の数は20個まで！<br />
②　cookieの内容はユーザーのパソコンに保存されます。<br />
　　パスワード等を cookie に保存してしまうと、 パソコンを他人と共用している場合などに、パスワードが洩れる可能性があります。</p>

ユーザーの情報をCookieで保存する

<p><a href="https://github.com/stfalcon/TinymceBundle" target="_blank">stfalcon_tinymce</a>は、Symfony2でよく使われてるtinymceのバンドル（プラグイン）です。</p>
<p>tinymceのデフォルト設定では、画像を挿入するときに、自動にurlを相対パスに書き換えてhtmlを生成しますが、<br />
symfony2はrouting（url）が自分で設定できるため、urlの階層が違うと画像が表示できなくなります。</p>
<p>例：<br />
画像を挿入するページ： http://www.example.com/admin/insert_image<br />
画像を表示するページ： http://www.example.com/user/blog/999 （999は記事のid）<br />
挿入した画像： </p>
<p></p>

		<div id="crayon-64953fd58bf13786176665" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div><span class="crayon-language">XHTML</span></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
&lt;img src="../../images/image1.jpg"&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-64953fd58bf13786176665-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-64953fd58bf13786176665-1"><span class="crayon-r ">&lt;img </span><span class="crayon-e ">src</span>=<span class="crayon-s ">"../../images/image1.jpg"</span><span class="crayon-r ">&gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>当然画像がうまく表示できません。</p>
<p>ここで、画像を絶対urlで挿入することが望ましいです。<br />
そのために、symfony2の設定ファイル（例：app/config/config.yml）に、stfalcon_tinymceのテーマに、下記設定を追加する必要あります。</p>
<p></p>

		<div id="crayon-64953fd58bf17256070691" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div><span class="crayon-language">YAML</span></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
relative_urls : false,
remove_script_host : false,
convert_urls : false, 
document_base_url : "http://www.example.com/",</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-64953fd58bf17256070691-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd58bf17256070691-2">2</div><div class="crayon-num" data-line="crayon-64953fd58bf17256070691-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd58bf17256070691-4">4</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-64953fd58bf17256070691-1">relative<span class="crayon-sy">_</span>urls<span class="crayon-h"> </span><span class="">: false</span><span class="crayon-o">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd58bf17256070691-2">remove<span class="crayon-sy">_</span>script<span class="crayon-sy">_</span>host<span class="crayon-h"> </span><span class="">: false</span><span class="crayon-o">,</span></div><div class="crayon-line" id="crayon-64953fd58bf17256070691-3">convert<span class="crayon-sy">_</span>urls<span class="crayon-h"> </span><span class="">: false</span><span class="crayon-o">,</span><span class="crayon-h"> </span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd58bf17256070691-4">document<span class="crayon-sy">_</span>base<span class="crayon-sy">_</span>url<span class="crayon-h"> </span><span class="">: "http</span><span class="">://www.example.com/"</span><span class="crayon-o">,</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>

【symfony2&#038;tinymce】絶対urlで画像を挿入するために

<p>こちらのサイト（→<a href="http://triand.jp/">http://triand.jp/</a>）をご覧いただきたいのですが、</p>
<p>こちらのサイトでは、トップページのビジュアル部分にアニメーションが使われています。</p>
<p>とても滑らかな動きなので、FlashかHTML5のCanvasで作られていると思ったのですが、実際にはGIFファイルでした。</p>
<p>GIFアニメだと独特のカクカクとした動きしかできないものだと思っていたので驚きました。</p>
<p>調べてみると0.03秒に1コマというとても細かい間隔で作られていました。</p>
<p>&nbsp;</p>
<p>通常Photoshopでは、0.1秒までしか設定できませんが、実はもっと細かくできるんじゃないかと思って、</p>
<p>いろいろ試していたところ、普通にできてしまうことがわかったので、その方法をご紹介いたします。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>まずは「ウィンドウ」→「アニメーション」でアニメーションのフレームを表示します。</p>
<p><img decoding="async" loading="lazy" alt="image" src="/uploads-archive/2013/07/img02.jpg" width="480" height="368" /></p>
<p>&nbsp;</p>
<p>つぎに、アニメーションの間隔を指定します。</p>
<p><img decoding="async" loading="lazy" alt="image" src="/uploads-archive/2013/07/img01.jpg" width="480" height="368" /></p>
<p>&nbsp;</p>
<p>ドロップボックスに表示されるのは0.1秒までなのですが、</p>
<p>その他を選ぶことでもっと細かく指定できます。</p>
<p><img decoding="async" loading="lazy" alt="image" src="/uploads-archive/2013/07/img04.jpg" width="480" height="368" /></p>
<p>1コマ1コマなのでかなり根気の要る作業となりますが、</p>
<p>ちょっとした効果をJS等を使わずに表現するとき、</p>
<p>役に立ちそうです。</p>
<p>&nbsp;</p>


Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧

2013/07/24

2013/07/24

2013/07/24

2013/07/24

2013/07/24

2013/07/17

2013/07/17

2013/07/17

2013/07/17

2013/07/17

2013/07/16

2013/07/16

2013/07/16

2013/07/10

2013/07/10

2013/07/10

2013/07/09

2013/07/03