はてなブックマーク

お問い合わせフォーム送信時のCSRF対策について調べました。 おもにPHPでの実装の時用。 といってもPHPにかぎらずですが。 CSRF対策の疑問。 大まかに ワンタイムトークンを使うべきか（ワンタイムである必要はない？ セッションIDをそのままトークンに使ってもOK？ハッシュ化する必要ある？ 結論 お問い合わせフォームにはワンタイムトークンでよい。 ベースとなる文字列は擬似乱数生成系が良い（基本的にはセッションIDを使えば良い） PHPの場合は5.3以上ならopenssl_random_pseudo_bytes使っても良い。 ちょっと心配ならセッションIDをベースにSHA256でハッシュ化を1回といったところでしょうか。 PHPでのワンタイムトークンの実装例 redwarcueidのおぼえがき（´_ゝ`）: ワンタイムトークンの生成とチェック トークンの半券とオリジナルを生成して、送信時

ウチの環境だけかもだけど、iPhone4，5のsafariだとどうも表示されないページがあり 検証すると、 ssl領域である（httpsのURL） そこにbasic認証がかかっている こんな事初めてだけど、AndroidやiPhoneのChromeだと表示されたので、おそらくsafariの仕様？ かなと。 追記：iOS6のみ？ 追記：証明書がオレオレだから？

インストール（64bit） http://ftp.riken.jp/Linux/centos/6.2/isos/x86_64/ からCentOS-6.2-x86_64-bin-DVD1.isoをDLして VMware Playerでインストール 日本語化 OSレベルでの日本語化もこれで出来た。 via http://www.server-world.info/query?os=CentOS_5&p=japanese http://d.hatena.ne.jp/kwsktr/20100913/1284401194 GUIからのキーボード設定で日本語を追加しておきました。 システム→管理→キーボード システム→設定→キーボード それから以下のをターミナルから実行 日本語関連のパッケージをインストール [root@dlp ~]# yum -y groupinstall "Japanese Sup

type="tel"を追加したときのメモ ※必要じゃない記述とかもあるかもしれません。これやったら動いたというメモ コアハック PEAR/HTML/form.php 203行目に　'tel'=> 3,　を追加 PEAR/HTML/QuickForm.php 40行目に　 'tel'=>array('HTML/QuickForm/tel.php','HTML_QuickForm_tel'),　を追加 PEAR/HTML/QuickForm/ text.phpをコピーしてtel.phpを作成 そのなかで class HTML_QuickForm_text → HTML_QuickForm_tel に変更 function HTML_QuickForm_text → HTML_QuickForm_tel に変更 $this->setType('text');を $this->setType('t

Twitter apiで特定のハッシュタグのツイートのみを取得するサンプルがありましたが via Twitter APIをPHPで利用する - PAPHEAD どうやらこのサンプルはphp4では動かない。 のでちょっとカスタマイズしました。 <?php function twitter($search) { $res = twitter_url('http://search.twitter.com/search.json?q=%23'. $search .'&rpp=5'); foreach($res as $res_key => $results) { foreach($results as $key => $val) { echo $val["text"]; } } } function twitter_url($url) { //ユーザー名 $user = 'username'; /

コンテンツ内の他のページをiframeで読み込んで表示したときスクロールを無しにしたい。 ヘッダとかフッダとか消して、コンテンツ部分だけをiframeに挿入する為。 ただ高さを取得することは割と簡単だったが、 ブラウザの戻るボタンで戻った時もコンテンツの高さを正しくとろうと思って手こずりました。 コード // jquery読み込み。1.4.4じゃなくても1.3とかでも大丈夫でしょう。 <script language="javascript" type="text/javascript" src="../../js/jquery-1.4.4.min.js"></script> <script type="text/javascript"> // <![CDATA[ $(function(){ //htmlファイル を読み込む // 読み込みは同一ドメイン内で var ifm = $('#d

aタグでonclickとか動かしたくなった時の為のメモ [J] a タグの href に # とか javascript:void(0) とかする理由 - Jamz (Tech) ↓全角注意（半角にしてね） ＜a href="javascript:void(0)" onclick="function_name(); return false;"＞ href属性へのイベントを抑制できるようなので とりあえずreturn false;はつけておいたほうが良い

変数を中カッコで囲んであるコードに出会った こんなの <?php ${'sort'.$i} ?> 変数に中カッコが使ってあるものは今まで見たことがなかったのでチョット調べてみたら。。 こういうことのようだ PHPに関する質問です。 ・・・ 人力検索はてな つまり、中カッコは変数名の結合 ここまでが変数名ですよ！ って意味で使うものだということだろう その時ついでに面白いものを見つけた。 PHP マニュアル　型の相互変換 <?php $a = "abc"; // $a は文字列 $a{1} = "f"; // $a は"afc" ?> 中カッコで囲んで添え字にすると、n文字目を直接アクセスできるみたい。知らなかったー

W3CがXHTML2の策定打ち切りを決定したので W3CがXHTML 2の策定打ち切りを決定、HTML 5の標準化に注力へ : Webブラウザ - Computerworld.jp そもそもXHTMLってHTMLとどう違ったんだっけとおもったのです 結構忘れてた。 XHTML のメリット XHTML 解説 ウェブページを記述する際にHTML 4.01ではなくXHTML 1.0もしくはXHTML1.1を選択する具体的で普遍的で分かりやすい利点を教えてください。 想定される回答として駄目なもの.. - 人力検索はてな まぁコードを厳密に正しく書かないといけないというのはHTMLでもそうすればいいわけで となると、プログラミングレベルの話で パースしたりとか、XMLとの連携とか、その為くらいしかメリットがないということになるのだろう。 例：　XHTMLからメタデータを自動抽出する そこはすごくニ

参照 SWFObject v2.0 ドキュメント日本語訳 : Media Technology Labs (MTL) : メディアテクノロジーラボ　ブログ ↑のサイトだと、色んなことが詳しく書いてあります。 で、結局1ページに複数のswfを表示したい場合はheadの中にこう書けばよい <script type="text/javascript" src="js/swfobject2.js"></script> <script type="text/javascript"> var flashvars = {}; var params = {}; var attributes = {}; swfobject.embedSWF("image/swf1.swf", "divIDName1", "100", "150", "6.0.0", false, flashvars, params, att

これもWeb Directions East 2008に参加した人から紹介された フォントサイズをブラウザ間で統一するためのTips なんでも業界では有名な、ダン・セダーホルムという人がこのやり方でやっているらしい bodyに62.5%と指定すると何がよいのか？ ブラウザのデフォルトサイズは何もしないと16pxなので 16px × 0.625 = 10px という風にまず基本サイズを10pxにする。 で、12pxで表示したかったらfont-size:1.2emとか、px単位で考えれるようになる。 直感的に指定できるとここが味噌みたい。 例 body { font-size: 62.5%; } p.text1 { font-size: 1.2em; } /* 12px相当 */ p.text2 { font-size: 1.4em; } /* 14px相当 */ 参考 RedLine Mag

画像をタブとして使いたかったので 画像をボタンとし、デフォルト、オーバー、アクティブでそれぞれ画像が切り変わるタブメニューを作りたいなと思い、jqueryでサクッと出来るサンプルとかあるかなと思ったけど無かった・・・ という事で こちらのサンプルを元にカスタマイズさせていただきました↓ JavaScript でタブ切り替え UI を実装する | WWW WATCH このサンプルはjsを切った時に、一覧としてページ内遷移で動くところがステキですね。 今回はせっかくなのでindexページから表示部分を制御するのもやってみました。 その辺に関してはコチラ↓ GETメソッドでパラメータを受け取るJavascript 出来たもの ・demo1 ・demo2 ※パラメータの?page=の値がタブの番号 ページ内に複数設置できるようにもしたー。 コメントととか付けてないのであとで見直した時に困りそう。

DreamweaverでPタグは [ctr + shift + p]、見出し(h1とか)は [ctr + 1〜6]ってあるけど Aタグは＞＜？　SPANタグは＞＜？ ってか自分でショートカット増やせないの？？って思って調べたら ヒントが書かれていた dreamweaver8でPのショートカットキーはありますか？ -OKWave 要はスニペットに新たに定義して、そいつをショートカット（編集→キーボードショートカット）に指定すればいいんだ。 ちなみにスニペットは（ウインドウ→スニペット）で登録できるよ。 スニペット定義はこんな感じ スニペットをショートカットに登録するためには右クリック♪ 追記：スペニットじゃなかった。。。スニペッドだ。

スクレイピングをやってみる HTML Parserを使います。 参考リンク HTML Parser for PHP:WEB管理者の為の総合ポータルサイトBenzo 研究開発:PHP HTML-parserの使い方 - livedoor Blog（ブログ） 今回はクックパッド（COOKPAD）の「話題のレシピ」の情報を取得します。 ※クックパッドの表示系が変わったら動かなくなります。(2009/08/04動作確認済) 抽出元 COOKPAD demo スクレイピングテスト ソース（UTF-8） <?php // ライブラリを読み込む require_once('../lib/htmlparser.inc'); // まずはソースを一括取得するURLを指定 $parser = HtmlParser_ForURL("http://cookpad.com/"); // パースを行う while (

わざわざYEARとかMONTHとかDAYのフィールドを作らなくてすむ 例えば、今年のデータだけ取り出したいとかはこう書く。 ※dateフィールドはDATE型です date_format関数を使えばいいんですね。これで検索時のMYSQL内の値を整形できるようだ。 PHPで書く場合 <?php //年度取得 $year = date("Y"); $sql = "SELECT date FROM table_name WHERE DATE_FORMAT(date, '%Y')=".$year.";"; ?> DATETIME型は実は試してないけど多分いけると思います。 参考 MySQLのDATE型と年の比較 - 教えて！goo MysqlのDATE_FORMAT関数をもっと早く知っていれば - 株式会社M&Aバンク

僕は最近フォントサイズを%で指定しますが pxと%との対応表が、ありがたいことにここに載っております。 Yahoo! UI Library: Fonts CSS 追記： px em %の関係が載ってました px % 10 77 11 85 12 93 (was 93) 13 100 14 108 (was 107) 15 116 (was 114) 16 123.1 (was 122) 17 131 (was 129) 18 138.5 (was 136) 19 146.5 (was 144) 20 153.9 (was 152) 21 161.6 (was 159) 22 167 23 174 24 182 25 189 26 197 そうなるとpxとemの対応表も欲しくなるところ pxからemを割り出すためのツールはこちらから CSSの便利ツール集:phpspot開発日誌 ちなみに I