サーバーでの重い処理の経過をリアルタイムに通知する - 無駄と文化
Webアプリケーションを作るとき、サーバーで重い処理を実行する際にはどうしても途中経過を通知したくなります。 この場合の重い処理とは完了までに時間が掛かる処理という意味合いです。 リクエストから結果の表示まで10分待たされる処理があったとして、「現在32%完了...」のように経過報告付きで見せられる場合と、完了までの目安も教えてもらえずにひたすら待たされる場合とでは、待つ側の精神の安定度が違いますからね。 Google API を300回叩く ここ数日、GoogleのAPIを叩きまくるプログラムを書いていました。バックエンドの言語はPHPです。 試作時で1タスクあたり7回のHTTPリクエストを繰り返し行います。現在想定している本番の状況では約300回のHTTPリクエストを繰り返して、最終的にまとめた結果を返す、そんな処理です。 あまり連続的にAPIを叩くと無料プランの制限を超えてしまうので
jQueryでjsonデータを扱ってみる【入門編】
jQueryでjsonデータを扱ってみる【入門編】 javascriptで外部のWebサービスを利用するデータ形式はjsonを使うことが基本なようです。 似たようなフォーマットとしてXMLがありますが、こちらはHTMLと同じマークアップ言語なのですんなり入っていける反面、jsonは少々わかりずらいといった先入観があったりするんじゃないでしょうか。 そこで入門編と題して（入門編しかない!）改めて基礎から勉強していけたらと思います。 投稿日2010年07月25日 更新日2016年04月26日 とにかくシンプルなjson jsonデータは基本は外部から読み込むことになりますが、練習なのでとりあえずjavascript内の変数内に直に書きます。 「:（コロン）」で区切ったキーと値を一組として、２組目を「,（コンマ）」で区切って記述していきます。 それらを{}で囲むことで一つのオブジェクトとして扱い
独学で特許の全文検索サービスを開発しました - CreateField Blog
はてなブログ初投稿です。 大学の授業でＣ言語をかじった程度のサラリーマンですが、１年半ほどをかけて、独学で特許の全文検索サービスを開発しました。 PatentField | 無料特許検索 １年半前は、データベースもサーバサイドの言語もJavaScriptもまったく触ったことがなく、Ajaxって何？ってぐらいの技術レベルでしたが、ようやく先月公開することができました。 まだまだ未完成ですが、最大で1千万レコード以上、400GiB以上のサイズのテキストデータを高速に全文検索することができます。 このサービスでは、ただ公報データを全文検索するだけではなく、整理標準化データと呼ばれる権利の死活情報等を含む数十種類の項目を組み合わせて検索することができます。これにより、一般の利用者が特許を侵害していないかどうかを確認し易く、また、特許期限切れのフリ―な技術情報を簡単に参照できるようにしています。 ま
Servletに対してAjax通信を行う | Ajaxサンプル開発者ブログ
Ajaxのサンプルサイト「Ajaxの覚え書き＠じゅえ(http://ajax-world.sakura.ne.jp/)」の管理者ブログ ホームページで公開しているAjax通信を行うサンプル集ではサーバサードにPHPを使用していますが、Servlet開発を行っている方も多いと思いますのでサンプルで使用しているPHPをServletに書き換えてみました。 当サーバではJavaは動作しませんので、Servletソースのみの公開となります。 まずサンプルで使用しているPHPのソースコードは以下になります。 < ?php $request_time = $_SERVER['REQUEST_TIME']; $success = false; // リクエストパラメータ('success') $format = NULL; // リクエストパラメータ('format') get_request_par
Ajax一行掲示板の配布
埋込み型のAjax一行掲示板を配布しています。サーバー上でのファイル構成は以下の通りとしてください。 ※bbs.jsは埋め込み先と同ディレクトリが良いようです。 [public_html]----index.html #埋め込み先html（※各自ご用意ください） |--bbs.css #掲示板スタイルシート |--bbs.js #掲示板Ajax用jsファイル +--[cgi-bin]----bbs.cgi #掲示板本体ファイル |--config.pl #掲示板設定ファイル |--logfile.cgi #ログファイル +--[lock] #ロックファイル生成ディレクトリ 埋め込み先のhtmlに下記の記述を追加してください。 外部ファイルの保存先がデフォルトと異なる場合には、保存先までのパスを変更してください。 ※注意点：Javascriptの非同期通信オブジェクトを使用しますので、
Lytebox - Home
Lytebox is an alternative to the Lightbox class that Lokesh Dhakar originally wrote. Lytebox was written as a self-contained object that eliminats the dependency of prototype.js, effects.js, and scriptaculous.js. Since the original version of Lytebox (which released with iFrame support), major modifications have been made to improve performance as well as Latest Version: Lytebox v3.22 Release Da
ハイテンションAjax入門 - 三等兵
JSが少しできる人ならうじうじ考えるほどのこともでもない！ 何も難しいことはない！ぶっとんぢまいなよ！ヒャッパー！！！ というノリでAjaxを学んでみました。醜いです。 Ajax入門 Ajaxはいろいろできるんだぜ！ 以上入門終り！キミは完璧だ！次いけ！ Ajaxは非同期通信だかなんだかそんなもんはどうでもいいんだ！ どうでもいい！そんなことよりもXMLHttpRequestオブジェクト生成！ var request = false; if(window.XMLHttpRequest) { request = new XMLHttpRequest(); //frefox ie7,8 safai opera } else if(window.ActiveXObject) { try { request = new ActiveXObject("Msxml2.XMLHTTP"); // ie6
Ajax技術の目に見えない通信内容をのぞいてみよう
通信内容をのぞいてみよう 大多数の方は、Ajaxと聞くとすぐ「リッチクライアント」という言葉を連想し、どうしても「見た目」にのみに偏った注目が行われているように感じられる。事実、各種メディアによる取り扱いにおいても、華やかな見た目に注力したものが大半を占めている状況である。この章では、そのようなAjaxの表舞台だけではなく、利用者が比較的目にすることの少ないAjaxの通信内容を取り上げ、少しでも舞台裏を垣間見ることができればと考えている。また、それによってAjaxに対する理解がより深められることを期待している。 1. ターゲットアプリケーション Ajaxの通信内容をのぞいてみるためには、モニタ対象のアプリケーションが必要となる。今回は、通信内容の理解しやすさを考慮し、JSPを利用して非常に単純なAjaxアプリケーションを作成した（図3参照）。このアプリケーションは、ボタン押下のたびにランダ
『ちよろず。』 - Bookmarkletを集約できるAjaxアプリ"blummy"かんたん利用法
一昨日の記事SEOmoz’s Web 2.0 AwardsのBookmark部門で1位を取ったblummyについて取り上げます。日本ではそれほどメジャーになりきらない感もあるのですが、改めて使ってみるとスゴイAjaxアプリなので、是非いままで使ったことが無い人にも使ってもらえるように、簡単なマニュアルを書いてみたいと思います。「blummy」自体がどんな機能かと言えば、Bookmarkletを集約できるドロップダウンメニューのようなものです。大きく既存の物と違う点は、Ajaxで実装されているのでブラウザや環境依存が無く、カスタマイズの柔軟性が高い事です。また、データはサーバ側に保持されているので場所を問わず使えます。基本機能(1) まずは、http://blummy.com/にアクセスします。(2) "Login"の"Register"からユーザアカウントを取得しましょう。(3) ログイン
WEBアプリに超絶簡単にJavaScriptのキーボードショートカット機能を実装する「shortcuts.js」:phpspot開発日誌
WEBアプリに超絶簡単にJavaScriptのキーボードショートカット機能を実装する「shortcuts.js」 2007年04月20日- Handling Keyboard Shortcuts in JavaScript Despite the many JavaScript libraries that are available today, I cannot find one that makes it easy to add keyboard shortcuts(or accelerators) to your javascript app. WEBアプリに超絶簡単にJavaScriptのキーボードショートカット機能を実装する「shortcuts.js」。 次のように定義することで、Ctrl+Shift+Xのショートカットキーが押された際の機能を実装できます。 shortcut(
今押さえておくべきWeb制作に役立つ37個のブックマークまとめ*ホームページを作る人のネタ帳
WEB制作に役立つWebサービスやツール等、合計37のブックマークまとめ。 とりあえず全て無料をあつめました。 Webサイト作成のお供にFLASH関連 Wink デスクトップのマウスの操作を含めた動きを全てFLASHへ変換するソフト。 途中注意書きを追加したり、要らない部分のカット等も出来ます。完成したムービーに次へボタンをつけたりも出来ますし、ローディングバーもつけれます。 使い方 2.0にバージョンアップ その他使いやすいデスクトップを動画にするキャプチャ マニュアル作成が１０倍楽になるソフトがありました Flashできれいなパイチャートや円グラフを無料で作る いまはやりの丸グラを作るのにフラッシュの知識がなくても簡単に作れるツール。 動画をまとめて配信するフラッシュコンテンツの作成 各種動画サイトの複数映像をまとめて表示するツール。 役立つWEBサービス 白地図、世界地図、日本地図が
EfficientJavaScript - Dev.Opera - 効率的な JavaScript
EfficientJavaScript - Dev.Opera - 効率的な JavaScript 目次 この文書について 効率的な JavaScript ECMAScript eval や Function のコンストラクタを使うのはやめよう eval を書き換えよう 関数を使いたいなら function を使おう with を使うのはやめよう 性能を決める関数で try-catch-finally を使うのはやめよう eval と with は隔離しよう グローバル変数を使うのはやめよう 暗黙のオブジェクト変換に気をつけよう 性能を決める関数で for-in を使うのはやめよう 文字列は累積スタイルで使おう プリミティブの操作は関数呼び出しより速い setTimeout() や setInterval() には文字列でなく関数を渡そう DOM 再描画と再フロー 再フローの回数をでき
【ハウツー】Googleからの新たな贈り物、「Google AJAX Feed API」を試そう | エンタープライズ | マイコミジャーナル
Google AJAX Feed APIとは? Googleは16日、「Google AJAX Feed API」を公開した。Google AJAX Feed APIは、RSS/Atomなどの各種フィードを取得するためのJavaScript APIだ。 これまで、JavaScriptでフィードを取得し、取り扱うには以下のような問題があった。 JavaScriptはセキュリティ制限上、生成元のホストにしかXMLHttpRequestなどを使用したネットワークアクセスを行うことができない(これを同一生成元ポリシーと呼ぶ)。そのため、単純に他のホストからフィードを取得するようなコードを書くことができず、自ホストのサーバにプロキシを置いておき、そのプロキシ経由でフィードを取得するなどの対処が必要であった フィードの形式が乱立している。これで困るのはJavaScriptに限った話ではないが、ことサイ
JavaScriptでIEかどうかをたったの1行で判別する方法:phpspot開発日誌
Dean Edwards: Sniff! My current frog exaggerator of choice JavaScriptでIEかどうかをたったの1行で判別する方法。 なんと、次の1行だけで、isMSIE 変数に、IEで見れば true 、そうでなければ false を代入することが出来ます。 var isMSIE = /*@cc_on!@*/false; 次のサンプルコードで確認しました。 <html> <script language="javascript"> var isMSIE = /*@cc_on!@*/false; if (isMSIE) { alert('IE!'); } else { alert('not IE!'); } </script> <body> </body> </html> IEであれば IE! を alert し、そうでなければ not I
javascript [paulownia.jp]
Java等のオブジェクト指向はクラスベースのオブジェクト指向と呼ばれる。一方、JavaScriptはプロトタイプベース、あるいはインスタンスベースオブジェクト指向と呼ばれる。 クラスベースは、まずクラスを定義し、クラスを型とするインスタンスを作成することでプログラミングする。プロトタイプベースによるオブジェクト指向では、クラスの定義は必須ではなく場合によってはクラスという概念自体が存在しない。既存のオブジェクトのクローンとして新しいオブジェクトを作成し、そのオブジェクトに独自の性質を付加してプログラミングする。 JavaScriptのオブジェクトの性質は動的に変更可能。Java等では一度決定したオブジェクトの振る舞いは変更できないが、JavaScriptでは実行中の任意の場所でメソッドの動作を変更したり、新しく追加したり、削除したりすることができる。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
趣味プロダクトで楽しいコードライフワークを送る
JavaScript++かも日記 - 1997年からの
クラスメソッド株式会社 | 使い勝手の良いビジネスアプリとインターフェースのことならクラスメソッドへ
AJAXな開発 jMakiでAJAX一丁あがり！
http://diveintogreasemonkey.org/api/gm_xmlhttprequest.html