HAPPY*TRAP

Facebook PHP SDK FQLを実行する

HAPPY*TRAP — Thu, 10 May 2012 23:18:46 +0000

Facebook PHP SDKでFQLを実行する方法です。

例では、友達のID一覧を取得しています。

example.php

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

require_once('facebook.php');

$config = array();
$config['appId'] = 'YOUR_APP_ID';
$config['secret'] = 'YOUR_SECRET';

$facebook = new Facebook($config);

$user_id = $facebook->getUser();
if($user_id) {
try {
$query = 'SELECT uid2 FROM friend WHERE uid1=me()';
$results = $facebook->api(array(
'method' => 'fql.query',
'query' => $query
));
echo '

';

        print_r($results);

        echo '

';

} catch(FacebookApiException $e) {
error_log($e->getType());
error_log($e->getMessage());
}
}

Facebook JavaScript SDK パーミッションを許可するダイアログを表示する

HAPPY*TRAP — Wed, 09 May 2012 14:27:03 +0000

Facebook JavaScript SDKで、パーミッションを許可するダイアログを表示する方法です。

FB.ulメソッドを使います。
第一引数にはパラメータを、第二引数にはコールバック関数を渡します。

sample.html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37

<html>
<head>
<title>sampletitle>
head>
<body>
<div id="fb-root">div>
<script>
window.fbAsyncInit = function() {
FB.init({
appId: 'YOUR_APP_ID',
status: true,
cookie: true,
xfbml: true
});

// パーミッションを許可するダイアログを表示する
FB.ui(
{
method: "permissions.request",
perms: 'publish_actions, user_likes'
},
function(response) {
console.log(response);
}
);
};

(function() {
var e = document.createElement('script');
e.type = 'text/javascript';
e.src = document.location.protocol + '//connect.facebook.net/ja_JP/all.js';
e.async = false;
document.getElementById('fb-root').appendChild(e);
}());
script>
body>
html>

Facebook JavaScript SDK ログイン状態を確認する

HAPPY*TRAP — Wed, 09 May 2012 12:49:09 +0000

Facebook JavaScript SDKでログイン状態を確認する方法です。

FB.getLoginStatusメソッドを使います。

sample.html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39

<html>
<head>
<title>sampletitle>
head>
<body>
<div id="fb-root">div>
<script>
window.fbAsyncInit = function() {
FB.init({
appId: 'YOUR_APP_ID',
status: true,
cookie: true,
xfbml: true
});

// ログイン状態を確認する
FB.getLoginStatus(function(response) {
if (response.status === 'connected') {
// ログインしている、かつ、アプリを承認している
var uid = response.authResponse.userID;
var accessToken = response.authResponse.accessToken;
} else if (response.status === 'not_authorized') {
// ログインしているが、アプリは承認していない
} else {
// ログインしていない
}
});
};

(function() {
var e = document.createElement('script');
e.type = 'text/javascript';
e.src = document.location.protocol + '//connect.facebook.net/ja_JP/all.js';
e.async = false;
document.getElementById('fb-root').appendChild(e);
}());
script>
body>
html>

参考サイト

FB.getLoginStatus – Facebook開発者

Facebookページにアプリを追加する方法

HAPPY*TRAP — Wed, 09 May 2012 06:50:47 +0000

Facebookページにアプリを追加する方法です。

ページタブの設定

Facebook開発者のページから追加したいアプリの設定画面に行き、ページタブの設定をします。

Facebook開発者

Facebookページにアプリを追加する

以下のURLにブラウザからアクセスします。

https://www.facebook.com/dialog/pagetab?app_id=YOUR_APP_ID&display=popup&next=YOUR_URL

YOUR_APP_IDはアプリのID、YOUR_URLはページタブで設定したURLです。

▼「ページタブを追加」ダイアログがでるので、アプリを追加したいページを選択して「ページタブを追加」をクリックします。

▼Facebookページのタブにアプリアイコンが追加されたのが確認できます。

▼アプリアイコンをクリックするとアプリが表示されます。

お疲れ様でした~。

参考サイト

Add Page Tab Dialog – Facebook開発者

Facebook Graph APIでサムネール付きのフィードを投稿する

HAPPY*TRAP — Mon, 07 May 2012 01:46:31 +0000

Facebook Graph APIでサムネール付きのフィードを投稿する方法です。

以下の例は、ユーザーからpublish_streamの権限を得ているものとします。

sample.php

1
2
3
4
5
6
7
8
9
10
11
12
13

$attachment = array(
'picture' => 'http://www.happytrap.jp/img/photo.jpg',
'link' => 'http://www.happytrap.jp',
'name' => 'HAPPY*TRAP name',
'caption' => 'HAPPY*TRAP caption',
'description' => '
こんにちは、HAPPY*TRAPです。
フリーランスのプログラマーです。
HAPPY*TRAPは、インターネットを中心に、みんなが(もちろん自分も含みますよ)楽しくなるコンテンツ、
ハッピーになる仕掛けや仕組みを提供していきます。
・Webサイトはこちら http://www.happytrap.jp',
);
$result = $facebook->api("/me/feed", 'post', $attachment);

▼タイムラインには以下のように表示されます。※テストアカウントで投稿しています。

アルバムに画象を投稿したい場合は以下を参考にしてください。

Facebook Graph APIで画象をアルバムに投稿する | HAPPY*TRAP

Facebook Graph APIで画象をアルバムに投稿する

HAPPY*TRAP — Mon, 07 May 2012 00:14:13 +0000

Facebook Graph APIで画象をアルバムに投稿する方法です。

ポイントは、Facebook SDKのsetFileUploadSupportメソッドをコールすることと、画象ファイルの絶対パスに「@」を付与することでしょうか。

以下の例は、ユーザーからpublish_stream、photo_uploadの権限を得ているものとします。

sample.php

1
2
3
4
5
6
7
8
9

$facebook->setFileUploadSupport(true);
$attachment = array(
'image' => '@' . realpath('img/photo.jpg'),
'name' => 'こんにちは、HAPPY*TRAPです。
フリーランスのプログラマーです。
HAPPY*TRAPは、インターネットを中心に、みんなが(もちろん自分も含みますよ)楽しくなるコンテンツ、ハッピーになる仕掛けや仕組みを提供していきます。
・Webサイトはこちら http://www.happytrap.jp '
);
$result = $facebook->api("/me/photos", 'post', $attachment);

▼タイムラインには以下のように表示されます。※テストアカウントで投稿しています。

上記の例では、アルバムを指定してないので、facebookがアプリ毎に自動生成するアルバムに画象が投稿されます。

サムネール付きのフィードを投稿したい場合は以下を参考にしてください。

Facebook Graph APIでサムネール付きのフィードを投稿する | HAPPY*TRAP

SWF Editor for PHPでPHPからSWFに値を渡す方法

HAPPY*TRAP — Wed, 25 Apr 2012 02:52:51 +0000

SWF Editor for PHPでPHPからSWFに値を渡す方法です。

環境

CentOS6.2
Apache 2.2.15
php 5.3.10
SWF Editor for PHP 0.57

setActionVariablesメソッドの引数に、変数名と値の連想配列を渡します。

sample.php

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

$swf_filename = 'target.swf';
$swfdata = file_get_contents($swf_filename);

$obj = new SWFEditor();
if ($obj->input($swfdata) == false) {
error_log("input failed\n", 3, '/path/to/error.log');
exit;
}

$params = array(
'site_name' => 'happytrap',
'site_url' => 'http://www.happytrap.jp',
);
$obj->setActionVariables($params);

header('Content-Type: application/x-shockwave-flash');
echo $obj->output();

受け皿のSWFで、ダイナミックテキストの変数名を連想配列のキー名(上記例だと「site_name」、「site_url」)で付けておけば、連想配列の値がそれぞれ表示されるのが確認できます。

詳細は、以下のサイトをご覧ください。

SWFEditor.setActionVariables – SWF Editor for PHP Wiki – SourceForge.JP

SWF Editor for PHPでPNG画象を置換する方法

HAPPY*TRAP — Tue, 24 Apr 2012 12:48:08 +0000

SWF Editor for PHPでPNG画象を置換する方法です。

環境

CentOS6.2
Apache 2.2.15
php 5.3.10
SWF Editor for PHP 0.57

1. 画象のimage_idを調べる

SWF Editor for PHPのソースファイルに同梱されているサンプルコード「swfdump.php」を使うと、簡単に確認できます。

コマンドラインから実行します。

$ php swfdump.php target.swf
(中略)
image_id=1  format=5  width=100  height=100
(中略)

ダンプされたデータ内にある「image_id」の値をメモしておきましょう。

2. phpスクリプトを記述

target.swf内のimage_id=1のPNG画象を、dog.pngに置換する例です。

※以下のサンプルコードは、SWF Editor for PHPのソースファイルに同梱されている「swfreplacepngdata.php」を参考にしています。

sample.php

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

$swf_filename = 'target.swf';
$png_filename = 'dog.png';
$image_id = 1;

$swfdata = file_get_contents($swf_filename);
$obj = new SWFEditor();
$obj->setShapeAdjustMode(SWFEditor::SHAPE_BITMAP_RECT_RESIZE);

if ($obj->input($swfdata) == false) {
error_log("input failed\n", 3, '/path/to/error.log');
exit;
}

$pngdata = file_get_contents($png_filename);
if ($obj->replacePNGData($image_id, $pngdata) == false) {
error_log("replacePNGdata($image_id, ...) failed\n", 3, '/path/to/error.log');
exit;
}

header('Content-Type: application/x-shockwave-flash');
echo $obj->output();

以上です。

ブラウザからsample.phpを実行して、swf内の画象が置換されていることを確認してください。

SWF Editor for PHPのインストール

HAPPY*TRAP — Tue, 24 Apr 2012 04:01:25 +0000

SWF Editor for PHPのインストール方法です。

環境

CentOS6.2
Apache 2.2.15
php 5.3.10
SWF Editor for PHP 0.57

1. コンパイルに必要なライブラリのインストール

zlib、libpng、giflibライブラリが必要ですので、事前にインストールします。

1	$ sudo yum install giflib-devel libpng-devel zlib-devel

2. SWF Editor for PHPのダウンロード

SourceForge.JPからダウンロードできます。

ダウンロード – SWF Editor for PHP (スウィフエディター) – SourceForge.JP

3. SWF Editor for PHPのインストール

※php extension dirの部分は環境にあわせてください。

1
2
3
4
5
6

$ tar xvfz swfed-0.57.tar.gz
$ cd src
$ phpize
$ ./configure
$ make
$ sudo cp modules/swfed.so <php extension dir>/.

php.iniにswfed.soを追加します。
/etc/php.d/swfed.ini

1	extension=swfed.so

完了です。
Webサーバー経由で使用する場合は、Webサーバーの再起動も忘れずに。

詳細は以下のサイトをご覧ください。

SWF Editor for PHP – Yoya Wiki

HTML5 canvasを重ねる

HAPPY*TRAP — Sat, 14 Apr 2012 22:04:39 +0000

HTML5のcanvasを重ねる方法です。
サンプルでは、positionとz-indexを使用しています。

sample.html

1
2
3
4

="layer1" width="100" height="100" style="position: absolute; left: 0; top: 0; z-index: 0;"></canvas>

="layer2" width="100" height="100" style="position: absolute; left: 0; top: 0; z-index: 1;"></canvas>
</div>

参考サイト

html5 – canvas element – Multiple layers – Stack Overflow