Facebookのいいねの時に表示されるサムネイル画像

<meta property="og:image" content="IMAGE_URL"/>

って感じでメタタグに指定してあげればOK。ただしIMAGE_URLはフルパスで入れること。
入力項目は下記のツールで確認できる。

http://developers.facebook.com/tools/lint/

同様にog:title、og:type、og:urlなども指定できる。

RailsやCakePHPなどで動的に生成するにはレイアウトテンプレートに下記のように書いて
指定したいコントローラーなどでURLを追加すればOK。

<?php

if (!empty($imgurl)) {

echo '<meta property="og:image" content="http://hoge.com/img/'.$imgurl.'" />';

} else {

echo '<meta property="og:image" content="http://hoge.com/img/og_logo.jpg" />';

};

?>

Dropboxでgit管理

まずはフォルダ作成

$ cd ~/Dropbox/
$ mkdir Repos
$ cd Repos

プロジェクト作成

$ mkdir sample.git
$ cd sample.git
$ git --bare init

んでプロジェクトフォルダでpush

cd ~/dev/old_prj
git init
git add .
git commit
git push ~/Dropbox/repo/sample.git master
git remote add origin ~/Dropbox/repo/sample.git

参考：
http://naoki.sato.name/lab/archives/38

TomblooでYoutubeにポストエラー

Tomblooは数クリックでTumblrなどにポストできるアドオンです。非常に便利なのですが、Youtubeの画面仕様の変更でエラーが出るようになりました。対応方法がhttp://d.hatena.ne.jp/tondol/20100402/1270206802
にありましたので対応したところ無事動きました。

追記としては該当ファイルの場所ですが下記の場所ににあります。
macでは
/Users/ユーザー名/Library/Application Support/Firefox/Profiles/XXXXX.default/extensions/tombloo@brasil.to/chrome/content/library

winでは
C:\Documents and Settings\ユーザー名\Application Data\Mozilla\Firefox\Profiles\XXXX.default\extensions\tombloo@brasil.to\chrome\content\library

書き換え後はブラウザーを再起動して下さい。

Dropboxを用いた開発環境

Dropboxを用いて開発環境を作ると便利です。ソースをそのまま突っ込んでもいいですがSubversionなんかを使っている場合はレポジトリをDropboxにしてしまう方法もあります。注意する点としては共有するマシン間でマシン名が異なるとディレクトリが異なるのでDropboxの初期設定から「Dropbox Folder Location」で名前を設定するとよいでしょう。レポジトリのURLはfile:///Users/設定名/Dropbox/SVNRepository みたいな感じになります。

MySQLのログファイルの管理について

GAEを使っているとKey-Value Storeの方に慣れてしまいますが、MySQLのログを管理する機会があったのでまとめておきます。


mysql-bin.xxxxxx

レプリケーション設定のために保存される「mysql-bin.xxxxxx」ファイルが有りますが、この末尾の番号は世代管理になります。よってレプリケーションに必要な物は最新（番号が大きいもの）があれば問題ありません。


ホスト名-slow.log

実行に long_query_time 秒より長くかかった SQL コマンドがすべてログファイルに書き込まれるファイルです。パフォーマンスチューニングを行うときに参考になります。

また、ログファイルは放っておくとどんどん肥大化していくので適宜ログローテートをした方が良いです。強制的にログファイルの入れ替えをするには下記のコマンドすれば良いです。

mysql > FLUSH LOGS;

ログデータは放置しておくと意外とストレージ容量を圧迫しますので、定期的に確認した方が良いでしょう。

Vi,Emacsの基本操作まとめ

開発をしているとViを触る機会が多いかと思いますがついついコマンドを忘れがちなのでまとめておきます。ここに記載してるのは本当に基礎的な部分のみです。

vi ファイル名	新規作成
i	入力モードへ
ESC	ビジュアルモードへ
:w (ファイル名)	保存（ファイル名が無い場合は上書き保存）
:q	終了
h,j,k,l	左、下、上、右　（キーが一列に並んでいる）
/	文字列検索　（nで次へ）
yw	単語のコピー
Ctrl-v	ビジュアルモード（矩形選択）
p	ペースト
u	元に戻す
Ctrl-r	やり直す

ついでEmacsについてもまとめておきます。

Ctrl-x Ctrl-f	新規作成
Ctrl-x Ctrl-s	保存
Ctrl-x Ctrl-w	名前を付けて保存
Ctrl-f	右
Ctrl-b	左
Ctrl-n	下
Ctrl-p	上
Ctrl-x u	元の戻す
Ctrl-u 1	やり直す
Ctrl-v	コピー
Ctrl-y	張り付け
Ctrl-@	範囲の開始位置を指定
ESC-w	選択範囲をバッッファにコピー

普段、使わないと忘れがちなのでテキスト編集する時こまめに使うと良いのではないでしょうか。

Windows環境のファイルバックアップ用バッチ

Window XPでファイルサーバーを用意するのはWindows XP Professionalでも同時接続が最大10人までなのであまりオススメはできません。とはいえ、皆がWindowsを使っている環境で手軽に（一時的に）ファイル共有するには便利です。

もしくは、Wiki等を立ち上げたりするかも知れません。そんな時忘れてはいけないのがデータのバックアップです。そんな時はバッチファイルを作り、タスクスケジューラーにそのバッチを実行させると簡単です。バッチファイルの書き方は次のような感じで。

XCOPY /Y コピー元のディレクトリ　コピー先のディレクトリ　/e /s /f

ファイル名はbackup.batか何かで保存すればOKです。複数に分けて保存したい場合は下にどんどん追記すればOKです。

バージョン管理について

システム開発では各バージョンを管理するためバージョン管理のシステムを使うことがほとんどです。このバージョン管理はソースコードだけでなく、画像ファイルやデータなども管理できるので大変便利です。具体的には、何かのトラブルで前のバージョンに戻したいときや。バグの修正ログを確認する際に非常に有効です。

さてバージョン管理用のソフトですが、CVSからSubversion、そしてGitという風なトレンドになっています。私個人はSubversionを今でも使用していますが、Gitもたまに使います。いまはGitがアツイようです。SubversionからGitへの以降も下記で簡単にできます。

$ git svn clone -T trunk -b branches -t tags <subversion リポジトリ="">

Gitの有利な点は分散管理を取っている点で、Subversionでは毎回変更をサーバー側に登録（コミット）しなくてはいけません。そのコミット作業がファイル作業が膨大になってくると意外と時間がかかります。Gitではそのコミット作業をローカル環境で行えます。小さい修正をローカルで行い、ある程度の段階で中央に反映するといったことができるのが利点です。

まあいずれにせよバージョン管理システムを管理する人が必要ですので、その管理のシステムは一本化した方が良いと思われます。今からバージョン管理を仕様とする人はGitにしておくほうがオススメです。

ただプロジェクトを複数持っている場合は管理人も複数いる場合が多く、一本化するのは中々難しいです。私はまだSubversionを使っていますので、その場合のケースをまとめておきます。

Subversionのサーバーを立てる方法はいろいろありますが、linuxの場合はyumコマンドでインストール（yum install httpd subversion subversion-server）、Windowsの場合はバグトラッキングシステムも含めたtrac lightningをインストールするのが簡単です。

私の場合プロジェクトメンバーが各所にいる場合はLinuxでサーバーを立ち上げApacheのDAVモジュールも利用します。サーバーには認証キーを用い、ssh経由で接続($svn co svn+ssh://なんたらかんた)してもらいます。

ローカル環境で開発を行う場合は、わざわざバグ管理も面倒ですのでtrac lightningを使用します。tracを使うメリットとしては、GUIが優れていますのでシステム屋でなくともバグ登録ができ、wikiシステムも備えていますのでナレッジの一本化ができます。（Gitに移行する際に諸刃ともなりますが）

クライアント側ではターミナルを使っての管理か、Eclipseのプラグイン管理か、 tortoiseSVNでの管理かは好みによって使い分ければよいかと思います。

あと忘れてはいけないのがコードバックアップです。ちゃんと定期的に異なるハードディスクにコピーできるようにしておきましょう。バッチファイルか何かで処理してしまうのが手っ取り早いでしょう。trac lightningであればbackup.batがついてきますのでこれを利用すればOKです。

仮想環境構築

ウェブサービスを開発を行う上で必要なものはサーバーが必要ですが,状況に応じてローカル環境にて行う必要があります。そんな時、仮想化環境を構築するのが便利です。私の場合だとWindowsは必要ありませんが、メインマシンはMacですので仮想環境内にCentOSを動かしています。Linuxが必要なときは仮想環境を使います。

さて仮想環境ですが仮想環境を作るには主に３つのソフトがあります。

Virtual PC(Microsoft)
Virtual Box(Sun)
VMware(VMware）

VMwareは有料になるので試していません。VirtualPCとVirtualBoxですがファイル連携などからVirualBoxの方がややオススメです。ファイル共有やネットワーク設定等比較的簡単に出来ます。環境構築やLinuxのインストールはさほど難しく無いので、普段環境を作ったことがある人であればできるでしょう。インストールはisoファイルでネットインストールするのが便利です。

最初の投稿

このサイトはGAEやiPhoneやRubyやcssなどについての備忘録です。