kur.jp

PHPでTwitterのOAuth認証

admin — Sun, 11 Jul 2010 17:03:05 +0000

今年の一月に、LogTwitと言うTwitterネイティブWebアクセス解析LogTwitをリリースしたのですが、1月の時点では何も考えずにBasic認証を使っていました。（リリース時のブログエントリ）

ところが8月末からBasic認証が使えなくなってしまうということなので、現在、twitteroauthというライブラリを使いOAuth認証に対応させる作業をしています。ちなみに、利用したtwitteroauthのバージョンは0.0.2-beta3でした。

今回、私がアプリでやりたいこととしては「ユーザ登録してくれたユーザのアカウントでポストする」ということ。そのためにはまず、下記の事が必要になります。

OAuthでユーザに承認してもらう
TwitterにPOSTする

OAuthでユーザに承認してもらう

まず、ユーザに承認してもらうためのURLを作成します。

[php]
require_once(“twitteroauth/twitteroauth.php”);
// Consumer keyの値
$consumer_key = “xxxxxxxxxxxxxxxxxxxxxx”;
// Consumer secretの値
$consumer_secret = “yyyyyyyyyyyyyyyyyyyyyyyyyyyyyy”;
$connection = new TwitterOAuth($consumer_key, $consumer_secret);
$request_token = $connection->getRequestToken(“http://example.com/callback.php”);
$_SESSION['oauth_token'] = $token = $request_token['oauth_token'];
$_SESSION['oauth_token_secret'] = $request_token['oauth_token_secret'];
$auth_url = $connection->getAuthorizeURL($token, FALSE);
[/php]

で、$auth_url に対してリンクを張るなり、header関数などを使うなりしてリダイレクトさせます。この時、getRequestTokenでコールバックURLを指定しないと、認証がうまくいかないので注意。

$auth_urlに飛ぶと、こんな感じの画面が表示されます。ここでユーザがAllowを押すと、getRequestTokenで指定したコールバックURLに自動的に移動します。

コールバックURLに異動するとき、ユーザはoauth_verifierという引数を連れて帰ってきますので、下記のようにaccess_tokenを取得します。

[php]
$access_token = $connection->getAccessToken($_REQUEST['oauth_verifier']);
[/php]

この$access_tokenをデータベースなどに保存しておくことで、PHPからTwitterにPOST等をすることが出来ます。

TwitterにPOSTする

TwitterにPOSTするためのコードはこんな感じです。

1.データを用意する

まず、ヒートマップを生成するために0～255の256段階で構成される2次元配列を用意します。この配列の各要素の値に応じて色をつけて行きます。

下の画像は、0～255の256段階で構成される2次元配列を画像にしたものです。ちなみに配列の中で0と指定した場所が黒に、255と指定した場所が白になっています。

2.色を割り当てる

用意した0～255のモノクロデータの各値にカラーを割り当てて行きます。色の割り当ては好みで良いと思うのですが、良くあるヒートマップだと青→緑→赤と変化するようになっていますので、それに習って色を設定してみます。まぁ、このへんはお好みで。

3.ヒートマップ画像を生成する

0～255に割り当てた色を画像に反映させます。

おまけ：ヒートマップ生成コード

最後に、上記画像を生成するためのPHPコードを貼り付けます。何かの参考になれば。

 127 && $i < 191){
		$ret = ($i-127)*4;
	}else if($i > 190){
		$ret = 255;
	}
	return $ret;
}
function getG($i){
	if($i >= 64 && $i <= 191){
		$ret = 255;
	}else if($i < 64){
		$ret =  $i * 4;
	}else{
		$ret = 256-($i-191)*4;
	}
	return $ret;
}
function getB($i){
	if($i <= 64){
		$ret = 255;
	}else if($i > 64 && $i < 127){
		$ret = 255-($i-64)*4;
	}else if($i >= 127){
		$ret = 0;
	}
	return $ret;

}
header("content-type: image/png");
$image = imagecreate(512,100);
for($i = 0; $i < 256;$i++){
	$tmp = imagecolorallocate($image, GetR($i), GetG($i), GetB($i));
	imagefilledrectangle($image, $i * 2 , 0, ($i * 2)+2, 99 , $tmp );
}
imagepng($image);
imagedestroy($image);
?>

東大五月祭に行ってきた

admin — Sun, 30 May 2010 13:56:21 +0000

高専時代の友達hiroに呼ばれて東大五月祭に行ってきました。

中須賀先生の案内で工学部七号館を見学。良く考えたら中須賀研に来たことは何回かあるけど、ちゃんと見学したのって初めてかも。

以下、見学の様子とか。

七号館屋上にある衛星と通信するためのアンテナです。これはアマチュア無線帯域のもの。

そしてこれがSバンドです。

屋上からは建設中の東京スカイツリーが見えました。

その後、中須賀研名物、衛星の公開運用の様子。PRISMと言う地上観測衛星の運用の様子を見せて頂きました。

その後、東大阪でお世話になったダビンチの東さんに会いに工学部二号館へ。ダビンチでは、熱に関する技術開発をしており、東大アントレプレナープラザの展示として、研究成果を展示されていました。

この写真に写っているものが、ロータリー熱エンジンです。これを用いることで、排気熱を回収して効率的に電力を生み出すことが出来るそう。

隣のブースには、PHYZIOSというiPhoneアプリを作っている会社さんが展示しており、人だかりが出来ていました。やっぱり、ロータリー熱エンジンよりも、iPhoneアプリのほうが若い人受けするんでしょうね。

TEDxTokyo2010

admin — Sun, 16 May 2010 21:15:07 +0000

TEDxTokyo2010に行ってきました。

TEDとは、Technology Entertainment Designの頭文字をとったもので、学術・エンターテイメント・デザインなど様々な分野の人物が講演を行なうイベントです。今回は、その東京版が開催され、幸運にも参加する機会を得ることが出来ました。

ちなみに、今回のプログラムはこんな感じ。各講演者の講演は、youtubeにアップされています。

今回のイベントに参加してプレゼンテーションを聴くなかで、色んなことを考えさせられました。世界のあり方、未来、テクノロジーのあり方等。それと同時に、様々な方々とお話する機会を得ることが出来、私にとって非常に興奮させられる一日でした。

以下、会場で撮影した写真など。Kiss X4で撮影したんですが、ISO感度があっという間にISO6400まで上がってしまうのでノイズが凄い。暗い所でもしっかり撮影出来るので、嬉しいことは嬉しいんですが、ちゃんと使いこなさないとなぁと感じました。

また、連射が非常に早いため、「目標をセンターに入れてスイッチ」と言う撮影の仕方が出来てしまいます。とりあえずフレーミングだけ考えて、シャッターボタンを押し続ければ連射になるので、あとから良く撮れている写真を選べば良いかな、と言う感じ。

講演開始前、朝食の様子。

講演開始前会場の様子

ジェイクシマブクロさん

河村典子さん

林家今丸さん

シルクドソレイユ

スタッフの皆様。本当にありがとうございました！

ページ読み込み完了前にgBrowserオブジェクトにアクセス出来てしまう

admin — Sun, 02 May 2010 15:15:08 +0000

引き続きFirefoxの機能拡張を作ってるんだけど、不思議な現象に遭遇した。

Firefoxを初回に起動したときにはgBrowserが定義されているのに、二度目に起動したときにはgBrowserが未定義となる。このことに気がつかずに、ちょっとハマってしまったのでメモ。

この現象に遭遇するためのコードはこんな感じ。

if(gBrowser){
	Application.console.log("gBrowser is defined");
}else{
	Application.console.log("gBrowser is not defined");
}
if(gBrowser.selectedTab){
	Application.console.log("gBrowser.selectedTab is defined");
}else{
	Application.console.log("gBrowser.selectedTab is not defined");
}
window.addEventListener(
  "load",
  function () {
	Application.console.log("Loaded");
  },
  false
);

これを実行してみると、Firefox初回起動時は以下のような結果になる。

ところが、二度目以降に起動すると、以下のような結果になる。gBrowserオブジェクトは存在しているが、gBrowser.selectedTabオブジェクトは定義されていない事がわかる。

実際、mozillaのWebサイトを見て見ると、以下のように書いてあるので、挙動としては後者のほうが正しい気がする。

gBrowser が未定義ならば、あなたのコードはブラウザウィンドウのスコープで実行されていないか、もしくは早い段階で実行されすぎています。gBrowser にはブラウザウィンドウが完全にロードされた後でのみアクセス出来ます。

では、初回起動時にオブジェクトが存在するのは何故なんだろうか？不思議です。ちなみに、ブラウザウィンドウが完全にロードされた後でコードを実行するにはこんな感じでコードを書けばいい。

this.onPageLoad = function() {
	if(gBrowser){
		Application.console.log("gBrowser is defined");
	}else{
		Application.console.log("gBrowser is not defined");
	}
	if(gBrowser.selectedTab){
		Application.console.log("gBrowser.selectedTab is defined");
	}else{
		Application.console.log("gBrowser.selectedTab is not defined");
	}
}

var self = this;
window.addEventListener(
  "load",
  function () {
	self.onPageLoad();
  },
  false
);

EOS Kiss X4を買いました

admin — Sun, 02 May 2010 10:01:14 +0000

一眼レフが欲しい欲しいってずっと思ってたんだけど、ついに買っちゃいました。EOS Kiss X4です。

早速、カメラを持ってお散歩してきました。

譜面を買いに行くついでに銀座をぶらぶら。

近所のお寺にぶらぶら。

XULでJavaScriptを含むUIをオーバーレイさせるときの注意点

admin — Thu, 08 Apr 2010 16:30:02 +0000

Firefoxの拡張機能を作る時、UI部品をオーバーレイすることでFirefoxの画面内にボタンを追加したり、既存のUIにスクリプトを追加したりすることができる。

で、さっきブラウザのBackとForwardの隣にあるボタン、back-forward-dropmarker（下記の画像のように、押下するとこれまでのページ遷移履歴のリストが出てくる。）に対して操作したときに、スクリプトを実行させようと思ってXULのオーバレイを作っていたんですが、どうにもうまくいかない。具体的には、XUL内に書いたJavaScriptが実行されていない。

で、なんでかなーと思って悩んでたんですが、無事に解決したのでメモ。

最初に書いていたオーバレイさせるコードはこんな感じ。

でも、これじゃぁ、上手く実行されない。なんでだろう？と考えてみたところ、もしかしたら&がエスケープされてないんじゃないか？という考えに行きつきました。

通常、HTMLのなかで&のような特殊文字を書くときって、&って書かないといけないんですよね。というわけで、上記のコードを下記のように書き換えてみたら、上手く動きました。

めでたしめでたし。

モノポリーナイト行ってきた

admin — Mon, 05 Apr 2010 16:08:15 +0000

iPad Cafeに行ったあと、時間が空いてしまったのでどうしようかなーと思っていたら、@sun_jbbfさんから「モノポリーしましょう」と誘って頂いたので、モノポリーしてきました。

さぁ、やるぞ！と思って張り切っていたものの、高額なマスに連続して止まってしまい、あっという間に破産。最下位でした。なんだか悔しいのでサイコロのせいにしておきます。

モノポリーは最近やっていませんでしたが、私の大好きなゲームの一つです。このイベントは日本モノポリー協会が主催しているそうで、月一程度で東京・大阪で開催されているそうです。機会があればまた参加してみようかと思います。悔しいので。

ちなみに、モノポリーも好きですが、いただきストリートとか、天空のレストランとかにもハマっていた時期がありました。これらのゲームをするとき、誘ってもらえたら飛んでいきます。たぶん。

iPad Cafe行ってきた

admin — Mon, 05 Apr 2010 15:52:02 +0000

ATNDでiPad Cafeというイベントを見つけたので、行ってきた。会場につくと、そこには3台のiPadが。せっかくなので色々触ってきました。

以下、感想とか。

画面が大きい＆きれい

画面が大きいのはスペックシートを見ればわかるんだけど、想像以上に綺麗。例えばiTunesで動画を視聴するときでも、大きなスクリーンを活かして、綺麗に表示してくれる。もちろん、動画再生時にカクカクなんかしません。

動画再生時だけではなくて、大きな画面はSafariでのWebブラウジングやメールの読み書きにも威力を発揮します。

バッテリーの持ちが凄く良い

みんなで散々いじりまくってたにも関わらず、バッテリーが殆ど減っていませんでした。実際に使ってるときに何時間ぐらい持つのかはわかりませんが、外出先で使うにも十分すぎるバッテリーなのかな、と感じました。

文字入力がしやすい

入力方法はスクリーンキーボードでした。フリック入力は削除されちゃったのかな？キーボードの大きさは、両手で使うに十分でした。ただし、キーを押しこむ感覚が無いので、慣れないと高速な入力は厳しいかなーと思います。

私の場合、PCのキーボードを使ってるときって、厳密に測ったことはないですが1分間で200ストロークぐらいだと思うので、iPadでもそれぐらいの速度で打てるようになれば文句なしなのですが。

意外と軽くて薄い

思った以上に軽くて薄いです。iPhoneよりも薄い印象を受けましたが、今思うと面積が広いために薄く見えたのかもしれません。

そして重さに関しても、持ったときに「あれっ？」って思うぐらい軽いです。これなら立ちながら使っても問題ないと思うし、今の通勤用のカバンに入れてもあまり不自由が無いように感じました。

アプリに期待

色々褒めてきましたが、多少不満があるの事実です。例えばデフォルトで入っているカレンダー、メモ帳アプリはせっかくのiPadの大画面を活かしているとは言い切れません。でも今後、大きな画面、高速な処理速度を活かして様々なことが出来るようになるんじゃないかと思います。これに関しては、私自身も、いくつかアイディアがあります。

外部入出力端子の有無

USB等の外部入出力端子が無いことをデメリットとして挙げる人が居るのも事実です。しかし、外部入出力端子って何に使いますか？

デジカメの写真を管理するにはどうしたらいいか？プリンタで印刷したいとき、どうしたらいいか？スキャナで文章を取り込みたいとき、どうすればいいか？私がすぐに思いつくのはこれぐらいです。

これは全部、無線LAN経由でなんとかなることだと思うんです。デジカメにEye-Fiを組み合わせて使う、スキャナとEverNoteを組み合わせて使う、プリンタを無線LAN経由で使う。そう遠くない未来に当たり前のことになっているかも知れません。データはインターネットの向こう側に置いておけば良いんですから。

さいごに

iPad自体インターネットにつながる新しいデバイスとして目新しいものではないかも知れません。iPhoneを大きくしただけだろ？という意見もあると思います。事実です。

でもこれは、将来の情報経済圏を形成するための非常に大きな役割を果たすデバイスになると私は考えています。数年後、多くの人の情報端末、そして情報との接し方が大きく変わっているかもしれません。

最後に、本日、あの場を提供してくださったGOGAの小山さん、ありがとうございました。