<p>今までテキストエディタがmi使ってました。別に不満などないですが、何となくダサいなあと感じました。</p>
<p>また、開発にはeclipse使ってますが、重いから、ちょっとしたファイルの編集には使いたくないんです。</p>
<p>新年を機に、テキストエディタを<a href="http://www.sublimetext.com/">sublime</a>に変えてみました。<br />
かなり高機能なエディタですが、気が向くまで全機能使っていいのは素晴らしいです。</p>
<p>ちょっと使ってみた感想と機能紹介になります。</p>
<h2>便利なビュー機能</h3>
<p>・minimap<br />
現在の画面はファイル全体から見てどのあたりにあるのかが分かる機能。<br />
必要ないときはこの機能をoffにする。<br />
.sidebar<br />
現在のworkspaceにあるファイルが簡単に開ける。<br />
デフォルトはoffになっているが、必要なとき（複数ファイルで作業するとき）にonに切り替えると便利。</p>
<h2>デフォルト設定が簡単にoverwriteできる</h3>
<p>見た目とショットキーのデフォルト設定ファイル（JSON形式で書いてる）があって、それに対するユーザ設定ファイルに設定したい項目を書くだけで、デフォルト設定がoverwriteされるのは、斬新といえば斬新だ。。</p>
<h2>マルチカーソル</h3>
<p>編集に便利みたい<br />
自分にとってどうでもいい機能</p>
<h2>command palette</h3>
<p>macでcmd+shift+pを押すだけで、実行できるコマンドリストが出てくる。</p>
<h2>goto anything</h3>
<p>macでのショットキーはcmd+p。<br />
workspaceで別のファイルを見たい場合がこれが便利。<br />
ファイルの行数とシンボル（例えば、関数名）まで直接行ける。</p>
<h2>project機能</h3>
<p>workspaceをproject単位で保存できる。<br />
さらに、workspace内特定なファイル（例えば、phpファイル）だけ表示するような設定までもできる。<br />
どうやって保存したprojectを探し出せるのがはいまいち分からない。</p>
<h2>snippet</h3>
<p>既存や自作のテンプレートをショットカットで呼び出す機能</p>
<h2>build system</h3>
<p>phpなどのファイルをエディタ内のconsoleで実行し、結果を知らせてくれる機能。<br />
自分にとってどうでもいい機能</p>
<h2>package</h3>
<p>package controlをインストールすると、かなりな数のpackageがインストール可能になる。<br />
「sublime package control」で検索すること。</p>
<h2>windowの分割</h3>
<p>windowを任意数に分割できるらしい。<br />
ファイルを見比べながら作業するに便利。</p>


新しい年に、テキストエディタをsublimeに変えた

<h2>postfix</h3>
<p>・aliases設定<br />
vi /etc/aliases<br />
newaliases<br />
/etc/init.d/postfix restart</p>
<h2>dovecot</h3>
<p>vi /etc/dovecot/conf.d/10-auth.conf<br />
#disable_plaintext_auth = yes→disable_plaintext_auth = no<br />
/etc/init.d/dovecot restart</p>


【自分用】centOS6でメール設定での注意点

CodeIgniterの基本的な設定

<p>仕事の需要で、Ethnaのフレームワークを使ってみました。</p>
<h2>バージョン</h3>
<p>Ethnaというのは、グリー社が開発したPHPフレームワークの一種で、最終バージョンは2.6のようです。<br />
とは言え、バージョン2.6が出てきたのは2011年の春のようで、もう1年ぐらい更新はしていなくて、開発が止まっているかなと思います。</p>
<p>今回使うのは、バージョン2.3ぐらいで、2007年ごろのものです。</p>
<h2>Ethnaの特徴</h3>
<p>自分がSymfonyもCakeもの経験者であり、Ethnaを見て、「こういう使い方もありえるか」と思いました。</p>
<p>下記は、自分が思ったEthnaの特徴を書きます。<br />
１、MVCとはいえ、わざわざview表示（smartyに渡る）のため処理を作っていて、Controller（action）との分けが曖昧になっている<br />
２、routingの設定がない。そのかわりに、urlに「acton_xxx」という名前のパラメーターがあって、その「xxx」は処理を担当するactionの名前になり、なんか微妙に頼れない感じ。<br />
３、actionごと、action_formというものがあって、urlで使えるパラメーターの名前と種類（数字や文字列など）の定義をしている。これはなかなか興味深い！<br />
４、Model側では、DBとのORM連携をしていなくて、直接SQL文を発行してDB操作をしているらしい。</p>
<h2>まとめ</h3>
<p>最近フレームワーク（symfonyなど）の進化が激しくて、いろいろ開発に便利な機能（考え）も取り込まれて、よいものになっています。<br />
それらと比べると、Ethnaはもう時代遅れになっているかもしりません。</p>


Ethnaを使ってみました

<h3>ミャンマーの交通機関</h4>
<p>最近、ミャンマーのビジネスニュースやいろいろな情報を探したり、</p>
<p>まとめたりしています。</p>
<p>今回はミャンマーの交通機関について記述したいと思います。</p>
<p>ミャンマーでは電車よりバスが使われております。<br />
日本の山手線みたいな、都心を回る電車はありますが、<br />
１時間４回ぐらいしか走っていません。</p>
<p>料金は２円ぐらい（２０チャット（２年前））です。<br />
会社から交通費がもらえないため、交通費に余りお金使えない人たちが利用しています。</p>
<p>ミャンマー国民が利用しているバスはだいたい日本の中古車です。</p>
<p>最近は中国や韓国からも輸入されているみたいです。<br />
料金はバスによって違いますが、200チャット（20円）〜700チャット（70円）ぐらいです。<br />
発車する時間が決めておりず、社内に客がいっぱいにならないと、発車しないような感じです。<br />
一つのバス停に何人の客が入らないと発車しないということはドライバーが決めます。<br />
自分がいく目的地は１時間で行けるとしても２時間前ぐらいから出ないと間に合うかどうかは心配です。<br />
ミャンマーのバス停の雰囲気は以下のサイトをご覧ください。</p>
<p><a href="http://www.caplogue.com/archives/7416116.html" target="_blank">http://www.caplogue.com/archives/7416116.html</a></p>
<p>私もミャンマーにいるときは、毎日交通時間が一番嫌に感じていました。</p>
<p>これからはビジネスが発展しつづあり、毎日渋滞に悩む人が増えています。</p>
<p>その問題の対策のために、政府やスーチーさんのグループがロシアの協力でヤンゴンや首都ネイピードーに地下鉄やモノレールの建設計画を立てているみたいです。</p>
<p>この計画が早めに実現できれば、ビジネスが発展につながると思っています。<br />
<a href="http://blogs.yahoo.co.jp/winjapn1789/20922647.html" target="_blank">http://blogs.yahoo.co.jp/winjapn1789/20922647.html</a><br />
<a href="http://blogs.yahoo.co.jp/winjapn1789/22023587.html" target="_blank">http://blogs.yahoo.co.jp/winjapn1789/22023587.html</a></p>


ミャンマーの交通機関

<p>サイト構築に使えそうなjQueryプラグインを見つかりましたので、紹介いたします。</p>
<p>動画を背景にして、サイトの見栄えをよくするものです。</p>
<p><a href="/demo/jeff/videoBG.html" target="_blank">デモ</a>を見てください。</p>
<p>プラグインは<a href="https://github.com/sydlawrence/jquery.videoBG" target="_blank">ここ</a>からダウンロードできます。</p>
<h2>よいところ</h3>
<p>・簡単に使える</p>

		<div id="crayon-64953fd581622372030492" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div><span class="crayon-language">JavaScript</span></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
$(document).ready(function() {
	$('body').videoBG({
		position:"fixed",
		zIndex:0,
		mp4:'assets/christmas_snow.mp4',
		ogv:'assets/christmas_snow.ogv',
		webm:'assets/christmas_snow.webm',
		poster:'assets/christmas_snow.jpg',
		opacity:1,
		fullscreen:true,
	});
})</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-64953fd581622372030492-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd581622372030492-2">2</div><div class="crayon-num" data-line="crayon-64953fd581622372030492-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd581622372030492-4">4</div><div class="crayon-num" data-line="crayon-64953fd581622372030492-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd581622372030492-6">6</div><div class="crayon-num" data-line="crayon-64953fd581622372030492-7">7</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd581622372030492-8">8</div><div class="crayon-num" data-line="crayon-64953fd581622372030492-9">9</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd581622372030492-10">10</div><div class="crayon-num" data-line="crayon-64953fd581622372030492-11">11</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd581622372030492-12">12</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-64953fd581622372030492-1"><span class="crayon-sy">$</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-h"> </span><span class="crayon-sy">{</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd581622372030492-2"><span class="crayon-h">	</span><span class="crayon-sy">$</span><span class="crayon-sy">(</span><span class="crayon-s">'body'</span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-e">videoBG</span><span class="crayon-sy">(</span><span class="crayon-sy">{</span></div><div class="crayon-line" id="crayon-64953fd581622372030492-3"><span class="crayon-h">		</span><span class="crayon-i">position</span><span class="crayon-sy">:</span><span class="crayon-s">"fixed"</span><span class="crayon-sy">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd581622372030492-4"><span class="crayon-h">		</span><span class="crayon-i">zIndex</span><span class="crayon-sy">:</span><span class="crayon-cn">0</span><span class="crayon-sy">,</span></div><div class="crayon-line" id="crayon-64953fd581622372030492-5"><span class="crayon-h">		</span><span class="crayon-i">mp4</span><span class="crayon-sy">:</span><span class="crayon-s">'assets/christmas_snow.mp4'</span><span class="crayon-sy">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd581622372030492-6"><span class="crayon-h">		</span><span class="crayon-i">ogv</span><span class="crayon-sy">:</span><span class="crayon-s">'assets/christmas_snow.ogv'</span><span class="crayon-sy">,</span></div><div class="crayon-line" id="crayon-64953fd581622372030492-7"><span class="crayon-h">		</span><span class="crayon-i">webm</span><span class="crayon-sy">:</span><span class="crayon-s">'assets/christmas_snow.webm'</span><span class="crayon-sy">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd581622372030492-8"><span class="crayon-h">		</span><span class="crayon-i">poster</span><span class="crayon-sy">:</span><span class="crayon-s">'assets/christmas_snow.jpg'</span><span class="crayon-sy">,</span></div><div class="crayon-line" id="crayon-64953fd581622372030492-9"><span class="crayon-h">		</span><span class="crayon-i">opacity</span><span class="crayon-sy">:</span><span class="crayon-cn">1</span><span class="crayon-sy">,</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd581622372030492-10"><span class="crayon-h">		</span><span class="crayon-i">fullscreen</span><span class="crayon-sy">:</span><span class="crayon-t">true</span><span class="crayon-sy">,</span></div><div class="crayon-line" id="crayon-64953fd581622372030492-11"><span class="crayon-h">	</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-64953fd581622372030492-12"><span class="crayon-sy">}</span><span class="crayon-sy">)</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p></p>
<h2>よくないところ</h3>
<p>・ブラウザによる対応できる動画のフォーマットが違う<br />
動画ファイルをいっぱい作らなければならない<br />
・意味不明なオプションがいっぱいある<br />
textReplacementなど、使う気がしない<br />
・apacheの設定にも関係あるに気がする。<br />
httpd.confもしくは.htaccessにAddTypeでmimetypeを追加する必要ある？</p>

		<div id="crayon-64953fd581626328942766" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div><span class="crayon-language">Apache</span></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
AddType video/ogg .ogm
AddType video/ogg .ogv
AddType video/ogg .ogg
AddType video/webm .webm
AddType audio/webm .weba
AddType video/mp4 .mp4
AddType video/x-m4v .m4v</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-64953fd581626328942766-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd581626328942766-2">2</div><div class="crayon-num" data-line="crayon-64953fd581626328942766-3">3</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd581626328942766-4">4</div><div class="crayon-num" data-line="crayon-64953fd581626328942766-5">5</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd581626328942766-6">6</div><div class="crayon-num" data-line="crayon-64953fd581626328942766-7">7</div></div>
				</td>
						<td class="crayon-code"><div class="crayon-pre" style="font-size: 13px !important; line-height: 18px !important; -moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4;"><div class="crayon-line" id="crayon-64953fd581626328942766-1"><span class="crayon-r">AddType</span><span class="crayon-h"> </span><span class="crayon-i ">video</span>/<span class="crayon-i ">ogg</span><span class="crayon-h"> </span><span class="crayon-sy">.</span><span class="crayon-i ">ogm</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd581626328942766-2"><span class="crayon-r">AddType</span><span class="crayon-h"> </span><span class="crayon-i ">video</span>/<span class="crayon-i ">ogg</span><span class="crayon-h"> </span><span class="crayon-sy">.</span><span class="crayon-i ">ogv</span></div><div class="crayon-line" id="crayon-64953fd581626328942766-3"><span class="crayon-r">AddType</span><span class="crayon-h"> </span><span class="crayon-i ">video</span>/<span class="crayon-i ">ogg</span><span class="crayon-h"> </span><span class="crayon-sy">.</span><span class="crayon-i ">ogg</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd581626328942766-4"><span class="crayon-r">AddType</span><span class="crayon-h"> </span><span class="crayon-i ">video</span>/<span class="crayon-i ">webm</span><span class="crayon-h"> </span><span class="crayon-sy">.</span><span class="crayon-i ">webm</span></div><div class="crayon-line" id="crayon-64953fd581626328942766-5"><span class="crayon-r">AddType</span><span class="crayon-h"> </span><span class="crayon-i ">audio</span>/<span class="crayon-i ">webm</span><span class="crayon-h"> </span><span class="crayon-sy">.</span><span class="crayon-i ">weba</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd581626328942766-6"><span class="crayon-r">AddType</span><span class="crayon-h"> </span><span class="crayon-i ">video</span>/<span class="crayon-i ">mp4</span><span class="crayon-h"> </span><span class="crayon-sy">.</span><span class="crayon-i ">mp4</span></div><div class="crayon-line" id="crayon-64953fd581626328942766-7"><span class="crayon-r">AddType</span><span class="crayon-h"> </span><span class="crayon-i ">video</span>/<span class="crayon-i ">x-m4v</span><span class="crayon-h"> </span><span class="crayon-sy">.</span><span class="crayon-i ">m4v</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p></p>

【jQuery】動画を背景にするには？

<p>JSPとServletの開発をMacで行うため、Java開発環境の整備を行ってみました。</p>
<h2>１、JDKのダウンロード</h3>
<p>Oracleの公式サイトでは、Mac版のJavaEEを提供していないのようです。</p>
<p>JavaSEのダウンロードはできますが、servletの開発で必要なpackage（javax.servlet.http.HttpServletなど）がないから困りました。</p>
<p>Appleの開発者になったら、Appleの開発者サイトからJavaEEのダウンロードができるようですが、もうちょっと調べたら、下記のURLからMacのJavaEEもダウンロードできるからびっくりしました。</p>
<p><a href="http://jdk7.java.net/macportpreview/" target="_blank">http://jdk7.java.net/macportpreview/</a></p>
<h2>２、JDKのインストール</h3>
<p>ダウンロードしたdmgファイルをインストールしたら、/Library/Java/JavaVirtualMachines/の下にJDKがインストールしていることが確認できます。</p>
<h2>３、Eclipseでの設定</h3>
<p>Eclipseで開発を行うから、JDKパスを設定する必要です。</p>
<p>Eclipseの環境設定から、Java&gt;Installed JREsに「Add..」ボタンを押し、先インストールしたJDKのパスを入力して追加して、その設定の先頭のチェックボックをチェックすれば完了です。</p>
<p>※</p>
<p>EclipseでJSPとServletの開発を行うなら、WTPツールをインストールしたほうが便利です。</p>
<p>Eclipseのメニューで、Help&gt;Install New Softwareから、Indigo(Eclipse3.7)の更新サイト（http://download.eclipse.org/releases/indigo） で「Web, XML, Java EE Development and OSGi Enterprise Development」の部分をチェックし進めば、インストールが自動に開始します。</p>
<h2>４、Tomcatのインストール</h3>
<p><a href="http://tomcat.apache.org/download-70.cgi" target="_blank">Tomcatのサイト</a>から、好きなバージョンをダウンロードできます。</p>
<p>自分がtomcat7.0のFull documentation版をダウンロードしました。</p>
<p>ダウンロードしたファイルを展開して、好きなパスに置きましたら、インストール完了になります。</p>
<h2>５、Tomcatの起動と停止</h3>
<p>コマンドラインで行います。</p>
<p>・起動</p>

		<div id="crayon-64953fd58143f820866620" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div><span class="crayon-language">Shell</span></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
cd (tomcat path)
bin/startup.sh</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-64953fd58143f820866620-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd58143f820866620-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-64953fd58143f820866620-1"><span class="crayon-r">cd</span><span class="crayon-h"> </span><span class="crayon-sy">(</span><span class="crayon-e">tomcat </span><span class="crayon-i">path</span><span class="crayon-sy">)</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd58143f820866620-2"><span class="crayon-i">bin</span>/<span class="crayon-i">startup</span><span class="crayon-e">.sh</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p>・停止</p>

		<div id="crayon-64953fd581443118290606" class="crayon-syntax crayon-theme-monokai crayon-font-monaco crayon-os-mac print-yes notranslate" data-settings=" minimize scroll-mouseover wrap" style=" margin-top: 12px; margin-bottom: 12px; font-size: 13px !important; line-height: 18px !important;">
		
			<div class="crayon-toolbar" data-settings=" mouseover overlay hide delay" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><span class="crayon-title"></span>
			<div class="crayon-tools" style="font-size: 13px !important;height: 19.5px !important; line-height: 19.5px !important;"><div class="crayon-button crayon-nums-button" title="Toggle Line Numbers"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-plain-button" title="Toggle Plain Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-wrap-button" title="Toggle Line Wrap"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-expand-button" title="Expand Code"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-copy-button" title="Copy"><div class="crayon-button-icon"></div></div><div class="crayon-button crayon-popup-button" title="Open Code In New Window"><div class="crayon-button-icon"></div></div><span class="crayon-language">Shell</span></div></div>
			<div class="crayon-info" style="min-height: 19.5px !important; line-height: 19.5px !important;"></div>
			<div class="crayon-plain-wrap"><textarea  class="crayon-plain print-no" data-settings="dblclick" readonly style="-moz-tab-size:4; -o-tab-size:4; -webkit-tab-size:4; tab-size:4; font-size: 13px !important; line-height: 18px !important;">
cd (tomcat path)
bin/shutdown.sh</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-64953fd581443118290606-1">1</div><div class="crayon-num crayon-striped-num" data-line="crayon-64953fd581443118290606-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-64953fd581443118290606-1"><span class="crayon-r">cd</span><span class="crayon-h"> </span><span class="crayon-sy">(</span><span class="crayon-e">tomcat </span><span class="crayon-i">path</span><span class="crayon-sy">)</span></div><div class="crayon-line crayon-striped-line" id="crayon-64953fd581443118290606-2"><span class="crayon-i">bin</span>/<span class="crayon-i">shutdown</span><span class="crayon-e">.sh</span></div></div></td>
					</tr>
				</table>
			</div>
		</div>

<p></p>

【Mac】Java開発環境の整備

【これだけ覚えてほしい】mysqlのちょっとした技

<p>最近、CodeIgniterについて勉強し始めましたので、<br />
今回はCodeIgniterの特徴について、書きたいと思います。</p>
<p>CodeIgniterには以下のような特徴があります。</p>
<h3>軽量の高速</h4>
<p>　　キビキビした高速な動作に重きを置いて設計されていますので、他の主なフレームワークと比較してサイズが小さくて非常に高速です。レンタルサーバーで使用するメモリやハードディスクの量も少なくて済みます。</p>
<h3>シンプルな機能構成</h4>
<p>　　複雑さを嫌い、やみくもに高機能化を求めず、シンプルなフレームワークがCodeIgniterの設計思想です。そのためにフレームワーク自体の構成も非常に分かりやすいものになっています。他のフレームワークと比較すると機能が少ないですが、CodeIgniter自体をシンプルに保ち、ユーザーが自由に拡張できるのもCodeIgniterの特徴です。</p>
<h3>シンプルな設定ファイル</h4>
<p>　　CodeIgniterは、設定ファイルをほとんど触ることなく動作します。また、設定ファイルも１カ所に集められていてあちこち探す必要がありません。</p>
<h3>コマンドラインが不要</h4>
<p>　　他のフレームワークには、コマンドラインにするコードの自動生成機能など、コマンドラインからの操作を前提とするものが多いですが、CodeIgniterはコマンドラインを必要としません。また、安易なコードの自動生成はブラックボックス化につながりますので、シンプルを旨とする<br />
CodeIgniterはあえてそのような機能を提供しません。</p>
<h3>ゆるいコーディング規約</h4>
<p>　　たとえば、CakePHPでは、データベースのテーブル名の命名規則やidというフィールドが必ず必要など、従うべき規約がたくさん定められています。それを覚えないとうまくWebアプリケーションを作成できるようになりません。CodeIgniterにもコーディング規約はありますが、最低限に抑えられています。</p>
<p>※　<a href="http://codeigniter.jp/user_guide_ja/" target="_blank">CodeIgniter ユーザサイト 日本語版</a><br />
　　</p>


CodeIgniterの特徴

jQueryを利用してサイトを作ってみました！

symfony2でcsvを出力してみた

facebookアプリ（iframe）を作成してみた（アプリ開発編）

カルーセルパネル

ポータルサイト風タブパネル

<p>jQueryでアコーディオンを横向きに開閉する。</p>
<p><strong><span style="font-size: medium;">HTMLを用意する</span></strong></p>
<p><span style="color: #0000ff;">&lt;div&gt;</span><br />
<span style="color: #0000ff;">　&lt;dl&gt;</span><br />
<span style="color: #0000ff;">　　&lt;dt id=&#8221;step1&#8243;&gt;&lt;span&gt;Step.1&lt;/span&gt;&lt;/dt&gt;</span><br />
<span style="color: #0000ff;">　　&lt;dd&gt;&lt;p&gt;Lorem ipsum　（中略）　venenatis.&lt;/p&gt;&lt;/dd&gt;</span><br />
<span style="color: #0000ff;">　　&lt;dt id=&#8221;step2&#8243;&gt;&lt;span&gt;Step.2&lt;/span&gt;&lt;/dt&gt;</span><br />
<span style="color: #0000ff;">　　&lt;dd&gt;&lt;p&gt;Lorem ipsum　（中略）　venenatis.&lt;/p&gt;&lt;/dd&gt;</span><br />
<span style="color: #0000ff;">　　&lt;dt id=&#8221;step3&#8243;&gt;&lt;span&gt;Step.3&lt;/span&gt;&lt;/dt&gt;</span><br />
<span style="color: #0000ff;">　　&lt;dd&gt;&lt;p&gt;Lorem ipsum　（中略）　venenatis.&lt;/p&gt;&lt;/dd&gt;</span><br />
<span style="color: #0000ff;">　&lt;/dl&gt;</span><br />
<span style="color: #0000ff;"> &lt;/div&gt;</span></p>
<p>&nbsp;</p>
<p><span style="font-size: medium;"><strong>CSSを用意する</strong></span></p>
<p><span style="color: #ff0000;">body{</span><br />
<span style="color: #ff0000;"> background:#252422;</span><br />
<span style="color: #ff0000;"> }</span><br />
<span style="color: #ff0000;"> div{</span><br />
<span style="color: #ff0000;"> width:800px;</span><br />
<span style="color: #ff0000;"> height:300px;</span><br />
<span style="color: #ff0000;"> margin:50px auto;</span><br />
<span style="color: #ff0000;"> overflow:hidden;</span><br />
<span style="color: #ff0000;"> }</span><br />
<span style="color: #ff0000;"> dl{</span><br />
<span style="color: #ff0000;"> width:900px;</span><br />
<span style="color: #ff0000;"> height:300px;</span><br />
<span style="color: #ff0000;"> }</span><br />
<span style="color: #ff0000;"> dt{</span><br />
<span style="color: #ff0000;"> width:35px;</span><br />
<span style="color: #ff0000;"> height:300px;</span><br />
<span style="color: #ff0000;"> float:left;</span><br />
<span style="color: #ff0000;"> }</span><br />
<span style="color: #ff0000;"> dt span{</span><br />
<span style="color: #ff0000;"> display:block;</span><br />
<span style="color: #ff0000;"> width:100%;</span><br />
<span style="color: #ff0000;"> height:100%;</span><br />
<span style="color: #ff0000;"> text-indent:-9999px;</span><br />
<span style="color: #ff0000;"> }</span><br />
<span style="color: #ff0000;"> dt span.over{</span><br />
<span style="color: #ff0000;"> cursor:pointer;</span><br />
<span style="color: #ff0000;"> }</span><br />
<span style="color: #ff0000;"> dt span.selected{</span><br />
<span style="color: #ff0000;"> cursor:default;</span><br />
<span style="color: #ff0000;"> }</span><br />
<span style="color: #ff0000;"> dt#step1 span{</span><br />
<span style="color: #ff0000;"> background:url(&#8220;images/background-1.jpg&#8221;);</span><br />
<span style="color: #ff0000;"> }</span><br />
<span style="color: #ff0000;"> dt#step1 span.over{</span><br />
<span style="color: #ff0000;"> background:url(&#8220;images/background-1-over.jpg&#8221;);</span><br />
<span style="color: #ff0000;"> }</span><br />
<span style="color: #ff0000;"> dt#step1 span.selected{</span><br />
<span style="color: #ff0000;"> background:url(&#8220;images/background-1-selected.jpg&#8221;);</span><br />
<span style="color: #ff0000;"> }</span><br />
<span style="color: #ff0000;"> dt#step2 span{</span><br />
<span style="color: #ff0000;"> background:url(&#8220;images/background-2.jpg&#8221;);</span><br />
<span style="color: #ff0000;"> }</span><br />
<span style="color: #ff0000;"> dt#step2 span.over{</span><br />
<span style="color: #ff0000;"> background:url(&#8220;images/background-2-over.jpg&#8221;);</span><br />
<span style="color: #ff0000;"> }</span><br />
<span style="color: #ff0000;"> dt#step2 span.selected{</span><br />
<span style="color: #ff0000;"> background:url(&#8220;images/background-2-selected.jpg&#8221;);</span><br />
<span style="color: #ff0000;"> }</span><br />
<span style="color: #ff0000;"> dt#step3 span{</span><br />
<span style="color: #ff0000;"> background:url(&#8220;images/background-3.jpg&#8221;);</span><br />
<span style="color: #ff0000;"> }</span><br />
<span style="color: #ff0000;"> dt#step3 span.over{</span><br />
<span style="color: #ff0000;"> background:url(&#8220;images/background-3-over.jpg&#8221;);</span><br />
<span style="color: #ff0000;"> }</span><br />
<span style="color: #ff0000;"> dt#step3 span.selected{</span><br />
<span style="color: #ff0000;"> background:url(&#8220;images/background-3-selected.jpg&#8221;);</span><br />
<span style="color: #ff0000;"> }</span><br />
<span style="color: #ff0000;"> dd{</span><br />
<span style="color: #ff0000;"> margin:0;</span><br />
<span style="color: #ff0000;"> width:695px;</span><br />
<span style="color: #ff0000;"> height:300px;</span><br />
<span style="color: #ff0000;"> float:left;</span><br />
<span style="color: #ff0000;"> background:#D4D0C8;</span><br />
<span style="color: #ff0000;"> overflow:hidden;</span><br />
<span style="color: #ff0000;"> }</span><br />
<span style="color: #ff0000;"> dd p{</span><br />
<span style="color: #ff0000;"> width:655px;</span><br />
<span style="color: #ff0000;"> text-indent:1em;</span><br />
<span style="color: #ff0000;"> padding:20px;</span><br />
<span style="color: #ff0000;"> }</span></p>
<p>&nbsp;</p>
<p><span style="font-size: medium;"><strong>jQueryを用意する</strong></span></p>
<p><span style="color: #339966;">$(function(){</span><br />
<span style="color: #339966;">        $(&#8220;dd:not(:first)&#8221;).css(&#8220;width&#8221;,&#8221;0px&#8221;);</span><br />
<span style="color: #339966;">        $(&#8220;dt:first span&#8221;).addClass(&#8220;selected&#8221;);</span><br />
<span style="color: #339966;">        $(&#8220;dl dt&#8221;).click(function(){</span><br />
<span style="color: #339966;">                 if($(&#8220;+dd&#8221;,this).css(&#8220;width&#8221;)==&#8221;0px&#8221;){</span><br />
<span style="color: #339966;">                 $(&#8220;dt:has(.selected) +dd&#8221;).animate({&#8220;width&#8221;:&#8221;0px&#8221;});</span><br />
<span style="color: #339966;">                 $(&#8220;+dd&#8221;,this).animate({&#8220;width&#8221;:&#8221;695px&#8221;});</span><br />
<span style="color: #339966;">                 $(&#8220;dt span&#8221;).removeClass(&#8220;selected&#8221;);</span><br />
<span style="color: #339966;">                 $(&#8220;span&#8221;,this).addClass(&#8220;selected&#8221;);</span><br />
<span style="color: #339966;">                 }</span><br />
<span style="color: #339966;">         }).mouseover(function(){</span><br />
<span style="color: #339966;">          $(&#8220;span&#8221;,this).addClass(&#8220;over&#8221;);</span><br />
<span style="color: #339966;">         }).mouseout(function(){</span><br />
<span style="color: #339966;">          $(&#8220;span&#8221;,this).removeClass(&#8220;over&#8221;);</span><br />
<span style="color: #339966;">         });</span><br />
<span style="color: #339966;"> });</span><br />
<a href="http://poe.ud-ac.com/JavaScript_SelfStudy/other/sample2/samp6.html" target="_blank">DEMOはコチラ</a></p>
<p><span style="font-size: medium;"><strong>「説明」</strong></span></p>
<p>①　 $(&#8220;dd:not(:first)&#8221;).css(&#8220;width&#8221;,&#8221;0px&#8221;);</p>
<p>初期状表示態の設定では、１番目の以外のパネル(dd要素)のwidthを０pxに変更します。</p>
<p>②　$(&#8220;dt:first span&#8221;).addClass(&#8220;selected&#8221;);</p>
<p>１番目のdt要素に対してclass属性「selected」を追加し、展開中のラベルスタイルに</p>
<p>設定します。</p>
<p>③　if($(&#8220;+dd&#8221;,this).css(&#8220;width&#8221;)==&#8221;0px&#8221;){</p>
<p>if分で、クリックされたラベルに対応するパネル(dd要素）の横幅が0の場合の処理を</p>
<p>記述します。</p>
<p>④　 $(&#8220;dt:has(.selected) +dd&#8221;).animate({&#8220;width&#8221;:&#8221;0px&#8221;});</p>
<p>ラベルがクリックされたら、class属性が「selected」の要素を含むdt要素の次に登場する</p>
<p>dd要素の幅(width)を0に変更します。幅の変更には、任意のCSSプロパティの値を<br />
アニメーション付きで変化させるanimate()を使います。これで展開中のパネルが閉じます。</p>
<p>⑤　 $(&#8220;+dd&#8221;,this).animate({&#8220;width&#8221;:&#8221;695px&#8221;});</p>
<p>同様に、クリックされた要素の次に登場するdd要素の幅(width)をanimate()で695pxに変更します。</p>
<p>これで、クリックされたラベルに対応するパネルが開きます。</p>
<p>⑥　  $(&#8220;dt span&#8221;).removeClass(&#8220;selected&#8221;);<br />
$(&#8220;span&#8221;,this).addClass(&#8220;selected&#8221;);</p>
<p>クリックされたラベルを選択状態にするため、すべてのspan要素からclass属性「selected」</p>
<p>を取り除き、クリックされたdt要素内のspan要素にclass属性「selected」を再設定します。</p>
<p>⑦　}).mouseover(function(){<br />
$(&#8220;span&#8221;,this).addClass(&#8220;over&#8221;);<br />
}).mouseout(function(){<br />
$(&#8220;span&#8221;,this).removeClass(&#8220;over&#8221;);<br />
});</p>
<p>最後にmouseover/mouseoutイベントでロールオーバーの処理を設定したら完成です。</p>


アコーディオンを横向きに開閉する

<p>案件でfacebookアプリ（iframe）を作成しましたから、その流れを軽くまとめてみたいと思います。</p>
<p>&nbsp;</p>
<p>１、アプリの作成</p>
<p>自分が持つfacebookアカウントで<a href="https://developers.facebook.com" target="_blank">開発者サイト</a>でアプリを作成できます。<br />
※１アプリ作成するのに、モバイル設定もしくは支払方法を設定する必要あります。</p>
<p>※２モバイル設定には、確認コードをもちいて携帯メールの認証を行います。</p>
<p>確認コードを受信できるため、迷惑メール解除する必要があります。</p>
<p>迷惑メール解除のドメインは、facebook.comではなく、facebookmail.comです。</p>
<p>アプリ作成完了したら、App IDとApp Secretがもらえます。</p>
<p>&nbsp;</p>
<p>２、アプリの設定</p>
<p>「Facebook上のアプリ」と「ページタブ」両項目のみ設定します（その前に、開発サーバを整備し、アプリのリンクを確定する必要です）。</p>
<p>ページタグはfacebookからアクセス用の設定項目です。</p>
<p>「アカウント権限」項目に、管理者の追加ができます。</p>
<p>&nbsp;</p>
<p>３、facebookページの作成＆設定</p>
<p>facebookの一番下（今は無限スクロールのせいで、なかなかたどり着けない）に「ページを作成」のリンクがあるから、それをクリックして、facebookページの作成ができます。</p>
<p>facebookページを作成できたら、ページの上方（管理者の場合）には「Facebookページを編集」のプルダウンメニューがあるから、そこから「権限の編集」でfacebookページを公開することができ、「管理人」で管理者の指定ができます。</p>
<p>&nbsp;</p>
<p>４、アプリfacebookページの関連付け（facebookページにタブ追加）</p>
<p>アプリの管理ページの左メニューの「App Details」には、「アプリのページ」のところに、先作成したfacebookページのプルダウンがでてくるはずですが、もし出てこなかった場合は、手動アクセスで下記URLをアクセスして、タブを追加します。</p>
<p>https://www.facebook.com/add.php?api_key=[App ID]&amp;pages=1</p>
<p>&nbsp;</p>
<p>以上でfacebook側の準備がすべて整いました。</p>
<p>&nbsp;</p>
<p>５、php-sdkをダウンロード</p>
<p>https://github.com/facebook/facebook-php-sdk　からダウンロードできます。</p>
<p>&nbsp;</p>
<p>アプリ開発編は次を期待してください。</p>
<p>IEとSafariでは、サードパーティ クッキーのSetが問題になっているから、次回で解説いたします。</p>
<p>&nbsp;</p>
<p>※app設定をするのに、Privacy Policy URLとTerms of Service URLがないと、後facebookが怒るから、忘れずにつけましょう。App Detailの下で設定できます。</p>
<p>&nbsp;</p>


Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧 - タグ: #プログラマー

2013/01/09

2012/12/27

2012/12/19

2012/12/19

2012/12/13

2012/12/12

2012/12/06

2012/11/29

2012/11/28

2012/11/21

2012/11/21

2012/11/15

2012/11/14

2012/11/08

2012/11/07

2012/11/01

2012/03/15

2012/03/08