JavaScriptで複雑なURLをパースできるライブラリ「parseUri」:phpspot開発日誌
parseUri 1.2: Split URLs in JavaScript I've just updated parseUri. If you haven't seen the older version (the last official release was v0.1), parseUri is a function which splits any well-formed URI into its parts, all of which are optional. JavaScriptで複雑なURLをパースできるライブラリ「parseUri」 「http://usr:pwd@www.test.com:81/dir/dir.2/index.htm?q1=0&&test1&test2=value#top」のようなURLを次のように分解することが出来ます。 複雑なURLもきちんと分
第1回 Ajaxとクロスサイトスクリプティング | gihyo.jp
初回はWeb2.0の中核技術ともいえるAjaxを見ていきたいと思います。 Ajaxのセキュリティについて考えていきますが、その前にAjaxについて簡単におさらいしてみましょう。 AjaxとはAsynchronous JavaScript XMLの略であり、一言で言えばJavaScriptとXMLを使って非同期に通信するということです（XML以外の形式が使われることも多くなりました）。通信を非同期にすることで、何か処理をする場合にいちいち待たなくても次の処理に移ることができます。その結果、ユーザを待たせずに多くの処理を行えるようになりました。また、画面全体を再読み込みする必要がなくなったことも、使い勝手の向上した理由です。 Ajaxの動作 それでは簡単なサンプルコードでAjaxの動作を見ていきたいと思います（リスト1）。これらはAjaxの入門サイトや書籍で一番最初に出てくるコードです
使えるJavaScript/Ajaxライブラリ80個まとめ:phpspot開発日誌
80 AJAX-Solutions For Professional Coding | Smashing Magazine Web-developers can create amazing web-applications with AJAX. 使えるJavaScript/Ajaxライブラリ80個まとめ、ということで大量のAjaxライブラリが紹介されていました。 Ajax オートコンプリート AJAX AutoSuggest AJAX Autocompleter/ script.aculo.us library AJAX AutoCompleter ... Ajax でその場編集テキスト AJAX inline text edit 2.0 AJAX & CSS Flickr-like Editing Fields AJAX Instant Edit ... Ajaxメニュー、タブ AJA
Flash と Ajax を使った使いやすいファイルアップロードライブラリ「 FancyUpload 」
digitarald FancyUpload Swf meets Ajax for beautiful uploads. The release of the long awaited MooTools upload widget thats allows queued multiple-file upload including progress bars. FlashとAjaxを使った使いやすいファイルアップロードライブラリ「FancyUpload」。 FancyUpload を使えば、インタラクティブで複数ファイルのアップロードも簡単な、次のようなアップローダーが作れます。 「Browse Files」ボタンでファイルを選ぶと、右側のペインに アップロード予定のファイルとして追加されます。 「Start Upload」ボタンによってファイルのアップロードを開始します。 アップロードの
一味違うMacOS Xのドック風UI実現JavaScriptライブラリ「iFishEye」:phpspot開発日誌
iFishEye - An open source (free) javascript tool for creating a fisheye lens effect iFishEye is an open source (free) javascript tool for creating a fisheye lens effect. 一味違うMacOS Xのドック風UI実現JavaScriptライブラリ「iFishEye」。 iFishEyeを使えば、次のように、背景を設定した上をドック風に動かすことも可能です。 次のように2段重ねたUIを実現することも可能のようです。 滑らかに動作してくれるので、触っていてなかなか心地よいですね。 関連エントリ 超絶クールなMacOS X風ドックメニュー「CSS Dock Menu」
AJAX vs. Flash、fladdictブログより
昨日のエントリーで、深津氏のブログに「Flash使いから見たAJAX」のことが書かれていて読んで勉強になった話を書いたのに、それらのエントリーへのリンクを張るのを忘れていたので、今日はそのリンク集。 以下のエントリーは、AJAXが騒がれ始めた2005年３月から２００６年１月の間に書かれたものだが、この「閉じたFlash」vs.「オープンなAJAX」という構図は相変わらずである。特に、FlashはActionScript3.0で大幅に言語として整備されたにも関わらず、AJAXに押されぎみなのはなんとも微妙である。 それで思い出したのが、GoogleにUIEngineの説明に行った時の会話。「もっとオープンにしてくれ」という彼らに、「Flashはどうなんだ」と答えると、「Macromediaの連中にもオープンにしろと言いつづけている」と言う。GoogleもYoutubeなど一部のサービスではF
ウノウラボ Unoh Labs: 簡単Ajaxライブラリ「jQuery」と便利なプラグインたち
こんにちわ、hideです。 最近は、jQueryというJavaScriptライブラリを使ってAjax関連の処理を書くことが多いです。なんといっても軽量で高速、XPathによる要素の指定がとても便利です。今回は、その便利なjQueryをもっと便利にするプラグインをいくつか紹介します。 ThickBox LightBoxのようなもので、画像の他にHTMLの表示も可能です。難点は、$()を使って書かれているので、他のライブラリと混ぜて使えないこと。僕はソース内の$()をすべてjQuery()に書き換えて使っています。 JSON for jQuery AjaxでJSONを取得して、処理できるようにするプラグイン。これは必須とも言っていいと思います。CallBack関数を指定してのJSONPも簡単。 BlockUI Plugin 画面の一部や全体を半透明のレイヤーで覆って操作できなくするものです
jQuery版script.aculo.usの「Interface elements」がすごい:phpspot開発日誌
Interface elements for jQuery - Real examples of Interface elements jQuery版script.aculo.usの「Interface elements」。 script.aculo.us 同様、エフェクト、ドラッグ＆ドロップ、アニメーション、スライダー、オートコンプリートのほか、 ３Dアニメーション、アイテム選択用UI、テキストエリアリサイズ、ツールチップヒント、MacOS X の Dock 風UI を実装するためのライブラリが同梱されています。 詳しくは以下のデモを使ってみればそのすごさが分かるはず。 Effects [opens in new window] (combined showcase) Test new animate function [opens in new window] Use new func
20行で実現できるAjaxタブインタフェース:phpspot開発日誌
Dynamic Ajax Tabs in 20 Lines | 20bits The tabbed document interface is a common solution to the problem of presenting a user with multiple document in one window. 20行で実現できるAjaxタブインタフェース。 次のようなタブインタフェースをたったの２０行で実現可能なようです。 次のようなDIV要素を定義します <div class="tabbed-pane"> <ol class="tabs"> <li><a href="#" class="active" id="pane1">Pane 1</a></li> <li><a href="#" id="pane2">Pane 2</a></li> </ol> </p> <div
【ハウツー】Apolloのサンプルで使われた、美しきJavaScriptフレームワーク「Ext 1.0」 (1) Extでできること | エンタープライズ | マイコミジャーナル
皆さんは、「Ext」というJavaScriptフレームワークをご存知だろうか。Extは、4月1日にバージョン1.0がリリースされたばかりの新鋭のフレームワークである。 Extの前身は、「Yahoo! UI Library(YUI)」の拡張版として開発された「yui-ext」というライブラリである。しかし、yui-extでは、リッチなUIを実現できるものの、決してサイズが小さいとは言えないYUIを導入する必要がある。そこで、yui-extの作者であるJack Slocum氏は、YUI以外のライブラリとも併せて使えるようにyui-extを刷新。その成果物をExtという名前で(頭文字の「yui」を外して)リリースした。 Ext 1.0で対応している外部のフレームワークはPrototype.js(scriptaculousも併せて利用可)、jQuery、そしてYUIである。現在のところExt単体で
知っておいて損はないAJAXやCSSを駆使したタブインターフェース18種類 - GIGAZINE
技術的知識が無くてもタブを作れるフリーソフトからかなり派手な効果を伴うタブ作成ライブラリ、Yahoo！やGoogle、Adobeの作ったタブまで、いろいろと応用が利いて独自の特徴があるものをざっくりと18種類ほどピックアップしてみました。 いろいろなページやブログで頻繁に見かけるタブ方式のメニューですが、こうやって並べてみると実は見せ方も使い方も種々様々であることがよくわかります。 まずは知識不要でタブが簡単に作成できる「CSS Tab Designer」。Windows用のフリーソフトで、約60種類ものデザインが用意されています。その中にタブ方式のメニューもたくさん用意されており、ほかにも縦型のメニューやZDNet風メニューなども用意されています。 OverZone Software - CSS Tab Designer 細かいカスタマイズが可能なタブメニュー。画像を使ったサンプルも用意
Slider の利用方法
Ajax ライブラリとしてスライダーの API が色々と公開されていますが、それとは関係なく、1年近く前にみつけてエントリーしていなかったWebFX：Slider を紹介したいと思います。 Value: Slider は Mozzila 系ブラウザで動作しなかった、同サイトで公開されていた slidebar を新しく作り直したものです。 なお、WebFX は、国内ではグラフ描画の Chart Usage がブログ等で紹介されています。 １．機能 Slider は下記の機能があります。 スライダーを操作することにより、予め設定した最小値?最大値の値を取得 予め設定したデフォルト値の位置にスライダーハンドルを固定 値の途中変更が可能 スライド方向（縦・横）を指定可能 また マウスサポート（ドラッグだけでなくクリックによる操作も可能） キーボード操作のサポート（矢印キーやPageUp/PageD
窓の杜 - 【NEWS】MS、“Ajax”によるWebアプリを開発できる「ASP.NET AJAX」v1.0を無償公開
マイクロソフト（株）は24日、同社のWebアプリケーション開発技術「ASP.NET 2.0」を拡張して“Ajax”開発を支援するコンポーネント「ASP.NET AJAX」v1.0 英語版を無償公開した。現在、同社のホームページからダウンロードできる。本コンポーネントを使用したWebアプリケーションの開発には、「Visual Studio 2005」や、無償公開されている「Visual Web Developer 2005 Expression Edition」を利用可能。 “Ajax”とは“Asynchronous JavaScript + XML”の略で、Webブラウザー側のJavaScriptを用いてサーバーとXML通信することにより、Webページの表示をダイナミックに更新できる技術。Webページの移動や再読み込みを伴わずに大量のデータを扱えるため、たとえば“Windows Live
Ajaxを駆使したＵＩによってオンラインWEBページ作成「Weebly」:phpspot開発日誌
Weebly - Website Creation Made Easy Ajaxを駆使したＵＩによってオンラインWEBページ作成「Weebly」 Ajaxかつ、WYSIWYGなページエディタが登録することによってWEB上で使えます。 GoogleMapをページにドラッグしたり、ウィジェットをドラッグ＆ドロップで簡単に設置できます。 デモムービーを見れば大体どんなものなのか分かるはずです。 関連エントリ オンラインで自在にCSSレイアウトをデザイン出来るサイト サイトのCSSを見たままリアルタイムに編集するツール色々 ブラウザ上で動作するJavaScript製のMSペイント「CanvasPaint」 オンラインでパスワード管理「PASSLET」
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ドラッグ＆ドロップAjaxの遊べるライブラリ６個*ホームページを作る人のネタ帳
MacOSXデザインのウィンドウをWEBで表現するAjax導入方法*ホームページを作る人のネタ帳
IBM Ajax と XML: Ajax の最高傑作から学ぶ - Japan
IBM jQuery を使って Ajax 開発を単純化する - Japan