<p>「Lightbox 2」を使って、ポップアップのスライドショーを簡単に作る事が出来ます。</p>
<p>まず、</p>
<p></p>

		<div id="crayon-64953fd590b18506145813" 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">js</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;link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" /&gt;
　&lt;script src="js/jquery-1.7.2.min.js"&gt;&lt;/script&gt;
　&lt;script src="js/jquery-ui-1.8.18.custom.min.js"&gt;&lt;/script&gt;
　&lt;script src="js/jquery.smooth-scroll.min.js"&gt;&lt;/script&gt;
　&lt;script src="js/lightbox.js"&gt;&lt;/script&gt;</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-64953fd590b18506145813-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd590b18506145813-2">2</div><div class="crayon-num" data-line="crayon-64953fd590b18506145813-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd590b18506145813-4">4</div><div class="crayon-num" data-line="crayon-64953fd590b18506145813-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-64953fd590b18506145813-1"><span class="crayon-h">&lt;</span><span class="crayon-e">link </span><span class="crayon-i">rel</span>=<span class="crayon-s">"stylesheet"</span><span class="crayon-h"> </span><span class="crayon-i">href</span>=<span class="crayon-s">"css/lightbox.css"</span><span class="crayon-h"> </span><span class="crayon-i">type</span>=<span class="crayon-s">"text/css"</span><span class="crayon-h"> </span><span class="crayon-i">media</span>=<span class="crayon-s">"screen"</span><span class="crayon-h"> </span>/<span class="crayon-h">&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd590b18506145813-2">　<span class="crayon-ta">&lt;script </span><span class="crayon-e ">src</span>=<span class="crayon-s">"js/jquery-1.7.2.min.js"</span><span class="crayon-h">&gt;</span><span class="crayon-ta">&lt;/script&gt;</span></div><div class="crayon-line" id="crayon-64953fd590b18506145813-3">　<span class="crayon-ta">&lt;script </span><span class="crayon-e ">src</span>=<span class="crayon-s">"js/jquery-ui-1.8.18.custom.min.js"</span><span class="crayon-h">&gt;</span><span class="crayon-ta">&lt;/script&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd590b18506145813-4">　<span class="crayon-ta">&lt;script </span><span class="crayon-e ">src</span>=<span class="crayon-s">"js/jquery.smooth-scroll.min.js"</span><span class="crayon-h">&gt;</span><span class="crayon-ta">&lt;/script&gt;</span></div><div class="crayon-line" id="crayon-64953fd590b18506145813-5">　<span class="crayon-ta">&lt;script </span><span class="crayon-e ">src</span>=<span class="crayon-s">"js/lightbox.js"</span><span class="crayon-h">&gt;</span><span class="crayon-ta">&lt;/script&gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>cssとjsをheaderの部分に書いて、ソースを読み込みます。</p>
<p>次は<br />
jQueryで画像の動きを書きます。</p>
<p></p>

		<div id="crayon-64953fd590b1d107485684" 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">js</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;script&gt;
jQuery(document).ready(function($) {
$('a').smoothScroll({
speed: 1000,
easing: 'easeInOutCubic'
});
$('.showOlderChanges').on('click', function(e){
$('.changelog .old').slideDown('slow');
$(this).fadeOut();
e.preventDefault();
})
});
&lt;/script&gt;</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-64953fd590b1d107485684-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd590b1d107485684-2">2</div><div class="crayon-num" data-line="crayon-64953fd590b1d107485684-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd590b1d107485684-4">4</div><div class="crayon-num" data-line="crayon-64953fd590b1d107485684-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd590b1d107485684-6">6</div><div class="crayon-num" data-line="crayon-64953fd590b1d107485684-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd590b1d107485684-8">8</div><div class="crayon-num" data-line="crayon-64953fd590b1d107485684-9">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd590b1d107485684-10">10</div><div class="crayon-num" data-line="crayon-64953fd590b1d107485684-11">11</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd590b1d107485684-12">12</div><div class="crayon-num" data-line="crayon-64953fd590b1d107485684-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-64953fd590b1d107485684-1"><span class="crayon-ta">&lt;script&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd590b1d107485684-2"><span class="crayon-e">jQuery</span><span class="crayon-sy">(</span><span class="crayon-r">document</span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">ready</span><span class="crayon-sy">(</span><span class="crayon-t">function</span><span class="crayon-sy">(</span><span class="crayon-sy">$</span><span class="crayon-sy">)</span><span class="crayon-h"> </span><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-64953fd590b1d107485684-3"><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-s">'a'</span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">smoothScroll</span><span class="crayon-sy">(</span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd590b1d107485684-4"><span class="crayon-i">speed</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-cn">1000</span><span class="crayon-sy">,</span></div><div class="crayon-line" id="crayon-64953fd590b1d107485684-5"><span class="crayon-i">easing</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">'easeInOutCubic'</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd590b1d107485684-6"><span class="crayon-sy">}</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-64953fd590b1d107485684-7"><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-s">'.showOlderChanges'</span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">on</span><span class="crayon-sy">(</span><span class="crayon-s">'click'</span><span class="crayon-sy">,</span><span class="crayon-h"> </span><span class="crayon-t">function</span><span class="crayon-sy">(</span><span class="crayon-i">e</span><span class="crayon-sy">)</span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd590b1d107485684-8"><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-s">'.changelog .old'</span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">slideDown</span><span class="crayon-sy">(</span><span class="crayon-s">'slow'</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-64953fd590b1d107485684-9"><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-r">this</span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">fadeOut</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd590b1d107485684-10"><span class="crayon-i">e</span><span class="crayon-sy">.</span><span class="crayon-e">preventDefault</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-64953fd590b1d107485684-11"><span class="crayon-sy">}</span><span class="crayon-sy">)</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd590b1d107485684-12"><span class="crayon-sy">}</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div><div class="crayon-line" id="crayon-64953fd590b1d107485684-13"><span class="crayon-ta">&lt;/script&gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p>表示させたいHTML内容</p>
<p></p>

		<div id="crayon-64953fd590b1f904867141" 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">html</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;a href="./images/img_01.jpeg" rel="lightbox[plants]" title="ミャンマー、初めての首都、バガン"&gt;

&lt;img src="./images/img_01.jpeg" alt="バガン"&gt;&lt;/a&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-64953fd590b1f904867141-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd590b1f904867141-2">2</div><div class="crayon-num" data-line="crayon-64953fd590b1f904867141-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd590b1f904867141-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-64953fd590b1f904867141-1"><span class="crayon-c">//ポップアップに表示される画像とテキスト</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd590b1f904867141-2"><span class="crayon-h">&lt;</span><span class="crayon-i">a</span><span class="crayon-h"> </span><span class="crayon-i">href</span>=<span class="crayon-s">"./images/img_01.jpeg"</span><span class="crayon-h"> </span><span class="crayon-i">rel</span>=<span class="crayon-s">"lightbox[plants]"</span><span class="crayon-h"> </span><span class="crayon-i">title</span>=<span class="crayon-s">"ミャンマー、初めての首都、バガン"</span><span class="crayon-h">&gt;</span></div><div class="crayon-line" id="crayon-64953fd590b1f904867141-3">&nbsp;</div><div class="crayon-line crayon-striped-line" id="crayon-64953fd590b1f904867141-4"><span class="crayon-h">&lt;</span><span class="crayon-e">img </span><span class="crayon-i">src</span>=<span class="crayon-s">"./images/img_01.jpeg"</span><span class="crayon-h"> </span><span class="crayon-i">alt</span>=<span class="crayon-s">"バガン"</span><span class="crayon-h">&gt;</span><span class="crayon-h">&lt;</span>/<span class="crayon-i">a</span><span class="crayon-h">&gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<p><a href="/demo/poe/20130924/" class="demo" target="_blank">デモ</a></p>
<p>ポップアップのデザインをちょっと調整したい時は、「css/lightbox.css」を使って調整できます。</p>

ポップアップスライドショー

【symfony2.3】仕様変更のまとめその2

オブジェクトをきれいに整列させてくれるjQueryプラグイン

title3.jpg

webサイトのフォントサイズをjQueryを使って変更する

【Symfony2.3】Form関連の仕様変更

【jquery】ページを丸ごと切り替えるプラグイン

高さを揃えるjQueryプラグイン「jQuery-fixHeightSimple」つくりました

phpとinfinitescrollのもっと見る機能

css3を使って要素を上下左右中央に配置する方法

jQueryとCSS3で円の型抜きのホバー効果

googlemapをブラウザの横幅一杯に表示するとカッコイイかも

【postfix】エイリアス（別名）設定

【CentOS6】yumで特定バージョンのパッケージをインストール

jQuery.Deferredでわかりやすく順番にアニメーションする方法

シンプルでフレキシブルでレスポンシブなlightboxプラグイン「Nivo Lightbox」

php クラスを覚えよう

<p>お掃除ソフトシリーズも第三段になりました（笑）</p>
<p>&nbsp;</p>
<p>本日、社員と何気なく昼食を食べていて、iphoneの軽量化の話になったので、iphoneも知ってるから今日記事で書くわという運びになりました。</p>
<p>&nbsp;</p>
<h4 id="for_all">PhoneClean</h3>
<p><a href="http://www.imobie.com/phoneclean/" target="_blank">http://www.imobie.com/phoneclean/</a></p>
<p>phoneCleanは、WindowsやMacなど母艦となるPCにインストールするソフトウェアです。</p>
<p>まずは、上記URLからダウンロードしてインストールします。</p>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-2934" alt="screenshot" src="/uploads-archive/2013/08/screenshot-300x218.png" width="300" height="218" srcset="/uploads-archive/2013/08/screenshot-300x218.png 300w, /uploads-archive/2013/08/screenshot-768x558.png 768w, /uploads-archive/2013/08/screenshot-228x166.png 228w, /uploads-archive/2013/08/screenshot.png 828w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>起動画面です。全て英語ですので、簡単に意訳すると</p>
<ul>
<li>ゴミと一時ファイル</li>
<li>キャッシュとオフラインファイル</li>
<li>クッキーとスクリプトファイル</li>
<li>同期に失敗したメディアファイル</li>
</ul>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-2933" alt="screenshot 2" src="/uploads-archive/2013/08/screenshot-2-300x218.png" width="300" height="218" srcset="/uploads-archive/2013/08/screenshot-2-300x218.png 300w, /uploads-archive/2013/08/screenshot-2-768x558.png 768w, /uploads-archive/2013/08/screenshot-2-228x166.png 228w, /uploads-archive/2013/08/screenshot-2.png 828w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>itunesに同期する要領でPCとiphoneをケーブルでつなぎます。</p>
<p>StartScanを押すと開始します。</p>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-2932" alt="screenshot 3" src="/uploads-archive/2013/08/screenshot-3-300x218.png" width="300" height="218" srcset="/uploads-archive/2013/08/screenshot-3-300x218.png 300w, /uploads-archive/2013/08/screenshot-3-768x558.png 768w, /uploads-archive/2013/08/screenshot-3-228x166.png 228w, /uploads-archive/2013/08/screenshot-3.png 828w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>解析中です。ガツガツ溜まっていきます。</p>
<p><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-2931" alt="screenshot 4" src="/uploads-archive/2013/08/screenshot-4-300x218.png" width="300" height="218" srcset="/uploads-archive/2013/08/screenshot-4-300x218.png 300w, /uploads-archive/2013/08/screenshot-4-768x558.png 768w, /uploads-archive/2013/08/screenshot-4-228x166.png 228w, /uploads-archive/2013/08/screenshot-4.png 828w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>スキャンが終了すると、削除する容量と「Clean Up」ボタンが出ます。</p>
<p><a href="/uploads-archive/2013/08/screenshot-5.png"><img decoding="async" loading="lazy" class="alignnone size-medium wp-image-2935" alt="screenshot 5" src="/uploads-archive/2013/08/screenshot-5-300x253.png" width="300" height="253" /></a></p>
<p>&nbsp;</p>
<p>削除完了すると結果が表示されます。</p>
<p>2週間前くらいに掃除をしたのですが、約600MBを削除することが出来ました。</p>
<p>初回は、15分以上かかると思いますが、定期的にかけていると所要時間は10分程度いったところです。クリックは2回だけであとは、待つだけです。</p>


iOSのお掃除ソフト「PhoneClean」

<p>ウェブサービスで、１サーバー１ドメインのパターンがよく見られます。<br />
そのパターンでは、IPアドレスで直接アクセスされたくない傾向ですが、設定方法を知らない人が多いのようですのでここで紹介します。</p>
<p>下記の三つの手順で、簡単に設定できます。</p>
<h3>httpd.conf設定ファイル編集</h4>
<p>VirtualHostを設定しないといけないです。<br />
指定ドメイン（ここは「example.net」）以外のアクセス（例えば、IPでのアクセス）が来たとき、/tmpにスールします。<br />
/tmpにはapacheのアクセス権限がないため、403になるはずです。</p>
<p></p>

		<div id="crayon-64953fd58e2ed605214979" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
vi /etc/httpd/conf/httpd.conf</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-64953fd58e2ed605214979-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-64953fd58e2ed605214979-1"><span class="crayon-i">vi</span><span class="crayon-h"> </span>/<span class="crayon-i">etc</span>/<span class="crayon-i">httpd</span>/<span class="crayon-i">conf</span>/<span class="crayon-i">httpd</span><span class="crayon-sy">.</span><span class="crayon-i">conf</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>最下部の、<br />
#NameVirtualHost *:80<br />
のコメントを外して、下記を追記します。</p>
<p></p>

		<div id="crayon-64953fd58e2f1118139464" 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;VirtualHost *:80&gt;
ServerName any
DocumentRoot /tmp
&lt;/VirtualHost&gt;
&lt;VirtualHost *:80&gt;
ServerName example.net
DocumentRoot /var/www/html
&lt;/VirtualHost&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-64953fd58e2f1118139464-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd58e2f1118139464-2">2</div><div class="crayon-num" data-line="crayon-64953fd58e2f1118139464-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd58e2f1118139464-4">4</div><div class="crayon-num" data-line="crayon-64953fd58e2f1118139464-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd58e2f1118139464-6">6</div><div class="crayon-num" data-line="crayon-64953fd58e2f1118139464-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd58e2f1118139464-8">8</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-64953fd58e2f1118139464-1"><span class="crayon-h">&lt;</span><span class="crayon-e ">VirtualHost *</span><span class="crayon-sy">:</span><span class="crayon-cn">80</span><span class="crayon-h">&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd58e2f1118139464-2"><span class="crayon-e">ServerName </span><span class="crayon-e">any</span></div><div class="crayon-line" id="crayon-64953fd58e2f1118139464-3"><span class="crayon-i">DocumentRoot</span><span class="crayon-h"> </span>/<span class="crayon-i">tmp</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd58e2f1118139464-4"><span class="crayon-h">&lt;</span>/<span class="crayon-i">VirtualHost</span><span class="crayon-h">&gt;</span></div><div class="crayon-line" id="crayon-64953fd58e2f1118139464-5"><span class="crayon-h">&lt;</span><span class="crayon-e ">VirtualHost *</span><span class="crayon-sy">:</span><span class="crayon-cn">80</span><span class="crayon-h">&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd58e2f1118139464-6"><span class="crayon-e">ServerName </span><span class="crayon-i">example</span><span class="crayon-sy">.</span><span class="crayon-e">net</span></div><div class="crayon-line" id="crayon-64953fd58e2f1118139464-7"><span class="crayon-i">DocumentRoot</span><span class="crayon-h"> </span>/<span class="crayon-t">var</span>/<span class="crayon-i">www</span>/<span class="crayon-i">html</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd58e2f1118139464-8"><span class="crayon-h">&lt;</span>/<span class="crayon-i">VirtualHost</span><span class="crayon-h">&gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<h3>welcome.conf設定ファイルリネーム</h4>
<p>welcome.confは、403の対処を書いてるファイルです。デフォルトではApacheのテストページを表示します。<br />
Apacheテストページを表示しないようにするため、welcome.confをリネームします。</p>
<p></p>

		<div id="crayon-64953fd58e2f2932849552" 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;">
mv /etc/httpd/conf.d/welcome.conf /etc/httpd/conf.d/welcome.conf.org</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-64953fd58e2f2932849552-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-64953fd58e2f2932849552-1"><span class="crayon-i">mv</span><span class="crayon-h"> </span>/<span class="crayon-i">etc</span>/<span class="crayon-i">httpd</span>/<span class="crayon-i">conf</span><span class="crayon-sy">.</span><span class="crayon-i">d</span>/<span class="crayon-i">welcome</span><span class="crayon-sy">.</span><span class="crayon-i">conf</span><span class="crayon-h"> </span>/<span class="crayon-i">etc</span>/<span class="crayon-i">httpd</span>/<span class="crayon-i">conf</span><span class="crayon-sy">.</span><span class="crayon-i">d</span>/<span class="crayon-i">welcome</span><span class="crayon-sy">.</span><span class="crayon-i">conf</span><span class="crayon-sy">.</span><span class="crayon-i">org</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>
<h3>apacheの再起動</h4>
<p></p>

		<div id="crayon-64953fd58e2f4916050870" 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;">
service httpd restart</textarea></div>
			<div class="crayon-main" style="">
				<table class="crayon-table">
					<tr class="crayon-row">
				<td class="crayon-nums " data-settings="show">
					<div class="crayon-nums-content" style="font-size: 13px !important; line-height: 18px !important;"><div class="crayon-num" data-line="crayon-64953fd58e2f4916050870-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-64953fd58e2f4916050870-1"><span class="crayon-e">service </span><span class="crayon-e">httpd </span><span class="crayon-i">restart</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>※設定ファイルのreloadだけでもいけるらしい</p>
<p></p>

		<div id="crayon-64953fd58e2f5234231124" 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;">
service httpd reload</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-64953fd58e2f5234231124-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-64953fd58e2f5234231124-1"><span class="crayon-e">service </span><span class="crayon-e">httpd </span><span class="crayon-i">reload</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p> </p>

【apache】サーバーのIPでアクセスできないようにするには？

Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

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

2013/09/25

2013/09/25

2013/09/18

2013/09/18

2013/09/17

2013/09/11

2013/09/11

2013/09/11

2013/09/11

2013/09/05

2013/09/05

2013/09/05

2013/08/28

2013/08/28

2013/08/28

2013/08/27

2013/08/21

2013/08/21