［気になる］JSONPの守り方
XSSにCSRFにSQLインジェクションにディレクトリトラバーサル……Webアプリケーションのプログラマが知っておくべき脆弱性はいっぱいあります。そこで本連載では、そのようなメジャーなもの“以外”も掘り下げていきます （編集部） JSONPだって、セキュリティを気にしてほしい 皆さんこんにちは、はせがわようすけです。今回は、JSONPを使用する場合のセキュリティについて解説しましょう。 JSONPとは、JSON with Paddingの名称が示しているとおり、JSON形式のデータにコールバック関数の呼び出しのためのコードを付加することで、クロスドメインでデータの受け渡しを実現するためのデータ形式です。JavaScriptからクロスドメインでのデータが簡単に扱えることなどを理由に、多数のWebアプリケーションでAPIの一部としてJSONP形式でデータの提供が行われています。 具体的な例を見
Lucid Desktop - Web Desktop and WebOS - Open Source
Lucid is a free, open source web desktop, or webOS that gives you a portable, online workspace that you can use to store files, play media, and manage your office documents.Recent Blog Posts Developer Sprint This Weekend - Free T-Shirts For All Participants! by Will Riley on Jun. 22, 2009 Since we've been dormant for the past few months, we've decided to hold a Developer Sprint this weekend, June
AutoPagerizeをサーバーサイドから配布する - てきとうらいふ
こんにちは、フリーランスのビール係、kimzoです。 最近はDDDを実践する毎日で、飲んでから書くコードがカオスで楽しいですね。なんじゃこりゃー！って遊べる。 AutoPagerizeは素敵だけど ところで、AutoPagerizeという便利なUserscriptがありまして、googleだろうとtwitterだろうと、「次へ」ボタンを押す必要なくスクロールで先読みしてくれるナイスガイで快適ネット廃人ライフの強い見方なのです。 ですが、このネットサーフィンラクチンツールはgreasemonkeyというのを入れたブラウザー上で、ユーザーがスクリプトを読み込んで初めて機能するのですが、当然、世の中はそんなの入れる変態さんばかりじゃないのです。 なので、このナイスガイのナイスな機能の恩恵に預かれるのはたった一部の変態さんに限られてて、それはもったいないなーと思ってました。 サーバー側で配布しちゃ
[JS]モーダルウインドウを実装する超軽量のスクリプト -TinyBox
TinyBoxは、モーダルウインドウを生成し、アニメーションで拡大表示できる超軽量（3.5KB）の単独で動作する（jQueryなどは不要）スクリプトです。 TinyBox JavaScript Popup Box - 3.5KB demo 上記キャプチャのデモではリンク箇所をクリックすると、サイズを変更したり、内容を変更したりします。 また、画像の拡大表示やタイマーにも対応しています。
技術系サイトに必需品！ ソースコードは鮮やかに JavaScriptもPHPもHTMLもOK！「Syntax Highlighter」の使い方
Webプログラミング/Webデザインのネタを扱うブログやWebサイトを運営していると、HTMLやCSSなどのソースコードを掲載することが多くあります。そんなときにぜひ活用したいのが、ソースコードを読みやすく表示してくれるJavaScriptライブラリです。今回は、そのうちの1つ、「Syntax Highlighter」の使い方を紹介しましょう。 多くの言語の構文強調表示に対応した「Syntax Highlighter」 HTMLなど各種言語のソースコードをWebページの中で表示するのは、HTMLのpre要素を使えば簡単です。ただ、ソースコードをそのまま表示すると、見た目が分かりやすくはありません。そこで、タグなど言語の特定キーワードに色を付けて、他の部分よりも強調して表示することで見やすくしましょう。 こういった「構文強調表示」を行なうJavaScriptは、いくつか公開されていますが、そ
プログラマが1ヶ月でWebデザイナーに転身する方法 - やねうらおブログ(移転しました)
サイトを構築していると、プログラマはWebデザイナーと共同作業をしなければならない。 しかし高度なRIAを実現しようとすると思っているようにWebデザイナーに素材を作成してもらうだけでもとても骨の折れる作業だ。 そこで、一層、「すべてのプログラマはWebデザイナーになればいいんじゃね？」と思った。 今回は、私の実体験に基づき、「プログラマが1ヶ月でWebデザイナーに転身する方法」というのを考えてみた。 ■ HTML,CSSを覚えよう まず、HTMLとCSS。いくら私でもW3C( http://www.w3.org/ )のすべてに目を通せとは言わない。 ブラウザ間で挙動が違うのでそれぞれのタグがどのブラウザで使えるのか一覧がまず欲しい。手軽なのは詳解HTML & CSS & JavaScript辞典。このハンドブックは見やすいのでお勧め。また、よく使うタグに関してはすべて覚えよう。覚えている
クリックジャッキングってこうですか？ わかりません
↑ この透過されているiframeは、ブラウザの最前面に配置されています ※はてなにログインしていると、どのようにボタンが被っているのかわかりやすくなります
ASCII.jp：Web制作会社が作った！超使えるJavaScriptライブラリ
「Webサイトを作るときに本当によく使う機能を、自分で作らずにさくっと実装したい」――。そんなワガママな願望をかなえてくれる JavaScriptライブラリが登場した。ミツエーリンクスが今月オープンソースとして公開した「MJL（MITSUE-LINKS JavaScript Library）」は、Webサイト制作に必須の“最小限の機能”に絞ったJavaScriptライブラリだ。 昨今相次いで公開されている、リッチなUIを実現するJavaScript/Ajaxライブラリとは異なり、MJLの機能はとてもシンプルだ。もともとWeb制作会社であるミツエーリンクスが「自社標準ライブラリ」として作成したものだけあって、汎用性・実用性を重視したライブラリになっている。 具体的な機能は以下の6つ。確かにどれもよく使いそうなものばかりだ。 画像のロールオーバー Flashオブジェクト埋め込みの機能拡張 新規
[JS]わずか1.3KBの軽量で、快適に動作するアコーディオンのスクリプト | コリス
Leigeberのエントリーから、以前紹介した「軽量でシンプルなアコーディオンのスクリプト」より更に軽量（1.3KB）になったアコーディオンのスクリプトを紹介します。 Animated JavaScript Accordion V2 demo Accordion V2はjQueryやPrototypeなどの他のスクリプトに依存することなく、単独で動作するスクリプトで、対応ブラウザはIE6, 7, 8, Fx2, 3, Op, Safari, Chromeとなっています。 ※Op9.6.0, Safari3.1.2 for Winで正常に動作しました。 仕様自体に大きな変更はなく、アコーディオンの開閉のタイミングやスピードを調整することができます。 アコーディオンの各項目はdl要素となっており、CSSオフ時やスクリプトオフ時にも情報入手の差し支えないように表示されます。
MOONGIFT: » Webベースのファイル管理ソフトウェア「eXtplorer」:オープンソースを毎日紹介
Web上にあるファイルを直接編集できたら、反映も即時行われて便利になることだろう。もちろんセキュリティリスクもあるので、IPアドレス制限したりパスワードをかけたりと言った対策は必要だ。だがファイルのアップロードにFTPを使ってポートを余分に空けるよりは良いかも知れない。 Webベースのファイル管理ソフトウェア PHPで作られたこちらは使い方によっては便利になるソフトウェアだ。 今回紹介するオープンソース・ソフトウェアはeXtplorer、Webベースのファイルマネージャだ。 eXtplorerはPHPで作られており、GUIアプリケーションのようなインタフェースが特徴的なソフトウェアだ。左側にフォルダの一覧、右側にファイルの一覧が表示される。ファイルはその場で編集することができ、パーミッションを設定することもできる。 ファイル編集中 Web上からPHPを使って操作するモードと、FTPを使って
要チェック！CocoaアプリケーションのようなUIをWebブラウザ上で実現する·Cappuccino MOONGIFT
いつ出るか、いつ出るかと待ち遠しかったがついに登場した！ Mac OSXのインタフェースが優れていることは大多数の人が認めるだろう。Windowsには感じられない、エレガントなインタフェースはMac OSXやiPhoneなどで活躍している。あのインタフェースをWebブラウザ上で実現できたらどれだけ良いだろう。 サンプルアプリケーションのflickrビューワー Ajaxを使ったGmailをはじめて触ったときのあの驚きを再び感じさせてくれるのがこのソフトウェアだ。 今回紹介するオープンソース・ソフトウェアはCappuccino、Webブラウザ上でCocoa風インタフェースを実現するアプリケーションフレームワークだ。 Webベースでありながら、JavaScriptを記述する必要はない。Objective-Cに似た、Objective-Jというプログラム言語で記述して、それをWebブラウザ向けにJ
「Chromeの速さはどの程度？」比較テストの結果 | WIRED VISION
「Chromeの速さはどの程度？」比較テストの結果 2008年9月 4日 IT コメント： トラックバック (1) Adam DuVander 米Google社のブラウザー『Google Chrome』はどのくらい速いかって？ JavaScriptのパフォーマンスにこだわる(そして米Mozilla社の従業員でもある)John Resig氏が実施したいくつかのテスト結果を見ると、Chromeは確かに速いが、他のブラウザーを大きく引き離しているというわけでもないことがわかる。 Google社がChromeを発表(日本語版記事)したときには、Chromeが目にも留まらぬ速さで競合ブラウザーを抜き去ることを示すベンチマークも含まれていた。Chromeが速いことは確かで、一夜にしてウェブを変えてしまったような印象さえ受ける。ただ、統計にはよくあることだが、どのベンチマークを信じるかによって結果は変わ
自サイトの画像の保存をプロテクションする仕組み:phpspot開発日誌
MooTools 1.2 Image Protector: dwProtector Image protection is a hot topic on the net these days, and why shouldn't it be? 自サイトの画像の保存をプロテクションする仕組み サイトの画像は、次の方法で保存できますが、それを全部禁止する方法です。 ・右クリック→名前をつけて保存 ・デスクトップにドラッグ＆ドロップで保存 ・右クリックで名前をつけて背景を保存 ・背景画像を表示 dwProtect.js をダウンロードして、JavaScriptで以下のように書くだけです。 window.addEvent('domready', function() { var protector = new dwProtector({ image: '/blank.gif', elements:
フォームのフリガナを自動入力させるAutoRuby.js | ホームページ制作・運営のヒント
<script Language=”javascript” src=”http://ad.jp.ap.valuecommerce.com/servlet/jsbanner?sid=2456113&pid=877160106″></script><noscript><a href=”http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=2456113&pid=877160106″ target=”_blank” ><img src=”http://ad.jp.ap.valuecommerce.com/servlet/gifbanner?sid=2456113&pid
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CPU 計算速度測定
CSS Based Web Design Gallery - Designers love nature!
eduStyle - Inspiration for Campus Web Desiners
画像ぶっこ抜き.in
行動ターゲティング広告はどこまで許されるのか?インターネット-最新ニュース:IT-PLUS
Site Under Maintenance
