タグ

関連タグで絞り込む (284)

タグの絞り込みを解除

JavaScriptに関するgirledのブックマーク (95)

  • オレ標準JavaScript勉強会発表資料 - ockeghem's blog

    Loading...での発表に用いた資料です。 お役に立つかどうかは心許ないのですが、ドキュメントの一部を希望されていた方もおられましたので、slideshareで公開します。 ガラケーで楽しむオレJSの勧めView more presentations from Hiroshi Tokumaru.

    オレ標準JavaScript勉強会発表資料 - ockeghem's blog
    girled
    girled 2010/07/30
    SoftBankではalert動くけどドコモは使えないってのは知ってたけどXSS対策関係の内部仕様は厳密に調べたこと無かったので参考になった。SoftBank側のXSS対策落とし穴もなかなか興味深い。
  • 携帯電話事業者に学ぶ「XSS対策」 - ockeghem's blog

    NTTドコモとソフトバンクモバイルは、フィーチャーフォン(いわゆるガラケー)にてJavaScriptの対応を始めています。JavaScriptに対応すると、クロスサイト・スクリプティング(XSS)脆弱性の懸念が高まりますが、両社は独自の手法によりXSS対策をしている(しようとしている)挙動が観測されましたので報告します。この内容は、オレ標準JavaScript勉強会でネタとして使ったものです。 NTTドコモに学ぶ「XSS対策」まず、サンプルとして以下のようなXSS脆弱なスクリプトを用意します。 <?php session_start(); ?> <body> こんにちは<?php echo $_GET['p']; ?>さん </body>これを以下のURLで起動すると、IE7では下図のような表示になります。 []http://example.com/xss01.php?p=山田<scrip

    携帯電話事業者に学ぶ「XSS対策」 - ockeghem's blog
    girled
    girled 2010/07/26
    ガラケJavaScript実装の仕様把握もそうだけど、実際にこうやって挙動確認することは大切だよなあ。この場合のソフトバンクみたいに例外的な処理に関してどこまでドキュメントに書いてあるかなんて怪しいもんだし。セキ
  • [Javascript] nullとundefinedとfalseと0と空文字と

    大抵の、特に変数の型宣言を行わないタイプの言語では、型の異なる値の条件式は悩みの種です。 Javascriptもご他聞に洩れずというか、undefinedとnullが異なる分だけ更にややこしくなっているようです。 暗黙の型変換で痛い目にあわないよう、ちょっと実験してまとめてみます。 実験にはとりあえず、手っ取り早いので Jash を使用。 一緒に試してみるならば、こちらのBookmarkletをクリックしてコンソールに入力しながら読むとわかりやすいかもしれません。 nullとundefined。たまに「同じもの?」と聞かれることもあるので、とりあえず確かめて見ます。 >> null==undefined true あれ、同じでしょうか? >> null===undefined false もちろん違います。 しかし、== 演算子で比較する限りは「同じ」と言ってもよいようです。 では、実際は

    girled
    girled 2010/07/07
    nullとundefinedについて、なんとなく使い分けてるような分けて無い様な感じだったので調べてみたら面白かった。undefinedってなんか仏教的だな。虚無って感じが。
  • JSONとJSONPの違い - あと味

    解説は他にもたくさんありますが、私自身も使いはじめの頃、違いがよくわからなかったので。 JSONとは? 汎用的なデータ記述方法です。こんな感じで書きます。 { 'blog' : 'あと味', 'author' : 'jdg' } まさにJavaScriptのオブジェクトですね。*1 JSONPとは? JSONを以下のように変えたもの。 callback({ 'blog' : 'あと味', 'author' : 'jdg' }); 関数呼び出しっぽいですね。まぁ、関数呼び出しなんですけど。 どゆこと?となるポイント 見た目が関数っぽくなる意外に変更点はないように見えますが、クロスドメインでJSONを読み込む時は、なぜかJSONではなく、JSONPが使われます。(WebAPI等) また、アクセスしたらJSON形式のデータを返す単純なCGIを自分で作りたいと思った場合でも、JSONを返しても、J

    JSONとJSONPの違い - あと味
    girled
    girled 2010/07/05
    いまさらながらこの違いを明確にわかってなかったので改めて。JSONって一括りにしてたのってJSONPだったんだ。つか、JSONPのPってなんだよって思って調べたら、paddingってことらしい。
  • 「HTML5は優先順位を間違った。もういちどセキュリティの設計からやり直すべきだ」と語るJavaScript大家のDouglas Crockford氏

    HTML5は優先順位を間違った。もういちどセキュリティの設計からやり直すべきだ」と語るJavaScript大家のDouglas Crockford氏 「HTML5の最大の問題は、優先順位を間違ったことだ。機能について議論する前に、セキュリティの扱いについて検討すべきだった」こう語るのは、JSONの発明者として知られ、Yahoo!のシニアJavaScriptアーキテクトでもあるDouglas Crockford氏。5月4日に行われたオライリーのWeb2.0 Expo 2010でのインタビューでのことです。 「もうそれを議論するには遅すぎるという人もいるが、そうは思わない。正しいことをするのに遅すぎることはないのだから」(Crockford氏) Crockford氏はHTML5は機能が重複しすぎていることも指摘しています。「Local StorageとLocal Databaseの両方が

    「HTML5は優先順位を間違った。もういちどセキュリティの設計からやり直すべきだ」と語るJavaScript大家のDouglas Crockford氏
    girled
    girled 2010/06/03
    HTML5は確かに高機能だけどでもちょっと頭でっかちになってる感はあるよなあ。いろいろ企業の思惑なんかも絡みだしたりしてるとこが機能の重複とかになってるのかもねえ。期待してるHTML5だけど、やっぱり不都合な点は
  • Ben Joffe |Torus

    How To Play Use the arrow keys to guide the falling blocks, spacebar and the up-arrow will rotate the block in opposite directions. Alternatively the keys A,W,S and D can be used as arrow keys for the same purpose. When a complete horizontal ring of 15 blocks is occupied by pieces the row will collapse and earn 100 points. If multiple rows are cleared at a time you will earn bonus points.

    girled
    girled 2010/05/26
    アレンジの発想もいいけどHTML5のすごさを改めて思い知った。Canvas使った可能性はまだまだありそうだなーと思ったら、FLASHの肩身がどんどん狭くなっていくような気もした。
  • マイクロソフト、jQueryへの全面的な支持を発表

    マイクロソフトはクライアントサイドのAjaxアプリケーションを開発するテクノロジーとして、jQueryを最優先(Primary Technology)にするという方針を明らかにしました。 すでにASP.NETチームの担当者はフルタイムでjQueryのコアライブラリの開発に参加しており、これまでASP.NET Ajax Libraryを使ってアプリケーションを開発してきたデベロッパーには、jQueryへ移行するように勧めています。 MIX10のキーノートにjQueryの開発者登場 ラスベガスで行われているマイクロソフトのイベント「MIX10」、2日目のキーノートスピーチで同社バイスプレジデントのScott Guthrie氏は、「18カ月前、製品の一部にjQueryを含めて出荷を開始しオフィシャルなサポートを提供してきた、昨年にはAjax CDN(コンテンツデリバリネットワーク)を通じてjQu

    マイクロソフト、jQueryへの全面的な支持を発表
    girled
    girled 2010/03/18
    これはいい話だなあ。IEのシェア奪還に向けてMSも外せない部分だったのかもなあ。昨今の激化するJavaScript最適化争いにかなり優位な立ち位置をとった可能性もあるなあ。IE9での正式サポートはあるかもね。REMIX TOKYO 10、ち
  • JavaScript初心者におくる24のグレイトなtips - 三等兵

    私が作ったわけではなく海外の記事です。自分も学習してみました。 phpスポーツ啓発日誌や、コカトリスさんや、アイスクレアームパラダイスさんのような、品質の良い訳は私にはできませんので見出しは意訳もしくは誤訳、文章は無視して訳してません。かつ、私がいろいろコードや文章つけたしてます。内容的にはほとんどズレてはないと思いますが、適当なのでおかしいところがあるかもしれません。 うっとうしい場合は原文をどうぞ。 24 JavaScript Best Practices for Beginners 1. 等価演算子で==使うなよボケ===だろナスチン野郎 ひぃぃぃ。 ==|!= だとねー、型は自動に変換されるんすよねー。ねー。 s = '1'; i = 1; alert(s == i); // true alert(s === i); //false えーと、==は「わし、数値も文字列も中身が一緒だ

    JavaScript初心者におくる24のグレイトなtips - 三等兵
    girled
    girled 2009/12/14
    面白かった。クライアントヘルシーなJSを書けるようになるとそれだけで実現できること増えたりして素敵かも。なかなか最近はJavaScript使ってないけど他の言語のプログラミングでも応用できそうな話もあって勉強になった
  • JavaScriptを使わずにWebブラウザの閲覧履歴を盗む | スラド セキュリティ

    bugzilla.mozilla.org では JavaScript を使う exploit も使わない exploit も Bug 147777 [mozilla.org] として扱っています。この bug のコメント中、 JavaScript を使わない例は、はっきりしたものとしては 2006 年 12 月の Comment 71 [mozilla.org] が初出でしょうか。 2005 年 6 月の Comment 48 [mozilla.org] もそれっぽいですが。 まだ正式版どころか RC も出ていないので一般の人にはお勧めしませんが、人柱の人は Firefox 3.5 Preview を使って about:config から layout.css.visited_links_enabled を false にすると、リンクが visited かどうかによってスタイルを変えるの

    girled
    girled 2009/06/16
    JavaScriptって切ってる人多そうだけどCSSはさすがに最近のウェブページだと必須だし切れない感じだよなあ。色がでないだけならまだしも、テキストさえ出なくなるサイトも多いからなあ。つか、別に既読リンクの情報収集
  • ニコニコ動画(RC2)‐天野仁史『Javascript Tips & Technique』(WEB+DB PRESS Tech Meeting #1)

    「WEB+DB PRESS Tech Meeting」(主催:技術評論社、2007/12/20)での講演です。資料やレポートは→http://gihyo.jp/event/2007/tech-meeting/。技術評論社の投稿動画一覧は→mylist/4038077。動画の最後でアンケートを行っています。ご協力よろしくお願いいたします。

    ニコニコ動画(RC2)‐天野仁史『Javascript Tips & Technique』(WEB+DB PRESS Tech Meeting #1)
    girled
    girled 2009/04/15
    ちょよんごって読むのか。とにかく抜粋して要点を説明してくれてるのでよかった。マルチスレッドわーいって思うけど、適当に作ったらデバッグ難しくなりそうだ。
  • 10年ぶりにJavaScriptがついにバージョンアップへ、年内承認の見通し

    10年ぶりにJavaScriptがバージョンアップする見通しとなりました。JavaScript(正式名称はECMAScript)の標準化団体であるEcma Internationalが4月9日に「Ecma International finalises major revision of ECMAScript 」というリリースを発表しています。ファイナルドラフトとなるドキュメント「final draft ECMA-262 5th edition」も公開されました。 新バージョンのECMAScriptはこれまでECMAScript 3.1と呼ばれていましたが、今後は名称が「ECMAScript 5th Edition」になるとのことです。そしてこれが一般的にはJavaScript 2.0と呼ばれることになるでしょう。 リリースからポイントを抜き出してみます。 The Candidate mi

    10年ぶりにJavaScriptがついにバージョンアップへ、年内承認の見通し
    girled
    girled 2009/04/15
    機能が追加されて楽しいこといっぱいできるようになるのはうれしいけど、下位互換とか動作確認、バグ調査とか対応がめんどくさくなるのはカンベン。
  • http://youmos.com/news/curvycorners.html

    girled
    girled 2007/02/22
    これオモシロいなあ。角丸めるの、JavaScriptでできたのか。フォトスタックで試してみようかなあ。(重かったらすぐやめるけど。)
  • ITmedia +D モバイル:Ajax対応の携帯フルブラウザを開発へ

    HOWS(ハウズ)とイノシスは3月30日、Ajax(Asynchronous JavaScript+XML)を実装可能とする携帯フルブラウザの開発で技術提携すると発表した。これにより携帯電話上でリッチな地図情報を閲覧したり、営業日報や見積もりなどを行う業務アプリケーションを利用したりできるとうたう。 HOWSは、Ajaxを活用したWebコンポーネント技術を提供する企業。またイノシスは、携帯フルブラウザの開発を手がける企業だ。携帯フルブラウザにJavaScriptを利用した技術を用いることで、例えば業務アプリ上で画像の拡大・縮小やポインタによる高速スクロールをストレスなく行えるほか、Ajaxの特徴である非同期通信を利用してデータ通信量の削減、ブラウジング時間の短縮を実現するという。 両社ではAjax対応フルブラウザの利用需要が高い分野として、携帯電話でのリッチな地図情報サービス、営業日報や見

    ITmedia +D モバイル:Ajax対応の携帯フルブラウザを開発へ
    girled
    girled 2006/03/30
    これはかなり興味深いなあ。Ajaxを使った柔軟なユーザビリティと便利なインターフェースデザインがあのケイタイの画面サイズや操作という制限の枠を一気に越えそうな気もしないでも無いけど、どうにもケイタイでメー
  • 秋元@サイボウズラボ・プログラマー・ブログ: Yahoo! UI Library はすごいね

    via O’Reilley Radar Yahoo! UI Library で、Yahoo! が実際に使っている Javascript のライブラリ集が公開されている。 Yahoo! のどこでこんなユーザインタフェースが使われてるんだろう? と思うぐらい、サンプルで見せられる UI パーツは豊富だ。それぞれの “Example” を見てまわるだけでもおなかいっぱいだ。 コアユーティリティ アニメーション クロスブラウザ対応の XMLHttpRequest ラッパ DOM 操作 ドラッグアンドドロップ イベントハンドリング UI コントロール部品 カレンダー スライダー ツリー ドラッグアンドドロップなんかは、ファンタジースポーツで使われているのを見たことがあるので知っていた。複数のリスト間でアイテムの移動や並べ替えを行うときには使えるパーツだろう。 日語カレンダーなんかも、いい感じで再利

    girled
    girled 2006/02/15
    やべぇ。これ、オモシレーかも。なんか無駄にこれ使って作りたい気になってくるわ。ウェブのインターフェースがどんどん使いやすく、オモシロくなってくるなあ。「デスクトップがウェブ画面」って一時期、マイクロソ
  • Lightbox Jojo

    Ukai, or cormorant fishing, is a captivating and ancient Japanese tradition that dates back over 1,300 years. This unique fishing technique, practiced along several rivers in Japan, combines history,...

    girled
    girled 2006/01/23
    これ、おもしろいなあ。写真が特に人物主体のものだといろいろ遊べそうだなあ。このパターンで他に、ドラゴンボールバージョンとか北斗の拳バージョンとかも需要高そうだけどねえ。効果ありきで写真とって、ストー