参考サイト

http://labs.unoh.net/2007/09/post_99.html
http://d.hatena.ne.jp/japanrock_pg/20080903/1220439012

Deploy管理のCapistranoは一回使うと手放せません。。

気軽にDeployできてログも残してくれる。
管理者の管理もできるのでいつ誰が何で更新したのかも一目でわかります。

Mercurialの場合は、サブバージョンと違ってちょっとレシピを調整する必要があります。
完璧に対応はできていないようです。

■Capistranoをインストール

capify rails_app

■RailsアプリにCapistrano設定

Capifileとconfig/deploy.rbができます。

capify rails_app

■設定ファイルを変更します

config/deploy.rbを編集～
以下のレシピをフックを追加する

set :application, "Your App Name"
set :repository,  "Your Mercurial Repository"
set :user, "SSH USERNAME"
set :password, "SSH PASSWORD"
set :use_sudo, false

set :scm, :mercurial
set :scm_password, "Mercurial Password"
set :scm_username, "Mercurial Username"

set :deploy_to, "/var/www/****"
set <img src='http://b.ruyaka.com/wp-includes/images/smilies/icon_surprised.gif' alt=':o' class='wp-smiley' /> riginal_repository, "/var/www/****/original"

# セットアップの後にレポジトリをローカルに設置する
after "deploy:setup", :set_original_repository
task :set_original_repository do
  `hg clone #{repository} #{original_repository}`
  `mkdir #{shared_path}/pictures`
end

# デプロイする前に現在の最新リビジョンを取得する
before :deploy, :update_original_repository
task :update_original_repository do
  logger.trace "executing update_original_repository: hg pull #{original_repository}" if logger
  `hg pull #{original_repository}`
  logger.trace "executing update_original_repository: hg update #{original_repository}" if logger
  `cd #{original_repository}; hg update`
  rev = `cd #{original_repository}; hg log -r tip --template '{rev}'`
  logger.trace "executing update_original_repository: set latest revision '#{original_repository}'" if logger
  set :real_revision, rev
end

# シンポリックを追加する
after "deploy:symlink", :set_symlink
task :set_symlink do
  run "rm -fr #{current_path}/public/pictures"
  run "ln -s #{shared_path}/pictures #{current_path}/public/pictures"
end

セットアップする

setupコマンドで自動的に必要なフォルダなどを作成してくれます。

  cap deploy:setup

デプロイする

deployコマンド実行する

  cap deploy

関連サイト

Capistrano
http://www.capify.org/index.php/Capistrano
Webistrano Hompage
http://labs.peritor.com/webistrano/wiki/Download

Jqueryのcss(‘color’)だと返り値がRGB表記なので16進数で取得したい。
という方はGoogle color utils.

$.fmtColor(‘#000′);//rgb(0, 0, 0)
$.fmtColor(‘#ffffff’);//rgb(255, 255, 255)
$.fmtColor(‘rgb(0, 0, 0)’);//#000000
$.fmtColor(‘rgb(0, 0, 0)’,'rgb’);//rgb(0, 0, 0)
$.fmtColor(‘rgb(0, 0, 0)’,'hexadecimal’);//#000000
$.fmtColor(‘#000000′,’rgb’);//rgb(0, 0, 0)
$.fmtColor(‘#000000′,’hexadecimal’);//#000000

参考サイト

http://code.google.com/p/jquery-color-utils/
http://code.google.com/p/jquery-color-utils/wiki/Document

Railsで新規にアプリを作成していて、datetime_selectをつかったらエラーが、、

「undefined method `-’ for “translation missing: ja, date, order”:String」

今まで、こんなの出たことなかったんだけどな。

ググってみたら記事をいくつか発見。

http://d.hatena.ne.jp/masaaki008/20090128/1233130816

http://final.blog.so-net.ne.jp/archive/c2300599188-1

https://rails.lighthouseapp.com/projects/8994/tickets/1389-error-with-date_select-when-a-default_locale-is-set

Rails2.2のi18N部分が問題みたい。。
っても、今まで普通に動いてたんだけど、なんでだろ。

解決方法としては以下のファイルを追加

config/locals/ja.yml

ja:
  date:
    formats:
      default: "%Y/%m/%d"
      short: "%m/%d"
      long: "%Y年%m月%d日(%a)"

    day_names: [日曜日, 月曜日, 火曜日, 水曜日, 木曜日, 金曜日, 土曜日]
    abbr_day_names: [日, 月, 火, 水, 木, 金, 土]

    month_names: [~, 1月, 2月, 3月, 4月, 5月, 6月, 7月, 8月, 9月, 10月, 11月, 12月]
    abbr_month_names: [~, 1月, 2月, 3月, 4月, 5月, 6月, 7月, 8月, 9月, 10月, 11月, 12月]

    order: [:year, :month, :day]

  time:
    formats:
      default: "%Y/%m/%d %H:%M:%S"
      short: "%y/%m/%d %H:%M"
      long: "%Y年%m月%d日(%a) %H時%M分%S秒 %Z"
    am: "午前"
    pm: "午後"

Rails2.2が出たばかりの時に試したけれど、i18nが使い方によっては結構便利そう。
gemでgeneraterのインストールすると上みたいに手動でファイルを追加しなくても自動生成してくれる。
しかも、翻訳も英単語に合わせて自動的にしてくれてなかなかすごい。
gettextの変わりにi18nをつかってみるのも全然ありかも。
ただ、まだ情報が少なかったのでgettext使ってるけど、、

 gem install amatsuda-i18n_generators
./script/generate i18n ja
./script/generate i18n en

i18nに関しては下記サイトに詳しく記述されてます。
http://runeleaf.wordpress.com/category/ruby-on-rails/

これは便利すね。。
http://www.kawa.net/works/ajax/ajaxzip2/ajaxzip2.html

いつも携帯サイトのコーディングを行う際、PCとの勝手の違いに苦労する。
AU・DOCOMO・SOFATBANKとコーディング方法が微妙に困るのでそれぞれ表記してあげる必要がある。
基本的な部分のコーディングを自分なりにまとめてみた。

①リンクの色

まずは、全体のリンク色の設定。ヘッダー内に以下のように記述する。

<style type="text/css">
<![CDATA[ 
a:link { color:#fff799; }
a:visited { color:#fff799; }
]]>
</style>

②背景色

背景色は基本bodyタグに記述するが、キャリア・機種によっては反映されない場合があるので、
bodyダクとdivタグと両方同じ記述をしてあげると安心。

<body style="background-color:#000;text-align:center;font-size:small;color:#d8d8d8">
<div style="background-color:#000;text-align:center;font-size:small;color:#d8d8d8"></div>

</body>

③画像の回り込み

画像の回り込みは、機種依存をなくすために、以下のようにstyleのfloatだけでなくalignでも指定してあげる必要がある。

<img align="left" style="float: left;" src="sample.jpeg"/>

④文字サイズ

携帯サイトの文字サイズは数値ではDocomoが効かなかったり、、
また、キャリア毎に数字の基準が違うので使いづらいです。styleに下記のキーワードで指定する必要あり。
ただ、x-smallとxx-smallが同じ大きさだったりするので、small < medium < largeの3サイズ位で留めておいてもよいかも。
xx-small < x-small < small < medium < large < x-large < xx-large

<div style="font-size:smaller;">文章文章文章文章</div>

⑤テーブルタグ・リストタグ

対応している機種もありますが、基本使用しないほうがよい。
brタグと空白とfloatをうまく使って頑張る。

⑥hrタグ

hrタグは使用できるが、これまた各キャリア・端末によって勝手が違うのでごちゃごちゃ記述する。
下記は高さが1pxの時。

<hr size="1" style="width:100%;height:1px;margin:2px 0;padding:0;color:#C40669;background:#C40669;border:1px solid #C40669;" />

⑦センタリング方法

これは普通にstyleのtext-alignを使用。

<div style="text-align:left>文字
<div>

思いつき次第追記していく。。かも。