昨日のエントリーでFlashを使わずに簡単なお絵かきアプリを作るプログラムを紹介しましたが、今日は、さらに色を選択できるようにしたいと思います。
<!DOCTYPE html> |
昨日のエントリーでcanvasタグの中で図形を描くというのを書いたが、となると当然、脊髄反射的に作ってしまうのがお絵かきソフト。
さっそくソースを紹介します。
<div id="container"> |
昨日までは、oracleで今日はhtmlと全然つながりがない話なのですが。。。
もうすでに色々なところで話がでてきていますが、htmlバージョン5の動きが加速しています。
動きに乗り遅れるのは嫌なので、さっそくどんなことができるのか調査に乗り出しました。
そこで今日は、新タグcanvasタグで図形を表示するところから行きたいと思います。
<!-- キャンバスを配置 -->
via:5分で把握するHTML5 - Google Developer Dayセッションリポート
<canvas id="canvas1" width="300" height="240"></canvas>
<script type="text/javascript">
var canvas = document.getElementById("canvas1");
// キャンバスに対して2Dグラフィックスを行うコンテキストを取得
var context = canvas.getContext("2d");
// 四角を描画
context.fillRect(0,0,50,50);
</script>
| <!-- キャンバスを配置 --> <canvas id="canvas1" width="300" height="240"></canvas> <script type="text/javascript"> var canvas = document.getElementById("canvas1"); // キャンバスに対して2Dグラフィックスを行うコンテキストを取得 var context = canvas.getContext("2d"); //赤に設定 context.fillStyle = "rgba(255,0,0,1)"; // 四角を描画 context.fillRect(0,0,50,50); </script> |
最近、立て続けにoracleネタが続いておりますが。。。
今日は、スキーマ内のオブジェクト名の取得方法について
下記の方法で取得できるみたい
select * |
select * |
こちらのページに掲載されている順序を数えていったら、
世界ランキング10位
日本ランキング4位
だった。
しかも、iGoogle themeの人と混じった数で。
iGoogle themeだけ作っているdeveloperをさっぴくと
世界ランキング6位
日本ランキング4位
となりました。
1位を目指して頑張るぞーっと。
これからも応援よろしくお願いいたします。
昨日、夜中、YouTubeの公式チャンネルでずっとこれ聞いてた
まじネ申です
は、下記のsqlで確認が取れます。
| select * from user_tables; select * from tab; |
データベースの情報は、V$DATABASEで取得できるみたいです。
select * |
sqlでパッケージの各オブジェクトで使われている引数を確認する方法を書きます。
select * |
Google Ajax Search APIを使ってサーバー上からあるキーワードに基づいたurlを取得できたのですが、そのurlに基づいてimgタグでhtmlを生成しても、なぜか画像(image)が表示されません。
urlをコピペして、違うfirefoxのタブでそのurlにアクセスしたら画像が表示されたのですが、これは一体なぜでしょうか？
理由がわからん。
そろそろフリーが読み終わりそうです。
サーバーサイドでamazonの検索結果を取得する方法を調べました。
ものすごくわかりやすい記事が紹介されていました。
Amazon Product Advertising API への対応（PHP版）
上記に紹介されているプログラムをコピーすればきちんと検索結果を取得することができます。
ここではさらにその先について書こうかなと。
| //$urlは上記のサイトで紹介されている変数と同じ $response = file_get_contents($url); $parsed_xml = simplexml_load_string($response); $Items = $parsed_xml->Items; $Request = $Items->Request; $IsValid = $Request->IsValid; //問い合わせエラーの場合 if($IsValid == "False"){ //エラー処理を記述 } //問い合わせが正常の場合 if($IsValid == "True"){ //問い合わせ結果が0件だった場合 if($Items->TotalResults == 0){ print("検索結果が0件でした。"); //問い合わせ結果が1件以上だった場合 }else{ /* 処理を記述 */ } } |
昔作ったmemoメールを大幅に改良しようと今、目論んでいるのですが、その中の修正項目の一つとして、cssで角丸を表現したいなーっと。
PHPSPOT:1個の画像でシンプルに角丸を実装するCSSサンプル
を参照すると、さらにリンクがあって、そちらに具体的な方法が書いてありました。
Search-This:Simple Round Corners in CSS (revisited)
ものすごくざっくり言ってしまうとimage (20px x 20px)のPNG形式の「○」画像を用意すれば、cssのみで実現できてしまうという方法みたいです。
(JavaScriptを使わないのがなんとも魅力的)
実際にリンク先にあるプログラムをコピーして検証したところ、コーナーがきちんと角丸になってすっげーうれしかった。
ただプログラムを参照して気になったのは、
h1 {margin:.5em;}
via:Simple Round Corners in CSS (revisited)
.one{width:40%}
via:Simple Round Corners in CSS (revisited)
via:Simple Round Corners in CSS (revisited)
<!-- cssセクション -->
* {margin:0;padding:0}
body {
background:#e5e5e5;
color:#000;
}
.box{
float:left;
background:#fff;
padding:0 10px;
margin:10px;
/* IE double margin bug*/
display:inline;
}
.one{
/*
この部分を動かすことで
横幅を調節できる
*/
width:40%;
}
.inner{
background:#fff;
padding:10px 0;
margin:-10px 0;
position:relative;
/* ie7 haslayout issues fix*/
min-height:0;
}
* html .inner{
/* ie6 haslayout issues fix*/
height:1px
}
.top,.base{
margin:-10px -10px 0;
background:url(http://www.pmob.co.uk/pob/images/one-round-test2.png) no-repeat left top;
height:10px;
position:relative;
font-size:10px;
}
.base{
background-position:left bottom;
margin:0 -10px -10px;
}
.top span,.base span{
background:url(http://www.pmob.co.uk/pob/images/one-round-test2.png) no-repeat right top;
display:block;
height:10px;
font-size:10px;
}
.base span{
background-position:right bottom;
}
<!-- htmlセクション -->
<div class="box one">
<div class="inner">
<div class="top">
<span></span>
</div>
<div class="content">
</div>
<div class="base">
<span></span>
</div>
</div>
</div>
PEARのHTTP_Requestを使う際に、どうやってPOST送信するのかなーっと調べました。
PEAR::HTTP_Requestを使うによると、setMethodメソッドの引数にHTTP_REQUEST_METHOD_POSTをセットしてあげればいいみたいです。
プログラム的にはこんな感じ！！
| require_once 'HTTP/Request.php' ; $request = new HTTP_Request("リクエスト先のURL") ; // メソッドをPOSTに設定 $request->setMethod(HTTP_REQUEST_METHOD_POST) ; |
昨日、秋田真琴さんにお会いしました。
女優さんと、半径1m以内の距離で生まれてこの方お話したことがないので、最初、ものすごく緊張しました。
実際にお会いしたら、きさくに声をかけていただいて優しい方だなーっと思ったのですが、美人すぎて何を話していいのやら。。。
普段、テレビをまったく見ていないので、知らなかったのですが、ブラッディ・マンデイのシーズン2に出演しているみたいです。
wikipediaで調べてみると、他にも、バブルへGO!! タイムマシンはドラム式、熱血!平成教育学院とテレビ出演はもちろんのこと、東京新聞ほっとWebの体験レポータとしてwebでも活動をしているので、頑張ってほしいなと、影ながら応援しています。
snow leopardに変更してから、不具合第1件目
EPSON PM-T960で印刷ができなくなりました。。。
原因をさぐってみると、こちらに回答がありました。(ラッキー♪)
どうやら一度、環境設定からプリンタを削除し、もう一度、プリンタを追加すれば、再び印刷できるようになります。
同じプリンターで困っている方がいましたら、是非、ご参考までに。
やっとOAuthのログインがスムーズに行くようになりました。
こちらの記事にものすごくわかりやすい説明があったので、結局、それを参考に実装しました。
前提条件として、こちらにあるOAuth.phpとOAuth_TestServer.phpの2つをアップロードして、あらかじめプログラムにincludeしておきます。
まず、https://www.google.com/accounts/OAuthGetRequestTokenにアクセスするところまで
| $consumer['key'] = 'anonymous'; $consumer['secret'] = 'anonymous'; $consumer = new OAuthConsumer($consumer['key'], $consumer['secret'], NULL); $server = new TestOAuthServer(new MockOAuthDataStore()); $server->add_signature_method(new OAuthSignatureMethod_HMAC_SHA1()); $sig_methods = $server->get_signature_methods(); $sig_method = $sig_methods['HMAC-SHA1']; $endpoint = "https://www.google.com/accounts/OAuthGetRequestToken"; $request = OAuthRequest::from_consumer_and_token($consumer, NULL, "GET", $endpoint, array("scope"=>"http://tables.googlelabs.com/api/query" ,"oauth_callback"=>"リダイレクト先のURL")); $request->sign_request($sig_method, $consumer, NULL); $req = curl_init($request); curl_setopt($req, CURLOPT_RETURNTRANSFER, 1); $result = curl_exec($req); |
//tokens配列に問い合わせの結果をセットする parse_str($result, $tokens); $_SESSION["oauth_token_secret"] = $tokens["oauth_token_secret"]; $auth_url = "https://www.google.com/accounts/OAuthAuthorizeToken?oauth_token=".urlencode($tokens['oauth_token'])."&hl=jp"; $req = curl_init($auth_url); curl_setopt($req, CURLOPT_HEADER, TRUE); curl_setopt($req, CURLOPT_RETURNTRANSFER, TRUE); $result = curl_exec($req); list($header) = explode("\r\n\r\n", $result, 2); $matches = array(); preg_match('/(Location:|URI:)(.*?)\n/', $header, $matches); $url = trim(array_pop($matches)); //リダイレクトを行う header('Location: '.$url); |
| $consumer['key'] = 'anonymous'; $consumer['secret'] = 'anonymous'; $consumer = new OAuthConsumer($consumer['key'], $consumer['secret'], NULL); $server = new TestOAuthServer(new MockOAuthDataStore()); $server->add_signature_method(new OAuthSignatureMethod_HMAC_SHA1()); $sig_methods = $server->get_signature_methods(); $sig_method = $sig_methods['HMAC-SHA1']; $endpoint = "https://www.google.com/accounts/OAuthGetAccessToken"; $tokener = new OAuthConsumer($_GET['oauth_token'], https://www.google.com/accounts/OAuthGetRequestTokenの問い合わせの時にゲットしたoauth_token_secret); $access = OAuthRequest::from_consumer_and_token($consumer, $tokener, "GET", $endpoint, array("oauth_verifier"=>$_GET["oauth_verifier"])); $access->sign_request($sig_method, $consumer, $tokener); $req = curl_init($access); curl_setopt($req, CURLOPT_RETURNTRANSFER, 1); $result = curl_exec($req); |
| $endpoint = "http://tables.googlelabs.com/api/query"; parse_str($result, $tokens); $consumer = new OAuthConsumer('anonymous', 'anonymous', NULL); $tokener = new OAuthConsumer($tokens['oauth_token'], $tokens['oauth_token_secret']); $resource = OAuthRequest::from_consumer_and_token($consumer, $tokener, "GET", $endpoint, array('sql'=>'SHOW TABLES')); $resource->sign_request($sig_method, $consumer, $tokener); $req = curl_init($resource); curl_setopt($req, CURLOPT_RETURNTRANSFER, 1); $result = curl_exec($req); //デバッグ print($result); exit(); |
iGoogle's FriendListを公開しました。
実は、数ヶ月前に、iGoogleは、social面が強化されて、友達という機能が追加されました。
これは超噛み砕くとmixiのお友達機能のようなものと同じです。
どうやってお友達を追加するのかは、iGoogle gadgetの左側のサイドバーに↓のような項目があると思います。
友達という文字をクリックして、メールアドレスが表示されるので、友達にしたい方をドンドン追加していくだけ。
で、友達機能が搭載されたのはいいものの肝心の一体誰が友達なのかを、homeスクリーン上で確認する方法がないので(友達という文字を再度クリックしてはじめて誰が友達かを確認できる仕様なのです。。。)、今回、新たにhomeスクリーン上で確認できるようにgadgetを作成しました。
gadgetを追加すると、↓の画面が表示されると思います。
2つのチェックボックスのうち、一番上だけチェックすればオッケーです。
チェックした後、保存ボタンを押すと、友達が表示されます。
表示される項目は、名前と、写真と所在地でRefreshを押すと、友達一覧が更新されます。
ただ作っていて残念に感じたのは、iGoogle apiの仕様上、メアドが取得できないこと。
このガジェットを基準にsocial機能を搭載したgadgetをドンドン作れたらいいなー。
おとといひさしぶりにロンドンハーツを見ました。
ケンコバと、陣内が出ていてひたすら陣内の離婚話の突っ込みをしていてめちゃくちゃおもいしろかった。
いまさらながら、PHPの配列って便利だなーっと。
下のように組んだ時に、自動的に要素がpushされるんですよね。
| $tempArray = array(); $tempArray[] = "hoge"; $tempArray[] = "foo"; print($tempArray[1]); |
mixiのようにiGoogle上でfriendリストを作ることができないかなーっとちょっと調査。
参考プログラムはあったものの、結局、個人情報はこでだけしか取得できないみたい。
Supported fields
via:Profile data
iGoogle lets you access the following fields for the current user, through a Person object:
* ID -- getId()
* Name -- getDisplayName()
* Thumbnail URL -- getField(opensocial.Person.Field.THUMBNAIL_URL)
* Location -- getField(opensocial.Person.Field.CURRENT_LOCATION)
