jQueryから離れるためのJavaScript代替ライブラリまとめ
jQueryは便利すぎて、ついつい他のフレームワークを使いながらも一緒に組み合わせて使ってしまったりします。その結果として読み込むサイズが肥大化したり、動作が重たくなったりします。特にスマートフォンのようにリソースがデスクトップほど潤沢でない場合は顕著です。 そこでjQueryから離れて代替ライブラリを使ってみましょう。多くのライブラリはjQueryを踏襲して似たような使い方ができるようになっています。 Minified.js jQueryのようにDOM操作、アニメーション、イベント、HTTPリクエストをサポートしています。また、コレクション、日付や数字のフォーマット、テンプレートといった便利ユーティリティも備えています。 サイズは4KB（ミニファイ&Gzip）で、jQuery 2.1.4の29KBに比べて大幅に軽量です。 Minified.js - A Truly Lightweight
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もきちんと分
付録2 Yahoo! UI Library：ドラッグする
yuiではページ上のオブジェクトをドラッグすることができます。まず、以下のyuiライブラリファイルが必要です。 yahoo.js event.js dom.js dragdrop.js これらのライブラリを読み込んだら次はHTMLタグの設定です。簡単な方法としてはドラッグしたいタグにid属性でID名を指定します。ID名を指定しておけば以下のようにしてドラッグの設定することができます。 new YAHOO.util.DD("ID名"); パラメータはID名だけでなく、グループ名も指定することができます。グループ名は2番目のパラメータに指定します。グループ名は省略することができます。以下のサンプルでは、ページ上のボックスをドラッグするものです。（サンプルを実行する） <html> <head> <meta http-equiv="content-type" content="text/html
Adobe AIRメモ
AIR 「AIR(Adobe Integrated Runtime)」(コードネームApollo)とは、Adobe社が開発中のFlash技術を利用したデスクトップアプリケーションの実行環境。 Flashとの違いは、WEBブラウザに束縛されず、 デスクトップのハードディスクへのアクセス、クリップボード、ドラッグ&ドロップ、拡張子登録といった機能を利用できる点。Flashだけでなく、HTML/JavaScript/CSSやPDFも動作する。フルスペックのHTML/JavaScript/CSSに対応しているため、Ajaxのページも表示可能。 OSに依存しないデスクトップアプリケーション実行環境としては.NetとJavaもあるが、.Netは事実上Windowsのみしか対応してなく、Javaはランタイムのインストールがユーザーには敷居が高いという欠点がある。それに対しAIRはWindows
てっく煮ブログ - Apollo 触ってみた。すごすぎ。
Apollo のα版がリリースされたので、さっそく触ってみました。初日はランタイムをインストールしてサンプルを動かしてみました。コンパイルは時間がなくてまだ試せてません。2007.2.24追記：HTML+JS版 Apollo アプリを作ってみる で解説文章を書きはじめていますApollo を知らない人のために、おおざっぱにざっくり説明しておくと、Apollo は Web アプリを作るようにローカルアプリケーションを作れるようになるステキなライブラリです。Flash だけに縛られているわけではなく、Flash, Flex, HTML, Ajax などを統合して利用することができます。イメージはこんな感じ（Adobe の apollo_docs_alpha1_031907.zip からの引用）。図からもわかるように、HTML/JavaScript だけで Apollo API を利用してローカ
web2driver.com - web2driver リソースおよび情報
web2driver.com は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、web2driver.comが全てとなります。あなたがお探しの内容が見つかることを願っています！
忘れてはいけない超絶JavaScriptライブラリ「BlueShoes:JavaScript Collection」:phpspot開発日誌
BlueShoes: JavaScript Collection Get all the above components in one package. There is an example that uses most of the components.忘れてはいけない超絶JavaScriptライブラリ「BlueShoes:JavaScript Collection」。 既に紹介したと思っていたJavaScriptライブラリであるBlueShoesの紹介。 ご存知の方も多いと思いますが、知らない人も多いようですね。 ライブラリ、というより、リッチなコンポーネント集といったイメージで、次のような様々なコントロールが使えます。 WYSIWYGエディタ Excel風スプレッドシート ツリービュー スライダーコントロール 他にも下記の様々なリッチコンポーネントが使えます。 入力系コンポーネ
JavaScriptによる全文検索エンジン - llameradaの日記
JavaScriptでインデックス型の全文検索エンジンを作ってみた。全文検索エンジンを作る際に問題となるのは、インデックスデータを部分的に読み込む方法である。通常はmmapやpreadなどを使ってファイルの一部を部分的に読み込むのだが、もちろん、ブラウザには使えない。ブラウザでファイルの一部分を読み込むには2通りの方法がある。1つは、ファイルを多数のファイルに分割する方法であり、もう1つはHTTPリクエストのRangeヘッダを利用して、ファイルの一部を取得する方法である。前者の利点は、ブラウザのキャッシュが効くことや、対応ブラウザが多いことである。後者の利点は、ファイル数が少なくなるので、インデックスの管理が容易になることである。今回はRangeヘッダの実用性にも興味があったので、後者の方法を用いた。 参考ページ：最速インターフェース研究会 :: Ajaxを使ったシンプルなチャット 転置イ
JavaScriptist - javascript/ajax/サンプル/入門/リファレンス/ライブラリ
サイト更新情報 2006/12/06 よく使われているページを検索窓から簡単に辿れるようにしました。(検索窓に「prototype」と入力) 2006/11/27 JavaScript入門/応用サイトJavaScriptistオープン！ 2006/11/23 試して確認できるJavaScriptオンラインエディタを公開 2006/11/20 JavaScriptリファレンス、逆引きサンプル集を公開 2006/11/19 JavaScriptライブラリ活用ページ公開 2006/11/15 JavaScriptistベース機能の構築完了 過去のサイト更新情報
XMLHttpProxy - ゆーたんのつぶやき
ちょっと前のエントリですが、SunでAjaxに注力されているGreg Murray氏が Ajaxで複数ドメインに渡ってデータを取得したい場合の対処としてプロクシ を用いる方法を紹介しています。 http://weblogs.java.net/blog/gmurray71/archive/2006/07/the_xmlhttpprox.html 他ドメインとデータをやりとりしたい場合はJSONPが一般的かなという感じがします。 FireFox限定で構わなければgreasemonkeyを使うという手もありますし、Flashなら crossdomain.xmlで対処するのが通例かと思います。 ですが、JSONPのようにクライアント側のスクリプトで対処する場合にはセキュリティ 上の不安もありますし、ブラウザがバージョンアップしてJavaScriptの実行に関する セキュリティを強くした場合に動作し
作って理解するAjax (1)：IT Pro
最近，Webエンジニアのまわりで注目されている技術に「Ajax」(エイジャックス)があります。従来のWebアプリケーションはインタラクティブな処理の際，ユーザーにページのリロード作業を強いることが多く，決して操作性が良いとは言えませんでした。しかしAjaxを利用すると，サーバーと非同期な通信ができるので，ページをリロードすることなくコンテンツを更新できます。このためデスクトップ・アプリケーションと同様な操作性を持つWebアプリケーションを作成できます。本連載では，実際にAjaxアプリケーションを開発しながら，Ajaxアプリケーションの動作の仕組みや，既存のWebアプリケーションとの違い，実装上の注意点などについて紹介していきます。 「枯れた技術」を組み合わせる 筆者にとってAjaxの第一印象は強烈でした。「Google Map」のスムーズな地図操作，「Google Suggest」のリアル
続々登場する「Ajaxデスクトップ」はWebを変えるか：ITpro
オープンソースとして配布されているAjaxデスクトップ eyeOS のログイン直後の画面。上部にアプリケーション・アイコンが見える [画像のクリックで拡大表示] AjaxでWebブラウザ上にデスクトップ環境を実現するアプリケーションが，まさに爆発的と形容できるほど立て続けに登場している。ほとんどが海外で開発されたものだが，日本語版が提供されたものも現れた。Ajaxデスクトップを持つSNSを開発した日本の企業も出てきている。またオープンソースとして配布されているものもある。 Web 2.0という言葉の発信者の一人，Tim O'Reilly氏による論文「What Is Web 2.0」は「The Web As Platform（プラットフォームとしてのWeb）」という第一章から始まる。 Webブラウザ上のデスクトップ環境は，この「プラットフォームとしてのWeb」をつきつめれば，必然的に辿り着く
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
mizzy.org : del.icio.us direc.torの謎
del.icio.us direc.torの謎 Posted by Gosuke Miyashita Mon, 27 Jun 2005 05:23:32 GMT いや、謎ってほどのものじゃないんですが、噂のdel.icio.us direc.torを使ってみて、「あれ、Javascriptから直接del.icio.us apiを叩いてるみたいだけど、どうやってるんだろう？」と疑問に思ったので、調べてみました。 まず、del.icio.us direc.torは以下の様な順にHTTPリクエストを出しています。 ブックマークレットからhttp://johnvey.com/features/deliciousdirector/dboot.js を呼び出して実行 dboot.jsからhttp://johnvey.com/features/deliciousdirector/d.js を呼び出して実
はてなブログ | 無料ブログを作成しよう
はじめまして新潟 隣の県なのになんとなく遠いイメージがあった新潟。休日出勤の振休と夫の休暇（上司から取れと言われたらしい、かわいそ…）が合ったので久々に遠出しよう！となり新潟へ。このあたりで隣の県を選ぶあたり我々の出不精具合が現れていますね。 1日目 行くぜ新潟 まずはへ…
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IBM Ajax をマスターする、第 6 回: DOM ベース Web アプリケー… - Japan
Google Web Toolkit：現実的な開発に即したAJAX：CodeZine
IBM Developer
Hawk's W3 Laboratory : XML : XMLHttpRequestについて
JavaScript++かも日記 - 1997年からの