ad

2014年5月31日土曜日

Facebook API！ PHP SDK V4 でFriend List (友達情報?) 取得

2014年4月から5月に変わるあたりに、Facebook のアプリに関する大きな変更が！
ということで調べたのでメモ。

  • Facebook のPHP SDKのバージョンが４に。（その後、順調に更新中！？
  • Facebook のGraph API のバージョンが２に。
2014年5月以降に登録したアプリは、特に注意が必要らしい。
特に GraphAPIの方は、かなり影響が大きい様子。

超意訳：4月30日以降に作ったアプリは、必ずGraph APIのバージョン2にしないとダメなんだ。4月30日前に存在していたアプリはGraph APIのバージョン2と1の両方使えてたさ！
http://stackoverflow.com/questions/23400204/get-facebook-friends-with-graph-api-v-2-0

コメント欄にも記載がありますが、過去のサンプルコードとかが、かなり使えなくなったかもしれないですね。
PHP SDKも修得するには結構厳しいことになってます。新しいバージョンのPHP SDKのサンプルを公開してくれる海外のプログラマーもいたのですが、5月下旬にはVersion4.0.5になり・・・。
4系が落ち着くまで、過去の3系を使った方がよさそうです。ひとまず、サンプルコードを書いてみます。






Composerは使ってません。
使ってないので、適宜 https://github.com/facebook/facebook-php-sdk-v4 からSDKをダウンロードして、 /srcの中のFacebookフォルダを適切な場所に保存してくださいね。 
<?php
session_start();

// added in v4.0.5
require_once( 'Facebook/FacebookHttpable.php' );
require_once( 'Facebook/FacebookCurl.php' );
require_once( 'Facebook/FacebookCurlHttpClient.php' );

// added in v4.0.0 
require_once( 'Facebook/FacebookSession.php' );
require_once( 'Facebook/FacebookRedirectLoginHelper.php' );
require_once( 'Facebook/FacebookRequest.php' );
require_once( 'Facebook/FacebookResponse.php' );
require_once( 'Facebook/FacebookSDKException.php' );
require_once( 'Facebook/FacebookRequestException.php' );
require_once( 'Facebook/FacebookOtherException.php' );
require_once( 'Facebook/FacebookAuthorizationException.php' );
require_once( 'Facebook/GraphObject.php' );
require_once( 'Facebook/GraphSessionInfo.php' );

// added in v4.0.5
use Facebook\FacebookHttpable;
use Facebook\FacebookCurl;
use Facebook\FacebookCurlHttpClient;

// added in v4.0.0

use Facebook\FacebookSession;
use Facebook\FacebookRedirectLoginHelper;
use Facebook\FacebookRequest;
use Facebook\FacebookResponse;
use Facebook\FacebookSDKException;
use Facebook\FacebookRequestException;
use Facebook\FacebookOtherException;
use Facebook\FacebookAuthorizationException;
use Facebook\GraphObject;
use Facebook\GraphSessionInfo;


FacebookSession::setDefaultApplication('アプリのＩＤ','アプリのシークレットキー');

$helper = new FacebookRedirectLoginHelper( 'このＰＨＰファイルのＵＲＬ' );

try {
  $session = $helper->getSessionFromRedirect();
} catch(FacebookRequestException $ex) {
 
} catch(\Exception $ex) {
  
}

if ($session) {
  try {
//Facebookの公式開発者ページのサンプルではワンラインになってる部分を３行に分けて。
    $request = new FacebookRequest( $session, 'GET', '/me/taggable_friends');
    $response = $request->execute();
    $graphObject = $response->getGraphObject(); 
echo "<pre>";
    echo  print_r( $graphObject, 1 );
echo "</pre>";
  } catch(FacebookRequestException $e) {
    echo "Exception occured, code: " . $e->getCode();
    echo " with message: " . $e->getMessage();
  }
}else{
  $loginUrl = $helper->getLoginUrl();
  echo '<a href="' . $loginUrl . '">Login</a>';
}

?>


Permissionがどうだ～とか、まだ資料を読み切っていないのですが、ひとまず。
r />



投稿者 時刻: 0 コメント
ラベル: ,

2013年2月25日月曜日

ASUS VivoBook X202e 購入 & バッグが届いた

いい加減，新しいWindowsマシンが欲しいと思い，
ASUS VivoBook X202E をビックカメラで購入．
（他の店の値段を言ったら，それよりも安くしてくれた！感謝）

 ASUS VivoBook X202Eの 価格.comへのリンク

 購入するにあたって，考慮した点は以下
☆タッチパネル搭載
☆安い
この２点．

 Microsoftの秘蔵ッ子，Surfaceちゃんがある以上，タブレットを買う事はちょっと控えておきたいし，タッチパネルでデスクトップは無いだろ，ということでノートに決定．

 購入動機のひとつに，他人からWindows8に関する質問をされた場合に答えられないんじゃないかという不安があった．
（実際にタッチパネル搭載機を触ってみると，操作にまごつく．「ワードの立ち上げ方が分からないんですけど？」．パソコン初心者みたいな質問ではあるが，Windows8のタッチ機を触った事のない人はバシッと答えられないんじゃなかろうか…）

 X202Eの使用感についてはレビューが価格.comさんの方に沢山あがっているので．特筆すべきことはない．
ちょっと気になるのが，強制シャットダウンというか，急に電源が落ちることだ．
何かの省電力アプリや外部端子のデバイスドライバが適切に動作していないのか，スリープ状態から起こした後，数分使っていると急に「パシュンッ」という音とともにすべてが止る．
これ直し方知ってる方は教えて下さい……
（外部ディスプレイ端子を使って別の大きなディスプレイに映したり，ごちゃごちゃとデバイスを付けてるのがいけないのだろうか…？）

 ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆
以前ブーたれてたキャンペーンのバッグが届きました！！

 対象となっているASUSのPCを，
2012年12月20日〜2013年2月28日までに購入した場合に応募出来ます．
応募者全員にプレゼントされるそうです．詳細は→リンク

 で，実際のバッグなんですが，凄い良いですね…
私がゲットしたのはASUS TERRA SLIM carry bag というやつの14″なんですが，肩掛けバンドが付いてる上に，手提げ部分がしまえるようにポケット構造になっており，インナーケースとしても利用可能．
外側に２ポケット（マグネットの留め具付き），手提げ部分にキーホルダ？が付いているなど，十分な感じ．（キーホルダとして使えるかは…．
14″と大きめのバッグなので，ASUS X202Eだとちょっとスペースが出来てしまうが，ペンケースやUSB等の小物入れを入れると良い感じ．

気に入りました！
 

投稿者 時刻: 0 コメント
ラベル:

2013年2月21日木曜日

パナソニックのWindows8マシン レッツノートAX2

レッツノートと言えば，タフネス．でお馴染みですね
少し前は，小型で軽量で，ドライブも付いて衝撃に強い…といえば，レッツノートの一強でした．
そのレッツノートにはレッツノートAX2というWindows8を搭載したシリーズがあります．





スペックですが
バッテリ駆動時間：約９時間
頑丈設計：76cm落下試験
となっており，相変わらずのタフネスぶりを保持．
また，SSD搭載で容量は128GBとなっており，重量は約1.14kgとなっている．

当然，ディスプレイはタッチパネルとなっており，タブレットのように使えるのも面白い．
強化ガラスを採用しており，ガッシガッシ使う状況にも耐えられそうだ ．

特にCore i5のOfficeモデルの製品情報を見てみると，

☆センサー
・照度センサー
・地磁気センサー
・ジャイロセンサー
・加速度センサー
☆インターフェース
・LANコネクター（RJ-45)
・外部ディスプレイコネクター（ミニDsub 15ピン）
・HDMI出力端子
・マイク入力端子
・オーディオ出力端子
・USB3.0ポート×2

と盛りだくさんだ．


Let's noteは今まで購入した事がないが，
いつかは購入してみたい．

あ

 
投稿者 時刻: 0 コメント
ラベル:

2013年2月20日水曜日

レノボのWindows8マシン ThinkPad X1 Carbon Touch

ThinkPadといえば「ヒンジ」部分（蝶番部分）の耐久性が高いことで有名ですが，
そのThinkPadにはThinkPad X1 Carbon TouchというWindows8マシンがあります．
その機体について紹介記事を書こうと思います．




「現段階」でWindows8＋タッチパネルのlenovoとなると，候補はこの機体かIdeaYogaとかいうのになります．
やはり「ヒンジ」が強いだけあって，ああいうのが作れるんだなあと感心します．
しかしThinkPadの方は，パッド部分・赤トラックポイント・タッチパネルと，３つもインタフェースが付いてることになるんですね！？
スペックにおいて，特にヒンジについては防塵性能を向上してあるそうです．更にマグネット，ラバーストッパーを配置する事で，適切にディスプレイを閉じることが出来るそうです．
ディスプレイを開け閉めしてるうちにレスト部分が割れてしまうMacb◯○kとはひと味違いそうです．
何より軽さが魅力的ですね．

スペックですが，
ディスプレイ：14.0型マルチ・タッチパネル(10 点)HD+ (1,600×900) LEDバックライト
幅，奥行き：331mm，226mm
ポインティング・デバイス：ウルトラナビ(TrackPoint + クリックパッド), 指紋センサー
となっており，また，ワイヤレスとBluetoothが搭載可能だそうです．
オプションなんですね！



あ
投稿者 時刻: 0 コメント
ラベル:

2013年2月19日火曜日

ASUSのバッグ来ない

結構前に，ASUSのPCを購入した．
そしてこのキャンペーン http://www.asus-event.com/touch-bag/に申し込んだ．

 一ヶ月くらいで来るはずなのに，まだ来ない…
もうすぐ二ヶ月になる…
入手した人はいるんだろうか．．．
投稿者 時刻: 0 コメント
ラベル:

2013年1月4日金曜日

TOEIC 2012/12試験結果

以前に受験したTOEICの結果が出た。

 Listeningは410点だった。Readingは…
これまでの試験対策記事で懸念してた通り、
Readingが足を引っ張り、目標としていた８００点には届かなかった…

次に申し込み出来るのは３月試験だが、受けるかどうかは未定。

☆分析
・問題集について
ブログ記事にもアップしたが、公式問題集を使ってみた。  


上記問題集の結果はL８割R６割だったが、
まぁ実際の試験と似たような結果が出ていた訳だ。 

・Listeningについて
あとは試験のテクニックかなぁという所がある。
・Readingについて
文法ですね（笑）
長文のセクションから解いたのだが、いささか丁寧にタックルしすぎた感じがある。
文法の地力と、テクニックを身につければ、
８割ぐらいまで簡単に上がりそうな気がする。

次回どうしようかなぁw   














 
投稿者 時刻: 0 コメント
ラベル:

2012年12月17日月曜日

Amazonアソシエイト審査に落ちた→解決　（自分の方法）

こんにちは
Amazonの審査について、以前ブログ記事を書いたのですが、
改めて記事を書きます。

 要点としては、
Amazonのコンテンツをブログに貼付けたいと思ったのですが、
Amazonアソシエイトの審査がどうしても通らなかったので、
別のアフィリエイト会社であるバリューコマースからAmazonと提携を行いました。

バリューコマース




私は元々バリューコマースに登録してあったので、
更にAmazonと提携するのは簡単でした。 

それまでAmazonアフィリエイトの審査にどうしても通らなかったのですが、
一発で解決しました。
米Amazonの審査にトライしたり、
色んなブログサービスを利用してみたり、色々としたのに、あっという間に解決・・・
いつまで可能かは分かりませんが、私にとっての最適解は以上でした。
投稿者 時刻: 0 コメント
ラベル:

2012年12月12日水曜日

Twitter Bootstrap その２　権利関係とフォント

以前，Twitter Bootstrap について投稿した．
で，今回はTwitter Bootstrapの権利関係とフォントについて
調べてみた．

☆権利関係について．
Topページに記載されているLicenseは２つ．
Creative Commons 3.0 とApache License 2.0 だ．
まずはCreative Commons 3.0 だが，
コピーと再配布可能で，商用利用可能．
だけどオリジナル著者の名前の表記は指示通りにせよ．

という感じ．
困るのがApache License 2.0．
LicenseファイルとNOTICEファイルを一緒にupしないといけないはずが，
ダウンロードしたのを探すが特にNOTICEファイルは見つからず． 
自分で用意しろってことかな？
それぞれ，Apacheのホームページから落として，NOTICEはそれっぽく書けばいいか…

まぁ要点としては，
・商用利用が可能
・オリジナルの作者表記を消さない
・ApacheLicense2.0用に２つの.txtファイルを一緒にアップロードする
こんなところか…

後々，面倒なこと（適用ライセンスが変わったりした際のトラブル）にならないよう，
ちょっと厳格に対処した方がいいかもしれないですね．
改変あたりに注意が必要？

☆フォントについて
HelveticaとArial がbodyのfont-familyに記載されている．
Macを使ってる人はともかく，Windowsを利用されてる方は
webサイトを印刷して配布〜とか気を付けた方が良さそう．
 
 

   


  

 




投稿者 時刻: 0 コメント
ラベル:

2012年12月10日月曜日

TOEIC 2012/12試験対策　その３終わり

12/9のTOEIC試験を受けてきました！

 試験までに使った参考書はこの２つ．
１つは公式問題集，もう１つは安いヤツ． 
古本でもいいやって人は，古本で買えばいいんだろうなあ…
　
上記の問題集の難易度は
はじめての新TOEICテスト本番模試　＞　公式問題集．
リスニングで公式問題集で８割取れたのに，本番模試の方では７割だった．
今回（12/9）の試験に近い難易度は公式問題集．


数年ぶりのTOEICでTryしたテクニックは
☆リスニング
１．写真を見て、頭の中で英語の文章を先に作る
２．マークシートに視線を合わせて集中！
　　①まずは5W1Hか，YES/NO問題かを聞き取る．
　　②時制を聞き取る 

３．会話の順番通りに解答出来るように並んでるので，
　　会話を聞きつつ設問に目を合わせる．
　　ここら辺で意識が飛びそうになるので，マークが
　　遅れても焦らない 
４．上と同じ

☆リーディング
①長文から解く（単語から始めると途中で意識が飛ぶので）
②長文を半分解いてから，Part.5に戻ってみる
個人的に，このやり方はやり辛かった（笑
Part.6あたりに戻るのがいいのかなぁ   

★全体的に
結局の所，リーディングは間に合わなかった．
最後の数問はサッと見て解いたので自信なし．   

数年前に受けた時は知らなかったのだが，（無かった？）
こちらの方が答え合わせの放送をアーカイブしてらっしゃる
 → TOEIC Blitz Blog
ラジオスタイルで問題の総評や設問についてトークしているので，
初めて受ける人は，受ける前に聞いてみるといいかもしれない．
何度も受けてる人は，「あ，過去問で出たな…」みたいのが
わかるんですねぇ

 











投稿者 時刻: 0 コメント
ラベル:

2012年11月27日火曜日

TOEIC 2012/12試験対策　その２

TOEIC 2012/12試験対策　その１ ☆目標：８００点
自分自身へのリマインドも込めてブログにアップ中。

その１で購入してみた問題集を実施。


・結果
 リスニング　：８割
 リーディング：６割

・分析
リーディングが足を引っ張っている。
途中で集中力が切れている。（各セクション終盤の正答率が悪い） 
 -細かい分析
　何故かオーストラリアン英語の設問の正答率が悪い
　これは、もうどうしようもない印象。 
　

・対策案
学習方針：リーディング重視で学習。
集中力を持続させる方法を考える。 

８００点を目標としている。
８００点を取るには、ミスを１５問以内に抑えるのが必要条件。
（配点次第で変わると思うが、目安として）


☆集中力の持続について
仮説：普段から公式模試を解いていれば、耐えられるはず。
固定：リスニングについては気を抜いた瞬間終わるので、
　　　気を抜かないようにする。
提案：リーディングの部分で、何かリフレッシュする方法を実施する。   

・提案
△解答の順番を変更する 
→正直、最後に長文にぶつかるのはキツいので、先に取りかかる  
△思い出し笑いでリフレッシュ
→ジョークとか、ふと思い出すのが良いかもしれない。１分ぐらい？

 
 ☆公式問題集について
ちょっと優しいのかな？という感じ。
しかし、一番信頼性が高いとの噂（公式だから当たり前か）なので、
購入してみました。
 
前回、５周はしたいと言っていたが、
かなり体力使ってしまう事に困惑している… 
 






投稿者 時刻: 0 コメント
ラベル:

2012年11月20日火曜日

英語学習 Podcast 2012

 TOEIC 2012/12試験対策 その１

個人的に英語学習のために聞いている短いPodcast．

 The English We Speak   itunes
４分ぐらいの２人のやり取り。
スラングのような言い回しを説明するのですが、
説明に使う単語が平易な上に、同じような言い回しの例が出てくるので
良い勉強になる気がします。 



 6 Minute English   itunes 
上のものと同じシリーズかと思うような感じ。
６分ぐらいで細切れの時間の活用に良し。
ただ、古い過去のエピソードの取得が出来ない・・・

 朝起きて・夜寝る前にちょっと聞いています
投稿者 時刻: 0 コメント
ラベル:

2012年11月14日水曜日

TOEIC 2012/12試験対策　その１

TOEICの試験を申し込んだのを忘れていた．
試験の対策を忘れないよう，日々のブログに投稿し足元を固めて行きたい．

・基本的な情報
試験日：2012年 12月 9日（日） 
試験回：第１７６回
受験票発送予定日：１１月２５日

・試験内容
リスニング　：４５分，１００問
リーディング：７５分，１００問

 ☆リスニング ()内の数字は問題数
１．写真問題(10)：４つの解説が放送，１つ適切なものを選ぶ
２．応答問題(30)：質問に対して３つの回答が放送，１つ選ぶ
３．会話問題(30)：２人の会話を聞き取り，問題用紙にもある設問を理解し，
　　　　　　　　　４つの回答から１つを選ぶ
４．説明文問題(30)：ミニトークが放送される．問題用紙にもある設問を理解し，
　　　　　　　　　４つの回答から１つを選ぶ

☆リーディング
１．短文の穴埋め問題(40)
２．長文の穴埋め問題(12)
３．長文読解問題 (48)

過去に受けた際は，確か６００点弱だった気がする．
かなり前だ．
今回は少なくとも７００点を越えていきたい．
出来れば８００点は越えたい．
ということで，目標は８００点だ．

☆目標：８００点

☆対策の主軸：過去問を解きまくる．最低５周．
基本的に過去問は公表されてない．そのため検討中の問題集を挙げる．

・「何はなくとも公式問題集」と言われているらしい。￥ ２９４０


・なんか安い問題集。１０００円


・模試本。￥２７３０
 



試験日まで一ヶ月を切っているので，何冊もやってる時間はない．
公式問題集と，下２つの内のどちらかということになるだろう．

いくつかのTOEIC情報サイトで，海外への短期留学も勧められていた．
ＳＭＥイングリッシュ　スクール  
“TOEIC スコアアップ 1週間コース　2人部屋75,000円”らしい．
１週間で１００点アップ出来るなら，７万円でも安いかも…？
格安航空券で行けば，１０万ぐらいか…




投稿者 時刻: 0 コメント
ラベル:

2012年11月8日木曜日

Node.jsでGETしてみる

なぜかスモールスタートなソースコードが見つからないのはJavascriptと同じか．

なぜか人様のブログの解読さえ難しく感じたので，Node.jsでGET処理をしてみた．
参考はココ→ Node.js マニュアル ．
更にコード的にはコチラを途中で参考にさせて頂いた．


コード的にはコチラ．
これは実行するとGET通信でGoogleに検索クエリを送るもの．
ファイル名：getTest.js 
//お決まりのrequire．ここら辺PHPっぽい気も…
var http = require('http');

//http.requestの第１引数設定．Googleにq=検索ワードを送る．
//port，methodはデフォルト設定だけど，一応指定．
//headersでuser-agent入れておかないと，怒られた．
var options = { 
  host: 'www.google.com',
  port: 80,
  path: '/search?q=at4esnote',
  method: 'GET',
  headers:{
    'user-agent' : 'Mozilla/4.7 [ja]C-{C-UDP; EBM-SONY2}',
  }

};

var req =　http.request( options, function(res){
  console.log('STATUS: ' +  res.statusCode);
  console.log('HEADERS: '+  JSON.stringify(res.headers));
  res.setEncoding('utf8');
  res.on('data',  function(chunk){
    console.log('BODY: ' +　chunk);
  });
});

req.on('error', function(e){
  console.log('problem with request: ' + e.message);
});

req.write('data');
req.write('data');
req.end();
保存して実行 
node getTest.js⏎

コンソール上に「BODY:〜〜」とGoogle検索結果ページが吐き出されたのを確認．
取り敢えずGET処理は出来た．…
分からない事大杉

req.write()を２回読んでるのはマニュアル通りなのだが，
これってCOBOLと一緒だけど，同じ意味合いw？  




追記：ブレイクスルー来ました
ブラウザで見れる形さえ分かれば，一気かもしれない．
以下のコード，参考は以前書いたコレです。
var http = require('http');

http.createServer( function(req.res){
  res.writeHead(200, {'Content-Type': 'text/html'});
  res.end(
    '<form method="GET" action="http://www.google.com/search">'
    + '<div> google! </div>'
    + '<input type="text" name="q">'
    + '<div> <input type="submit"></div>'
    + '</form>'
  );
}).listen(8080);
ポート8080をブラウザで開いて（http://localhost:8080/)，
テキストボックスに単語を入れて，ボタンを押して，
Googleで検索出来ればＯＫ！
後でまとめ直そうかな…
投稿者 時刻: 0 コメント
ラベル: ,

2012年11月7日水曜日

カンボジア 2012

カンボジアのシェムリアップ（アンコールワット）がある街に行ってきました．
思ったより充実したので，色々と情報を書き込もうと思います．

 アウトライン
１．シェムリアップとは
２．装備
３．旅の情報



１．カンボジア，シェムリアップとは
・シャムをリアップした時に，記念に名付けられた町．
　-シャム＝現在のタイ王国あたりの国，リアップ＝「しばき倒した」

・行き方
　①航空機で周辺国（タイ王国，ベトナム）に入ってから陸路
　②航空機でシェムリアップ国際空港
　☆陸路は厳しいし，面倒なので空路のみのルートをオススメします
 　
→ちょっと，いくらかかるか値段を楽天トラベってみました．

マレーシア航空，大韓航空あたりが安いと思います．
上手くすれば，安いので片道２万円ぐらいのようです．大体片道４万程度かと．
オフシーズン（雨季）などなら，全体的に安く済むと思います．



２．装備
カンボジアに限らず，セキュリティベルト系は必需品ですね．
暑いので，特にムレないようなモノが良いと思います．



・観光で歩くとき用にカメラやダミーの財布・小銭入れを入れられる，
　小さなバッグがあると良いと思います．
　-考慮する点は
　　・簡単に中身を開けられ，スられないこと．
　　・ひったくりに遭わないようなタイプ．

例えば↓のようなモノです．
　　-ファスナー部分に被せが有り隠れているので少しは安心？
　　 私はさらに，人ごみに入る時は，
　　 安全ピンでタブを布地と絡めて留めるなどしました．
　　-肩からかけるタイプのバッグは全て，ひったくられた時に引き摺られたり，
　　 転倒する可能性があるので，オススメ出来ません． 
　　-出来る限り，自分の手で触って見て購入しましょう．
　
・生水対策の装備は不要かと思います．
　コンビニのようなお店で，小さいペットボトル０．５ドルくらい，
　２ドルくらいで1Lの買えました
・クレジットカード，キャッシュカード
　-どこのATMにもPLUS系のマークがあった気がします．
　 道ばたにATMブースもありますが，
　 お店の中など，屋内のATMを使った方が良いでしょう．

 ３．カンボジア旅情報
現地オプショナルツアーなど，効率よく楽しめる方法があるので，
活用した方が良いと思います．
オススメ
女性のツアーガイドの方もいらっしゃったので，
女性旅行者の方はリクエスト等出来たらした方が良いかも知れません．
男性ガイドも色んな事!？を知ってそうでした．

"Pub street"の近くに宿を確保したのですが，
周辺には小型スーパーやネットカフェなどがあり，
困る事はほとんどありませんでした． 

観光地では無いのですが，
「山本日本語学校」という所にいってみるのも面白いみたいですね． 
子ども達とじゃれあうより， 
日本語ネイティブとして効果的なボランティア活動出来そう 

・ダンボーと一緒に世界一周の旅へ　
・





投稿者 時刻: 0 コメント
ラベル:

テスト

投稿者 時刻: 0 コメント

2012年11月1日木曜日

Node.jsをやってみた

以前Node.jsを使ってindexを表示させて何かしたのだが，
すっかり忘れてしまっているので個人的メモ．

ググったらnodebeginnerというのが見つかったので，これに倣い，
もう一度Hell Worldあたりからやろうと思う．

node.JSのインストールは所謂Debian系Linuxに済ませてある．
なぜLinuxなのかというと，Node.jsは更新がちょいちょい行われてる上に，
依存関係も面倒臭いものが多く，色々とupdateしなければならないくらいならば，
そもそも新しいLinuxを落として入れた方が楽だと思ったからだ．

戒め↓
Git を Mac にインストール ( Leopard OS X10.5 )

まずはコンソールレベルで実行してみる．
hellworld.jsのコード自体は簡単． 
//viでファイル作成．
vi hellworld.js

//編集モード．
console.log("Hell World");

//保存出来たら実行
node hellworld.js ⏎


コンソール上に「Hell World」と表示されたらOK．
次にweb上にHell Worldと表示させてみる

今度はserver.jsファイルを作成する．
var http =　require("http");

function onRequest(request, response){
  response.writeHead(200, {"Content-Type": "text/plain"});
  response.write("Hell World!!");
  response.end();
}

http.createServer(onRequest).listen(8888);



//保存出来たら実行
node server.js ⏎
ポートを8888に指定したので，http://localhost:8888/ にアクセスする．
Hell World!!と文言を確認出来ればOK．だよね！

投稿者 時刻: 0 コメント
ラベル: ,

Chirp.jsを使ってみる

Tweetを表示してくれるライブラリらしい，Chirp.js を使ってみる．
こちらのサイトを参考にさせて頂きました．

 以下に，直書き込みしてるコード記載
 


<script src="https://sites.google.com/site/dennoudialoguessite/chirp.min.js"></script>
<script>Chirp({
  user: 'at4e', //Twitter username
  max: 3, //Maximum number of tweets to show 
  count: 100, //Total tweets to retrieve
  retweets: true, //Show/Don't show retweets
  replies: false,  //Show/Don't show replies
  cacheExpire: 1000 * 60 * 2 //Number of milliseconds to cache tweets
})</script>
結果



ちょっと別のサービスで使うのに，これ良いかも
投稿者 時刻: 0 コメント
ラベル: , ,

2012年10月31日水曜日

無料・フリーのNode.js使用可能サーバ

個人的メモになってしまうのだが，
Node.jsを使って何かを作ろうと考えてた時に調べた，
無料で使えそうなウェブサーバ（プラットフォーム？）を書き出しておく．

 (実際に使えるかは未確認）
※以前ご紹介しましたFluxflexですが，現在はrackhubという有料サービスに．


・eXcale https://www.excale.net/ 
「ベータ期間中のため全て無料で利用可能」とのこと．
Node.jsに限らず，RubyやJava，PHPなどもOKとか…
2013年春に料金公開予定とのこと． 
・Node Ninja http://node-ninja.com/
Node.js専門のクラウドホスティングサービス．
こちらもベータバージョン期間中は無料で利用可能．
何かで見たことあると思ったら，東京Node学園祭のサポーター．


・Heroku http://www.heroku.com/
元はルビー界隈だった(はず)．今もそうなのかしら…？
有料サービスだが，無料で利用出来る範囲が決められており， 
その範囲を守ればOKらしい（詳しくは不明） 


取り敢えずこの３つ．
次回記事を書く時は，これらのうち，どれかを利用したいと思う．




投稿者 時刻: 0 コメント
ラベル: , ,

2012年10月27日土曜日

GitHub Game Off　ゲームプログラミングコンテスト？

GitHubでゲームコンテストが行われるらしい．
参照→https://github.com/blog/1303-github-game-off

  • 猶予：11月一杯 ("before Dec 1st"とのこと)
  • 賞品：iPadなど
  • 参加申し込み：リンク先でforkかます
  • ルール：webベースの作品である事 
  • テーマ：以下の要素を１つ以上
    • forking or forks
    • branching or branches
    • cloning or clones
    • pushing
    • pulling
テーマというのが例として
FPS where you throw forks at water balloons
Educational game about DNA cloning
Platformer where you push and pull objects
というゲーム案が挙げられている．
シャレみたいなもの・・・ですかね？
例えば，branchesを本物の“枝”のように捉えて，
植物に水をあげて陣地を広げる陣取りゲームとか作ればいいんですかね．
その他，13歳以上とする年齢制限など，
詳細はリンクさきにてごかくにんください

 う〜ん iPadかあw




投稿者 時刻: 0 コメント
ラベル: ,

2012年10月24日水曜日

JavascriptとCanvasでBlogger描画

Canvasというものを使い，Blogger上で色々と描画してみようという．
Canvasといいつつも，実際にはHTMLのCanvasタグにJavascriptで数値等を与えると言った方がいいか．

という事で，取り敢えず線を一本引く．
-->

canvasTag

コードはこんな感じになりやす 
<html>
<body>

 <script type="text/javascript">
<!--

function edge1(){
 
 var canvas = document.getElementById('area1');
 if (canvas.getContext) {

  var ed = canvas.getContext('2d');

  //clear
  ed.beginPath();
  ed.clearRect(0, 0, canvas.width, canvas.height);

  ed.beginPath();
  ed.beginPath();             
  ed.lineWidth = 1;        
  ed.strokeStyle="red";   
  ed.moveTo(10,50);          
  ed.lineTo(300,50);         
  ed.stroke();                
  
 }
}

// -->
</script>


 <form>
  <input type="button" value="draw edge" onClick="edge1()">
 </form>
 <br>

 <canvas id="area1" width="500" height="300" style="border: groove;">canvasTag
 </canvas>

</body>
</html>
投稿者 時刻: 0 コメント
ラベル: ,
登録: 投稿 (Atom)