foodfoto inc.サイトの作成に使ったツール・サービス

お手伝いさせて頂いたfoodfoto incのコーポレートサイトが2月1日に公開されました。デザインプロセスは@machidaさんが書かれたので僕はシステム面について書きたいと思います。

といってもプログラマーの僕は殆ど何もやってません。これは依頼者である@func09さんとデザイナーの@machidaさんがコラボレーションツールを上手く使った為だと思います。そこでfoodfoto.jpサイトを作るに当たって使ったツールやサービスを紹介してみたいと思います。

Basecamp

言わずと知れた37signals, LLCのコラボレーションツール。ハードに使う人・ソフトに使う人、プロジェクトに関わる人は色々いると思いますが、今回、常にBasecampの画面を睨んでいるというようなハードな使い方ではなく、ソフトに関わった僕としては”メッセージ”の機能が便利に思いました。

“メッセージ”は要は掲示板なんですが、デザインラフをアップしたとき、進捗があったときなど、必要な時にメールで飛んでくるのが便利でした。メールだと他の作業の妨げにならずに、自分のペースで確認できます。やり取りを確認しながら、技術的なポイントについて確認を取ったりしました。

FJORDではHeroku上のRedmineを使っているので早速真似して”メッセージ”に似た”フォーラム”機能を有効にしてみました。

Github

お馴染みのソースコードリポジトリ共有サイト。あーだこーだ言うよりコード自身でコミュニケーションするのが一番早いとつくづく思いました。今回はサイトの多言語化について、文章で説明すると長いんですが、コードだとすぐ済みました。

今回は後述のHerokuとLokkaをあわせてリモートリポジトリをorigin(github), heroku, lokkaと使い分けました。

Heroku

最近Salesforceに買収されたRubyのRackアプリのホスティングをしてくれるサービス。FJORDでも殆どのサービスで使っています。一番気に入っているのは無料なところです！

無料なので、旧foodfotoサイトと新foodfotoサイトの二つを用意し、公開時に単純にDNSを切り替えました。(@func09さんが)

Lokka

言わずと知れないクラウド向けCMS。要はHeroku等のクラウド環境で動くRuby製のWordPressです。HerokuとMacで簡単に動く事に注力して出来ているのですんなり行きました。また、”たまたま”僕が開発を行っていて、@machidaさんが扱いに習熟していたので問題ありませんでした。

元々WordPressでも殆ど僕の出番は無かったんですが「ちょっとこの機能のプラグインを作って欲しい」といったことはよくありました。その時にPHPを書くのとRubyを書くのでは精神的に全然違います・・・。テーマ修正もHamlなら快適です。(erbも使えますよ！)

デザイナーが“黒い画面”を使える効能

プロジェクト開始の日に上記のBasecamp, Github, Herokuのコラボレーターに@komagataと@machidaを追加して頂きました。とっても楽です。

プログラマの方なら「何か普通なツールばっかりじゃないか」と思われるかも知れません。しかし、プログラマーの僕が殆ど手を動かさずできたのは、

「Basecampでスケジュールを確認し、GithubからpullしてきてテーマをHamlで書き、ローカルのLokkaで確認してcommitし、Herokuにpushする」

ということを全てデザイナーが出来るからこそなのです。

もちろん全てのデザイナーがこれらを使いこなせるべきとは言いませんが、これによって可能になる生産性の向上は素晴らしいものがありました。またデザイナーがgitやherokuを使うといっても完璧に理解するという感じではなく、基本的な手順がなぞれるぐらいで十分です。想定外の事が起きたらプログラマーにやってもらえばいいんです。

僕らのような小さな会社はこれからますます他の会社や個人と協力しながら仕事をする機会が増えていくと思います。そのためにはこういったコラボレーションツールを活用することはとても重要になっていくと感じました。

宣伝

@machidaさんがfoodfoto inc.の作成が終わって暇なので「あら、うちのサイトもこの会社に頼もうかしら」という方がいらっしゃったら@machidaか@komagataまでご連絡下さい。