JavaScript ガイド:高橋 登史朗 Ajaxなど、何かと最近騒がれているJavaScriptの最新情報とその活用方法を解説します。 掲示板 取材依頼 問合せ Ajaxで基本認証+SSL 前回は、Ajax+PHPでの動的なテーブル書き換えを行いました。 つまり、Ajaxを利用したページ構築と動的書き換えについての話題でした。今回は、ページに入る前の話題です。 ユーザーを限定した基本認証ページをAjaxで利用してみます。 AjaxをいじっていてXMLHttpRquestのopen()メソッドに「ユーザー名」「パスワード」という引数があることに気づかれた方も多いと思います。これで、基本認証ページを利用することができます。 Webサービスなどの実際の業務の中で生まれてきたAjaxにとって、ユーザー限定のサービスは大切です。XMLHttpRquestオブジェクトに仕込まれ
Indicator type : Background color : # Transparent background Foreground color : # Create easily your own ajax loader icon : Select the type of indicator you want Enter the background code color you want (tick "Transparent background" if you don't want one Enter the foreground code color you want Press "Generate it"
■ フォームの入力エラーを吹き出しで教えてくれる JavaScript フォームの validation 関連のライブラリはいくつかありますが、私は以下に紹介するやつをずっと使ってまして、これがかなり気に入ってます。ただ、オレナイズされたコードが随所に含まれていたから紹介する事が出来ないでいたのですが、今回やっと書き直したのでお目見えです。 AJAX を使ってサーバサイドと連携、とかそういう事も全くやってなくて、普通に JavaScript のみで入力のチェックをしてるだけなんで、真新しい事はないんですが。 実際の動作サンプル とりあえず submit ボタンを押せば、全て理解出来るかと思います。 今回は CSS のファイルと画像のファイルといっぱい出来てきてしまっていて、いつもの「読み込ませるだけ」とはちょっと毛色も違い、使うのには事前の準備が必要で面倒です。 いつもの JavaScri
使ったソースは、下記の通りです。 【JavaScript側】 <meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta http-equiv="content-script-type" content="text/javascript"> <!-- 暫定Ajaxライブラリを読み込む --> <script type = "text/javascript" charset = "utf-8" src = "./jslb_ajax03.js"></script> <script language="JavaScript"> <!-- //// // 受信時に起動するコールバック関数 // // @sample onloaded(res) // @param res レスポンス
初回はWeb2.0の中核技術ともいえるAjaxを見ていきたいと思います。 Ajaxのセキュリティについて考えていきますが、その前にAjaxについて簡単におさらいしてみましょう。 AjaxとはAsynchronous JavaScript XMLの略であり、一言で言えばJavaScriptとXMLを使って非同期に通信するということです(XML以外の形式が使われることも多くなりました)。通信を非同期にすることで、何か処理をする場合にいちいち待たなくても次の処理に移ることができます。その結果、ユーザを待たせずに多くの処理を行えるようになりました。また、画面全体を再読み込みする必要がなくなったことも、使い勝手の向上した理由です。 Ajaxの動作 それでは簡単なサンプルコードでAjaxの動作を見ていきたいと思います(リスト1)。これらはAjaxの入門サイトや書籍で一番最初に出てくるコードです
Do you feel like you’re wasting time learning the ins and outs of all of the browsers and working around their issues? Well Chris did, too. Doing this back then secured his career and ensured that he had a great job. But we shouldn’t have to go through this trial by fire any longer. I’ve been writing JavaScript code for much longer than I care to remember. I am very excited about the language’s re
AJAX calls do not cover updates from the server, which are needed for the modern real-time and collaborative web. PubSub (as in “publish and subscribe”) is an established messaging pattern that achieves this. In this article, Alexander Gödde will look at precisely how PubSub solves the updating problem, and he’ll look at one particular solution (the WAMP protocol) that integrates both the calling
gmailでメールを書くとき、添付するファイルを選んでからしばらくすると、いつの間にか添付ファイルがアップロードされています。 添付するファイルを選ぶと、はじめファイル名が表示されていたのが 自動的にアップロードされて、名前とファイルサイズが表示されています! 実は、あまり名前も聞かなくなった Google Page Creator がリリースされたときにいちばんびっくりしたのはページの右下にこのgmailの自動アップロードとよく似たしくみがあったことでした。で、さっそく解析してマネしてみたことがあります。今回はgmailでその仕組みを見てみます。 ちなみにその Google Page Creator には、ログインすると右下にこんな ファイルをアップロードするのに使う部分があります。 gmailの場合、メールが自動保存されるタイミングでアップロードされているかんじでしたが、こっちのはBr
上の画面のように、サイトを訪問したときに、外部サイトを表示させるスクリプトのサンプルです。 広告やお知らせなんかに使えるのではないでしょうか。 Dynamic Drive DHTML Scripts- Interstitial Content Box からのお届けです。 訪問するとデモが見れます。 詳細は以下に ステップ1)ダウンロード まずは画面中央ぐらいにある上記リンクから各種ファイルをダウンロードしてください。そして同一フォルダに保存してください。 カスタマイズ interstitial.jsを開いて簡単な編集を var interstitialBox={ //1) list of files on server to randomly pick from and display displayfiles: ['samplecontent.htm', 'samplecontent2.
はじめてのActionScript3.0プログラミング、ニコニコ動画みたいなものを作ってみるテストと問題点を通じて、「Flex2,ActionScript3.0が優れている」と感じた部分をあげてみます。 今まで「Flash」と聞くと、 「重い」「遅い」「ウザい」と言った印象が拭えませんでしたが、Flex2,ActionScript3.0に進化したことにより、今までのFlashのイメージよりもはるかに良いものとなっていました。 Flash8に比べ、実行速度が10倍も早い 「今までより10倍早い!」と言われれば、プログラマーなら誰もが興味を持ってしまうすごさです。AS2からAS3に進化したことにより、10倍速が実現されました。 本格的なオブジェクト指向言語である オブジェクト指向開発により、わかりやすく再利用可能な形で開発しやすくなっています。Javaとも似ているため、ケータイ向けJavaアプ
Google AJAX Search APIのブログにJavaScriptだけで自ホスト以外のRSSフィードを扱うことができる「Google AJAX Feed API」を公開したというので、早速試してみた。 JavaScriptはセキュリティのため、同じホストのデータにしかアクセスできなくなっているため、サーバサイドのアプリと組み合わせないと他サイトのRSSなどを扱うことができないのだが、このAPIを使えばそれが簡単にできる。 例えば、このAPIを使ってengadget日本語版のRSSフィード(http://japanese.engadget.com/rss.xml)を読み込んだ結果がこれになる。 このAPIを利用するにはAPIキーを取得する必要があるので、その手順を以下で説明する。 (1)サインアップ ・Google AJAX Search APIサインアップページで、利用条件に理不尽
Google AJAX Feed APIとは? Googleは16日、「Google AJAX Feed API」を公開した。Google AJAX Feed APIは、RSS/Atomなどの各種フィードを取得するためのJavaScript APIだ。 これまで、JavaScriptでフィードを取得し、取り扱うには以下のような問題があった。 JavaScriptはセキュリティ制限上、生成元のホストにしかXMLHttpRequestなどを使用したネットワークアクセスを行うことができない(これを同一生成元ポリシーと呼ぶ)。そのため、単純に他のホストからフィードを取得するようなコードを書くことができず、自ホストのサーバにプロキシを置いておき、そのプロキシ経由でフィードを取得するなどの対処が必要であった フィードの形式が乱立している。これで困るのはJavaScriptに限った話ではないが、ことサイ
AjaxでクロスドメインのコンテンツをFlashを応用して読むライブラリ「crossdomain.js」 2007年04月10日- QrONE - crossdomain.js crossdomain.js は、Ajax でいうところの XMLHTTPRequest を Flash 経由で行う為のライブラリです。 AjaxでクロスドメインのコンテンツをFlashを応用して読むライブラリ「crossdomain.js」 次のように使えるそうです。 <script language="JavaScript" type="text/javascript"> <!-- crossdomain.open(); var _map; crossdomain.onload = function(){ crossdomain.request(http://api....com, function(flexE
A premium domain name exclusively for sale on the BrandBucket network. Dynamic Drive: A vibrant, forceful name that conveys motion and innovation, suggesting cutting-edge technology and forward-thinking solutions. Possible uses: A mobile app for car diagnostics. A tech platform for logistics. An adaptive learning software. Full ownership of domain dynamicdrive.com. Logo design source files and rig
Looking for information about Informa TechTarget products and services? The commercial homepage has moved. Visit Informa TechTarget News 30 Jul 2025 / Cloud Providers Microsoft Q4 earnings surge on cloud results; AI gains steam Booming cloud business drove fourth-quarter and full-year results past analyst expectations as the AI race continues to heat up. 30 Jul 2025 / Clinical documentation Ambien
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く