レスポンシブ化に便利！CSSで画像を文字に置き換える方法

<p>日々、お優しいブロガーの方々がフリーで素材を提供してくれています。</p>
<p>&nbsp;</p>
<p>その中でも、コレも無料でもらえちゃうんだ！という驚きのものもあります。</p>
<p>実際に使用するのもよし、素材を見てデザイン力を学ぶのもよし、ダウンロード必須の素材です。</p>
<p>&nbsp;</p>
<h3><a href="http://www.splashnology.com/article/45-psd-ui-kits/8238/" target="_blank">45 PSD UI Kits | Splashnology.com</a></h4>
<p>&nbsp;</p>
<p style="text-align: center;"><a href="http://www.splashnology.com/article/45-psd-ui-kits/8238/" target="_blank"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-2913" alt="psdsozai1" src="/uploads-archive/2013/08/psdsozai1.jpg" width="599" height="349" srcset="/uploads-archive/2013/08/psdsozai1.jpg 600w, /uploads-archive/2013/08/psdsozai1-300x175.jpg 300w, /uploads-archive/2013/08/psdsozai1-228x133.jpg 228w" sizes="(max-width: 599px) 100vw, 599px" /></a></p>
<p>&nbsp;</p>
<p>いろんなテーマで、UI,パーツが揃っています。</p>
<p>パーツが一つのテーマでいくつかあるので、統一したデザインが出来そうです。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h3><a href="http://graphicdesignjunction.com/2013/02/free-psd-files-65-useful-ui-design-psd-files-for-download/" target="_blank">Free PSD Files: 65 Useful UI Design PSD Files for Download | Freebies | Graphic Design Junction</a></h4>
<p>&nbsp;</p>
<p style="text-align: center;"><a href="http://graphicdesignjunction.com/2013/02/free-psd-files-65-useful-ui-design-psd-files-for-download/" target="_blank"><img decoding="async" loading="lazy" class="size-full wp-image-2914 aligncenter" alt="psdsozai2" src="/uploads-archive/2013/08/psdsozai2.jpg" width="400" height="300" srcset="/uploads-archive/2013/08/psdsozai2.jpg 400w, /uploads-archive/2013/08/psdsozai2-228x171.jpg 228w, /uploads-archive/2013/08/psdsozai2-300x225.jpg 300w" sizes="(max-width: 400px) 100vw, 400px" /></a></p>
<p>ところどころで使えそうなパーツが揃っています。</p>
<p>勉強にも使えそうです。</p>
<p>&nbsp;</p>
<h3><a href="http://dribbble.com/shots/187607-Shiny-Blue-UI-PSD-" target="_blank">Shiny Blue UI [PSD]</a></h4>
<p>&nbsp;</p>
<p style="text-align: center;"><a href="http://dribbble.com/shots/187607-Shiny-Blue-UI-PSD-" target="_blank"><img decoding="async" loading="lazy" class="size-full wp-image-2915 aligncenter" alt="psdsozai3" src="/uploads-archive/2013/08/psdsozai3.jpg" width="536" height="299" srcset="/uploads-archive/2013/08/psdsozai3.jpg 536w, /uploads-archive/2013/08/psdsozai3-300x167.jpg 300w, /uploads-archive/2013/08/psdsozai3-228x127.jpg 228w" sizes="(max-width: 536px) 100vw, 536px" /></a></p>
<p> こちらもいろんなパーツ、アイコン等があります。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h3><a href="http://designreflect.com/free-website-templates-psd-files/" target="_blank">20 Free Website Templates PSD Files</a></h4>
<p>&nbsp;</p>
<p style="text-align: center;"><a href="http://designreflect.com/free-website-templates-psd-files/" target="_blank"><img decoding="async" loading="lazy" class="size-full wp-image-2916 aligncenter" alt="psdsozai4" src="/uploads-archive/2013/08/psdsozai4.jpg" width="550" height="300" srcset="/uploads-archive/2013/08/psdsozai4.jpg 550w, /uploads-archive/2013/08/psdsozai4-300x164.jpg 300w, /uploads-archive/2013/08/psdsozai4-228x124.jpg 228w" sizes="(max-width: 550px) 100vw, 550px" /></a></p>
<p class="aligncenter">こちらはwebサイトのテンプレートのpsd素材です。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h3><a href="http://graphicdesignjunction.com/2013/06/psd-ui-kits/" target="_blank">Free PSD UI Kits | Design | Graphic Design Junction</a></h4>
<p>&nbsp;</p>
<p style="text-align: center;"><a href="/uploads-archive/2013/08/psdsozai5.jpg"><img decoding="async" loading="lazy" class="alignnone size-full wp-image-2917" alt="psdsozai5" src="/uploads-archive/2013/08/psdsozai5.jpg" width="500" height="854" srcset="/uploads-archive/2013/08/psdsozai5.jpg 500w, /uploads-archive/2013/08/psdsozai5-176x300.jpg 176w, /uploads-archive/2013/08/psdsozai5-228x389.jpg 228w" sizes="(max-width: 500px) 100vw, 500px" /></a></p>
<p>&nbsp;</p>
<p>UIのkitが揃っておりそのままでも十分すぎる程使用出来るかと思います。</p>
<p>&nbsp;</p>
<p>本当にこういったものはありがたく、</p>
<p>今後とも頑張って提供して頂きたいですね！！</p>
<p>&nbsp;</p>


無料でゲットできちゃう高品質PSD素材！

<p>dumpを使ってデータベースのバックアップをします。</p>
<p>ダンプとは、デバッグやデータ修復のために、ファイルやメモリの内容をディスクに記録または表示することです。</p>
<p>データベースにおいては、データベース情報をファイルに書き出して保存することをダンプと呼びます。</p>
<h2>データベースのバックアップ</h3>
<p></p>

		<div id="crayon-64953fd58ded4683996312" 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;">
mysqldump -u ユーザ名 -p DB名 &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-64953fd58ded4683996312-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-64953fd58ded4683996312-1"><span class="crayon-i">mysqldump</span><span class="crayon-h"> </span>-<span class="crayon-i">u</span><span class="crayon-h"> </span>ユーザ名<span class="crayon-h"> </span>-<span class="crayon-i">p</span><span class="crayon-h"> </span><span class="crayon-i">DB</span>名<span class="crayon-h"> </span><span class="crayon-h">&gt;</span><span class="crayon-h"> </span>出力先ファイル名</div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>例えば：</p>
<p></p>

		<div id="crayon-64953fd58ded9941582459" 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;">
mysqldump -u root -p test &gt; dump.sql</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-64953fd58ded9941582459-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-64953fd58ded9941582459-1"><span class="crayon-i">mysqldump</span><span class="crayon-h"> </span>-<span class="crayon-i">u</span><span class="crayon-h"> </span><span class="crayon-i">root</span><span class="crayon-h"> </span>-<span class="crayon-i">p</span><span class="crayon-h"> </span><span class="crayon-i">test</span><span class="crayon-h"> </span><span class="crayon-h">&gt;</span><span class="crayon-h"> </span><span class="crayon-i">dump</span><span class="crayon-sy">.</span><span class="crayon-i">sql</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<h2>データベースの復元</h3>
<p></p>

		<div id="crayon-64953fd58deda372404333" 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;">
mysql -u ユーザ名 -p DB名 &lt; ダンプファイル名</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-64953fd58deda372404333-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-64953fd58deda372404333-1"><span class="crayon-i">mysql</span><span class="crayon-h"> </span>-<span class="crayon-i">u</span><span class="crayon-h"> </span>ユーザ名<span class="crayon-h"> </span>-<span class="crayon-i">p</span><span class="crayon-h"> </span><span class="crayon-i">DB</span>名<span class="crayon-h"> </span><span class="crayon-h">&lt;</span><span class="crayon-h"> </span>ダンプファイル名</div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>例えば：</p>
<p></p>

		<div id="crayon-64953fd58dedb315511756" 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;">
mysql -u root -p test &lt; dump.sql</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-64953fd58dedb315511756-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-64953fd58dedb315511756-1"><span class="crayon-i">mysql</span><span class="crayon-h"> </span>-<span class="crayon-i">u</span><span class="crayon-h"> </span><span class="crayon-i">root</span><span class="crayon-h"> </span>-<span class="crayon-i">p</span><span class="crayon-h"> </span><span class="crayon-i">test</span><span class="crayon-h"> </span><span class="crayon-h">&lt;</span><span class="crayon-h"> </span><span class="crayon-i">dump</span><span class="crayon-sy">.</span><span class="crayon-i">sql</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>

データベースバックアップと復元

レスポンシブデザインでPCとスマホで画像を切替える方法

jQueryで順番にアニメーションする方法を考える

<p>vimの使い方を自習しながら、メモとして書きたいと思います。</p>
<p>ターミナルを立ち上げて、<br />
作業したいファイルを開きます。</p>
<p>vim index2.php(ファイル名)<br />
<img decoding="async" alt="" src="/uploads-archive/2013/08/img.jpg" /></p>
<h2>4種類のモードについて</h3>
<p>１）入力モード・・・・・入力モードに変更したい場合は(i)を使います。<br />
２）コマンドモード・・・・・コマンドモードに変更したい場合は(:)を使います。<br />
３）ビジュアルモード・・・・・コマンドモードに変更したい場合は(v)を使います。<br />
４）ノーマルモード・・・・・ノーマルモードに戻る場合は[esc]キーを使います。</p>
<h2>ファイルの中身を実際に変更してみて保存!</h3>
<p>最初に、入力モード(i)に切り替えて、<br />
テキストを追加する。</p>
<p><img decoding="async" alt="" src="/uploads-archive/2013/08/img02.jpg" /></p>
<p>保存するときは[esc]で入力モードから出て、<br />
[:]でコマンドモードに入る。<br />
[w] (writeの略語)で保存する。</p>
<p>保存して、ファイルを閉じる場合は<br />
[:wq]を使います。</p>
<p>ファイルの変更を、無視してファイルを閉じたい場合は<br />
[:q!]を使います。</p>
<table>
<tbody>
<h2>移動機能についていろいろ</h3>
<tr>
<td>gg</td>
<td>カーソルがファイルの先頭に移動する</td>
</tr>
<tr>
<td>G</td>
<td>カーソルがファイルの終わりに移動する</td>
</tr>
<tr>
<td>CTR + f</td>
<td>カーソルが一画面の終わりに移動する</td>
</tr>
<tr>
<td>CTR + b</td>
<td>カーソルが一画面の先頭に移動する</td>
</tr>
<tr>
<td>w</td>
<td>カーソルが単語単位で前に移動する</td>
</tr>
<tr>
<td>b</td>
<td>カーソルが単語単位で後ろに移動する</td>
</tr>
<tr>
<td>^</td>
<td>カーソルが行頭に移動する</td>
</tr>
<tr>
<td>$</td>
<td>カーソルが行末に移動する</td>
</tr>
<tr>
<td>f(文字)</td>
<td>(文字)までジャンプする、[;]で次に行く</td>
</tr>
<tr>
<td>%</td>
<td>始まりのかっこにカーソルをおいて、[$]を押したら、そのかっこの対応するかっこにジャンプする</td>
</tr>
</tbody>
</table>
<p>まだまだ、勉強する機能はいっぱい残っていますが、<br />
それらは次回のブログにさせていただきます。</p>


vimの使い方

<p>symfony2のデフォルトとして、リクエストのファイル（REQUEST_FILENAME、実際の値は、例えば/var/www/html/index.htmlになります。それに対して、REQUEST_URIの値は/index.htmlになります）が存在しなければ、パラメーターをapp.phpを渡して処理するという.htaccessの設定があります。</p>
<p></p>

		<div id="crayon-64953fd58d691033643115" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
&lt;IfModule mod_rewrite.c&gt;
    RewriteEngine On
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteRule ^(.*)$ app.php [QSA,L]
&lt;/IfModule&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-64953fd58d691033643115-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd58d691033643115-2">2</div><div class="crayon-num" data-line="crayon-64953fd58d691033643115-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd58d691033643115-4">4</div><div class="crayon-num" data-line="crayon-64953fd58d691033643115-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-64953fd58d691033643115-1"><span class="crayon-h">&lt;</span><span class="crayon-e">IfModule </span><span class="crayon-i">mod_rewrite</span><span class="crayon-sy">.</span><span class="crayon-i">c</span><span class="crayon-h">&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd58d691033643115-2"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-e">RewriteEngine</span><span class="crayon-h"> </span><span class="crayon-e">On</span></div><div class="crayon-line" id="crayon-64953fd58d691033643115-3"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-e">RewriteCond</span><span class="crayon-h"> </span><span class="crayon-sy">%</span><span class="crayon-sy">{</span><span class="crayon-i">REQUEST_FILENAME</span><span class="crayon-sy">}</span><span class="crayon-h"> </span><span class="crayon-sy">!</span>-<span class="crayon-i">f</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd58d691033643115-4"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">RewriteRule</span><span class="crayon-h"> </span>^<span class="crayon-sy">(</span><span class="crayon-sy">.</span>*<span class="crayon-sy">)</span><span class="crayon-sy">$</span><span class="crayon-h"> </span><span class="crayon-i">app</span><span class="crayon-sy">.</span><span class="crayon-i">php</span><span class="crayon-h"> </span><span class="crayon-sy">[</span><span class="crayon-i">QSA</span><span class="crayon-sy">,</span><span class="crayon-i">L</span><span class="crayon-sy">]</span></div><div class="crayon-line" id="crayon-64953fd58d691033643115-5"><span class="crayon-h">&lt;</span>/<span class="crayon-i">IfModule</span><span class="crayon-h">&gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>※RewriteCond = rewrite condition = リライトの条件<br />
※RewriteRule = rewrite rule = リライトのルール。合わせて、リライトの条件を満足すれば、リライトのルールのようにurlを変換するという意味です。<br />
</p>
<h3>問題点</h4>
<p>実際存在するディレクターにアクセスしたい場合は、<br />
例えばhttp://www.example.com/existed_directory/にアクセスすると、404になります。</p>
<p>なぜなら、existed_directoryはディレクターであり、ファイルではないなのです。<br />
app.phpに処理を渡しますが、existed_directoryというroutingがないから、404が返してしまいます。<br />
</p>
<h3>解決策</h4>
<p>ここで、ちょっとsymfony2のデフォルトの.htaccessを改修したいと思います。</p>

		<div id="crayon-64953fd58d696365919945" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
&lt;IfModule mod_rewrite.c&gt;
    RewriteEngine On
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteRule ^(.*)$ app.php [QSA,L]
&lt;/IfModule&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-64953fd58d696365919945-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd58d696365919945-2">2</div><div class="crayon-num" data-line="crayon-64953fd58d696365919945-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd58d696365919945-4">4</div><div class="crayon-num" data-line="crayon-64953fd58d696365919945-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd58d696365919945-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-64953fd58d696365919945-1"><span class="crayon-h">&lt;</span><span class="crayon-e">IfModule </span><span class="crayon-i">mod_rewrite</span><span class="crayon-sy">.</span><span class="crayon-i">c</span><span class="crayon-h">&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd58d696365919945-2"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-e">RewriteEngine</span><span class="crayon-h"> </span><span class="crayon-e">On</span></div><div class="crayon-line" id="crayon-64953fd58d696365919945-3"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-e">RewriteCond</span><span class="crayon-h"> </span><span class="crayon-sy">%</span><span class="crayon-sy">{</span><span class="crayon-i">REQUEST_FILENAME</span><span class="crayon-sy">}</span><span class="crayon-h"> </span><span class="crayon-sy">!</span>-<span class="crayon-e">f</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd58d696365919945-4"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-e">RewriteCond</span><span class="crayon-h"> </span><span class="crayon-sy">%</span><span class="crayon-sy">{</span><span class="crayon-i">REQUEST_FILENAME</span><span class="crayon-sy">}</span><span class="crayon-h"> </span><span class="crayon-sy">!</span>-<span class="crayon-i">d</span></div><div class="crayon-line" id="crayon-64953fd58d696365919945-5"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">RewriteRule</span><span class="crayon-h"> </span>^<span class="crayon-sy">(</span><span class="crayon-sy">.</span>*<span class="crayon-sy">)</span><span class="crayon-sy">$</span><span class="crayon-h"> </span><span class="crayon-i">app</span><span class="crayon-sy">.</span><span class="crayon-i">php</span><span class="crayon-h"> </span><span class="crayon-sy">[</span><span class="crayon-i">QSA</span><span class="crayon-sy">,</span><span class="crayon-i">L</span><span class="crayon-sy">]</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd58d696365919945-6"><span class="crayon-h">&lt;</span>/<span class="crayon-i">IfModule</span><span class="crayon-h">&gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p></p>
<h3>説明</h4>
<p>複数のRewriteCondの間で[AND]で繋ぎます。<br />
リクエストのファイルが存在しない、かつディレクターではない場合だけ、処理をapp.phpに渡すという意味になります。</p>
<p>上記の設定で、http://www.example.com/existed_directory/にアクセスしてみると、RewriteCondにマッチしないため、<br />
existed_directoryのディレクターにしたのindex.html（存在しない場合はindex.php）にアクセスが行きます。<br />
</p>
<h3>新たな問題点</h4>
<p>実際存在するディレクターにアクセスできない問題が解決しましたが、http://www.example.com/にアクセスすると、処理がapp.phpに渡されていない（そのため、symfony2が処理を始めない）という新しい問題が発生します。<br />
そのため、.htaccessをさらに改修する必要が出てきています。<br />
 </p>
<h3>解決策</h4>
<p></p>

		<div id="crayon-64953fd58d698532516183" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
&lt;IfModule mod_rewrite.c&gt;
    RewriteEngine On
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteCond %{REQUEST_FILENAME} !-d [OR]
    RewriteCond %{REQUEST_URI} ^/$
    RewriteRule ^(.*)$ app.php [QSA,L]
&lt;/IfModule&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-64953fd58d698532516183-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd58d698532516183-2">2</div><div class="crayon-num" data-line="crayon-64953fd58d698532516183-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd58d698532516183-4">4</div><div class="crayon-num" data-line="crayon-64953fd58d698532516183-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd58d698532516183-6">6</div><div class="crayon-num" data-line="crayon-64953fd58d698532516183-7">7</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-64953fd58d698532516183-1"><span class="crayon-h">&lt;</span><span class="crayon-e">IfModule </span><span class="crayon-i">mod_rewrite</span><span class="crayon-sy">.</span><span class="crayon-i">c</span><span class="crayon-h">&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd58d698532516183-2"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-e">RewriteEngine</span><span class="crayon-h"> </span><span class="crayon-e">On</span></div><div class="crayon-line" id="crayon-64953fd58d698532516183-3"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-e">RewriteCond</span><span class="crayon-h"> </span><span class="crayon-sy">%</span><span class="crayon-sy">{</span><span class="crayon-i">REQUEST_FILENAME</span><span class="crayon-sy">}</span><span class="crayon-h"> </span><span class="crayon-sy">!</span>-<span class="crayon-e">f</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd58d698532516183-4"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-e">RewriteCond</span><span class="crayon-h"> </span><span class="crayon-sy">%</span><span class="crayon-sy">{</span><span class="crayon-i">REQUEST_FILENAME</span><span class="crayon-sy">}</span><span class="crayon-h"> </span><span class="crayon-sy">!</span>-<span class="crayon-e">d</span><span class="crayon-h"> </span><span class="crayon-sy">[</span><span class="crayon-st">OR</span><span class="crayon-sy">]</span></div><div class="crayon-line" id="crayon-64953fd58d698532516183-5"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-e">RewriteCond</span><span class="crayon-h"> </span><span class="crayon-sy">%</span><span class="crayon-sy">{</span><span class="crayon-i">REQUEST_URI</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-64953fd58d698532516183-6"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">RewriteRule</span><span class="crayon-h"> </span>^<span class="crayon-sy">(</span><span class="crayon-sy">.</span>*<span class="crayon-sy">)</span><span class="crayon-sy">$</span><span class="crayon-h"> </span><span class="crayon-i">app</span><span class="crayon-sy">.</span><span class="crayon-i">php</span><span class="crayon-h"> </span><span class="crayon-sy">[</span><span class="crayon-i">QSA</span><span class="crayon-sy">,</span><span class="crayon-i">L</span><span class="crayon-sy">]</span></div><div class="crayon-line" id="crayon-64953fd58d698532516183-7"><span class="crayon-h">&lt;</span>/<span class="crayon-i">IfModule</span><span class="crayon-h">&gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p></p>
<h3>説明</h4>
<p>RewriteCondが複雑になってきますので、分解して説明いたします。<br />
1、RewriteCond %{REQUEST_FILENAME} !-f　リクエストのファイルが存在しない<br />
2、RewriteCond %{REQUEST_FILENAME} !-d　リクエストのファイルがディレクターではない<br />
3、RewriteCond %{REQUEST_URI} ^/$　トップにアクセスしている</p>
<p>リライトの条件が、1 and ( 2 or 3) になります。<br />
</p>
<h3>まとめ</h4>
<p>apacheのRewriteCondが想像だけでややこしくて間違いやすいので、実際に試してみればよいかと思います。</p>

【symfony2】デフォルト.htaccessファイルの改修

<p>前回は<a href="/officer/windows%E3%81%AE%E3%81%8A%E6%8E%83%E9%99%A4%E3%82%BD%E3%83%95%E3%83%88.html">Windowsのお掃除ソフト</a>を紹介しましたので、今回はMacについても触れておきたいと思います。</p>
<p>今回も、無料で高機能なアプリ3つに絞って紹介します。</p>
<h2>ONYX</h3>
<p><a href="http://www.titanium.free.fr/downloadonyx.php" target="_blank">http://www.titanium.free.fr/downloadonyx.php</a></p>
<p>・Macでは定番のメンテナンスソフトです。</p>
<p>・最新OSにもいち早く対応</p>
<h3>参考記事</h4>
<p><a href="http://tokyo.secret.jp/macs/Mac_OSX_speed_up_OnyX.html">Mac OSXの高速化 : OnyX (Mountain Lion 対応) &#8211; Tokyo Secret</a></p>
<p><a href="http://tukaikta.blog135.fc2.com/blog-entry-146.html">OnyX使い方とMacのメンテナンス | Macとかの雑記帳</a></p>
<h2>CCleaner</h3>
<p><a href="http://www.piriform.com/mac/ccleaner" target="_blank">http://www.piriform.com/mac/ccleaner</a></p>
<p>・mac版はリリースから日が浅いため、設定出来る項目がWindows版より少ない</p>
<p>・動作が軽快</p>
<h2>Magican</h3>
<p><a href="http://www.magicansoft.com/jp/magican.html" target="_blank">http://www.magicansoft.com/jp/magican.html</a></p>
<p>・重複ファイルの削除、メモリーの開放など便利機能を複数備えている。</p>
<p>・ツールバーに常駐するCPU温度、CPU使用率、ネットワーク速度のモニターが便利</p>
<h2>まとめ</h3>
<p>今回も3つに絞って紹介しました。</p>
<p>部分的に、アンイストールを簡単にするソフトなどもありますが今回ご紹介した3つではほぼ網羅出来ていると思います。</p>
<p>&nbsp;</p>


Macのお掃除ソフト

【さくらVPS】ftpのインストール

<p>Windowsのお掃除ソフトを紹介します。</p>
<p>潔癖という程でもないですが、整理整頓されていないと気が済まない正確なのと、一度、お掃除ソフトを使ってゴミを掃除した感覚を持ってしまうと定期的にハマってしまいます。</p>
<p>様々なソフトを試した中で、無料かつ高機能ということで3つ紹介します。</p>
<h2>CCleaner</h3>
<p><a href="http://www.piriform.com/ccleaner/download" target="_blank">http://www.piriform.com/ccleaner/download</a></p>
<p>・1クリックで基本的な掃除を行なってくれます。</p>
<p>・レジストリの掃除も行なってくれます。</p>
<p>・アンイストールの管理もOS標準のコントロールパネルより簡単に行うことが出来ます。</p>
<h2>Glary Utilities</h3>
<p><a href="http://www.glarysoft.com/" target="_blank">http://www.glarysoft.com/</a></p>
<p>・1クリックで基本的な掃除を行なってくれます。</p>
<p>・レジストリの掃除や圧縮</p>
<p>・重複ファイルの削除などCCleanerよりも細かい調整が可能です。</p>
<h2>Comfortable PC</h3>
<p><a href="http://pc-zero.jp/pages/software.html" target="_blank">http://pc-zero.jp/pages/software.html</a></p>
<p>お掃除ソフトではないですが、PC設定を最適化してくれます。xpでは搭載されていない、無線LANの速度最適化機能や余計なアクションの削除なを行なってくれます。</p>
<h2>まとめ</h3>
<p>私自身の性格からお掃除ソフトは、1〜2週間に一回かけています。フルに使っているPCですと、キャッシュやらログやらで数百MB〜1GB溜まっています。そもそも、キャッシュなどは、再度読み込まなくてもいいように残しておくものですから、お掃除ソフトをかけた後は、多少遅くなることもありますが、SSDという環境上、速度は全く問題なく、むしろ容量のほうが気になるので定期的にかけています。</p>
<p>同じようなソフトを2つ紹介したのは、やはり、どちらでもカバーしきれない領域があるのが、両方で削除を掛けても差分が出るためです。</p>


Windowsのお掃除ソフト

jQueryで簡単なloading画面を作る

<p>joomlaの管理画面を日本語化する方法を説明いたします。</p>
<p>特に難しいことはなく、流れに沿っていけばできるかと思います。</p>
<p>&nbsp;</p>
<p>joomlaをインストールされている前提でお話させて頂きます。</p>
<p>&nbsp;</p>
<h3>１．まずは、日本語化のファイルをダウンロードします。</h4>
<p>記事を書いた時点での最新はこちらになります。</p>
<p><a href="http://joomla.jp/news/release-news/213-release-joomla-314.html">Joomla 3.1.4 リリース &#8211; Joomla! JAPAN</a></p>
<p>日本語とパックになったものがありますね。</p>
<p>&nbsp;</p>
<h3>２．管理画面のExtensions &gt; Extension Manager をクリック</h4>
<p><a href="/uploads-archive/2013/07/Extension-manager.jpg"><img decoding="async" loading="lazy" class="alignnone  wp-image-2789" alt="Extension-manager" src="/uploads-archive/2013/07/Extension-manager-1024x541.jpg" width="614" height="325" /></a></p>
<p>&nbsp;</p>
<h3>３．インストール画面からUpload Package File選択をクリックし、ダウンロードしたファイルをアップロード</h4>
<p>&nbsp;</p>
<p><a href="/uploads-archive/2013/07/Extension-manager-Install.jpg"><img decoding="async" loading="lazy" class="alignnone  wp-image-2790" alt="Extension manager - Install" src="/uploads-archive/2013/07/Extension-manager-Install-1024x592.jpg" width="614" height="355" /></a></p>
<p>アップロードが完了したら次の工程に進みます。</p>
<p>&nbsp;</p>
<h3>４．Extensions→Language Managerをクリックし、遷移したら、左にあるメニューの「Installed &#8211;  Administrator」をクリック</h4>
<p>以下のページが表示されます。</p>
<p><a href="/uploads-archive/2013/07/test-Administration-Language-Manager-Installed-Languages.jpg"><img decoding="async" loading="lazy" class="alignnone  wp-image-2791" alt="test - Administration - Language Manager- Installed Languages" src="/uploads-archive/2013/07/test-Administration-Language-Manager-Installed-Languages-1024x592.jpg" width="614" height="355" /></a></p>
<p>&nbsp;</p>
<h3>５．Defaltの☆マークの箇所をクリックすれば完了です！</h4>
<p><a href="/uploads-archive/2013/07/de0f0a3fc290761cafc1aff806831640.jpg"><img decoding="async" loading="lazy" class="alignnone  wp-image-2792" alt="test - 管理 - コントロールパネル" src="/uploads-archive/2013/07/de0f0a3fc290761cafc1aff806831640-1024x597.jpg" width="614" height="358" /></a></p>
<p>無事日本語化しました！！</p>
<p>&nbsp;</p>
<p>日本語化できたのですが、やはり項目が多く、まだどういじったらいいかよくわからない状況です笑</p>
<p>実際になにかサイトを作ってみるようなことをしないとわからないかもしれませんね。。。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>


joomlaの管理画面を日本語化する方法

jQuery を使ってランダムで要素を表示する

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>

Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧 - カテゴリー: 開発ナレッジ

2013/08/21

2013/08/21

2013/08/20

2013/08/07

2013/08/07

2013/08/07

2013/08/07

2013/08/06

2013/07/31

2013/07/31

2013/07/31

2013/07/31

2013/07/30

2013/07/24

2013/07/24

2013/07/24

2013/07/24

2013/07/17