RED-MOUNT.COM

USB や、AirMac Extream などで外付けのHDDに接続している際、
「オリジナルの項目が見つからなかったので、エイリアス“********”は開けません。」
と表示され、Finderからそのディレクトリを開くことができないことがあります。

AirMacExtreamなどでNAS接続している場合、Finderで中身を表示させることはできても、Finder上部に表示されるはずのアイコンが表示されなかったり、新規ディレクトリが作成できないなど、妙なエラーに悩まされます。

そんな場合の解決策を見つけたのでご紹介。

以前「ついにきた！　ATOK定額制 for Mac」で、Mac版のATOK定額制を紹介したのですが、公開と同時にインストールして使ってみたので使用感などをレポート。

全体的な使用感
さすがはATOKといった感じ。ATOK2008は使っていないので、2年ぶりの更新になってしまうのだが、これまで使っていたATOK2007の正統な進化版。ここについては、相変わらず堅実な評価ができる。ただしATOK2007まではきちんと変換できていた文言が、一部正しく変換できなくなっているのは正直どうかと思った。
（今も、「進化版」が「新鞄」って変換されたし……。そりゃないだろ）
とはいえ、Macに標準で付いてくる「ことえり」や、Windows標準の「MS-IME」とはやはり変換精度は一線を画している。

MacのSkypeでログインする際に、Skype名の部分に間違えてメールアドレスを入力してしまいました。
その後、Skypeを起動する度に、Skype名選択のプルダウンメニューに常に間違えて入力してしまったメールアドレスが表示されるという、醜態のデジャヴ攻撃を受けていたのですが、Skype名を消す方法がわかったのでご紹介。

Skypeに限らず、多くのMacアプリケーションのデータは、「~/Library/Application Support/」内に保存されています。
今回のケースの場合、この、Application SupportのSkypeディレクトリ内に作成されたアカウントフォルダを丸ごと削除するだけでOKでした。

具体的には、ターミナルから下記コマンドを入力するだけです。

cd ~/Library/Application Support/Skype
ls

「ls」と入力すると、下記のような一覧が表示されると思います。

AvatarCache			your_invalid_skype_name
ChatWebViewHistory.plist	shared.lck
Skype.pid			shared.xml
your_valid_skype_name		shared_httpfe

この一覧の中に、間違えて入力したSkype名（上記の場合、your_invalid_skype_name）が見つかると思います。
ちなみに、「@」などの記号は、「#40」などに変換されていると思いますので、Skypeアプリケーション側で表示されるSkype名とは必ずしも一致しない場合があります。

さて、後はこの憎き過去の汚点を葬り去るだけです。
ディレクトリになっているので、ディレクトリ内のファイル毎一掃してやりましょう。

rm -Rf your_invalid_skype_name

これで、過去の汚点は跡形もなく消え去ってくれます。
Skypeを再起動して、一覧を確認してみましょう。

SinatraはRuby on Railsのように自動でフォルダやファイルを生成してくれないので、Railsデプロイの際のデファクトスタンダードとなりつつあるPassengerを使ってデプロイを行う際には、必要なフォルダやファイルを自分で作ってあげる必要があります。

デプロイする際に作成する必要があるフォルダやファイルをついつい忘れてしまうので、以下に書いておきます。

左の画像を見れば一目瞭然ですが、SinatraをPassenger上で動かすには、最低４つのファイル / フォルダが必要です。

publicフォルダとtmpフォルダは、説明の必要がないと思います。Railsのフォルダと同じです。これはただ単にデプロイするフォルダの中に作成しておくだけでOKです。画像やCSS、JavaScriptを使う場合は、publicフォルダの中に置いてあげるときちんと読み込んでくれます。

Railsの場合と異なるのは、「app.rb」と「config.ru」ですが、app.rbの方はSinatraで作成したアプリケーションファイルです。ファイル名も別に指定されているわけではないので、別の名前にしてしまっても大丈夫です。

「config.ru」の方は、Passengerが最初に読み込むファイルになります。このファイルの中身は下記のような感じ。

require 'app'  # 今回は、Sinatraアプリケーションがapp.rbになっているのでappを指定
run Sinatra::Application

たった２行のファイルですが、これがないとPassengerはSinatraアプリケーションを動かしてくれません。

これでデプロイの準備は完了ですが、httpd.confの設定も忘れないようにしましょう！
httpd.confの設定も、基本的にRailsと同じです。

<virtualHost your.virtualhost.name>
  ServerName your.virtualhost.name
  DocumentRoot /path/to/sinatra/public  # ここはRails同様、publicフォルダをします
</VirtualHost>

タイトルの件。以前から気にはなっていたんだけれど、重大な問題ではなかったので放置していた。でも、常時ターミナルを大量に起動していると、段々わけがわからなくなってきたので直し方を調べてみた。

まず、何故Macだとこんな現象が起きるのか調査。

Mac OS Xのデフォルトの設定では、DHCPサーバから配られたホスト名を使用するようになっています。

おいおい……そんな理由か。てことは、直し方も簡単。
「/etc/hostconfig」に、ホスト名を追記すれば、そちらを優先して使ってくれるようになります。

HOSTNAME=your.mac.hostname

こんな単純な事なら、もっと早くやっときゃよかったよ……。

まさかIEのJavaScriptパーサー以外でトラブる日が来ようとは。

JavaScriptで下記のような連想配列を書いていたのですが、

var hoge = {
  default: 'ruby', 
  second: 'JavaScript', 
  
  change: function(key) {
    hoge[key]
  }
}

あのIE6ですらまともに動くのに、何故かSafariでエラー。
Safari4のエラーコンソールで見てみると、どうやら「default: 'ruby', 」の行でエラーになっている模様。

念のため、「JavaScript default」で検索してみると、switch文の中で使うキーワードとして登録されていました。普段Rubyだとswitchもdefaultも使わないから、すっかり忘れてた。
（Rubyだと、「case .. when .. else .. end」）

自戒を込めて、JavaScriptのキーワードと予約語一覧へのリンクを貼っておきますorz
selfとthisもよく間違えるんだよなぁ……。

JavaScriptの仕様的には、Safariとそれ以外のブラウザ、どっちの挙動の方が正しいんだろう。教えてエロい人！

先月は引っ越しの関係で行けなかったのですが、今月はちゃんと行ってきました。Sugamo.css第５回。
他の勉強会はだいたい、特定の言語や技術をベースに集まった人の集団なので話題が偏りがちなのですが、Sugamo.cssはクライアントサイドからサーバーサイドまで、いろんな立場の人間が参加しているので話題があっちこっち行って楽しい。（もちろん、Sugamo.cssだけあってCSSやHTML系の話題重視ではありますが）

neotagさんやsasakiさんsakakiさんが詳しい解説をしてくれているので、僕はダイジェスト＆感想など。

先月・今月となかなかブログ書けてないですが、テンション上がったので紹介。

Windowsでは既に去年からあった月額300円のATOK定額制。
2009/9/8から、ついにMacでも定額制でATOKを使えるようになります！
Macだとちょっと値段上がるかな、と思ってたけど、値段はWindowsと変わらず。Justsystemグッジョブ！

ATOKを初めて使ったのが中学生になるかならないかの頃だったので、かれこれ12年以上ATOKを使っていることになります。
小遣いを貯めてATOKを買っていた時期が懐かしい……。

WindowsならMS-IME、Macならことえりが標準で付いてきますが、こと日本語変換については、ATOKが常に4世代以上先を行っている気がします。

普段WEBサイトを見ていて、コーポレートサイトにも関わらず誤字脱字や、あからさまな変換ミスがあると「あー、これはきっとMS-IMEでやったんだろうなー」などと勘ぐってしまうほど、ATOKの変換精度は高い水準を保っています。

文字を書く事が仕事であれば、ATOKを買って損はしないと思います。連想変換（類語検索機能）や、郵便番号変換（郵便番号から住所に変換できる）、携帯でもお馴染みの予測変換はかなり強力です！

なんだかアフィリエイト広告っぽくなってしまいましたが、本心なのでとりあえず1ヶ月制限なしで使える体験版をダウンロードしてみてください！

早く9月にならないかなー……。

意外とよくやってしまうので、自戒の意味を込めてメモ。
Mac上にインストールしたRubygemsプラグインを、gem uninstallで削除しようとすると下記のようなエラーが発生することがあります。

$ sudo gem uninstall xxxx
ERROR:  While executing gem xxxx (Gem::InstallError)

上記のエラーは、Rubygemsプラグインのインストール時に「sudo」を付け忘れた時に起きる現象です。sudoを付けずにgem installを行うと、インストール先がホームディレクトリ以下の「~/.gem/ruby/1.8
」になってしまうのです。（sudoを付けた場合のインストール先は、通常「/opt/local/lib/ruby/gems/1.8
」です*1）

どうやらgem uninstallコマンドは、ホームディレクトリ以下にインストールされたRubygemsプラグインを標準では削除できないようです。

解決方法は、下記の通り。直接インストール先のフォルダを指定することで、ホームディレクトリ以下にインストールされてしまったプラグインを削除することが可能です。

$ gem uninstall -i ~/.gem/ruby/1.8/{プラグインのフォルダ名}

なぜsudoを付けないとホームディレクトリ以下にインストールされてしまうのかについては、「うっかりプログラミング日誌」さんのエントリー「Rubygemsがhomeディレクトリに入ってしまう」が詳しいです。

*1 標準のインストール先にファイルが存在しない場合は、gem envで表示される一覧中の「GEM PATHS」に表示されているPATHを見てください。インストール先ディレクトリが記載されています。

「人」と「機械」では見ているものが違います。「人」はウェブサイトの色やデザイン、文字、画像なども含めて総合的にウェブサイトを判断しますが、「機械」が見るのはHTMLファイルに含まれるタグと文字です。

ならば「人」と「機械」のどちらに対してアプローチしているのかをウェブサイト制作の段階で明確に分けてしまった方が良いのではないでしょうか。

@littlestarlingさんがtwitterで
「rake db:fixtures:load からかえってこない…2.5MB程度のcsvなのになんで？」
と呟いていたので。
RAMディスク上のSQLite3と、HDD上のSQLite3とでRailsのAR.createを試し、ベンチマークを取ってみました。（話の流れ上、トランザクションのあり/なしも同時に試した）

Mac OSXは*NIXなのでrubyを使ってバッチ処理の類を動かしたりすることも多いのですが、ターミナルのウィンドウを見ないと処理が終わった事が分からない。折角優れたGUIを持っているMac OSXなのに、それじゃあ勿体ない。
というわけでGrowlにログを通知してくれるgemプラグイン「growl-logger」を使ってみたので、そのインストールメモです。

2008年12月の事なので去年の話ですが、林家たい平師匠のオフィシャルページを開発メンバーの一員として制作させて頂きました。

古典落語家・林屋たい平師匠は日本全国様々な場所で開かれる寄席はもちろん、日本テレビ「笑点」大喜利やニッポン放送「テリーとたい平のってけラジオ」など、テレビやラジオでも幅広く活躍されています。

横浜にある「にぎわい座」では、たい平師匠が定期的に出演されています。日本の歴史的娯楽である古典落語の世界、是非一度生で味わってみてください！

林家たい平オフィシャルページ

JavaScriptで、「.」や「..」に一致する文字列を抽出しようとしたのですが、ハマったのでメモ。

var dot = '..';
var str = 'ab';
// 「..」にはマッチして欲しい => alertが出ないとエラー
if( dot.match(new RegExp('^(\.){1,2}$')) ) alert('success 1');
if( dot.match(new RegExp('^(\\.){1,2}$')) ) alert('success 2');
if( dot.match(new RegExp(/^(\.){1,2}$/)) ) alert('success 3');
if( dot.match(/^(\.){1,2}$/) ) alert('success 4');

// 「ab」にはマッチして欲しくない => alertが出たらエラー
if( str.match(new RegExp('^(\.){1,2}$')) ) alert('error 1');  //=> ここでalertが出てしまう
if( str.match(new RegExp('^(\\.){1,2}$')) ) alert('error 2');
if( str.match(new RegExp(/^(\.){1,2}$/)) ) alert('error 3');
if( str.match(/^(\.){1,2}$/) ) alert('error 4');

Firebugのコンソール上で調べたところ、生成されるRegExpオブジェクトは下記の通りになっていた。

new RegExp('^(\.){1,2}$') //=> /^(.){1,2}$/　（.がエスケープされていない）
new RegExp('/^(\\.){1,2}$/') //=> /\/^(.){1,2}$\//　（.がエスケープされていない）
new RegExp('^(\\.){1,2}$') //=> /^(\.){1,2}$/　（これは正しい挙動）
new RegExp(/^(\.){1,2}$/) //=> /^(\.){1,2}$/　（これは正しい挙動）

new RegExpする際に正規表現を文字列形式で渡すと、シングルクオート/ダブルクオートに関係なく評価された文字列を正規表現として扱う仕組みだったわけだ。
つまり、ハマった原因は自分がRuby脳になってたせい。なんてこったい！

ちなみに、正規表現作成時におけるシングルクオート/ダブルクオートの解釈は、言語別に見ると下記のような感じでした。

2009/3/14から2009/3/22にかけて、地元福岡に帰省しています。
そこで突然ではあるのですが、もし僕と会って話をしてみたい、という方がいれば、こちらから是非ご連絡ください。
博多・天神あたりであればご飯でも食べながらお話しできるかと思います。

噛んだりしないので、興味ある方がいらっしゃれば是非。

2009年2月19日、CSS Nite in Ginza Vol.31に行ってきました。

CSS Nite自体は既知の復習だったので残念ながら「新しい何かを学ぶ」というものではありませんでした。しかしながらCSS Nite後の懇親会で、プレゼンテーターの小林さんに興味深いお話を聞かせて頂いたのでそれをまとめておきます。（なので、今回はイベント自体のレポートはナシです）

小林さんのセッション内容はIE6が持つCSS関連のバグを修正する方法でした。その中で小林さんは、自分で作成したフレームワークを利用してブラウザ毎の挙動の差違を吸収していました。
この点が、僕にとってはとても不思議でなりませんでした。
「何故オープンソースCSSフレームワークの類でブラウザ毎の差違を吸収しないんだろう？」
オープンソースCSSフレームワークがあるのに、敢えて自分フレームワークを利用するのは、「車輪の再発明」に思えてならなかったのです。

その時はお酒の場ということもあり、あまり込み入った話を聞く事ができなかったのですが、翌日以降メールで細かいフォローをしていただきました。小林さん、お忙しい中ありがとうございます。

以下、メールの内容を会話形式でお届けします。

2009年2月15日、Rails勉強会@東京に行ってきました。
今回の会場は浜松町近くのTISさん。トイレからの見晴らしも良く、全室机付き。素晴らしい会場を提供していただき、ありがとうございます！

今回行われたセッションは下記の５つ。

前半　13:40-15:10

• SKIPの話
• RSpecとCucumber
• Ruby 1.9.1でRailsとかMerbとか動かす(前編)

後半　15: 40-17:10

• Rails 2.3.0の話
• Ruby 1.9.1でRailsとかMerbとか動かす(後編)

さて、僕が参加したセッションの感想など書いておきます。

以前、Mac向けのhostsファイル書き換え用GUIアプリ「Hoster」については扱ったのですが、Windows向けのhostsファイル書き換え用GUIアプリ「Hosts File Manager」を見つけたので、インストール方法と簡単な使い方を紹介しておきます。

Hosterに比べると、GUIの見た目はかなり劣りますが、Hosterにはないhostsの監視機能などがあり、Windows向けなアプリケーションに仕上がっている感じです。

AHBインターナショナル株式会社さんが運営するペットポータルサイト「anicaclub(アニカクラブ)」が、2月20日から一般公開されました。特集記事も初回から8本掲載されており、充実した内容となっています。

今回は、このanicaclubの開発メンバーとして、サーバー側のプログラミング(Rails)からHTML、CSS、JavaScriptまでを担当させていただいたほか、店舗検索・求人向けモバイルサイトの制作全般（デザイン除く）を担当させていただきました。

全国区・小動物全般を対象とするペットポータルサイトは、恐らく国内初だと思います。特集記事の他にも全国のペットショップや動物病院、ペットホテルなどを検索したり、ペットに関するFAQのコーナーなども揃っています。

ポータルサイトは、アクセスしてくれる皆さんの声を反映していく事で「もっと便利で使いやすいサイト」になっていくと思います。動物好きの方、既にペットを飼っている方、是非一緒にanicaclubを「便利で、使いやすいサイト」にしていってあげてください！

• anicaclub（http://www.anicaclub.com/）
• AHBインターナショナル株式会社（http://www.ahb.co.jp/）
  

2009年2月7日、秋葉原で行われた「WEBデベロッパの祭典＠東京」に行ってきました。
約１ヶ月も前になってしまったので激しく今更ですが、僕が参加した「国内最大規模のRuby on Railsサイト 〜「クックパッド」の裏側見せます〜」というセッションについてまとめておきます。

COOKPADについて

http://www.cookpad.com/
技術ブログ　http://techlife.cookpad.com/
COOKPAD自体は1998年にオープンしたレシピ投稿・検索サイト。
現在までに47万品以上のレシピが登録されており、月間PV約2.8億、月間ユーザー数約547万人を抱えています。
「世界で一番生活に役に立つサイト作り」を目指しており、投稿されたレシピをただ見るだけでなく、自分が作った料理の写真を作者にフィードバックすることが可能です。

自分のこと

名前: 瀬筒 貴仁（Takahito Sezutsu）
職業: WEB Developer.
Railsを使ったWEBアプリケーション開発がほとんど。
ValidなXHTMLとCSSを書くのに至高の喜びを覚えるタイプ。

パソコンで遊ぶのが好きでいじってたら、いつの間にかプログラマに。
PHPから入ったけど、今ではRuby使わない仕事は正直やりたくないもうやらない。
Railsを使ってModelやController書くのも好きだけど、UIのデザインしたりView側作り込むのも好き。

RubyやRailsとの付き合い

Ruby ... 3年半くらい前から。確か当時は1.8.5だったはず。計算機使わずにirb使うくらいに愛してる。
Rails ... 3年くらい前から。1.0時代からの付き合い。2.2.2がGet-text使えないので、仕事では2.1.2。

作ったもの

個人的に
このブログ(Railsで)
Macのアドレス帳をThunderbirdのアドレス帳にできるだけきちんと移行するプログラム　など。

仕事で
不動産系の社内システム(Railsで)や、WEBサイト+バックエンド(Railsで)　など。

最近の課題とか

• Rails3.0はどうなるんだろう。merbちょっとやっとくか。
• もっともっとユーザーが使いやすいUIを目指す。
• ActionScript3.0とかObjective-Cが絶賛やるやる詐欺になってるのでなんとかしたい。
• i18nを使おうとしたけど、Get-textと比べてアンチプログラマに理解してもらえない。
• RailsでJQuery使う(JRailsプラグインで)。
• Ruby標準ライブラリのソース全部読もうと思ってる(ObjectとClassまでは読んだトコ)。
• RubyCocoaもきちんとやりたい(Mac使ってるし…)。

以上。よろしくおねがいします！

Flashを使った開発をする際にFlash Debug Playerが必要になることがあります。
ですが、Googleで検索してもなかなかFlash Debug Playeのインストールページにたどり着かないので、インストール方法と合わせて書いておきます。

Parallels上でWindowsを使っているのですが、英語キーボードに換装した際に、Parallels上のWindows側からは日本語キーボードとして認識され続けていました。
そのまま使い続けるのはさすがに不便だったので、Windows側で英語配列キーボードとして認識させる方法をメモ。

1年半ぶりくらいに、Rails勉強会@東京に行ってきました。
参加者45名という、IT系勉強会にしては参加可能者数が多い勉強会にもかかわらず、毎回きちんと枠が埋まるのはさすがだな、と思いながら参加。

前回参加したときは、確かYuguiさんの「Railsのソースを追っかける」みたいなセッションに参加したのですが、当時のレベルではYuguiさんやもろはしさんのレベルについて行けず断念。
今回も若干不安ではあったのですが、勇気を振り絞って行ってきました。

さて、僕が参加したセッションの感想など書いておきます。

Railsで開発してる時、config/database.ymlの内容をまとめて書きたいな、と思う事がたまにあります。あまりYAMLについてきちんと知らなかったので、勉強がてらアンカーとエイリアスについて調べてみました。

ぐだぐだ文章で書くよりも、実際のYAMLを見てもらった方が早いと思うので、まずは下記を見て下さい。

development:
        database:       hoge_test
        adapter:        mysql
        host:           localhost
        socket:         /var/lib/mysql/mysql.sock
        username:       fuga
        password:
        encoding:       utf8

test:
        database:       hoge_test
        adapter:        mysql
        host:           localhost
        socket:         /var/lib/mysql/mysql.sock
        username:       fuga
        password:
        encoding:       utf8

production:
        database:       hoge_production
        adapter:        mysql
        host:           localhost
        socket:         /var/lib/mysql/mysql.sock
        username:       fuga
        password:
        encoding:       utf8

同じ事が書いてある行がかなりあります。で、下記がアンカーとエイリアスを使用したバージョン。

common: &common
        adapter:        mysql
        host:           localhost
        socket:         /var/lib/mysql/mysql.sock
        username:       fuga
        password:
        encoding:       utf8

development:
        database:       rubricks_test
        <<: *common

test:
        database:       rubricks_test
        <<: *common

production:
        database:       rubricks
        <<: *common

複数人で開発する時、各人毎にユーザー名だのパスワードが違ったりするので、エイリアス作ってその中で各人毎の設定を書いておけば、変更箇所が減って便利かもしれません。

YAMLもきちんと知っておくと色々楽できるので、プログラマーのための YAMLなどを参考に一度きちんと勉強すると良さそうです。

自分のこと

名前: 瀬筒 貴仁（Takahito Sezutsu）
職業: WEB Developer.
Railsを使ったWEBアプリケーション開発がほとんど。
ValidなXHTMLとCSSを書くのに至高の喜びを覚えるタイプ。

パソコンで遊ぶのが好きでいじってたら、いつの間にかプログラマに。
PHPから入ったけど、今ではRuby使わない仕事は正直やりたくない位Rubyにはまっている。
Railsを使ってModelやController書くのも好きだけど、本当はUIのデザインしたりView側作り込むのが一番好き。
Rails使ったViewのみの仕事とか、多分結構燃えるんじゃないかと思ってる(やったことないけど)。

RubyやRailsとの付き合い

Ruby ... 3年半くらい前から。確か当時は1.8.5だったはず。計算機使わずにirb使うくらいに愛してる。
Rails ... 3年くらい前から。1.0時代からの付き合い。2.2.2で開発したいけど、Get-text使えないのが難。

作ったもの

個人的に
このブログ(Railsで)
Macのアドレス帳をThunderbirdのアドレス帳にできるだけきちんと移行するプログラム　など。

仕事で
不動産系の社内システム(Railsで)
WEB+バックエンド(Railsで)　など。

最近の課題とか

• Rails3.0はどうなるんだろう。merbちょっとやっとくか。
• もっともっとユーザーが使いやすいUIを目指す。
• ActionScript3.0とかObjective-Cが絶賛やるやる詐欺になってるのでなんとかしたい。
• i18nを触ったけど、Get-textと比べて悲惨なまでにメリットが見えないのでなんとかしたい。
• Railsで敢えてprototypeじゃなくJQuery使ってみたい。
• Ruby標準ライブラリのソース全部読もうと思ってる。
• 折角Mac使いになったので、RubyCocoaもきちんとやりたい。

以上。よろしくおねがいします！

1月15日に銀座のアップルストアにて行われた、CSS Nite in Ginza Vol.30に参加してきました。

今回はアクセス解析に関するセッションでした。全体的にはなかなか興味深い話を聞く事ができたと思います。
ただ、セッションを行っていただいた2名の方が共にアクセス解析関係の社長さんだったため、自社ツールの説明を行っている割合が結構多かったです。

セッションでの発言内容から、ツールによらず一般的に使えそうな部分を抜き出したので、下記にまとめておきます。

僕は、Windows3.1時代からずっとATOKを使ってきている人間なのですが、MacにSwitchしてからずっと困っていたのが「キーボードショートカットの変更方法」。
MacのATOKは、悲しい事に何故か他のアプリケーションとキーボードショートカットがバッティングしているのです。

ATOKのヘルプを見ても書いてなかったのですが、ようやく変更方法を見つけたので、同じ問題でお悩みの方や、数ヶ月後の自分のためにメモメモ。

左図のように、ウィンドウ右上の入力メニューから、「環境設定」の下にある「カスタマイザ」をクリックすると、ATOKのキーボードショートカットを変更することができます。

ほとんどのアプリケーションだと、キーボードショートカットは環境設定からできたから、環境設定を何度も見返していました……。

しかし、この「カスタマイザ」って名称、正直なんとかならないのだろうか。
これで意味が理解出来る人って、なかなかいないと思うのですが。

12月18日に銀座のアップルストアにて行われた、CSS Nite in Ginza Vol.29に参加してきました。

今回初参加だったのですが、多くの著書で有名な矢野りんさんや益子貴寛さんにお会いすることができました。勉強会に参加する理由には、新しい知識を得たり、色々な立場の方と出会う事ができる、というのももちろんあります。ですが、こうやっていわば「雲上人」であった著名な方に生で会い、その生き様に触れることも大きいな、と改めて実感しました。

有益な情報はなるべく色々な人とシェアするべきだと思いますので、主観だらけのCSS Nite in Ginza Vol.29メモを公開しておきます。

CSS Niteでお話させていただいた、Sigさんの所から奪ってきました。

• エディタは何使ってますか？
• 高さ揃えるとか、なりで広がるとかいうところに関してtableを使いますか？JavaScriptを使いますか？
• ブラウザごとのCSSバグ対処方法はどうしてますか？
• 画像置換についてどう思いますか？
• 印刷についてどうしてますか？
• スクリーンリーダーにて確認などはしますか？
• IE7のズーム機能について、対応させていますか？
• JavaScriptライブラリのライセンスについてクライアントに説明しますか？
• JavaScriptのフレームワークを使いますか？使っている場合は何を使っていますか？
• CSSやJavaScriptの圧縮をしていますか？
• コーディングにかける時間はどのくらいでしょうか？
• あなたのコーディングのこだわりはコレ！みたいなものがあれば。
• 「コーディングやってて背が3cm伸びました」みたいなことがあれば
• 興味がある、覚えたいと思っている技術や言語は何ですか？

折角なので、答えてみようと思います。

YSlowの記事の続きです。

実際に何らかのサイトにチューニングをかける手順と共に紹介した方が分かりやすいと思うので、このサイトを使ってチューニングしようと思います。
ちなみにApache2.x+mod_railsを使ってRailsを動かしているので、そこを念頭に置いたチューニングをかけていきます。

まず、いきなり否定的な話になりますが、全ての項目でAを取るのはかなり困難です。
たとえば、チェック項目2つ目の「Use a CDN」は、最低でも２つのサーバーを必要としますので、先立つものがないと難しいですし、ほとんどのチェック項目ではAPIなど、自分の管理下にないサーバーを使っている場合、手の出しようがない状態になります。
ですので、今回のチューニングは若干消極的ではありますが「Fの項目を少しでもなくす」を目標にしたいと思います。

YSlowは、Firefoxを使用しているユーザーであれば最も手軽に、かつ無料で導入できるWEBページの表示パフォーマンス改善ツールです。13の項目についてチェックを行い、項目毎にA〜Fの評価を表示してくれると共に、改善案を提示してくれます。
Firebugをベースに使用しているため、YSlowを使うには先にFirebugをインストールしておく必要があります。

以下の記事は、Firefoxを使用していることが前提となります。
なお、Firefox自体のダウンロードはこちらから、Firebugのダウンロードはこちらからどうぞ。

このブログは、DBにSQLite3を使っているのですが、ある日突然DBへの書き込み時に以下のようなエラーが出るようになりました。

A ActiveRecord::StatementInvalid occurred in ...(中略)...:

SQLite3::SQLException: attempt to write a readonly database: ...(中略)...
/usr/local/lib/ruby/gems/1.8/gems/activerecord-2.1.0/lib/active_record/connection_adapters/abstract_adapter.rb:147:in `log'

つい5分前までは、書き込みができていたのに、突然のエラー。
試しに、script/consoleでARオブジェクトを操作しようとしても、script/dbconsoleでSQLite3用のコンソールからカラムの操作をしようとしても、反応なし。

同じ問題で悩んでいる人がいるかもしれないので、原因と対策方法を書いておきます。

Hosterを使おうと思う大抵の人は、既にhostsファイルに色々と設定を加えている状態になっていると思います。かく言う僕も、hostsファイルに何行も設定を加えていたので、色々と探してみたところ、Hoster上で設定ファイルをインポート/エクスポートする方法がありました。

Hosterのインストール方法及び設定方法については、こちら。

モデル名に複数形を使うと「nil.to_sym」というNoMethodErrorが表示される

Rails(2.1.1現在)でscript/generateする時、モデル名に複数形を使ってしまうと、
config/routes.rb で map.resources を使ったRESTfulアプリケーションを作る際にエラーになります。
例えば、

ruby script/generate scaffold abouts title:string content:text

と、複数形の名称を使用してscaffoldした後に、scaffoldで生成されたコントローラーで新規作成や修正を行おうとすると

NoMethodError: You have a nil object when you didn't expect it!
The error occurred while evaluating nil.to_sym

といったエラーが表示されてしまいます。
script/generateの際に複数形ではなく単数形を使うことで、これを回避することができます。

ruby script/generate scaffold about title:string content:text

これに気付かず、数時間悩みました……。
（逆にRESTfulな場合のコントローラー名は、単数形を使ってしまうと問題が出るようです）

じゃあ、例えば「news」のように単数形も複数形も「〜s」で終わるようなイレギュラーな単語はどうするのかという事で、調べてみました。

「アットゲームズ」(株式会社ジークレスト) さんで、10月14日からマルチプレイ Flash 対戦ゲーム「7ならべ」が公開されました。

既に公開されている、「ババヌキ」「大富豪」に続く、三並さんが作った通信フレームワークdangoを使用したゲーム３作品目になるのですが、今回は僕がサーバー側のコードを書かせてもらいました。

誰でも無料で楽しむ事ができ、登録不要の「お試しプレイ」もあるので、是非一度プレイしてみてください！

なお、アットゲームズさんでは、7ならべ実装を記念して記念イベント開催中だそうです。
無料の会員登録を行って、アイテムを手に入れたり、７ならべマスターとして名を馳せるのも一興かと(笑)

Mac(Linux)にしろWindowsにしろ、ネットワークを利用した開発で良く使うのが、hostsファイル。開発作業が佳境に入ると、日に何度も同じ設定を追加したり削除しなければならない事もざらにありました。
そんな、地味で面倒な作業をGUIベースで簡単に扱えるアプリケーションがHosterです。
設定ファイルのインポートにも対応しているので、今まで/etc/hostsに書いてはコメントアウトしていたデータの移行も簡単です。
開発作業にMacを使っている人はゼヒ。

Hoster 公式ホームページ

お久しぶりです。ドタバタしていて更新できない状態が続いていました。

僕は普段WEB開発を行っているので、Firefoxの拡張機能もやはり、WEB開発がしやすくなるようなものを重点的に入れています。なので、今回のタイトルは「WEB開発を楽にするためのFirefox拡張」にしてみました。

Subversionを使う上で問題になってくるのが、Subversionサーバーをどうやって確保するか、でしょう。
会社などでSubversionを使ってその便利さを知っていても、いざ自分で使おうと思った時にサーバーが用意できず断念してしまう人は少なくないと思います。

Beanstalkは、Warehouseをベースにした、ブラウザ上で誰でも簡単に使える管理ツールを備えたフリーのSubversionサーバーです。

ホームページを見たところ、1ユーザーあたりどの程度のサーパースペースが提供されているのかは明記されていませんでしたが、個人で使う分には特に問題ない程度の容量は提供されているのではないかと思います。

Beanstalk公式サイト

MacにVersionsをインストールするためにはSubversion 1.5.0が必要ですが、MacOSX 10.5に標準でインストールされているSubversionは1.4.4のため、最新版をインストールする必要があります。

最新版のSubversionをインストールするためには、MacPortsでSubversionをインストールします。

前回の記事(http://www.red-mount.com/blogs/show/versions)で取り上げたVersionsの詳細な使い方です。

1.MacにSubversionの作業コピーがチェックアウトされていない場合

Versionsでは、まずリポジトリを「BOOKMARKS」に登録し、その後チェックアウトを行います。

右画面の一番上にある「New Repository Bookmark」をクリックすると左のような画面が表示されます。

Name: リポジトリ名を記入します。通常、Locationを入力すると自動的に入力されます。
Location: リポジトリURLを入力します。
Username: リポジトリへのアクセスにユーザー名が必要であれば入力します。
Password: リポジトリへのアクセスにパスワードが必要であれば入力します。

上記の入力が完了したら、「Create」をクリックし、ブックマークを作成します。

ブックマークの作成が完了すると、ウィンドウの左側に、作成したブックマークが表示されます。

ブックマークをクリックすると、ウィンドウの右側に同じものが表示されますので、クリックして選択します(操作1)。
ウィンドウの右側に表示されたブックマークをクリックすると、上部メニューの「Checkout」がクリックできるようになりますので、クリックします(操作2)。

ブックマークの登録時は、サーバーのURLを入力しましたが、今回はMac上のフォルダを選択します。サーバーのデータをチェックアウトするフォルダを選択し、「Checkout」ボタンをクリックすると、サーバー上の最新リポジトリがチェックアウトできます。

チェックアウトが完了すると、ウィンドウ左側のブックマーク下にチェックアウト先のフォルダが追加され、右側のリストでチェックアウトされたファイルを見ることができます。

バージョン管理システムのSubversionはとても便利なのですが、MacだとGUIで管理できるツールがあまりなく、プログラマー以外の人にSubversionを勧める際に困っていました。
（MacのGUI管理ツールとして各所で紹介されているsvnXはイマイチUIが直感的でないため、プログラマーでない人に勧めるのは厳しいですし）

WindowsのTortoiseSVNを目標に作られた、SCPluginというFinder上で操作可能なソフトもあるのですが、2008年現在、あまりメンテナンスされていない様子。
また、10.5では各ファイル/フォルダアイコンの上に表示されるステータスアイコンがきちんと更新されないという問題もありました。

Versionsはアプリケーションを毎回立ち上げないといけない煩わしさはあるものの、ベータ版にも関わらず安定性・操作性・デザイン性に優れたSubversionクライアントです。

Versions 公式ホームページ

さすがにいい加減サイト復活させたい病が末期症状になっていたので、サイト復活させました。

ろくにテストもせずにリリースしたので、所々バグってる可能性あります。