kinopyo blog - かくかくしかじか

2010年12月1日 #javascript #jquery

jQuery: append(prepend,appendTo,prependTo)とafter(before,insertAfter,insertBefore)の違い

jQueryのappendやafterは全部DOM Manipulation、つまりDOM操作のメソッドであります。どう違うかは下記ソースコードを見るのが一番速いでしょう。

append(prepend,appendTo,prependTo)は要素内に、子供要素として貼り付ける

$('<span>span text</span>').appendTo(".chapter");

<div class="chapter"> ... </div>

組み立てた結果：

<div class="chapter">
	...
	<span>span text</span>
</div>

append、appendToは最後の子供要素として、prepend、prependToは最初の子供要素として挿入する感じです。

after(before,insertAfter,insertBefore)は要素の外、つまり同一のレベルで兄弟要素として貼り付ける

$('<span>span text</span>').insertAfter(".chapter");

組み立てた結果：

<div class="chapter">
	...
	<span>span text</span>
</div>

htmlタグがなければ無効

$('some text').appendTo(".chapter");

htmlに何の変更もないです。

2010年11月30日 #eclipse #効率

作業効率：Eclipseをフルスクリーンして効率をあげよう！

http://code.google.com/p/eclipse-fullscreen/からzipファイルダウンロードしてEclipseのフォルダに解凍する形でインストールできます。

ショットカットキーはCTRL + ALT + Zです。覚えておきましょう！

2010年11月29日 #javascript #snippet

JavaScript: カンマ区切りで数値をフォーマットする

// 数値を日本円表現にフォーマット。
// 例：12345 -> 12,345
num2Currency = function(obj) {
  // 画面項目の値
  var str = obj.value;
  var num = new String(str).replace(/,/g/"");
  while(num != (num =num.replace(/^(-?\d+)(\d{3})/,"$1,$2")));
  obj.value = num;
}

// 日本円表現を数値にフォーマット。
// 例：123,45 -> 12345
currency2Num = function(obj) {
  var str = obj.value;
  var num = str.replace(/,/g,"");
  obj.value = num;
}

2010年11月29日 #rails #ruby #mac #環境構築

[更新]MacでRuby on Rails開発：環境構築から

MacにはデフォルトでRubyが入ってそうです。ターミナルを開いてrails -vを叩いたらバージョン情報が出てきました。

ruby 1.8.7 (2009-06-08 patchlevel 173) *universal-darwin10.0*

そしてRubyだけじゃなくRailsも入ってましてびっくりしました。すごいですねMacは。。。て、railsのバージョンもrails -vで確認できますが、デフォルトのバージョンは古いそうで下記のコマンドでアップグレードできます。

sudo gem update rails

するとこんなログ情報が出ます。

Updating installed gems
Updating rails
WARNING:  Installing to ~/.gem since /Library/Ruby/Gems/1.8 and
	  /usr/bin aren't both writable.
WARNING:  You don't have /Users/zolo/.gem/ruby/1.8/bin in your PATH,
	  gem executables will not run.
Successfully installed activesupport-2.3.8
Successfully installed activerecord-2.3.8
Successfully installed rack-1.1.0
Successfully installed actionpack-2.3.8
Successfully installed actionmailer-2.3.8
Successfully installed activeresource-2.3.8
Successfully installed rails-2.3.8
Gems updated: activesupport, activerecord, rack, actionpack, actionmailer, activeresource, rails
Installing ri documentation for activesupport-2.3.8...
Installing ri documentation for activerecord-2.3.8...
Installing ri documentation for rack-1.1.0...
Installing ri documentation for actionpack-2.3.8...
Installing ri documentation for actionmailer-2.3.8...
Installing ri documentation for activeresource-2.3.8...
Installing ri documentation for rails-2.3.8...
Installing RDoc documentation for activesupport-2.3.8...
Installing RDoc documentation for activerecord-2.3.8...
Installing RDoc documentation for rack-1.1.0...
Installing RDoc documentation for actionpack-2.3.8...
Installing RDoc documentation for actionmailer-2.3.8...
Installing RDoc documentation for activeresource-2.3.8...
Installing RDoc documentation for rails-2.3.8...

多少時間がかかります。これでMacでのRuby開発の準備は完了です。

更新

gem update railsにsudoを付けないとこんなエラーが出るかも

WARNING:  Installing to ~/.gem since /Library/Ruby/Gems/1.8 and
	  /usr/bin aren't both writable.
WARNING:  You don't have /Users/paku-k/.gem/ruby/1.8/bin in your PATH,
	  gem executables will not run.
ERROR:  Error installing rails:
	bundler requires RubyGems version >= 1.3.6

2010年11月29日 #linux #環境構築

ターミナルコマンド：sudo

環境構築の記事でよく目にすると思いますがこのsudoコマンド。気になってて調べてみたんです。

sudo is a Terminal command used to execute a command as another user, by default, the root user.

あるコマンドを別のユーザとして実行する、デフォルトではルートユーザ、だそうです。

例えばルートユーザとしてあるアプリを実行したい時は：

sudo open ....

2010年11月29日 #linux #mac

Macのターミナルを活用

ターミナルの起動

ターミナルはApplication/Utilitiesフォルダにあります。 CTRL+Spaceで直接Terminalを叩いても直接開けますので、とても便利でずっとこれを使ってます。

基本コマンド

:ls
(Windowsのdirコマンドと同じ役割)list files and directories
:cd
change directory
:mk
ir:create a new directory
:cp
copy files or directories
:mv
move (rename) files or directories
:rm
remove files or directories

便利なコマンド

pwd 今のディレクトリのパスを返します。”/Users/(yourusername)”のような
open Finderでダブルクリックと同じ効果です。アプリを開くに使います。
~ 波記号はHomeディレクトリのショートカットです。例えばcd ~で叩くとデフォルトで”/Users/(yourusername)”ディレクトリに行きます。

ジョブコントロール

ps -ax これはActivity Monitorのコマンドバージョンと理解していいでしょう。現在アクティブなアプリのリストを表示します。よくgrepコマンドと組み合わせて使います。

ps -ax | grep http
ps -ax | grep mysql

kill ps -axの一番目の列はプロセスのIDの列です。あるプロセスを強制的に終了させたい場合はID指定で”kill”できます。

kill xxx

上記の”xxx”はプロセスのIDです。

またアプリの名前がわかった場合はkillallコマンドが使えます。

killall Dock

大文字小文字は区別しますので、気おつけてください。

2010年11月29日 #database #java #spring #h2db

SpringでH2 Databaseを使う(HSQL、Derby)

Springのコンテキストファイルにjdbc:embedded-databaseタグで type=”H2”でbeanを登録します。

jdbc:scriptタグで初期化時に実行したいSQLファイルを指定できます。 Sprintって、本当に便利ですね。

<jdbc:embedded-database id="dataSource" type="H2">
	<jdbc:script location="classpath:schema.sql"/>
	<jdbc:script location="classpath:test-data.sql"/>
</jdbc:embedded-database>

ちなみにjdbcのnamespaceの登録も忘れずに。

xmlns:jdbc="http://www.springframework.org/schema/jdbc"
xsi:schemaLocation="http://www.springframework.org/schema/jdbc
		http://www.springframework.org/schema/jdbc/spring-jdbc-3.0.xsd">

H2以外でもHSQL、Derbyがサポートされています。