タグ

JavaScriptに関するt-murachiのブックマーク (168)

  • 高木浩光@自宅の日記 - 「NoScript」をやめて「RequestPolicy」にした

    ■ 「NoScript」をやめて「RequestPolicy」にした セキュリティ屋が、Firefoxユーザに「NoScript」の使用を推奨することがしばしばあるが、私は賛同しない。 JPCERT/CC、技術メモ「安全なWebブラウザの使い方」を公開, INTERNET Watch, 2008年11月4日 *1 技術メモ − 安全なWebブラウザの使い方, JPCERT/CC, 2008年11月4日 IV. 各 Web ブラウザに共通する設定上の注意事項 1. スクリプト等の実行を制限する JavaScript 等のスクリプトや(略)は(略)Ajax に代表されるインタラクティブなインターフェースが実現できるなど、高い利便性が得られます。反面、PC 上の重要なファイルを削除・変更するなど、悪意を持った処理が行われる可能性もあります。従って無制限にスクリプト等を実行できるようにしておくのは

  • 教科書に載らないWebアプリケーションセキュリティ 第1回 [これはひどい]IEの引用符の解釈 − @IT

    XSSにCSRFにSQLインジェクションにディレクトリトラバーサル……Webアプリケーションのプログラマが知っておくべき脆弱性はいっぱいあります。そこで連載では、そのようなメジャーなもの“以外”も掘り下げていきます(編集部) 小さな話題が面白い 皆さん、はじめまして。はせがわようすけと申します。 「教科書に載らないWebアプリケーションセキュリティ」ということで、Webアプリケーションのセキュリティに関連する、普段あまり見掛けないような小さな話題を取り上げていきたいと思います。 セキュアなWebアプリケーションを実現するために、開発者の方だけでなく、Webアプリケーションの脆弱性検査を行う方々にも読んでいただきたいと思っています。重箱の隅を楊枝でほじくるような小さな話題ばかりですが、皆さんよろしくお願いします。 さて第1回は、Internet ExplorerがHTMLを解釈する際の引用

    教科書に載らないWebアプリケーションセキュリティ 第1回 [これはひどい]IEの引用符の解釈 − @IT
    t-murachi
    t-murachi 2009/03/02
    バッククオートが話をややこしくしているけれども、そもそも値に引用符や空白が含まれていなければ基本属性値括りなしの HTML で innerHTML を生成するって言う摩訶不思議仕様なのよね。まさに bug を呼び込む設計。
  • 【ただし】中出し画像下さい【虹に限る】 - みんくちゃんねる

    t-murachi
    t-murachi 2009/03/01
    javascript:(function(){d=document.getElementById('more');l=d.getElementsByTagName('a');o=document.createElement('textarea');for(i=0;i<l.length;i++){o.appendChild(document.createTextNode(l[i].getAttribute('href')+'\n'))}d.insertBefore(o,d.firstChild)})() // 自己責任で。
  • iandeth. - ActionScript - ループ中でクロージャ作る際の注意点

    iandeth. Perl, Flash ActionScript, MySQL, Movable Type, システム開発 - そんなテーマのサイトdeth. まずはクロージャ基形 function setFunc (){ var lex = '1 dayo'; return function (){ return lex }; } var obj = {}; obj.func = setFunc(); trace( lex ); // undefined trace( obj.func() ); // 1 dayo これをループ中におこなうと・・・ // set closure var arr = []; for (var i=0;i<3;i++){ var obj = {}; var lex = i + ' dayo'; obj.func = function (){ return

    t-murachi
    t-murachi 2009/02/08
    あーそうか、スコープの扱いの違いかぁ。 passerbyさめ++。
  • [JavaScript] typeof arg == 'undefined' っていらないんじゃね? / LiosK-free Blog

    2008-09-24 カテゴリ: Client Side タグ: Tips JavaScript 以前にも JavaScript の null と undefined に関する記事を書いたことがあったが、またしても性懲りもなく null と undefined の挙動につまずいて、 ECMAScript 3 の仕様書まで調べ直したので、メモ代わりにエントリー化。 Abstract このエントリーの内容をざっくりとまとめると、 something == null がどういう値を返すのかが気になって、ECMAScript 3 の仕様書までさかのぼって調べてみると、 null == null undefined == undefined null == undefined undefined == null のパターンでのみ true を返すということがわかった、という話。細かい経緯は続きで。

    t-murachi
    t-murachi 2009/01/29
    arg === void 0 は何気に便利だなぁ、キーストローク的に。w
  • jsmario.com.ar

    This domain may be for sale!

    t-murachi
    t-murachi 2009/01/16
    完成度高いな。でもブロック 1つ分の隙間にジャンプして入れないとかブロック 1つ分の隙間をキノコが飛び越しちゃうとか同時にブロック 2つ壊せないとか同時にクリボー 2匹踏もうとすると死ぬとかは直して欲しいな。w
  • ブログ内スクリプトが Firefox 3 でも動くようになったー: 国民宿舎はらぺこ 大浴場

    Firebug でエラーが出てる正確な場所を突き止めることができたので追ってみたら、スタイルシートにスタイルを追加している部分で複数あるスタイルシートすべてに同じスタイルを追加しようとしていて、それでこけてたらしい。最初に見つけたスタイルシートにだけ書き込むようにしたら動くようになった。よかったよかった。

    t-murachi
    t-murachi 2008/12/06
    どうでもいいけど size 属性または cols 属性でしか横幅指定してない input タグやら textarea タグが Ubuntu の Firefox だとやたらと横に長くなっちゃうんだけど、これってどうにかならんもんなの?
  • MOONGIFT: » 必見!JavaScriptのalert処理にさよならを「Blackbird」:オープンソースを毎日紹介

    ※ 画面は公式サイトデモより JavaScriptのデバッグによく利用されるものと言えば、alertだろう。簡単に使えて便利な関数だが、ブラウザの処理が止まってしまったり、長文の表示が難しいなどデメリットも数多い。 alertとお別れするためのJavaScriptデバッグツール そこで使ってみたいのがBlackbirdだ。Google Code上で公開されているオープンソースのJavaScriptアラートだ。 Blackbirdは見た目の格好いいフローティングダイアログにログを表示できる。デバッグ、インフォ、ウォーニング、エラー、プロファイルの5つのメッセージパターンが設定できる。Blackbirdのウィンドウでは各メッセージタイプの表示、非表示が切り替えられるようになっている。 表示位置の変更、表示するメッセージの種類が変更できる さらにF2キーを押して表示/非表示を切り替えたり、Shi

    MOONGIFT: » 必見!JavaScriptのalert処理にさよならを「Blackbird」:オープンソースを毎日紹介
    t-murachi
    t-murachi 2008/10/14
    「JavaScriptのデバッグによく利用されるものと言えば、alertだろう。」<この前提に驚愕した。 C のデバッグによく利用されるものと言えば、printf だろう。みたいな?
  • Safari4 と IE8 で実装された DOM Storage とは何か - IT戦記

    はじめに 皆様 JavaScript のスピード競争が激化し、 ECMAScript 3.1 の仕様の策定が進むなど、激動の JavaScript 時代をいかがお過ごしでしょうか。 さて今日は、今、ちまたで大ブレイクの兆しを見せている DOM Storage という仕様を紹介したいと思います。 DOM Storage とは何か まず、 DOM Storage とはどんなものなのでしょうか。 とても簡単に言ってしまえば、とてもたくさんのデータが保存できてサーバーに自動で送られない Cookie みたいなものです。 さらに、 Cookie とは違って JavaScript からとても扱い易く作られています。 では、この DOMStorage の具体的なソースコードを見てみましょう。 <!DOCTYPE html> <html> <head><title>DOMStorage の使い方</tit

    Safari4 と IE8 で実装された DOM Storage とは何か - IT戦記
    t-murachi
    t-murachi 2008/09/24
    セキュリティ的にはどないなもんなんやろ?
  • Google Chromeよりも速いブラウザーが登場 (1/2)

    先々週登場したグーグルの新ウェブブラウザー「Google Chrome」は速かった(関連記事)。その記事で、今後のブラウザー戦争はますます熾烈になってくると書いたが、その予想は正しかった。早くも強力なライバルが登場したのである。しかも、意外なところから。 これまで、PC向けのウェブブラウザーといえば、海外の開発元から登場するのが常だった。だが、日にも世界に誇れる強力なブラウザーがあるのを忘れていないだろうか。「Lunascape」である。世界最速のJavaScriptエンジンを搭載した「Lunascape5.0α」(コードネーム:Genesis)が日公開されたのだ。 なんとトリプルエンジン化 Lunascapeといえば、かゆいところに手が届くカスタマイズ機能を搭載して、ハードコアなネットユーザーの間で支持されているタブブラウザーだ。しかし、「Lunascape? ちょっと待て!」と考え

    Google Chromeよりも速いブラウザーが登場 (1/2)
    t-murachi
    t-murachi 2008/09/17
    SunSpider 以外のベンチマークではどうなのかしら? つか、DOM 操作ってベンチマークされてるの? これ。
  • Google Chrome JavaScriptデバッガ完全マニュアル。 - IT-Walker on hatena

    Google Chromeはシンプルに見えてオフラインやWebアプリショートカット作成などいろんな機能が搭載されています。 そんな中、JavaScriptデバッガがあるのも発見! どんなもんかと思ってみてみたら、なんとコマンドラインベースのデバッガです。Firebugみたいな物を想定していたのですが、まさかgdb(GNU製C/C++デバッガ)みたいなのがブラウザに載ってるなんて・・・しかも全然情報ないし。 でも開発者にとっては、JavaScriptをランタイムでデバッグできると言うのは非常に嬉しい事ですね。そこで、Chromeデバッガの使用法についてちょっと調べてみました。 デバッガは、開発者向けメニューの中から選択する事が出来ます。立ち上げてみると、コマンドの表示結果が表示されるエリアと、コマンドを入力するテキストフィールドが並んでいるだけ、と言うシンプルなUIが表示されます。 最下部の

    Google Chrome JavaScriptデバッガ完全マニュアル。 - IT-Walker on hatena
    t-murachi
    t-murachi 2008/09/05
    おー、いいじゃん。
  • Firebugについてまとめ - monjudoh’s diary

    随時更新 公式ドキュメント Firebug Console API http://getfirebug.com/commandline.html 気になったところ $$(selector) 複雑なCSSセレクタでなければjQueryの$関数の変わりとして使える感じ。 dirxml(node) outerHTML相当のHTMLを出してくれる感じ $$(selector)と組み合わせると便利そう。 inspect(object[, tabName]) 指定したオブジェクトを指定したタブで表示できる。特定要素をHTMLタブで表示させる時、「inspect($$('table#some-id td')[0],'html');」みたいにできる。今まで、「console.log($$('table#tab td')[0]);」を実行してconsoleタブに表示させた後、そこをクリックみたいにやっていた

    Firebugについてまとめ - monjudoh’s diary
  • 具体例で説明するデザインパターン - てっく煮ブログ

    JavaScriptデザインパターンってなんだかたいそうなものに考えられがちだけど、実は、そこかしこのライブラリや仕様に取り込まれていることが多い。「デザインパターン分からん」とか「で、どうやって使うのよ」と悶々としている人には、「どういうところで使わているのか」を知っておけばイメージも沸きやすいし、意外にたいしたことないんだな、ということが分かるんじゃないだろうか。そこで、JavaScript やその周辺の技術で、デザインパターンがどのように使われているかを紹介してみることにする。ここでは、GoFの順番に沿って、以下の11個のパターンを取り上げる。生成に関するパターン Factory MethodAbstract FactoryBuilderPrototypeSingleton構造に関するパターン AdapterComposite振る舞いに関するパターン Chain Of Respon

    t-murachi
    t-murachi 2008/08/25
    無言でブックマ無言でブックマ無言でブックッマー
  • ke-tai.org > Blog Archive > 90秒で理解するiPhone JavaScript(マルチタッチ編)

    90秒で理解するiPhone JavaScript(マルチタッチ編) Tweet 2008/7/28 月曜日 matsui Posted in iPhone | 10 Comments » 仕事iPhone向けサイトを作ることになるかもしれず、色々と調査中です。 まずはiPhoneならではの機能ということで、マルチタッチについて調べてみました。 ここまでわかったことをメモ代わりに記載したいと思います。 今回はひとまず座標の取得までです。 ゆくゆくは、こちらのムービーのように凝ったギミックを作りこみたいと思っています。 マルチタッチの座標を取得するのは思ったより簡単で、抑えるポイントは4つだけです。 Safari自体のスクロールや拡大・縮小は動作しないようにした方が無難 タッチのイベントは、リスナーまたは「onTouchXXX」から取得 タッチ数は「event.touches.length

    t-murachi
    t-murachi 2008/07/29
    だんだんホッテントリメーカーで云々書くのが免罪符になりつつあるな… / iPhone ガジェット作る予定は今のところないけど一応。。。
  • もう一度、ちゃんとJSON入門 - 檜山正幸のキマイラ飼育記 (はてなBlog)

    僕自身も僕の周辺もJSONをよく使います。でも、細かい点でけっこうミスをやらかしています(苦笑)。このエントリーで、JSONを使う上で注意すべきこと/間違いやすい点をすべて列挙します。 内容 兼チェックリスト: 仕様原典さえ読めば完璧(のはずだが) 数値の前にゼロを付けてはいけない 16進数表記も禁止だよ 数値の前にプラスを付けてはいけない 小数点からはじまる数値はダメ 用語法が違うよ:プロパティとメンバー メンバー名には常に文字列を使う 空文字列""もメンバー名に使える 配列要素はキッチリと並べよう 文字列を囲むには二重引用符だけ 文字列内のエスケープが微妙に違う 仕様にないエスケープは構文エラー undefinedもNaNもありません ラッパーオブジェクトは使わないのが吉 型システムとtypeofに関する注意 最後に 仕様原典さえ読めば完璧(のはずだが) JSONは、小さくて簡単な仕様

    もう一度、ちゃんとJSON入門 - 檜山正幸のキマイラ飼育記 (はてなBlog)
    t-murachi
    t-murachi 2008/07/29
    「{"x": 12, "y": -3, "color": "red",} はJavaScriptではOK。」<IE 処理系では NG。この辺統一されてない。 / 「この伝統的な8進表記法は間違いのもとだよね。という次第で、JavaScriptでも廃止が予定されています」<厭な政治抗争だな…。
  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
    t-murachi
    t-murachi 2008/07/08
    …あーそうか、最後の void 0 が無いと、ページ遷移しようとして内容が失われちゃうのか。 / WYSIWYG 入力を実現するための基本的なテクニックとして覚えておこう。
  • フォームのフリガナを自動入力させるAutoRuby.js | ホームページ制作・運営のヒント

    &amp;lt;script Language=”javascript” src=”http://ad.jp.ap.valuecommerce.com/servlet/jsbanner?sid=2456113&amp;amp;pid=877160106″&amp;gt;&amp;lt;/script&amp;gt;&amp;lt;noscript&amp;gt;&amp;lt;a href=”http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=2456113&amp;amp;pid=877160106″ target=”_blank” &amp;gt;&amp;lt;img src=”http://ad.jp.ap.valuecommerce.com/servlet/gifbanner?sid=2456113&amp;amp;pid

    t-murachi
    t-murachi 2008/07/02
    んー、すまん、ギミックとしてはありがちだと思っていたんだが、そんなに斬新か? Javascript でも実現できたってことが斬新なのか?
  • js-users.jp - 日本の JavaScript ユーザのためのハブサイト

    YAPC::Asia 2008 で Michael Schwern は「SEO に有効な独自ドメインを取って、もっと Perl 初心者が集まりやすい nice な Perl の情報を集めたサイトを作れ!」といったそうです。そして「Perl-users.jp - 日Perlユーザのためのハブサイト」ができました。それにインスパイアされてas-users.jpも出来たらしい。 これは JavaScript も同じではないのか? そう思って js-users.jp ドメインを取り、ここに js-users.jp を開始します。完全に as-users.jp にインスパイアされています。当にありがとうございます。ノープランです。 イベント情報 ajax Experience http://ajaxexperience.techtarget.com/html/index.html 2008年

    t-murachi
    t-murachi 2008/05/23
    lua-users.jp でも作ろうかしら。
  • 404 Blog Not Found:javascript - 勝手に添削 - textareaの高さを自動調節

    2008年05月20日14:15 カテゴリLightweight Languages javascript - 勝手に添削 - textareaの高さを自動調節 これはなかなかいいですね。 textareaのサイズを入力にあわせて調整するJavaScript (イラストdeブログ開発記) イラストdeブログの掲示板の使い勝手を高めるため、textareaサイズをJavaScriptで改行入力毎に大きくするコードを書いてみました Firefox 2, Safari 3, Opera 9で動作確認してあります。 イチ に 三 function resize_textarea(ev){ //if (ev.keyCode != 13) return; var textarea = ev.target || ev.srcElement; var value = textarea.value; var

    404 Blog Not Found:javascript - 勝手に添削 - textareaの高さを自動調節
    t-murachi
    t-murachi 2008/05/21
    行の桁数が多い場合にどう動くべきか。やたらと長い英単語 (ブラウザによっては改行されない) とかは考慮外とした方がいいかな。あるいは桁数に応じて横にも広げてみるとか。
  • 本気でやるならonclick属性は避けてライブラリを活用すべき - id:HolyGrailとid:HoryGrailの区別がつかない日記

    第1回 そろそろ気で学びませんか? | Think IT これ、今この記事書いてる時点で650以上ものブクマがされているんだけれども、あまり内容がよろしくない。 というのも、解説はとても丁寧ですごくよい内容なのだけど、サンプルコードの書き方がどうも古くさい。 onclick属性とか、今時のフロントエンドエンジニアはそんな書き方はしない(と思う)。 なぜonclickをあまり推奨しないのか やっぱり、エンジニアとデザイナーorマークアッパーとの分業の点でHTMLの属性にスクリプトを書いちゃうのはあんまりよろしくない。 たとえばの話だけど関数の名前を変えたかったり、だとか、HTMLを変更したり、っていうときにミスが起こりやすくなってしまう。 これは分業していなくてもどちらにしろ発生してしまうことだと思う。 他にも前に書いたのだけど、aタグとかでonclickしちゃうとhrefにreturn

    本気でやるならonclick属性は避けてライブラリを活用すべき - id:HolyGrailとid:HoryGrailの区別がつかない日記