<p>Ruby on Railsにbootstrapを使用したいときは、通常<br />
<a class="link" href="https://github.com/twbs/bootstrap-sass#a-ruby-on-rails" target="_blank">Bootstrap for Sass &#8211; GitHub</a><br />
のように、gemを利用することが多いですが、<br />
<em><strong>諸々の事情により</strong></em>、公式サイトよりインストールしたソース（しかもcss）を使用したい場合があるかと思いますが、そのときの設置方法を記事にしました。</p>
<h2>1. ファイルのインストール及び設置</h2>
<p>公式サイトよりダウンロードし、css、javascriptをそれぞれ<br />
app/assets/stylesheet<br />
app/assets/javascript<br />
に設置。また、glyphiconsのフォントを<br />
app/assets/font<br />
配下に配置する。</p>
<p>また、configにてconfig.assets.precompileによりcompileするassetsを指定している場合は、下記を追加する。</p>

		<div id="crayon-649540263e840651931066" 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">add config.assets.precompile</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;">
config.assets.precompile += %w(.eot .ttf .woff .woff2)</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-649540263e840651931066-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-649540263e840651931066-1"><span class="crayon-i">config</span><span class="crayon-sy">.</span><span class="crayon-i">assets</span><span class="crayon-sy">.</span><span class="crayon-i">precompile</span><span class="crayon-h"> </span>+=<span class="crayon-h"> </span><span class="crayon-sy">%</span><span class="crayon-e">w</span><span class="crayon-sy">(</span><span class="crayon-sy">.</span><span class="crayon-i">eot</span><span class="crayon-h"> </span><span class="crayon-sy">.</span><span class="crayon-i">ttf</span><span class="crayon-h"> </span><span class="crayon-sy">.</span><span class="crayon-i">woff</span><span class="crayon-h"> </span><span class="crayon-sy">.</span><span class="crayon-i">woff2</span><span class="crayon-sy">)</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p></p>
<h2>２. cssの書き換えを行う。</h2>
<p>上記のような設置方法の場合、glyphiconsのフォントは読み込まれないので、bootstrap.cssの書き換えを行う必要がある。<br />
まず、bootstrap.cssをbootstrap.css.erbにrenameを行う。<br />
その後、cssにてフォントをしている箇所にて、</p>

		<div id="crayon-649540263e844216893607" 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;">
src: url('../fonts/glyphicons-halflings-regular.eot');</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-649540263e844216893607-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-649540263e844216893607-1"><span class="crayon-i">src</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-e">url</span><span class="crayon-sy">(</span><span class="crayon-s">'../fonts/glyphicons-halflings-regular.eot'</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>から</p>

		<div id="crayon-649540263e846068373465" 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;">
src: url(&lt;%= asset_path 'glyphicons-halflings-regular.eot' %&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-649540263e846068373465-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-649540263e846068373465-1"><span class="crayon-i">src</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-e">url</span><span class="crayon-sy">(</span><span class="crayon-ta">&lt;%=</span><span class="crayon-h"> </span><span class="crayon-i">asset_path</span><span class="crayon-h"> </span><span class="crayon-s">'glyphicons-halflings-regular.eot'</span><span class="crayon-h"> </span><span class="crayon-ta">%&gt;</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>のような書き換えを行う。</p>
<p>以上により、設置は完了です。<br />
こちらを参考に致しました。<br />
<a href="https://gist.github.com/anotheruiguy/7379570" target="_blank" class="link">anotheruiguy/web-fonts-asset-pipeline.md &#8211; GitHub</a></p>

Railsでgemを使わずbootstarpを使用したいとき

<p>Ruby on Railsの管理画面自動生成には、typus等様々なものが存在しますが、今回はrails adminとdeviseを利用した管理画面生成を記事にしてみました。</p>
<h3>1.deviseのインストール</h3>
<p>今回は割愛します。</p>
<h3>2.管理画面を利用したいmodelにdeviseを追加する</h3>
<p></p>

		<div id="crayon-649540263e088954173100" 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">add devise to model / generate devise model</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;">
rails g devise モデル名</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-649540263e088954173100-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-649540263e088954173100-1"><span class="crayon-i">rails</span><span class="crayon-h"> </span><span class="crayon-i">g</span><span class="crayon-h"> </span><span class="crayon-i">devise</span><span class="crayon-h"> </span>モデル名</div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p></p>
<h3>3.deviseが追加されたmodelの調整を行う</h3>
<p>deviseをmodelに追加された際には、<br />
:database_authenticatable, :registerable,:recoverable, :rememberable, :validatableが自動的に追加されます。<br />
管理画面を生成する際は、:registerable,:recoverable,を削除するのが一般的なようです。<br />
もし、上記を削除した際には、deviseを追加した際に、上記のカラムがmigrationに追加されますが、<br />
Recoverableとreset_password_tokenの部分も同様に削除します。</p>
<p>調整が完了したらrake db:migrateを実行します。</p>
<h3>4.Gemfileにadmin_railsのgemを追加し、bundle installを実行</h3>
<p>そしてそのあと、rails g rails_admin:installを実行し、rails_adminのconfigファイルを生成する。</p>
<h3>5.rails_adminとdeviseの連携を行う</h3>
<p>config/initializers/rails_admin.rb<br />
にて</p>

		<div id="crayon-649540263e08c820769357" 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">default rails_admin</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;">
## == Devise ==
# config.authenticate_with do
#　　 warden.authenticate! scope: :モデル名
# end
# config.current_user_method(&amp;:current_モデル名)</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-649540263e08c820769357-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263e08c820769357-2">2</div><div class="crayon-num" data-line="crayon-649540263e08c820769357-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263e08c820769357-4">4</div><div class="crayon-num" data-line="crayon-649540263e08c820769357-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-649540263e08c820769357-1"><span class="crayon-p">## == Devise ==</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263e08c820769357-2"><span class="crayon-p"># config.authenticate_with do</span></div><div class="crayon-line" id="crayon-649540263e08c820769357-3"><span class="crayon-p">#　　 warden.authenticate! scope: :モデル名</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263e08c820769357-4"><span class="crayon-p"># end</span></div><div class="crayon-line" id="crayon-649540263e08c820769357-5"><span class="crayon-p"># config.current_user_method(&amp;:current_モデル名)</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>と元もとコメントアウトされている部分を外す。</p>
<p></p>

		<div id="crayon-649540263e08e477853773" 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">modify rails_admin.rb</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;">
# == Devise ==
config.authenticate_with do
　　warden.authenticate! scope: :user
end
config.current_user_method(&amp;:current_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-649540263e08e477853773-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263e08e477853773-2">2</div><div class="crayon-num" data-line="crayon-649540263e08e477853773-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263e08e477853773-4">4</div><div class="crayon-num" data-line="crayon-649540263e08e477853773-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-649540263e08e477853773-1"><span class="crayon-p"># == Devise ==</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263e08e477853773-2"><span class="crayon-i">config</span><span class="crayon-sy">.</span><span class="crayon-e">authenticate_with </span><span class="crayon-st">do</span></div><div class="crayon-line" id="crayon-649540263e08e477853773-3">　　<span class="crayon-i">warden</span><span class="crayon-sy">.</span><span class="crayon-i">authenticate</span><span class="crayon-sy">!</span><span class="crayon-h"> </span><span class="crayon-i">scope</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-sy">:</span><span class="crayon-e">user</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263e08e477853773-4"><span class="crayon-st">end</span></div><div class="crayon-line" id="crayon-649540263e08e477853773-5"><span class="crayon-i">config</span><span class="crayon-sy">.</span><span class="crayon-e">current_user_method</span><span class="crayon-sy">(</span>&<span class="crayon-sy">:</span><span class="crayon-i">current_user</span><span class="crayon-sy">)</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p></p>
<h3>６.routeの設定を行う</h3>
<p></p>

		<div id="crayon-649540263e08f243438649" 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">add route</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;">
devise_for :モデル名（sが必要かもしれない）</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-649540263e08f243438649-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-649540263e08f243438649-1"><span class="crayon-i">devise_for</span><span class="crayon-h"> </span><span class="crayon-sy">:</span>モデル名（<span class="crayon-i">s</span>が必要かもしれない）</div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p></p>
<h3>7.rails consoleより管理画面ユーザーの追加</h3>
<p></p>

		<div id="crayon-649540263e090603294446" 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">save email and password</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;">
m = Model.new
m.email = "example@www.example.com"
m.password = "password"
m.password_confirmation = "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-649540263e090603294446-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263e090603294446-2">2</div><div class="crayon-num" data-line="crayon-649540263e090603294446-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263e090603294446-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-649540263e090603294446-1"><span class="crayon-i">m</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-i">Model</span><span class="crayon-sy">.</span><span class="crayon-i">new</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263e090603294446-2"><span class="crayon-i">m</span><span class="crayon-sy">.</span><span class="crayon-i">email</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-s">"example@www.example.com"</span></div><div class="crayon-line" id="crayon-649540263e090603294446-3"><span class="crayon-i">m</span><span class="crayon-sy">.</span><span class="crayon-i">password</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-s">"password"</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263e090603294446-4"><span class="crayon-i">m</span><span class="crayon-sy">.</span><span class="crayon-i">password_confirmation</span><span class="crayon-h"> </span>=<span class="crayon-h"> </span><span class="crayon-s">"password"</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p></p>
<h3>8.リロードを行い、root_url/adminにアクセスする</h3>
<h2>所感・参考</h2>
<p>30分ぐらいで完成します。</p>
<p><a href="https://github.com/sferik/rails_admin">rails admin git hub</a><br />
<a href="http://rails-admin-tb.herokuapp.com/">rails admin demo site</a></p>

rails admin + deviseを利用して管理画面を自動生成する

<p>Webにてアイコンをフォントで設置する場合、Font Awesomeが使用されますが、Ruby on Railsにて導入する場合を記事にしてみました。<br />
Rails以外でFont Awesomeを設置する場合は、こちらの記事が参考になります。<br />
<a href="/designer/%E3%81%A1%E3%82%87%E3%81%A3%E3%81%A8%E3%81%97%E3%81%9F%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3%E3%81%AB%E3%81%84%E3%81%84%E3%80%8Cfontawesome%E3%80%8D/" class="link">ちょっとしたアイコンにいい「FontAwesome」</a></p>
<h3>Gemfile</h3>
<p></p>

		<div id="crayon-649540263ca6a538667409" 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">Gemfile</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;">
gem 'font-awesome-rails'</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-649540263ca6a538667409-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-649540263ca6a538667409-1"><span class="crayon-i">gem</span><span class="crayon-h"> </span><span class="crayon-s">'font-awesome-rails'</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>Gemfileにfont-awesome-railsを追加し、bundle installを実行する。</p>
<h3>application.css</h3>
<p></p>

		<div id="crayon-649540263ca6f020810100" 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">application.css</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;">
*= require font-awesome</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-649540263ca6f020810100-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-649540263ca6f020810100-1">*=<span class="crayon-h"> </span><span class="crayon-e">require </span><span class="crayon-i">font</span>-<span class="crayon-i">awesome</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>app/assets/stylesheets/application.cssに上記を追加する。</p>
<p>準備は以上で完了です。</p>
<p>使用するときは、htmlタグにて</p>

		<div id="crayon-649540263ca70073838998" 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">class</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;i class="fa fa-twitter" aria-hidden="true"&gt;&lt;/i&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-649540263ca70073838998-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-649540263ca70073838998-1"><span class="crayon-h">&lt;</span><span class="crayon-i">i</span><span class="crayon-h"> </span><span class="crayon-t">class</span>=<span class="crayon-s">"fa fa-twitter"</span><span class="crayon-h"> </span><span class="crayon-i">aria</span>-<span class="crayon-i">hidden</span>=<span class="crayon-s">"true"</span><span class="crayon-h">&gt;</span><span class="crayon-h">&lt;</span>/<span class="crayon-i">i</span><span class="crayon-h">&gt;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>設置したり、cssのclassにて</p>

		<div id="crayon-649540263ca71958409939" 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">class</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;">
content: "\f164";
font: normal normal normal 14px/1 FontAwesome;</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-649540263ca71958409939-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540263ca71958409939-2">2</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-649540263ca71958409939-1"><span class="crayon-i">content</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-s">"\f164"</span><span class="crayon-sy">;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540263ca71958409939-2"><span class="crayon-i">font</span><span class="crayon-sy">:</span><span class="crayon-h"> </span><span class="crayon-e">normal </span><span class="crayon-e">normal </span><span class="crayon-i">normal</span><span class="crayon-h"> </span><span class="crayon-cn">14px</span>/<span class="crayon-cn">1</span><span class="crayon-h"> </span><span class="crayon-i">FontAwesome</span><span class="crayon-sy">;</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>と設置します。</p>
<p>アイコンを使用したい場所に上記を設置後、<br />
rake assets:precompile<br />
を実行すれば、</p>
<blockquote><p>public/assets/FontAwesome-bcf2323752da19b8cc2695e88722807a803c0a2a9f20d8a7d7cb55846b55b3fa.otf<br />
public/assets/fontawesome-webfont-23f40876f4009dc2b74ad97674c979cd435ff888990d14900f38a1cb36f10bdf.eot<br />
public/assets/fontawesome-webfont-b0387cc7b1ca00f2f04bde2cd508be6e1a17caf0ee713a19627c1f02c638e280.svg<br />
public/assets/fontawesome-webfont-b0387cc7b1ca00f2f04bde2cd508be6e1a17caf0ee713a19627c1f02c638e280.svg.gz<br />
public/assets/fontawesome-webfont-3e8c3cc94dc6261132948b99958b852ff8504c64686bedd6b1505563ed72e4d8.ttf<br />
public/assets/fontawesome-webfont-a4d2c0c031f66c57ec2815079e49e41cad9dc58f0986ba072fb88fff888dca0e.woff<br />
public/assets/fontawesome-webfont-d3ebb498192527b985939ae62cc4e5eb5c108efc1896184126b45d866868e73d.woff2</p></blockquote>
<p>とFontAwesomeが自動的に読み込まれます。<br />
とても便利です。</p>
<h3>注意</h3>
<p>Rails以外のアプリケーションで使用する場合、fontディレクトリを作成し、そこにfont-awesome.min.cssを設置しますが、そのやり方でもできるようです。<br />
ただし、共存しているとうまく読み込まれないこともあるようです。</p>

RailsでFont Awesomeを使用する

<p>先日、<a href="/blog/development/rails%E3%81%AE%E9%96%8B%E7%99%BA%E7%92%B0%E5%A2%83%E3%82%92%E4%BD%9C%E3%82%8B%EF%BC%88%EF%BC%91%EF%BC%89.html">Railsの開発環境を作る（１）</a>という記事を書いたのですが、そのときはApacheを利用していない環境でした。前回の記事を書いてから、Apacheの設定を行なったので、その作成ログをまた記事にしました。</p>
<h2>passengerのインストール</h2>
<p></p>

		<div id="crayon-649540158f2df764737530" 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;">
gem install passenger
yum install libcurl-devel -y
passenger-install-apache2-module
passenger-install-apache2-module --snippet &gt; /etc/httpd/conf.d/passenger.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-649540158f2df764737530-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540158f2df764737530-2">2</div><div class="crayon-num" data-line="crayon-649540158f2df764737530-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540158f2df764737530-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-649540158f2df764737530-1"><span class="crayon-e">gem </span><span class="crayon-e">install </span><span class="crayon-e">passenger</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540158f2df764737530-2"><span class="crayon-e">yum </span><span class="crayon-e">install </span><span class="crayon-i">libcurl</span>-<span class="crayon-i">devel</span><span class="crayon-h"> </span>-<span class="crayon-i">y</span></div><div class="crayon-line" id="crayon-649540158f2df764737530-3"><span class="crayon-i">passenger</span>-<span class="crayon-i">install</span>-<span class="crayon-i">apache2</span>-<span class="crayon-e">module</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540158f2df764737530-4"><span class="crayon-i">passenger</span>-<span class="crayon-i">install</span>-<span class="crayon-i">apache2</span>-<span class="crayon-i">module</span><span class="crayon-h"> </span>--<span class="crayon-i">snippet</span><span class="crayon-h"> </span><span class="crayon-h">&gt;</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">passenger</span><span class="crayon-sy">.</span><span class="crayon-i">conf</span><span class="crayon-h"> </span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>passenger-install-apache2-moduleの部分が時間かかります。</p>
<h2>Apacheのhttpd.confの設定</h2>
<p>vim等で/var/httpd/conf/http.confの設定を行う。<br />
httpd.conf下部の</p>

		<div id="crayon-649540158f2e4323467031" 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;">
NameVirtualHost *:80</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-649540158f2e4323467031-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-649540158f2e4323467031-1"><span class="crayon-e ">NameVirtualHost *</span><span class="crayon-sy">:</span><span class="crayon-cn">80</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>が#でコメントアウトになっているので外す。<br />
次にhttpd.conf下部に</p>

		<div id="crayon-649540158f2e5999225673" 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 xxx.yyy.zzz.ppp
    DocumentRoot /var/www/html/など
    RailsEnv development
    &lt;Directory "/var/www/html/など"&gt;
        Options -MultiViews
        AllowOverride All
    &lt;/Directory&gt;
&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-649540158f2e5999225673-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540158f2e5999225673-2">2</div><div class="crayon-num" data-line="crayon-649540158f2e5999225673-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540158f2e5999225673-4">4</div><div class="crayon-num" data-line="crayon-649540158f2e5999225673-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540158f2e5999225673-6">6</div><div class="crayon-num" data-line="crayon-649540158f2e5999225673-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-649540158f2e5999225673-8">8</div><div class="crayon-num" data-line="crayon-649540158f2e5999225673-9">9</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-649540158f2e5999225673-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-649540158f2e5999225673-2"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-e">ServerName </span><span class="crayon-i">xxx</span><span class="crayon-sy">.</span><span class="crayon-i">yyy</span><span class="crayon-sy">.</span><span class="crayon-i">zzz</span><span class="crayon-sy">.</span><span class="crayon-e">ppp</span></div><div class="crayon-line" id="crayon-649540158f2e5999225673-3"><span class="crayon-e">&nbsp;&nbsp;&nbsp;&nbsp;</span><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-649540158f2e5999225673-4"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-e">RailsEnv </span><span class="crayon-i">development</span></div><div class="crayon-line" id="crayon-649540158f2e5999225673-5"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-h">&lt;</span><span class="crayon-i">Directory</span><span class="crayon-h"> </span><span class="crayon-s">"/var/www/html/など"</span><span class="crayon-h">&gt;</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540158f2e5999225673-6"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-i">Options</span><span class="crayon-h"> </span>-<span class="crayon-e">MultiViews</span></div><div class="crayon-line" id="crayon-649540158f2e5999225673-7"><span class="crayon-e">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-e">AllowOverride </span><span class="crayon-i">All</span></div><div class="crayon-line crayon-striped-line" id="crayon-649540158f2e5999225673-8"><span class="crayon-h">&nbsp;&nbsp;&nbsp;&nbsp;</span><span class="crayon-h">&lt;</span>/<span class="crayon-i">Directory</span><span class="crayon-h">&gt;</span></div><div class="crayon-line" id="crayon-649540158f2e5999225673-9"><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>を加える。プロジェクトのフォルダ/publicをDocumentRootにすることに注意。publicにしないとApacheのTest画面が表示される。<br />
Apacheの再起動。</p>

		<div id="crayon-649540158f2e6735872878" 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-649540158f2e6735872878-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-649540158f2e6735872878-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></p>
<p>以上で終わりです。どこかの記事でpassengerの設定が面倒と書いてあったのですが、意外とすんなりいけたように思います。自分の場合は、railsのインストールが一番手間取ったかもです。<br />
上記の構築は、サーバー上でもVagrantの環境でも同じです。</p>
<h3>参考</h3>
<p><a href ="http://news.netcraft.com/archives/category/web-server-survey/">Web Server Survey</a><br />
Webサーバーの市場シェア<br />
Apacheのシェアは現時点では４割弱らしいです。</p>

Blogブログ

Articles

Contact Us