Rewish

@5509にDMを送れるMacアプリを作りました

2011-12-14T09:36:52Z

こんにちは、ネタです。

Twitterのscreen_nameが数字だけだと「d screen_name」としてもDMが送れないらしいですね。jQueryな彼(@5509)もそんな数字アカウントの1人です。

てな訳で、@5509にDMを送るためだけのMacアプリを作ったので公開します。

ダウンロード

DM09.app – Version 0.1.1

作った理由

Objective-Cが書きたかっただけとかそんなんじゃないです。

裏技

~~×ボタンを押すとメインウインドウが行方不明になります。~~

Version 0.1.1で使えなくなりました。残念。

謝辞

OAuthConsumer – OAuthライブラリ
夜フクロウ – OAuth部分のUI及び実装(公開されていないので推測ですが)
ひろきんぐ隊長 – アイコン作成

ありがとうございました。

Herokuを利用したナントカstagramの作り方

2011-04-15T02:14:41Z

先週の水曜日に@hilokiさんと一緒に作った Shibastagram – 柴犬たくさん、しばすたぐらむというモフモフ系癒しWebサービスをリリースしました。

スクロールすると柴犬がモリモリ出てきて無限に癒されるナイスWeb。

今回はソースコード自体を公開し、Shibastagramのチワワ版「chihuastagram – チワワたくさん、チワスタグラム」を作りながら、ナントカstagramの作り方を紹介したいと思います。

※記事中のChihuaやChihuastagramは自分のナントカstagramに合わせて読み替えて下さい。

準備

早速いってみましょう。

注意) 以下の内容はMac環境を前提としています。UNIX/Linux系のOSを使ってる人は問題無いと思いますが、Windowsの人はRubyやRubyGemsなど必要なモノを別途インストールする必要があります。あと全部ターミナルで作業です。

Herokuを使う準備

Heroku (ハーオークー/ヘロク)は最近流行のPaaS。DeployにGitを使っているのが特徴でしょうか。Rubyアプリケーションを簡単に動かせるのでRubyistを使いまくってるらしい。

ユーザ登録を済ませた後、以下のコマンドを実行してherokuコマンドをインストールします。

sudo gem install heroku

必要なGemライブラリをインストール

以下のコマンドを打てばきっと大体OK！

sudo gem install instagram
sudo gem install activerecord
sudo gem install json
sudo gem install sqlite3
sudo gem install sinatra
sudo gem install haml

Gitをインストール

とりあえずGitが無いと始まりません。

Gitのインストール方法とか書き出したら大変なことになるので、調べるか、お近くのプログラマーさんに質問するのが良いと思います。GitHubでリポジトリを作ると表示されるチュートリアル的なモノもオススメ。

各種設定

Shibastagramのソースコードを入手

Chihuastagramの元となるソースコードを入手します。

rewish/Shibastagram – GitHub

上記のリポジトリをforkしてからcloneする。

git clone git://github.com/ユーザー名/Shibastagram.git chihuastagram

cloneし終わったら対象ディレクトリに移動しておく。

cd chihuastagram

Herokuにアプリケーションを作成

以下のコマンドを打つと自動でHerokuのアプリが作成される。アプリ名.heroku.comみたいなドメインになる。

heroku create アプリ名

初めての場合はHerokuに登録したメールアドレスとパスワードを入力してって言われるので入力してください。

Instagram APIのClient IDを取得

まずhttp://instagr.am/developer/にログインする。アカウントが無ければ作る。

http://instagr.am/developer/manage/からRegister a New Clientを選択してクライアントを追加する。

追加したらCLIENT IDというのが出てくるので、config/environment.rbのCLIENT_IDのところに貼り付ける。

# Client ID
CLIENT_ID = 'こぴぺぺぺぺぺぺたり'

取得したい写真のタグを設定

どんな方法で柴犬の画像を集めてるの的な質問があったけど、Bijostagramとは違って、写真に付いてるタグで検索してるだけです。

目的のタグをconfig/environment.rbのTARGET_TAGSに追加していく。複数のタグを指定できますが、増やしすぎるといっぱいアクセスして取得時間が長くなります。

# Target tags ['shiba', 'shibainu', 'shibadog', 'shibas']
TARGET_TAGS = ['chihuahua', 'chiwawa']

ローカルでテスト実行

アプリのルートディレクトリで以下のコマンドを打ってみる。

ruby application.rb

http://localhost:4567/にアクセスするとそれっぽいモノが見えます。

動いているのが確認出来たらCtrl + Cを押してコマンドを終了させます。

データベースの設定

config/database.yml.defaultをコピーしてconfig/database.ymlを作成。

デフォルトではSQLite3を使うようになっていますが、MySQLなどを使いたい場合は設定を変更して下さい。この設定はローカルのみで有効です。

データベースの設定が完了したら以下のコマンドを実行してテーブルを作る。

rake db:migrate

Instagramのデータを取得

以下のコマンドを実行すると、指定したタグのデータを取得し始めます。

rake hh:update

終わったらもう一度ruby application.rbしてブラウザで確認。完全に自分用ならココで終わっても問題無いですね。

カスタマイズ

HTMLはviewsディレクトリの中にあるファイルを適当にイジる。

他は雰囲気で感じ取って適当に修正して下さい。

デプロイ

Herokuにアプリケーションを配備します。deploy自体はGitでpushするだけなので凄くシンプル。

最初に1回だけ実行するコマンド

最初に一回だけ以下のコマンドを実行して、Heroku側にmasterブランチを作るのと、データベースのマイグレーション、データ取得を行います。

git push heroku master
heroku rake db:migrate
heroku rake hh:update

2回目以降に実行するコマンド

2回目以降は単純にpushするだけで変更が反映される。

git push heroku

動作確認

直接 http://アプリ名.heroku.com/ にアクセスするか、以下のコマンドを叩く。

heroku open

Cronの設定

Herokuの無料版ではCronを一日一回しか回せないので、設定した時間毎にURLを叩いてくれるcron-job.orgを利用して定期的にデータ取得処理を実行します。データ取得用のURLを勝手に叩かれても困るので、Tokenを設定してそれが一致しない場合はURL自体を無効化する感じです。

以下のコマンドでトークン文字列が表示されるのでメモる。

rake hh:token

メモったトークン文字列をconfig/environment.rbのCRON_TOKENに貼り付ける。

# Cron token
CRON_TOKEN = 'トークン文字列ペタリ'

実際にcron-job.orgで叩くURL: http://アプリ名.heroku.com/tasks/update?token=トークン文字列

cron-job.orgの設定についてはプログラミングできないデザイナーでも制作できるTwitter bot 制作メモ – EC studio デザインブログが参考になると思います。

回すタイミングは取得内容によりますが、1時間〜2時間に一回くらいで大丈夫じゃないでしょうか。

以上です。

SubversionのリポジトリをGitで扱う

2011-10-16T23:33:05Z

svnコマンドはログが見づらいし、コミットしたらリモートにソッコーで飛んで行くし、gitに慣れた僕には凄く扱いづらい。てことでgit-svnネタです。

一年くらい前からずっと下書き状態だったのを思い出したので公開。他にもコレ系の記事は沢山あるけど自分用のメモとして。ね。

svnリポジトリからチェックアウト

いつものcloneコマンドにsvnを付けるだけ。

git svn clone -s http://svn.example.com/Project_Name/

-sオプションを付けると、svnリポジトリがtrunk、branches、tagsのような、お馴染みの構造だよって言うのをgitに教えられる。教えておくと、ブランチやタグがgitのリモートブランチとして扱えるようになるので便利。

また、trunk、branches、tagsの名称が一般的なモノとは異なる場合は、

git svn clone http://svn.example.com/Project_Name/ -T trunkの名前 -b branchesの名前 -t tagsの名前

のように、-T、-b、-tオプションを付ければOK。

コードを書く

ファイルの追加や、ローカルへのコミットはいつものgitコマンドが使える。

git add .
git commit -m "first commit"

ローカルブランチも切り放題。

git branch ticket1
git checkout ticket1

や、

git checkout -b ticket1

など。

svnリポジトリにコミット

git pushのような勢いで。

git svn dcommit

svnリポジトリの更新を取り込む

svn updateのようなノリで。

git svn rebase

ノリとか関係無いしって場合はfetchしてからmergeする。

git svn fetch
git merge trunk

確認してからmergeできるので、こちらの方が安全かな。

svnリポジトリにタグやブランチを作成

タグ、ブランチ共に、いつものコマンドにsvnを付けるだけ。

git svn tag v0.1
git svn branch v1.0

svn:ignoreを取り込む

無視するファイルの設定をgitに取り込むには、git svn show-ignoreの結果を.git/info/excludeに書き込むのが楽。

git svn show-ignore >> .git/info/exclude

また、下記のコマンドを使えば自動で.gitignoreが作成される。svnリポジトリに.gitignoreは似合わないな、って場合は上記の方法でやるのが良さそう。

git svn create-ignore

認証情報

認証情報は~/.subversion/auth/svn.simple/内のファイルに保存されている。デフォルトの設定ではパスワードも平分で保存されるので、~/.subversion/configを書き換えてパスワードを保存しないようにする。

vi ~/.subversion/config

[auth]
store-passwords = no

設定が終ったら~/.subversion/auth/svn.simple/内の該当ファイルを手動で削除する。

認証時に毎回パスワード打たないとダメだけど、パスワードが平文で保存される気持ち悪さに比べたらまだマシかな。

属性設定

git-svnからは属性の設定が出来ないっぽい？

リポジトリごとGitにしちゃう

svn2gitで変換してGitのリポジトリにpushすればGitリポジトリに早変わり！

おわり

svnリポジトリとやり取りするコマンドを除けば、ほぼ普通のgitと変わらないですね。

CakePHPのコンソールで初期データのインポート/エクスポート

2011-03-28T09:16:26Z

開発用のデータをチームで共有する仕組みがデフォルトでは無いっぽかったので、CakePHPのコンソールを使って、初期データのインポート/エクスポートを行うShellクラスを書いてみました。

仕組みは単純で、テーブルに入っているデータをCakePHPで扱えるデータ(Array)にして保存し、保存したデータをsaveメソッドを使って保存すると言った感じです。

インストール

コードはGitHubに置いていますので、git cloneまたはダウンロードして下さい。

CakePHP-DataShell

ダウンロードしたコードを、CakePHPのアプリケーションルート(appなど)以下にvenders/shells/data.phpをコピーすればインストールは完了。

使い方

仕組み上、まずはテーブルにデータを入力した方がスムーズです。

エクスポート

全てのテーブルのデータをエクスポートする場合は以下のようにする。

cake data export

特定のテーブルのみエクスポートする場合は、モデル名またはテーブル名を指定する。

cake data export User
cake data export users

インポート

全てのデータをインポートする場合は以下のようにする。

cake data import

特定のテーブルのみインポートする場合は、モデル名またはテーブル名を指定する。

cake data import User
cake data import users

何かあればforkしてpull requestでも送って下さい :)

Skypeがおかしくなったらshared.xmlを削除すると大体直る

2011-01-24T18:46:18Z

皆さん、Skypeの画面共有機能使ってますか。ある日、僕のSkypeで画面共有が出来なくなりました。それどころかビデオ通話すら出来ません。困った。

でね、タイトルで答え全部言っちゃってますが、最終的にはSkypeのプロファイルディレクトリにあるshared.xmlを消したら直ったわけですよ。

shared.xmlについて調べてみると、他の不具合の場合でもコレが原因であることが多いみたいなので、お手元のSkypeがおかしくなった場合は是非一度試して見て下さい。

以下、shared.xmlの消し方をWindows・Macそれぞれ簡単に書いてみます。

Windowsの場合

Skypeを終了する
Windowsキー + Rキーを押す
%APPDATA%\Skypeと入力しEnterを押す
shared.xmlをリネームまたは削除する
Skypeを起動する
不具合直ってるやったー

Macの場合

Skypeを終了する
Finderを開く
shift + command + Gキーを押す
~/Library/Application Support/Skypeと入力しEnterを押す
shared.xmlをリネームまたは削除する
Skypeを起動する
不具合直ってるやったー

ね？簡単でしょ？

そんなことより、何だか久しぶりのブロギングな気がしますね。ブログに書こうと思ってたネタをTwitterに書いてしまうことが結構増えたような気がしますが、Twitterだとブログよりもさらに断片的な情報になりがちなので、少しまともな情報としてアウトプットしてみました。

2010年は色々ありました

2010-12-31T09:32:49Z

今年も残すところ5時間とちょっとになりました。

今年は人生の転機やら出会いやら色々ありました。中でも特に記憶に残っているのは、5月と7月にブログを書き忘れて、2007年7月の冷やし中華から始まった毎月ブログ更新記録が途切れ、月別アーカイブにぽっかり穴が空いてしまったことでしょうか。

そんなこんなで色々あった2010年でした。

来年の話をすると鬼が笑うらしいので、来月からもよろしくお願いいたします。

こんにちは、フリーランス

2010-11-03T19:42:20Z

10月末に開業届けを提出して11月1日付けで個人事業主になりました。

経緯としては、6月末で3年間勤めていた会社を退職し、紆余曲折を経てフリーランスとして活動することに決めました。大事な部分を端折った気がしますが、大体そんな感じです。

ちなみに屋号は Rewish (レウィッシュ)。名刺も作り直す予定なので、既に名刺交換させていただいた方には、改めてお渡ししたいと思います。

できること

今後どういった方向へ行くかは分かりませんが、

HTML/CSS
JavaScript
Webデザイン
Webシステム開発
iPhoneアプリ開発
CMSの構築/プラグイン作成等
- WordPress
- Movable Type
サーバ構築/保守

辺りでお困りの際は是非ご相談下さい！

連絡先

レスポンスが早い順です。

Skype: rewish.org
Twitter: @rewish
Mail: Contact

それでは皆さん、今後ともよろしくお願いします。

jQuery.bgSwitcher バージョン0.2をリリースしました

2010-10-25T19:50:35Z

だいぶ前に作ったjQuery.bgSwitcherを一から作り直しました。

オプションの簡略化や切り替えの開始/停止/リセットなど、0.1系より便利に使えるようになっていて、フェードアウトの実装も0.1系よりは若干ましになったと思います。

ただ、オプションの指定方法などの兼ね合いで0.1系と互換性がありません。互換性を保つことも出来ましたが、利用者数が少ないことと、前のバージョンがあまりにも酷かったので、あえて互換性を捨てました。

背景を切り替えたいんだよ！という珍しい案件があれば使ってみて下さい。

ソーシャルブックマークの情報を取得するWPプラグイン「WP SBM Info」

2010-10-25T16:52:49Z

先日作ったServices_SBM_Infoを利用して、ソーシャルブックマークのカウントやコメントを取得するWordPressのプラグインを作ってみました。

対応サービスや取得できる情報についてはServices_SBM_Infoと同じです。

概要

URLに対するソーシャルブックマークの情報を取得するWordPressプラグインです。

名称

WP SBM Info

ライセンス

GNU General Public License

取得できるSBMの情報

ブックマーク数
ブックマーク数の単位 (user|users|tweet|tweets)
ブックマーク数のランク (色の変わるブックマーク数に応じたランク)
ブックマークコメント (Deliciousを除く)
エントリーページのURL
追加ページのURL

対応しているSBMサービス

ダウンロード

wp-sbm-info.zip – v0.1.0

オプション

[設定]メニューの[WP SBM Infoの設定]でオプションを設定できます。

有効にするサービス: チェックしたサービスを取得します。
キャッシュの有効期限: 指定時間経過後、APIデータを再取得します。
バックグラウンド実行: APIデータの取得をバックグラウンドで行います。CGIモードで動いている場合のみ。
Proxy: APIデータの取得にProxyを使います。

使い方

個別ページ(ポスト、ページ)で使用する場合

<?php
$info = sbm_info_all();
// $infoに配列が入るのでprint_r($info);などで確認して下さい。

// foreachとprintfを使った例
foreach ($info as $name => $c) {
	printf('<li class="%s"><a href="%s">追加</a> <a href="%s" class="count rank%s">%s%s</a></li>',
		$name, $c['add_url'], $c['entry_url'], $c['rank'], $c['count'], $c['unit']);
}
?>

Homeなど個別ページ以外のURLを取得する場合

<?php
$url = 'http://example.com/';
$title = 'Example Web Page';
sbm_info_execute($url, $title);
$info = sbm_info_all($url, $title);
// $infoの情報を適当に使う
?>

各サービスごとのスタイリング

このブログで使用しているスタイル(sbm.css)を参考にしてみて下さい。

定義されている関数

引数を省略して実行すると、$urlはget_permalink()、$titleはget_the_title()の値がそれぞれ代入されます。

sbm_info_execute($url = null, $title = null): APIからデータを取得します。ポスト及びページ以外で使用する場合に使います。
sbm_info_all($url = null, $title = null): 全ての情報を取得します。
sbm_info_count($url = null): ブックマーク数を取得します。
sbm_info_unit($url = null): ブックマーク数の単位を取得します。
sbm_info_rank($url = null): ブックマーク数のランクを取得します。
sbm_info_comments($url = null): ブックマークコメントを取得します。
sbm_info_entry_url($url = null): ブックマークのエントリーページURLを取得します。
sbm_info_add_url($url = null): ブックマークの追加ページURLを取得します。

更新履歴

2010-10-26 – v0.1.4: APIデータの取得に失敗した場合、情報がリセットされる問題を修正。
2010-09-13 – v0.1.3: 同時アクセスがあった場合、executeが複数走る問題を修正。
2010-09-12 – v0.1.2: bugfix
2010-09-10 – v0.1.1: Proxy対応
2010-09-09 – v0.1.0: 公開

ソーシャルブックマークの情報を取得するPHPライブラリ「Services_SBM_Info」

2010-10-31T18:52:08Z

Twitterに対応しました。

URLに対するソーシャルブックマークの情報を取得するライブラリをOpenpearで公開しています。

Services_SBM_Info – Openpear

と言う報告だけでは何なので、概要と使い方を書いてみます。

概要

URLに対するソーシャルブックマーク(以下SBM)の情報を取得するPHP(PEAR)ライブラリです。

ライセンス

New BSD License

依存ライブラリ

HTTP_Request2

取得できるSBMの情報

ブックマーク数
ブックマーク数の単位 (user|users)
ブックマーク数のランク (色の変わるブックマーク数に応じたランク)
ブックマークコメント
エントリーページのURL
追加ページのURL

対応しているSBMサービス

はてなブックマーク (Hatena)
Delicious (Delicious)
livedoorクリップ (Livedoor)
Buzzurl (Buzzurl)
Twitter (Twitter)

インストール

PEARコマンドを使う場合

pear channel-discover openpear.org
pear install --alldeps openpear/Services_SBM_Info-beta

SVNでチェックアウトする場合

直接チェックアウトする場合はinclude pathに注意して下さい。

svn co http://svn.openpear.org/Services_SBM_Info/trunk/src Services_SBM_Info

使い方

基本的な使い方

<?php
// ライブラリ読み込み
require_once 'Services/SBM/Info.php';

// コンストラクタ
// 第一引数にURL、第二引数にページタイトル、
// 第三引数に取得するSBMサービスを指定可能 (初期値は'Hatena,Delicious')
$SBMInfo = new Services_SBM_Info('http://example.net/', 'Example Web Page', 'Hatena,Delicious,Livedoor');

// 実行 (APIからデータを取得)
$SBMInfo->execute();

// 有効サービスの全SBM情報を配列で取得 (コメントを除く)
print_r($SBMInfo->getAll());

// コメントを含めたい場合は第一引数にtrueを渡す
print_r($SBMInfo->getAll(true));

URL、ページタイトル、SBMサービスを後で指定する

複数のURLの情報を連続して取得する場合に便利。

<?php
// ライブラリ読み込み
require_once 'Services/SBM/Info.php';

// コンストラクタの引数は省略可能
$SBMInfo = new Services_SBM_Info;

// URLをセット
$SBMInfo->setUrl('http://example.com/');

// ページタイトルをセット
$SBMInfo->setTitle('Example Web Page');

// SBMサービスをセット
$SBMInfo->setServices(array('hatena', 'delicious', 'livedoor', 'buzzurl'));
// or
$SBMInfo->setServices('hatena,delicious,livedoor,buzzurl');

// セットしたら必ずexecute
$SBMInfo->execute();

// 有効サービスの全SBM情報を配列で取得 (コメントを除く)
print_r($SBMInfo->getAll());

SBM情報を個別に取得する

引数に何も入れずに実行すると、SBMサービスの名前をキーにした配列が取得できます。

<?php
require_once 'Services/SBM/Info.php';
$SBMInfo = new Services_SBM_Info('http://example.net/', 'Example Web Page');
$SBMInfo->execute();

// ブックマーク数
echo $SBMInfo->getCount();

// ブックマーク数の単位
echo $SBMInfo->getUnit();

// ブックマーク数のランク
echo $SBMInfo->getRank();

// エントリーページのURL
echo $SBMInfo->getEntryUrl();

// 追加ページのURL
echo $SBMInfo->getAddUrl();

// ブックマークコメント
print_r($SBMInfo->getComments());

引数にSBMサービス名を入れると、個別に値を取得できます。

require_once 'Services/SBM/Info.php';
$SBMInfo = new Services_SBM_Info('http://example.net/', 'Example Web Page');
$SBMInfo->execute();

// はてなブックマークのブックマーク数
echo $SBMInfo->getCount('hatena');

// はてなブックマークのブックマーク数の単位
echo $SBMInfo->getUnit('hatena');

// はてなブックマークのブックマーク数のランク
echo $SBMInfo->getRank('hatena');

// はてなブックマークのエントリーページのURL
echo $SBMInfo->getEntryUrl('hatena');

// はてなブックマークの追加ページのURL
echo $SBMInfo->getAddUrl('hatena');

// はてなブックマークのブックマークコメント
print_r($SBMInfo->getComments('hatena'));

0.3.0で追加した機能

API取得に失敗した場合、例外を投げるようになったので、エラーログを記録するファイルの指定とAPI取得に失敗したサービスを取得するメソッドを追加しました。

<?php
require_once 'Services/SBM/Info.php';
$SBMInfo = new Services_SBM_Info('http://example.net/', 'Example Web Page');

// エラーを記録したい場合はファイルのパスを指定
$SBMInfo->setErrorLog('./sbm_info_error.log');

$SBMInfo->execute();

// API取得に失敗したサービスを配列で取得
print_r($SBMInfo->getFailedServices());

VirtualBoxでLinuxな開発環境を作る

2010-08-23T03:45:00Z

今までLinux環境が必要な開発ではVMware Playerを使っていましたが、ちょっと開発環境の見直しも兼ねてVertualBoxを試して見ました。

今回はVirtualBox-3.2.8-64453-Winをインストールしましたが、基本的な流れやメリット等はVirtualBox 2.2 と CentOS 5.3 でローカル開発環境 – もやし日記とほぼ同じなので、詳しいインストール手順はそちらを参照して下さい。

仮想マシンの作成

こんな感じで作成しました。

名前: CentOS5
オペレーティングシステム: Linux
バージョン: Red Hat
メインメモリのサイズ: 512MB
ハードディスクストレージタイプ: 固定サイズのストレージ
サイズ: 5GB

ホストOSがWindowsの場合、断片化を防ぐため固定サイズのストレージにしておくのが良い。

OSはCentOS5.5をネットインストールしました。

共有フォルダの設定

「開発環境でsambaとかマジ無いわ」な感じなので共有フォルダを有効にします。

Guest Additionsのインストール

まず、メニューの[デバイス]から[Guest Additionsのインストール]を選択。

CD-ROMとして読み込まれるのでディレクトリにマウントする。

[root@dev ~]# mkdir /mnt/cdrom
[root@dev ~]# mount -r /dev/cdrom /mnt/cdrom

マウントしたらVBoxLinuxAdditions-x86.runを実行する。

gcc、make、kernel-devel辺りが必要なので、入っていなければ入れておく。

[root@dev ~]# yum install gcc make kernel-devel
[root@dev ~]# /mnt/cdrom/VBoxLinuxAdditions-x86.run

インストールが終ったらCD-ROMをアンマウントしておく。

[root@dev ~]# umount /mnt/cdrom

共有するフォルダを指定

メニューの[デバイス]から[共有フォルダ]を選択。

表示されるダイアログボックスの右側＋アイコンをクリックするかInsertキーを押す。

フォルダのパス: ホストOS側の共有フォルダのパス。
フォルダ名: ゲストOS側の共有フォルダ名。マウントする際に使用。
読み込み専用: ファイルの書き込みを拒否する。
永続化する: VirtualBoxを終了しても設定を消さない。チェック！

この設定はそんなに難しくは無いと思います。

共有フォルダをマウント

ファイルシステムのタイプをvboxsfにし、デバイスに先ほどのフォルダ名を指定、対象ディレクトリを/mnt/フォルダ名にしてマウント。

[root@dev ~]# mkdir /mnt/フォルダ名
[root@dev ~]# mount -t vboxsf フォルダ名 /mnt/フォルダ名

ゲストOSを再起動しても自動でマウントするようにしたい場合は、/etc/rc.localなんかにマウントコマンドを記述すると良いかも。

Windows向けの小ネタ

仮想マシンを一発起動

仮想マシンを起動する時、イチイチVertualBox.exeを起動して仮想マシンを選択して起動するのは面倒なので、ショートカットを作って一発で起動するようにしておく。

具体的には、VirtualBox.exeの起動オプションに-startvm 仮想マシン名を指定する。

path\to\VirtualBox.exe" -startvm CentOS5

こんな感じでショートカットを作ればOK。簡単ですね。便利ですね。

VertualBoxをタスクトレイに入れる

TrayzerでVMware Playerをタスクトレイに入れてスッキリで紹介したTrayzerを使ってVirtualBoxをタスクトレイに入れました。

設定方法はVMware Playerと同じです。

ものすごい勢いでロールオーバーするjQueryプラグイン「jDTRollover」

2010-06-18T03:01:31Z

画像のロールオーバーを実装する方法は数多く存在しますが、ロールオーバーしてるのかしてないのかよく分からないモノが多いですよね。多いです。

そんな悩みはサクッと解決しちゃいたい！そんなアナタのために、ものすごい勢いでロールオーバーするjQueryプラグインを作りました。

※input要素にも使えるjQueryのロールオーバープラグインとの互換性もバッチリなので、プラグインのファイルを差し替えるだけで動作します。

ダウンロードとデモ

jdtrollover.js

デモを見る

導入方法

1. jQueryとjDTRolloverを読み込む

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jdtrollover.js"></script>

2. 実行する

$()で対象にする要素を指定します。アンカーの中にある画像を指定するのが一般的ですね。

jQuery(function($) {
  $('a img').jdtRollover();

  // 以下の指定方法にも対応！最高の互換性！
  $('a img').rollover();
});

オプション

第一引数: ロールオーバー画像に付けるsuffix。デフォルトは_onだ。
第二引数: 勢い。1か2くらいにしないと正常に動作しない。

注意

わりと喋ります。

スムーズにスクロールしないjQueryプラグイン「jDTScroll」

2010-06-11T05:07:17Z

ページ内リンクでスクロールをスムースにするスクリプトは良くありますが、アレってもっとスムーズにスクロール出来ないのかなーとか思いますよね。僕は思います。

もっとスムーズにするのは僕には難しいので、普通のスムーススクロールがスムーズに感じられるように、スムーズにスクロールしないjQueryプラグインを作りました。

ダウンロードとデモ

jdtscroll.js

デモを見る

導入方法

1. jQueryとjDTScrollを読み込む

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jdtscroll.js"></script>

2. 実行する

$()で対象にする要素を指定します。ページ内リンクなのでフラグメント識別子が付いてるっぽいアンカーを指定するのがいいですね。

jQuery(function($) {
  $('a[href^="#"]').jdtScroll();
});

オプション

第一引数: スクロールアニメーションの速度を指定。
第二引数: 良く見つけましたね。これは隠し引数です。

注意

たまに喋ります。

記事保存時にリンク先のタイトルを取得するWordPressプラグイン

2010-04-22T02:09:26Z

WP HatenaNotation v1.0.0を公開した時に実装した、はてな記法の[URL:title]のような機能を提供するプラグインです。

はてな記法プラグインのように独自のDBテーブルにタイトルを保存するのでは無く、記事の内容を直接書き換えるタイプなので一応注意して下さい。

あと、ブックマークレット使えよとか言わないで下さい。

概要

a要素にhref属性を設定し、テキスト部分を空にして保存すると、リンク先のタイトルを自動で取得し挿入します。href以外の属性が在る場合でも他の属性を残しつつ処理を行います。

ダウンロード

titlefetcher.zip – v0.1.0

使い方

titlefetcher.zipをダウンロード
zipを解凍してwp-content/pluginsにディレクトリごとコピー
[プラグイン]メニューの[インストール済み]からTitleFetcherを有効化。

あとは記事を書く時に

<a href="http://example.com/" class="hoge"></a>

のようにテキスト部分を空にして保存すると

<a href="http://example.com/&quot class="hoge">Example Web Page</a>

のようにリンク先のタイトルが自動で挿入されます。

CSSの@importを動的に1ファイルにまとめて圧縮するPHPのクラス「CSS_DynamicCompressor」

2010-04-21T02:36:23Z

CSSを小分けにして@importで読み込んで管理している方も多いかと思いますが、これではHTTPリクエストがファイルの数だけ発生して、パフォーマンス的に良くありません。

Googleがページの表示速度を検索結果に反映するとか言い出したりもしているので、これはもうリクエスト数を減らすしか無いですね！

でも手動でファイルを一つ一つ連結するのはとても面倒です！と言うわけで、そんな面倒な作業を自動でやってくれるPHPのクラスを書いてみました。

概要

@importで複数のファイルを読み込んでいるCSSを、動的に解析し、連結・圧縮を行います。また、表示する際にLast-ModifiedやExpiresなどのHTTPヘッダーを送出したり、gzip圧縮を行うなど、リクエストを出来るだけ軽減できるようにしています。

具体的には/share/css/_import.cssが/share/css/import.cssのようになります。

ダウンロード

css_dynamic_compressor.zip – v0.1

※PHP5以上で動作します。

ファイルの内容は以下の通りです。

CSS_DynamicCompressor.php
css.php
.htaccess

開発版はhttp://github.com/rewish/CSS_DynamicCompressor

使い方

以下の4つの使い方を想定しています。環境に合わせて最良の方法を選択して下さい。

以下の例の前提条件として、@importを使用しているファイルの名前はimport.cssとします。

mod_rewriteを使う

既存のHTMLを書き換えずに導入することが出来ます。

以下のようにCSSを読み込んでいる場合は、

<link rel="stylesheet" type="text/css" href="/css/import.css">

/css/ディレクトリに、CSS_DynamicCompressor.php・css.php・.htaccessをコピーすればOKです。

動かない場合は、.htaccessやmod_rewriteが使えない可能性があります。

拡張子.cssでPHPを実行する

mod_rewrite同様、既存のHTMLを書き換える必要はありませんが、若干作業が増えます。

設定方法はサーバーによって異なるので、不明な場合はサーバー管理者に問い合わせて下さい。

# .cssでPHPを実行する設定の一例
AddHandler application/x-httpd-php .php .css

以下のようにCSSを読み込んでいる場合は、

<link rel="stylesheet" type="text/css" href="/css/import.css">

import.cssを_import.cssなど適当にリネーム。

CSS_DynamicCompressor.php・css.phpを/css/ディレクトリにコピーして、css.phpの以下の部分を編集して下さい。

//->setTarget('import.css')
↓
->setTarget('_import.css')

編集した後、css.phpをimport.cssにリネームすればOKです。

link要素で直接PHPを読み込む

CSS_DynamicCompressor.php・css.phpを/css/ディレクトリにコピーして、link要素でcss.phpを読み込むだけ。

<link rel="stylesheet" type="text/css" href="/css/css.php">

キャッシュファイルをそのまま読み込む

CSS_DynamicCompressor.php・css.phpを/css/ディレクトリにコピーしてブラウザから/css/css.phpにアクセスして書き出されるファイルをlink要素で普通に読み込む。

<link rel="stylesheet" type="text/css" href="/css/_cache.css">

書き出されるキャッシュファイルの名前を変更したい場合はcss.phpを編集。

//->setCache('_cahce.css')
↓
->setCache('hoge.css')

この方法のメリットは、PHP5が動けばほぼ確実に使えること、静的ファイルなので若干軽いと言うことですが、キャッシュ関連のHTTPヘッダーやgzip圧縮などは、サーバーの設定に依存します。

各種設定

CSS_DynamicCompressor::getInstance()でインスタンスを取得して、メソッドチェーンで設定を記述する事が出来ます。->setHoge('fuga')みたいな感じですね。

設定のひな形はcss.phpに記述してありますので、参考にしながら色々試してみて下さい。

メソッド	説明	初期値
setCharset	文字コードを指定	UTF-8
setTarget	@importしているファイルの名前を指定	import.css
setCache	キャッシュファイルの名前を指定	_cache.css
setExpireDay	Expiresヘッダーに付与する日数(X日後)	30日後
setDirectory	CSSファイルが置かれているディレクトリをフルパスで指定	カレントのワーキングディレクトリ
setCSSFiles	CSSファイルの名前を配列で指定指定した場合@importの自動読み込みは行われません	空
setBaseUrl	File listのベースURL 空の場合[File list]は表示されません	空

圧縮のみ実行したい場合は->compression();を、圧縮から表示までを一括で実行したい場合は->display();を最後に呼んで下さい。

注意点

PHPにファイルの書き込み権限が無い場合、キャッシュファイルが書き出されません。その場合は、ディレクトリのパーミッションを変更したり、キャッシュファイルを予め作成してパーミッションを変更しておくなどの対策を行ってください。

※キャッシュが無い場合、毎回圧縮処理を行うのでちょっと重たいです。

Rewish

@5509にDMを送れるMacアプリを作りました

ダウンロード

作った理由

裏技

謝辞

Herokuを利用したナントカstagramの作り方

目次

準備

Herokuを使う準備

必要なGemライブラリをインストール

Gitをインストール

各種設定

Shibastagramのソースコードを入手

Herokuにアプリケーションを作成

Instagram APIのClient IDを取得

取得したい写真のタグを設定

ローカルでテスト実行

データベースの設定

Instagramのデータを取得

カスタマイズ

デプロイ

最初に1回だけ実行するコマンド

2回目以降に実行するコマンド

動作確認

Cronの設定

SubversionのリポジトリをGitで扱う

svnリポジトリからチェックアウト

コードを書く

svnリポジトリにコミット

svnリポジトリの更新を取り込む

svnリポジトリにタグやブランチを作成

svn:ignoreを取り込む

認証情報

属性設定

リポジトリごとGitにしちゃう

おわり

CakePHPのコンソールで初期データのインポート/エクスポート

インストール

使い方

エクスポート

インポート

Skypeがおかしくなったらshared.xmlを削除すると大体直る

目次

Windowsの場合

Macの場合

2010年は色々ありました

こんにちは、フリーランス

できること

連絡先

jQuery.bgSwitcher バージョン0.2をリリースしました

ソーシャルブックマークの情報を取得するWPプラグイン「WP SBM Info」

概要

名称

ライセンス

取得できるSBMの情報

対応しているSBMサービス

ダウンロード

オプション

使い方

個別ページ(ポスト、ページ)で使用する場合

Homeなど個別ページ以外のURLを取得する場合

各サービスごとのスタイリング

定義されている関数

更新履歴

ソーシャルブックマークの情報を取得するPHPライブラリ「Services_SBM_Info」

概要

ライセンス

依存ライブラリ

取得できるSBMの情報

対応しているSBMサービス

インストール

PEARコマンドを使う場合

SVNでチェックアウトする場合

使い方

基本的な使い方

URL、ページタイトル、SBMサービスを後で指定する

SBM情報を個別に取得する

0.3.0で追加した機能

VirtualBoxでLinuxな開発環境を作る