タグ

ajaxに関するhiro_yのブックマーク (338)

  • PHPのイタい入門書を読んでAjaxのXSSについて検討した(3)~JSON等の想定外読み出しによる攻撃~ - ockeghem(徳丸浩)の日記

    昨日の日記の続きで、Ajaxに固有なセキュリティ問題について検討します。今回はJSON等の想定外読み出しによる攻撃です。これら攻撃手法は来ブラウザ側で対応すべきもので、やむを得ずWebアプリケーション側で対応する上で、まだ定番となる対策がないように思えます。このため、複数の候補を示することで議論のきっかけにしたいと思います。 まず、作りながら基礎から学ぶPHPによるWebアプリケーション入門XAMPP/jQuery/HTML5で作るイマドキのWeから、Ajaxを利用したアプリケーションの概念図を引用します(同書P20の図1-23)。 前回、前々回は、(5)のHTTPレスポンスの前後で、JSON等のデータ作成(エンコード)に起因するevalインジェクションや、(5)のレスポンスを受け取った後のHTMLレンダリングの際のXSSについて説明しました。 しかし、問題はこれだけではありません。正常

    PHPのイタい入門書を読んでAjaxのXSSについて検討した(3)~JSON等の想定外読み出しによる攻撃~ - ockeghem(徳丸浩)の日記
    hiro_y
    hiro_y 2011/11/26
    JSONのセキュリティ
  • TwitterやFacebookのURLには、なぜ#!が含まれるのか (SEOとAjaxのおいしい関係) - kazuhoのメモ置き場

    Ajaxを使うためにはページ内リンク (hash fragment=URLの#以降) を使うのが一般的*1 hash fragmentはサーバに送信されないから、JavaScript非対応のブラウザだと動作しない 特にサーチエンジンのクローラ等で問題になる*2 そこで Google は、#! が含まれる URL を hash を含まないものに読み替える仕組みを提唱している。例えば「www.example.com/ajax.html#!key=value」のサーチエンジン用URLは「www.example.com/ajax.html?_escaped_fragment_=key=value」になる。 TwitterやFacebookはこの仕様に従うことで、Ajax な UISEO を同時に実現している、というわけ。ということを調べたなう。 参照: Getting Started  | 

    TwitterやFacebookのURLには、なぜ#!が含まれるのか (SEOとAjaxのおいしい関係) - kazuhoのメモ置き場
    hiro_y
    hiro_y 2010/10/13
    TwitterやFacebookが#!を含むURLをAjaxで採用している理由。クロール可能になる。
  • Getting Started - Making AJAX Applications Crawlable - Google Code

    Getting Started This document outlines the steps that are necessary in order to make your AJAX application crawlable. Once you have fully understood each of these steps, it should not take you very long to actually make your application crawlable! However, you do need to understand each of the steps involved, so we recommend reading this guide in its entirety. Overview of Solution Briefly, the sol

    hiro_y
    hiro_y 2010/10/13
    Ajaxなリンク先をクロール可能にする仕組み。#ではなく#!でフラグ。
  • Ajax - Goodbye, JSONP. Hello, Access-Control-Allow-Origin : 404 Blog Not Found

    2010年08月17日06:45 カテゴリLightweight Languages Ajax - Goodbye, JSONP. Hello, Access-Control-Allow-Origin もうそろそろJSONPとはお別れできるのではないかと思い立ったので。 XMLHttpRequestとその問題 AjaxといえばXHRの愛称で親しまれているXMLHttpRequestですが、これには一つ重大な欠点がありました。 これを発行するDHTMLページのドメインが、Request先のドメインと一致する必要があったのです。いわゆる Same Origin Policy というやつです。おかげでサイトをまたがって使えなかったのです。これではマッシュアップできない。どうしよう。 JSONPとその問題 そこで生まれたのが、JSONPという手法です。 これは、scriptノードを追加した時に、単

    Ajax - Goodbye, JSONP. Hello, Access-Control-Allow-Origin : 404 Blog Not Found
    hiro_y
    hiro_y 2010/08/29
    Access-Control-Allow-Originヘッダーを送信するとXMLHttpRequestでクロスサイトなAjaxができるように。IEはIE8からXDomainRequestで同様に対応。
  • セキュリティ情報 - Yahoo!ケータイの一部端末に「かんたんログイン」なりすましを許す問題

    文書番号HASHC2010052401 Yahoo!ケータイの一部端末に「かんたんログイン」なりすましを許す問題 HASHコンサルティング株式会社 公開日:2010年5月24日 概要 昨年11月24日づけアドバイザリにて、iモードブラウザ2.0のJavaScriptにより、携帯端末に割り当てられたID(以下、端末固有ID)を利用した認証機能(以下、かんたんログイン)に対する不正アクセスが可能となる場合があることを報告した。その後の調査により、同種の問題がYahoo!ケータイのブラウザ(通信事業者はソフトバンクモバイル)でも発生することを確認したので報告する。危険度の高い攻撃手法であるので、サイト運営者およびYahoo!ケータイ利用者には至急の対策を推奨する。 背景携帯電話のかんたんログインとは、ケータイブラウザに用意された端末固有IDを利用した簡易的な認証であり、ユーザがIDやパスワード

    hiro_y
    hiro_y 2010/05/26
    setRequestHeaderでHost書き換え→かんたんログインなりすまし可能に。
  • Apache2 Debian Default Page: It works

    This is the default welcome page used to test the correct operation of the Apache2 server after installation on Debian systems. If you can read this page, it means that the Apache HTTP server installed at this site is working properly. You should replace this file (located at /var/www/html/index.html) before continuing to operate your HTTP server. If you are a normal user of this web site and don'

    hiro_y
    hiro_y 2009/06/22
    Cometフレームワーク。サーバーはC。
  • Digg Blog

    This post was written by Betaworks lead scientist Suman Deb Roy and was originally posted on Medium How Digg Bot finds stories for your favorite topicsA year and half ago, the Notifications Summit was held at Betaworks to deliberate on many key ideas: the push and the pull, notifications as a primary interface, as a meta-app, utility of the lock screen, deep linking, filters etc. There was growing

  • Proto Form

    Features Check required fields and validate Email, Date, Telephone number and Url. Send data and show response with Ajax, highlight the form field on focus and on error. Lightweight (only 4KB), unobtrusive and cross-browser (tested on Firefox, Opera, Safari, Internet Explorer 6/7) Depend on Prototype Javascript Framework to work. How to use the Script Firstly we need to include our required javasc

    hiro_y
    hiro_y 2009/02/13
    validation/Ajaxライブラリ、要prototype.js。
  • AJAX APIs Playground

    Google APIs Explorer Stay organized with collections Save and categorize content based on your preferences. The Google APIs Explorer is a tool available on most REST API reference documentation pages that lets you try Google API methods without writing code. The APIs Explorer acts on real data, so use caution when trying methods that create, modify, or delete data. For more details, read the APIs

    AJAX APIs Playground
    hiro_y
    hiro_y 2009/01/23
    Googleが提供するJavaScriptのライブラリを試せる。
  • Not Found — Domainr

    That’s an error (404).Unfortunately, we can’t find a match for your request. Perhaps try searching again? Domainr for iPhoneAndroidChromeFacebook MessengerSlack© 2018 nb.io, LLC + Domain Research, LLCIANA #2484Made with love in San Francisco.

    Not Found — Domainr
    hiro_y
    hiro_y 2009/01/14
    CSSのimportを使ってクロスドメイン通信。
  • Chromeはなぜ速いのか - @IT

    Chromeの動作が圧倒的に速いように感じている。Chromeがリリースされた当初、それがなぜなのかよく分からなかった。グーグルだけにできて、ほかのWebブラウザ開発者にできないことなどあるように思えないが、それにしてはあまりに速いように感じたからだ。 その疑問のほとんどは、Chromeのオープンソースプロジェクト版「Chromium」の公式ブログの解説で氷解した。ブログを読んで分かったのはグーグルエンジニアたちが信じられないほどのスピード狂であることと、そのスピードへのこだわりには2種類の“スピード”があることだ。 1つは処理速度、もう1つは応答速度だ。特に後者、ユーザーをできるだけ待たせない、イラつかせないということに対する徹底したこだわりは、すさまじい。その背後には「スピードとは、つまりお金だ」という洞察があるようだ。 0.5秒の遅延でユーザー離れ グーグル創業約1年後の1999年

    hiro_y
    hiro_y 2008/12/24
    すこしの遅さでもユーザーは見逃さないということ。「Ajaxが非同期の通信であるのと、Chrome中のプロセス間の処理が非同期で複雑になっているのは偶然の一致ではないと思う。」
  • http://valums.com/projects/ajax-upload/

    hiro_y
    hiro_y 2008/12/10
    Ajaxでファイルアップロード、jQuery利用。
  • RESTful 形式の Google AJAX Feeds API を使って、フィードを JSONP で取得する - WebOS Goodies

    JavaScript のみで任意のフィードが取得できる Google AJAX Feeds API は、とても便利ですよね。活用されている方も多いと思います。でも、余計な機能も含んだ外部ライブラリを読み込むのがイマイチなところ。ページロード時間を気にする場合はちょっと利用を躊躇してしまいます。 ところが、そんな欠点も、実は既に解消されています。今年の 4 月に Flash など JavaScript 以外の言語のために RESTful 形式の API が追加されたのですが、それに callback の指定がちゃっかり存在しており、 JSONP でアクセスできるのです。これなら外部ライブラリを読み込む必要もなく、気軽に利用できます。とくに JSONP に慣れている方は、 JavaScript API よりも楽に覚えられるでしょう。 ということで、日はその RESTful API を利用して

    hiro_y
    hiro_y 2008/09/07
    URLにパラメータを付けてGETでアクセス、JSONPでfeedの内容を取得できる。
  • Cloud Translation documentation  |  Google Cloud

    Stay organized with collections Save and categorize content based on your preferences. Cloud Translation can dynamically translate text between thousands of language pairs. Cloud Translation lets websites and programs programmatically integrate with the translation service. For an overview of the service, see the Cloud Translation overview. Cloud Translation is offered in two editions (Basic and A

    Cloud Translation documentation  |  Google Cloud
    hiro_y
    hiro_y 2008/06/22
    Googleの翻訳API、Ajaxでも使える。
  • 120 Free Ajax Activity Indicator Gif Icons | badeziner

    hiro_y
    hiro_y 2008/06/19
    Ajaxとかで使えるローディングアイコン/アニメーションGIF。
  • 第2回 Comet---プッシュ型のWebアプリケーションを作る

    この記事は,日経ソフトウエア2007年1月号,連載「簡単実装で学ぶWeb技術2006」の第7回「Comet――プッシュ型のWebアプリケーションを作る」の再録です。記事は執筆時の情報に基づいており,現在では異なる場合があります。 こんにちは,結城浩です。 今回は,サーバーからデータをプッシュするタイプのWebアプリケーションを作成する技法の「Comet」を紹介します。簡単なチャット・プログラムを通してCometの仕組みを学びましょう。 Cometとは 通常のWebアプリケーションは,クライアント(Webブラウザ)から送られてくるリクエストを受け取って動作します。つまり,WebアプリケーションはユーザーがWeb上のリンクをたどったり,ボタンを押したりすることをきっかけに動くのです。ここで,動きの主導権はクライアント側にあります。クライアントがサーバーから情報を「引き出す」ことによって動作する

    第2回 Comet---プッシュ型のWebアプリケーションを作る
    hiro_y
    hiro_y 2008/04/10
    Cometをわかりやすく。サーバー側サンプルはJava。
  • こくばん

    Last-modified: Fri, 11 Mar 2022 08:35:07 JST (575d) Site admin: die kato PukiWiki 1.4.5_1 Copyright © 2001-2005 PukiWiki Developers Team. License is GPL. Based on "PukiWiki" 1.3 by yu-ji. Powered by PHP 5.6.40-0+deb8u12. HTML convert time: 0.055 sec.

    hiro_y
    hiro_y 2008/02/28
    「Ajaxを利用した、共有らく描きコラボレーションツールです。」
  • AjaxはSEOの天敵? - builder by ZDNet Japan

    単純なインフラ製品の販売ではない DX、コンテナプラットフォームの実証など 自社の取り組みで得られた知見を顧客に提案 EDRトップランナー対談:後編 セキュリティ戦略を転換せざる得ない背景と EDRのような手法が必要な理由に迫る 当のデータ活用できていますか? データドリブンがあたりまえと言われる今あらためて考えたいデータ活用のありかた 最新ストレージで変わるIT運用 仮想化テクノロジーとFlashArrayの組合せで 運用負荷軽減と高性能化を実現したDMM オリジナルコンテンツが満載! 意外と知らないNutanix HCI の情報を集約 読めばわかる!いまHCIが注目される理由 リモートワークを成功させる方法 必須となるセキュリティをどう強化するか 必要な対策5つを紹介 データ活用は次のステージへ トラディショナルからモダンへ進化するBI 未来への挑戦の成功はデータとともにある ビジネ

    AjaxはSEOの天敵? - builder by ZDNet Japan
    hiro_y
    hiro_y 2008/02/07
    SEO/UI的にダメなAjaxの使い方とその対策。
  • Ajaxアプリケーション開発における7つの大罪 - builder by ZDNet Japan

    Ajaxは近ごろ人気を集めているが、その人気は伊達ではない。Ajaxを使うことで、より迅速に、より効率良く、より動的なアプリケーションを開発することができるのだ。しかし、Ajaxには固有の落とし穴もあるのだ。 こういった落とし穴は一見したところ、単なる常識を使うことで避けられるように思える。そして、この見方はある意味において正しい。しかし、Ajaxアプリケーションはその先祖にあたるDHTMLとはアーキテクチャが大きく異なっているのだ。あなたがアプリケーション開発作業においてどれ程の常識を発揮しようと、先人たちの犯した過ちから学んでおく方が良いことに変わりはない。そこで、こういった過ちを7つの大罪と呼ぶことにする。ただし、過ちは決してこれらだけに留まらない。 事実、こういった7つの大罪のいずれかを犯す前により小さな過ちを犯す可能性が高い。このため、まずはこのような小罪を7つ見てみることにしよ

    hiro_y
    hiro_y 2008/01/09
    AjaxがUIに与える影響、実装面で注意すべきところ。
  • AJAX Cross Domain - ACD

    AJAX Cross Domain is a free library in Perl that allows to perform AJAX requests between different domains. Synopsis Motivation Examples Attributes Properties and methods Escape sequences Flowchart Remarks Security Installation procedure Source code Application Bugs Thanks Disclaimer Author Synopsis <script type="text/javascript" src="https://www.ajax-cross-domain.com/cgi-bin/ACD/ACD.js?uri=(https

    hiro_y
    hiro_y 2007/12/17
    プロキシとして動作するサーバ、経由してリクエストすることでクロスドメイン越え。