［気になる］JSONPの守り方
XSSにCSRFにSQLインジェクションにディレクトリトラバーサル……Webアプリケーションのプログラマが知っておくべき脆弱性はいっぱいあります。そこで本連載では、そのようなメジャーなもの“以外”も掘り下げていきます （編集部） JSONPだって、セキュリティを気にしてほしい 皆さんこんにちは、はせがわようすけです。今回は、JSONPを使用する場合のセキュリティについて解説しましょう。 JSONPとは、JSON with Paddingの名称が示しているとおり、JSON形式のデータにコールバック関数の呼び出しのためのコードを付加することで、クロスドメインでデータの受け渡しを実現するためのデータ形式です。JavaScriptからクロスドメインでのデータが簡単に扱えることなどを理由に、多数のWebアプリケーションでAPIの一部としてJSONP形式でデータの提供が行われています。 具体的な例を見
Flash不要！JavaScriptで派手なWebデザイン
ブラウザーいっぱいに広がる鮮やかなグラフィック。フェードインでゆっくりと出現する写真画像。スクロールしながら画像に重なっていく半透明のテキストボックス――思わず見とれてしまう、キャンペーンサイトなどでおなじみの“派手なWebサイト”は、フルFlashが一般的だ。「Flashはよく分からないし、そもそもオーサリングツールもない」という個人サイトの制作者はあきらめるしかなかった。 パリ在住のフリーコンサルタント／Webデザイナー「Sebcreation」のWebサイトは、そんな常識を打ち破ることに挑戦している。まずはトップページを見てみよう。 おなじみのローディングアイコン、上下右左から次々とスライドしてくる半透明のテキストボックス……といったダイナミックなデザインに、「またFlashか」と思わずつぶやいてしまうかもしれない。ところがSebcreationでは、アニメーション／エフェクト処理を
MooTools - a compact javascript framework
MooTools is a collection of JavaScript utilities designed for the intermediate to advanced JavaScript developer. It allows you to write powerful and flexible code with its elegant, well documented, and coherent APIs. MooTools code is extensively documented and easy to read, enabling you to extend the functionality to match your requirements. Open Source LicenseMooTools libraries are released under
ひょっとして、Ajax をうまく使って Google Bigtable みたいなフレキシブルDBシステムを作れるんじゃね？ - Web情報のまとめ
今日、会社でWebサイトのユーザー特性についての情報共有やってて、もっと正確なトラッキングができる方法ないかな？ と思った。 ちょうど、Google の Webサービス（Google App Engine）が一般公開されることになったのも一つのきっかけだったけど、Bigtable は使えるんじゃないか、と。 そうはいっても、いきなり Google App Engine に参入するのは、会社として決断できるはずもない。だから、現在運用しているサーバに Bigtable のようなフレキシブルなDBシステムを構築できないかと考えた。また、専任でプログラマーを常駐させていないこともあり、サーバーサイドのプログラミング作業は最小限に抑えたいというのもあった（コストの節約）。 正直、私が書いちゃってもいいんだけど、サーバー側のプログラムいじる権限がないのでね。 で、Ajax を使う方法を思いついた。
解説 : XMLHttpRequest
XMLHttpRequest を使用出来るようにする為の宣言。ブラウザにより異なる。 IE では、ActiveXObject("Microsoft.XMLHTTP") を使用。 IE のバージョンによっては、ActiveXObject("Msxml2.XMLHTTP.5.0") , ActiveXObject("Msxml2.XMLHTTP.4.0") , ActiveXObject("Msxml2.XMLHTTP.3.0") , ActiveXObject("Msxml2.XMLHTTP") なども使用出来る。 Mozilla 系ブラウザでは、XMLHttpRequest() を使用。 var xmlhttp = false; if(typeof ActiveXObject != "undefined"){ try { xmlhttp = new ActiveXObject("Micro
【Ajaxタブ活用例】買い物ユーザビリティが高いDNAアート販売サイト「dna11」
組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! 買い物のステップをAjaxでサクサク進ませる「dna11」 シンプルなインテリアに最適なDNAアート、「dna11」は、そのDNAアートを販売しているサイトです。実際に操作を見たほうが分かりやすいので動画にしてみました。 dna11 ↑商品のページで、ほとんどスクロールしないまま詳細項目を選択できるようにAjaxタブでうまくまとめられています。 関連するAjax ↑今回「dna11」で使われていたAjaxと同じ動きをするのがこのAjax。（デモページ） クールなデザインを実現しながらも、ユーザビリティまで向上させてくれるAjax、何よりも導入が意外と簡単なのが嬉しいですよね。 興味のある方はSimple Javascript Accordionsのエ
JavaScript http://hoge/rss にアクセスするとRSS2.0で表記されたRSSが表示されます。…
JavaScript http://hoge/rss にアクセスするとRSS2.0で表記されたRSSが表示されます。 このRSSの最新10件を別のページに表示するJavaScriptを書いてください。サーバー事情によりPHPやCGIは使えません。(geocities) よろしくお願いします。
画面遷移なしでファイルアップロードする方法 と Safariの注意点 (groundwalker.com)
画面遷移しないでファイルをアップロードするのは iframe を使うことで実現できる。 HTMLはこんな感じ。upload.html <html> <head> <script type="text/javascript"> <!-- function uploaded(msg) { document.getElementById('msg').innerHTML=msg; } //--> </script> <title>upload test</title> </head> <body> 何かの編集ページとか <iframe name="uploader" src="" style="width:0px;height:0px;border:0px;"></iframe> <form target="uploader" method="POST" action="uploader.php
第3回：Ajaxの価値を再考する
前回の記事では，Web2.0の代表的なキーワードである「永久にベータ版」をシステム構築の観点からとらえ，それが「普通の企業」にもたらす意味を解説した。今回はもう一つの代表的なキーワードである「Ajax」について，その意味や意義をひもといていく。何もAjaxが貢献するのは，コンシューマ向けのWebサイトだけではない。（ITpro） Ajaxをご存知の方は多いとは思うが，念のためおさらいしておきたい。Ajaxは「Asynchronous JavaScript and XML」の略で，「Google Mapsの実装手段として有名になった技術だ。言葉の持つ意味どおりにこの技術を説明すると，「通信メッセージにXMLを使い，JavaScriptを使ってサーバーと非同期に通信をするための技術」ということになる。 このAjaxという言葉が初めて使われたのは，Jesse James Garrett氏の「Aj
Ajaxの特徴に潜むリスクをサンプルアプリで確認しよう ― ＠IT
Ajaxのセキュリティ対策状況 Ajaxのセキュリティは、各ブラウザのAjax実装である「XMLHttpRequest」で対策が行われています。それらのうち、今回は「SSLによる暗号通信」と「クロスドメインの制限」についてご紹介したいと思います。 SSLによる暗号通信 通常のWebページへのアクセスと同様、AjaxにおいてもSSLを利用した暗号通信を行い、ネットワーク上のデータ盗聴に対して備えることができます。Ajaxのプログラミング上では、URIのプロトコル「HTTP」を「HTTPS」に変更するのみでSSLによる暗号通信となります。しかし、Ajaxアプリケーションのロード後に、プロトコルを「HTTP」から「HTTPS」、もしくは「HTTPS」から「HTTP」へといった変更はできません。 クロスドメインの制限 Ajaxアプリケーションは、A）HTML部／B）JavaScript部／C）XM
Ajax 動的なテーブル書き換え - ［JavaScript］All About
使ったソースは、下記の通りです。 【JavaScript側】 <!-- 暫定Ajaxライブラリ jslb_ajax04.js --> <script language = "JavaScript" charset = "utf-8" src = "./jslb_ajax04.js"></script> <!-- テーブル処理用js --> <script language = "JavaScript" charset = "utf-8" src = "./jslb_writetable.js"></script> <script type=text/javascript> <!-- // データファイル(sansu.txt,kokugo.txt,rika.txt等)内の配列を書き換えるだけで // テーブルを書き換えられます。 //テーブルを出力するDIVの
Collection & Copy - JSON入門
翻訳(thanks to JavaScript++かも日記) 原文：Introducing JSON JSON(JavaScript Object Notation)は、軽量のデータ交換フォーマットです。人間にとって読み書きが容易で、マシンにとっても簡単にパースや生成を行なえる形式です。JavaScriptプログラミング言語（ECMA-262標準第3版 1999年12月）の一部をベースに作られています。JSONは完全に言語から独立したテキスト形式ですが、C、C++、C#、Java、JavaScript、Perl、Python、その他多くのCファミリーの言語を使用するプログラマにとっては、馴染み深い規約が使われています。これらの性質が、JSONを理想的なデータ交換言語にしています。 JSONは2つの構造を基にしています。 名前/値のペアの集まり。様々な言語で、これはオブジェクト、レコード、構
第1回 What is Ajax? - 今からでも遅くない Ajax基本のキ：ITpro
Web 2.0，Web API，リッチ・クライアント，SOA（サービス指向アーキテクチャ），アジャイル開発…などなど，相も変わらずWebアプリケーション開発の現場には，様々なキーワードが渦巻いています。現在その中でも特に注目されているのが，Ajax（Asynchronous JavaScript And XML）です。 Ajaxは，2005年2月にAdaptive Path社のJesse James Garrett氏が自身のコラム「Ajax: A New Approach to Web Applications」上で著したものが注目を浴び，記事や書籍などで紹介されたことから，急速に認知されるようになったキーワードです。筆者などは当時，「しょせんただのBuzzword（はやり言葉/空騒ぎ）だろう」と比較的冷ややかに思っていたものです。 しかし，その後1年を経て，いまだに衰える気配はありません
今からでも遅くない Ajax基本のキ---目次
山田祥寛（やまだ よしひろ） Microsoft MVP for ASP/ASP .NET。執筆コミュニティ「WINGSプロジェクト」の代表でもある。主な近著に「XMLデータベース入門」「PEAR入門」「Smarty入門」「10日でおぼえる入門教室シリーズ（Jakarta・JSP/サーブレット・PHP・XML）」（以上，翔泳社），「今日からつかえるサンプル集シリーズ（JSP＆サーブレット・PHP5・ASP・XML）」（以上，秀和システム），「書き込み式 SQLのドリル」（ソシム），「JSP/PHP/ASPサーバーサイドプログラミング徹底比較」（技術評論社）など。最近では，IT関連技術の取材，講演，監修まで広く手がける毎日。
Web標準，Ajax，WebサービスAPI（マッシュアップ）を基礎から理解する
進歩の速いWeb関連技術。次から次へと新しい概念や技術が登場するので，なかなかフォローしきれないと考えている人も多いでしょう。そこで，この春からWebを担当するという人に向けて，とりあえずこれだけは押さえておきたい三つのトレンドについて，これまでに当サイトに掲載した解説記事を紹介します。すでにWebを担当している人も，復習を兼ねて読んでみてください。 その1：Web標準 （筆者：益子 貴寛） Web業界では「Web標準（Web Standards）」を意識した正しい(X)HTML+CSSに基づくサイト制作が当たり前になってきている。Webのポテンシャルを最大限に活かすためのWeb標準について，基礎知識だけでなくトレンド的な観点を交えながら，「なぜWeb標準が普及してきているのか」を考えてみよう。 Web標準（Web Standards）とは，「Webで標準的に利用される技術の総称」である。
第1回 悪意のJavaScriptで情報が漏えい：ITpro
Web 2.0という言葉で総称される新たなインターネット時代。Webサイトやエンドユーザーに仕掛けられる攻撃もまた，2.0と呼ぶべき進化を遂げようとしている。攻撃者はWeb 2.0の中核技術であるJavaScriptを悪用してブラウザを狙う。従来の脅威対策は全く通用しない。今この瞬間にも，エンドユーザーは個人情報を盗まれる危険にさらされている。 ブログ/SNSなどユーザー発信型のサイト，Ajax，RSS──。華やかさがクローズアップされるWeb 2.0。ところがその裏側では，エンドユーザーに情報盗難などの危険が広がっている（図1）。インターネット・バンキングやEC（電子商取引）サイトのユーザーIDやパスワード，クレジットカード番号はもちろん，企業内のシステムにアクセスするためのパスワードや，パソコンに読み込んだ機密文書データなど，対象はあらゆる情報だ。 2006年12月末，米国のセキュリテ
地図上に「トラックバック」！次世代地図サービスがスタート｜ケンプラッツ
2007/03/08 管理人のイエイリです。 このほど、アルプス社が公開した「次世代地図サービス」を使うと、ホームページやブログに スクロール可能な地図を簡単に表示させることができます。 それだけでなく、同社の地図サイト「ALPSLAB base(アルプスラボベース）」上に ブログのトラックバックを張れるとのこと。 地図の上に、いろいろな話題のブログ記事を張り付けたり、トラックバックを張ったりできるとなると ブログのGIS化 とでもいうべき、新しいトレンドが始まったということでしょうか。 試しに、当社の周辺の地図を張り付けてみました。
BrowseGoods – Honest Reviews & The Best Discounts Online
If you are a new parent, you might have noticed that it’s a lot harder to get sleep these days than it was before your new baby came along. If this is a situation that you are currently dealing with – I feel your pain. I have 4 kids and the youngest is just 15 months, so this is something I’ve had to deal quite a bit over the past few years! This all being said, if you are reading this review I ca
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
New Google AJAX Language API - Tools for translation and language detection
IBM Ajax と XML: Ajax に共通の 5 つのデザイン・パターン - Japan
