カテゴリー: 未分類

jQuery でハッシュをつかう場合

jQuery でハッシュをつかう場合
CSSのプロパティ名は
camelCase形式になります
これは
ハイフンを取り外し
単語の先頭を大文字にします
例えば
CSSで使うbackground-colorなら
backgroundColor
となります
ちなみに、camelの由来は
ラクダからです

状態でアクセスする要素の絞り込み

チェック済み
アニメーション実行中
など
要素の状態による絞り込みもできます
以下はその一例
:enabled
フォーム要素が利用可能な状態
:disabled
フォーム要素が利用不可能名状態
:checked
ラジオボタンやチェックボックスが
チェック状態になっている
:selected
選択ボックスで選択状態になっている
:hidden
要素が非表示状態
:visibled
要素が表示状態
:animated
要素がアニメーション中
例えば、チェック状態にある
ラジオボタンの背景色を黄色にするなら
$(function(){
$(‘label:has(:checked)’).css(‘background-color’,’yellow’);
});

属性の値による絞り込みについて

属性の値による絞り込みについて
[attr]は特定の属性を、もつ要素たけとりだす
例として
aタグのtarget要素があるのを設定したいなら
$(‘a[target]’).css(‘background-color’,yellow’);
で
aタグのうち
targetがついているところだけ
背景色か黄色になる
もうちょっと絞り込みするなら
=
と
!=
を使うといい
target=”_brank”
のところだけにしたいなら
$(‘a[target=”_brank”]”).css(‘background-color’,yellow’);
にして、
逆に
target=”_brank”以外にしたいなら
$(‘a[target != “_brank”]’).css(‘background-color’,yellow’);
とする
これらを扱うとき
Linuxでよく使う正規表現みたいなのもつかえる
^=
なら~で始まる
$=
なら~で終わる
*=
なら~を含むすべて
もし、aタグのリンク先がjpで終わるのを対象にするなら
$(‘a[href $= “.jp/”]’).css(‘border’,’solid 1px blue’);
というようにする
もちろん、複数指定も可能
$(‘a[href ^=”http://”][target]’).css(‘border’,’solid 1px blue’);
として
http://で始まり
_targetを含むものを対象にできる
あと、覚えておくと便利なのが
見出しになる
h1やh2タグだけを対象にする方法
これは
:header を使えば簡単に指定できます
もし、見出しの背景色を変えるなら
$(‘:header’).css(‘background-color’,yellow’);
というようにします

まず、PCサイトからモバイル用サイトを作成する
とりあえず、eclipse でつくる
ちょっと参考書とは違うけど
eclipse で作成したプロジェクト
reserve の直下ディレクトリを作成
やりかたは
reserve を右クリック
　new > Folder
で作成して
m
という名前で作成
このmにindex.html を作成する
アプリの設定画面を開いて
基本設定の
モバイルWebアプリ Bookmark my web app on Facebook mobile.
をクリックし
Mobile Web URL:
のところにディレクトリパスをかきます
今回なら
http://localhost/reserve/m/
次に、
認証ダイアログをクリックして
Authenticated Referrals
Request permissions when users on Facebook click on links to your app
をクリックし
変更を保存をクリックします
今回は実証のため
firefox を使います
理由は、firefox の場合
User Agent Switcher
というアドインをインストールすることで
スマートフォン向けのモバイルサイトの画面を確認できるからです
https://addons.mozilla.org/ja/firefox/addon/user-agent-switcher/
へアクセスし
+Add to Firefox
をクリック
Screenshot-2012-06-16 18:57:19
警告ダイアログがでるけど気にせず先に進めます
Screenshot-2012-06-16 18:58:14
インストール終了したら、 firefox を再起動します

strtoupper() を調べてみた
参考URLは
http://phpjp.com/strtoupper.htm
アルファベットをすべて大文字に変換というもの
= PHPスクリプト動作例
関数例
$str = ‘PHP Hypertext Preprocessor’;
echo strtoupper($str);
PHP HYPERTEXT PREPROCESSOR
つまり、小文字のものだけを大文字にしている関数
あと
HMAC-SHA256
というものがあるけど
これは
Amazon Product Advertising API を使用するには、HMAC-SHA256 方式の署名が必要
ということなので、
覚えておく必要がありそう
参考サイト
PHP4 で HMAC-SHA256 などの hash_hmac() 関数を使えるようにする
そして　hash_hmac()
hash_hmac ― HMAC 方式を使用してハッシュ値を生成する
これは電子署名とかに使いそう
説明
string hash_hmac ( string $algo , string $data , string $key [, bool $raw_output = false ] )
パラメータ
algo
選択したアルゴリズムの名前 (すなわち “md5″、”sha256″、”haval160,4” など…)。 サポートするアルゴリズムの一覧は hash_algos() を参照ください。
data
ハッシュするメッセージ。
key
HMAC 方式でのメッセージダイジェストを生成するために使用する 共有の秘密鍵。
raw_output
TRUE を設定すると、生のバイナリデータを出力します。 FALSE の場合は小文字の 16 進数値となります。
つまり
hash_hmac(‘sha256’, $payload, $secret,$raw= true);
なら、
アルゴリズム　sha256
ハッシュするメッセージが　$payload
鍵は $secretつまりfacebook アプリの秘密鍵
raw_output が true なのでなまバイナリデータということになる
こちらは
hash_hmac
を参考にしました

Screenshot-2012-05-24 07:19:16
これが、 wireshark で実際に読み込んだ内容
パケットは１つしかない
source（送信元） である 213.76.212.22
から
Descriction(送信先）になる 65.165.167.86
への
UDP パケットのみ
ちなみに、UDP 1434 ポートは
MS-SQL-M
というSQLで使うポート
SQLはデータベースにつかう言語
普通に考えれば、
SQLはやりとりする範囲のPC
つまり、社内などのローカル環境のみのはず
でも、これだと、送信先は外部なので、かなり怪しい
というか、外部にデータベース内容がでているので、アウト
意外にパケットが少なかったけど
slammer そのものが
１つのパケットからなるワームということ
length （ファイルの大きさ）
が
418
とあるように
418 byte
しか大きさがない
実際には
Data (376bytes)
とでているように
376byte しかない
これを見てみると
データ部分の最初が
04 01 01 01 01
というようになっている
この　01 01 を繰り返すのは
バッファオーバーフローを狙った時によく見られる動作
なので、これもかなり注意するところ
そして
h.dllhel32hkernQhounthickChGetTf
という文字がデータから確認可能
この文字列は Windows API らしいけど
MS-SQL-M の場合、
ホスト名やポート番号が含まれても
dll
Get
のようなAPIの文字列は含まない
Screenshot-2012-05-24 21:14:14
これらの結果から
・外部に送信されている
・使われているのはデータベースのポート
・APIの文字列を含んだ文字列が送信されている
・バッファオーバーフロー攻撃の可能性あり
というように解析ができる
ネットワーク解説をするには
source の相手のIP
送信しているポート
通信しているパケット量やエラーメッセージ
データに含まれている文字列
これらに注目するようだ

Page transitions
で
ページのアニメーション効果を変化するのを体験できます
page をクリックすれば
新しくページを開くときのアニメーション
dialog
をクリックすれば
新しくダイアログを開くときのアニメーションを実感できます
Screenshot-2012-05-15 20:16:40
これは
data-transition=”アニメーション効果”
というように指定します
例えば、
data-transition=”slide”
とすれば、スライドするというようになります
指定をするには、例えば
a　タグでリンク先をひらくときなら
<a href=”index.html data-transition=”slide”>戻る</a>
となります

eclipse でPHP プロジェクト

eclipseで
PHPプロジェクトを作成するには
あらかじめ
PDTプラグインをインストールし
file > new > project > PHP >
PHP Project
で作成します
次に
自動作成された
プロジェクトを右クリックし
Build Path > Link Source
から
作成するディレクトリを選択します
すでに作成してあるなら
Browse
をクリックして
ディレクトリを、探し
finishをクリックします

XFBML

Facebookには
Canvasアプリを作るときに使用できる独自タグがあり
FBMLと呼ばれていました
Face
Book
Markup
Language
の略です
ちなみに、もう廃止されて使えませんが
XMLタグと同様の名前空間指定方法の
XFBML
は使えます