Collection & Copy - AJAX/JavaScriptライブラリまとめ
AJAX/JavaScriptライブラリまとめ (2005/9/6 Revision .1.3) 翻訳 原文：Survey of AJAX/JavaScript Libraries Copyright 2005 by Sergio Pereira, Joe Walker, Matthew Eernisse ※本翻訳は、2005/9/6の1.3版を基に作成されています。原文であるWikiページは、1.18以上に更新が進み記載されているライブラリの数が増え、複数の誤りが修正されているようです。最新の情報は原文を参照してください。 Prototype (http://prototype.conio.net/) ライセンス：MIT 概要： Prototypeは、動的なウェブアプリケーションの開発を容易にするためのJavaScriptフレームワークです。Ruby on Railsフレームワーク駆動で
伊藤直也の「アルファギークのブックマーク」 - 誤解から賞賛へ。Ajaxで再評価されたJavaScriptから学ぶこと
■ Googleマップによる“Ajax”の隆盛 最近、「Ajax」という言葉を耳にすることはありませんか？ Ajaxとは、「Asynchronous JavaScript + XML」の略称で、「えいじゃっくす」と呼ばれています。このワード、半年ほど前に突然盛り上がりだして、いまではWebエンジニアの間ではお馴染みの言葉になっています。 今年の2月に、Googleが「Googleマップ」という地図サービスのベータリリースを行ないました。 地図に関するサービスは、これまでも数多く存在していますし、特にYahoo!やその他大手ポータルのそれは高機能かつデータベースも充実していて、実用性十分です。そんな地図サービス界隈に、いまになってGoogleが乗り込んでくる、というので、Webな人たちは固唾を呑んでそのリリースを待っていました。 そうしてリリースされたGoogleマップは、人々の期待を裏切ら
Rhinola - Rhinola 0.5 リリースノート - FAX
Rhinola - Rhinola 0.5 リリースノート 翻訳 (via こんな毎日・・・) 2005-08-09 原文：Rhinola 0.5 - Release Notes Copyright 2004 Hannes Wallnoefer <hannes@helma.at> Rhinola概要 Rhinolaは、Mozilla Rhino JavaScriptインプリメンテーション、およびApacheのmod_gcjモジュールの上で動く、ウェブアプリケーションを対象としたサーバサイドのスクリプト実行環境です。 設計の目標は、JavaとJavaScriptのライブラリによる拡張性を備えながら、かつ、シンプルであることです。 前提条件 mod_gcj/RhinolaはGCJ4.0以降と、mod_gcjがインストール済みのApacheが必要です。Apache1.3と2.0の両方がサポートさ
JavaScript: 世界で最も誤解されたプログラミング言語 - 実用
翻訳 原文:JavaScript: The World’s Most Misunderstood Programming LanguageCopyright 2001 Douglas Crockford. All Rights Reserved Wrrrldwide. JavaScript(別名：Mocha、LiveScript、JScript、ECMAScript)は、世界で最も人気のあるプログラミング言語の一つです。世界中のほとんどのパソコンには、少なくとも1つはJavaScriptインタープリタがインストールされ動いていることでしょう。JavaScriptは、WWWのスクリプト言語としての確かな地位により広く利用されるようになったのです。 しかしその高い普及率にもかかわらず、JavaScriptが汎用的でダイナミックな優れたオブジェクト指向プログラミング言語であることはあまり知られて
ひげぽん OSとか作っちゃうかMona- - 実践 prototype.js [1]
今話題(?)の prototype.js を使ってみました。 うれしいこと Class.create(), extendは最高。 ある程度気軽にクラスを作れる。オブジェクト指向に慣れている人は生産性・コードの品質が上がる。(実際コードはコンパクトになったし、仕様追加時にもいい感じだった。） 実はクラス関数も作れて便利（これはprototype.jsの機能ではない） var Hoge { hoge: function() {alert('hoge');}} Hoge.hoge();みたいな。 悲しいこと Ajaxとの組み合わせでちょっと戸惑う。 インスタンス関数を、onreadystatechange ハンドラに登録した場合にいわゆるコールバック関数なので、this.xxx などのプロパティにその関数内からアクセスできるか微妙。（回避策がありアクセスできるがこれでよいのか?仕様的に不安。クロ
![ひげぽん OSとか作っちゃうかMona- - 実践 prototype.js [1]](https://cdn-ak-scissors.b.st-hatena.com/image/square/85d71cdd0832cf3234ab38e4cbc02de2d7300069/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F13208692334729888502%2F17391345971656214175%2F1529549274)
ひげぽん OSとか作っちゃうかMona- - 実践 prototype.js [2]
id:higepon:20050831の続き 同じ .js ファイルの中で宣言の順番に気を使う。後方参照できない(?) この件は、id:kambaraと話していて解決というか納得した。 var Hoge = Class.create(); Hoge.prototype = (new HogeBase).extend ( { このようにクラスを”宣言”しているつもりになるのだが、良く考えるとこれは動的に上から下に実行されているため起こる問題だ。 JavaScript自身は後方参照できるが、prototype.js の仕組み上後方参照できないということ。 $関数 document.getElementByIdの代わりに使う。 厳密には $('hoge') だと たとえば <div id='hoge'> のオブジェクトが返る。 $('hoge', 'hige') だと、'hoge', 'hige
![ひげぽん OSとか作っちゃうかMona- - 実践 prototype.js [2]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a5781b6a3da2848c2d7b7aefa166d4df2d2ab290/height=288;version=1;width=512/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F38774b049ee83cff2789da6bd5d7fe9706c1ac77%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fimages-fe.ssl-images-amazon.com%252Fimages%252FI%252F51AVWQQV2GL._SL160_.jpg)
Using prototype.js v1.3.1
What is that? In case you haven't already used it, prototype.js is a JavaScript library initially written by Sam Stephenson. This amazingly well thought and well written piece of standards-compliant code takes a lot of the burden associated with creating rich, highly interactive web pages that characterize the Web 2.0 off your back. When I first started trying to use this library, a few years ago,
prototype.js でデザインパターン - Iterator
Ruby on Rails や Catalyst のプラグインなんかでは prototype.js という JavaScript のライブラリを使って、Ajax サポートを実現しています。prototype.js とフレームワークが必要な Ajax の JavaScript コードを吐き出してくれるので、Ruby プログラマや Perl プログラマは JavaScript の実装を意識しなくても Ajax なインタフェースが作れる、という風になっています。 こんな感じで prototype.js は Ajax な部分に注目が集まっていますが、ほかにも "Class-style OO" なフレームワークも内包してます。 JavaScript はプロトタイプベースのオブジェクト指向言語で、C++ や Java のようなクラスベースのオブジェクト指向言語とはちょっと実装が異なります。プロトタイプ
ほその日記 - フォームが変更された事を知る
今日の帰り道、小腹すいたなぁ…なんだか分からないけどむしょーにカップラーメンが食べたい！！と思った時には、自宅から一番近いコンビニを通り過ぎていて、戻るのもめんどくさかったので新たなコンビニを探す旅に出ました。 駅から自宅に向かう道を、自宅を通り過ぎて探しに行く事に。いつもは駅方面しか行かないので新しいコンビニができてるかも!?と思って自転車を走らせるとそこには… 130戸のマンションとか、やたらゴージャスな家とか、綺麗な家とか山ほど見知らぬ景色が広がってました！おいおい、自宅から徒歩3分の所がこんなになってたのか！反対方向見るとまだ畑が広がっているというのに、高級っぽい住宅街ができてました。 これなら知らないコンビニがあってもおかしくない！ということでズンズン自転車をこぐと…一瞬で田舎に戻ったorz。開発されてる！と思った地域はほんのちょっとで、少し離れたら見知った景色が広がりだしました
檜山正幸のキマイラ飼育記 - プログラマのためのJavaScript (0)
ジジイの手習いで、JavaScriptを勉強中でございます。その動機は「結局、ブラウザベースRIAかよ」のようなこと。非ブラウザベースのリッチクライアントへの期待を失ってしまったんですね。短期的・現実的な策としては、Ajax的な手法によるRIAなのかなぁ、という気分。ただし、「短期的」が“1年”と“5年”ではえらい違いです。今のところ僕には、「短期的」の実際の期間はわかりません。 僕のJavaScript調査の結果は、「初心者でも使えてプログラマでも困惑するJavaScript 」などに書きました。これらの続きとして、「プログラマのためのJavaScript (*)」というタイトルで書こうかと予定してます。あくまで予定、気まぐれでモノグサな僕のことだから、…… “プログラマのための”というのは、C, C++, Java, C#など“普通の”プログラミング言語にある程度慣れていることを前提に
最速インターフェース研究会 :: XSLエディタを作ってみた
XSLをエディタで編集してはブラウザでプレビューなんてことを何千回とやっているので、なんか良さげなXSLエディタがあるなら使いたいんだけど探しても見つからないので作ってみた。 http://la.ma.la/misc/xsltedit/ 左にXSLを入れて右にXMLを入れて、XSLを編集しつつCtrl+EnterでXSLT変換。 Google AJAXSLTを使ってみました。というか同梱のサンプルのスタイルをちょっといじっただけ。なんかIE6で動かないというので、フォーラム見てちょこちょこ直して動くようにしました。次のバージョンで直るとかなんとか。 とりあえずそのまま圧縮したのを置いておきます。 http://la.ma.la/misc/xsltedit/xslt.zip ブラウザの機能で変換させたほうが速いんだろうけど、そんなに遅いわけでもない。ただ、文法的にエラーがあっても変換してくれ
DocumentFragmentの考察 - Personnel
DOMユーザーの方は、このようなことが出来たら良いと思ったことはありませんか? NodeListのクローンを作成する NodeListをそのままappendChildのパラメータにする もちろんこのようなことは出来ません。NodeListのitem一つ一つのクローンを作成し、一つ一つをappendChildしなければならないのです。しかし、DocumentFragmentを利用することによって、このような感覚の操作をすることが可能になります。 Foot note この記事のURI参照 http://members.jcom.home.ne.jp/jintrick/Personal/documentFragment.html#seeds ここに、文書A、文書B、文書C があったとします。 文書A <rootA> <item /> <item /> <item /> <
日本語テキストをテーブルで表示する：高速化バージョン
いやなブログ: 日本語テキストをテーブルで表示するの高速化バージョン。 DOMでのHTML組み立ては非常に遅くてJavaScriptの配列で組み立ててから 一気にinnerHTMLに代入したほうが速い。特にIEの場合は差が顕著、5倍ぐらいは速いはず。 DocumentFragmentを使うという手もあるが、2倍程度にしか速くならなかった。 innerHTMLを使ったほうが良い、というわけではなくて時と場合によりけり。 innerHTMLとappendChildを組み合わせて使うと大体の場合最速。 こういうやつ tmp = document.createElement("div"); tmp.innerHTML = 複雑なHTML; body.appendChild(tmp); body.innerHTML += tmp.innerHTML は絶対に避ける。innerHTMLの読み書きは、ど
最速インターフェース研究会 :: XMLはメタデータというより生データとしての利用価値が高まりつつあり、AjaxによるUIの切り離しがそれを加速する
全部まとめて色々書こうかと思ったのだけれど、どうにも上手くいかないので、少しずつ分割して書くことにする。 まず最初にこれなのだけれども http://johnvey.com/features/deliciousdirector/ これは何かというと「JavaScriptで書かれたdel.icio.us APIのクライアント」である。最初に全てのブックマークを受信して、その後のタグによる絞込みなんかは全てJavaScriptで行う、というものだ。 とりあえず、実際にこのデモを見るのが早いだろう。 http://johnvey.com/features/deliciousdirector/demo.html この方式では、ブックマークの件数が1万件を超えるようなケースになると破綻することがわかっている。 del.icio.usのAPIでは特定のタグを含むブックマークを取り寄せることも出来るので
最速インターフェース研究会: Amazon最速検索を作ってみた
デモここから。 http://la.ma.la/misc/aws/demo.html 説明書はこれ。 http://la.ma.la/misc/aws/ -IE6、Firefox、Opera8で動作確認しています -Safariではスクリプトの動的ロードが出来ない関係で、動きません。 -IFRAME内にパラメタ渡したCGIでscriptタグ生成とかやれば出来ないことも無さそうだが面倒なのでパス。 このエントリで書いた http://la.ma.la/blog/diary_200504140039.htm ＞検索エンジンがJavaScriptで検索結果を出力するインターフェースを備えていれば、CGIが使えないサーバーでも、クライアント側の制御だけで動的に検索結果を読み込むことができるようになります。 この理論を実際に実践してみた、といったところです。 Ajaxというよりむしろ、ブラウザベース
JavaScriptで読み込むCSSファイルをまるっと[7korobi8oki.com]
代表中山陽平 ブログ「苦手意識を無くせばWeb活用はうまくいく」弊社では「がんばる中小企業」のWeb活用をサポートしています。今の時代、第3者である、制作会社や代理店におまかせでは勝てません。同じような商品・サービスが溢れる中、選んでもらうためのコンセプトを立て、それを実現するためにネットもリアルも総動員しながら戦う必要があります。 みなさんが世の中に・自社の従業員に実現したい幸せや提供価値を、しっかりと実現していくためには、みなさん自身が主役になり、私達のような専門会社が側面支援するのがベストです。 このブログでは御社が中心となってウェブ活用できるヒントを配信しています。お悩みの方はお気軽に問い合わせフォームからご相談ください。 最新の記事一覧
![JavaScriptで読み込むCSSファイルをまるっと[7korobi8oki.com]](https://cdn-ak-scissors.b.st-hatena.com/image/square/e43158a9b02ff4438d55128491865b833395bd4d/height=288;version=1;width=512/https%3A%2F%2Froundup-inc.co.jp%2Fwp-content%2Fuploads%2F2019%2F09%2F9106fa4d7b0fdf2534aa97dea102e186.png)
Ajaxの「本質」？
Ajaxの本質、「非同期メッセージ型ウェブ・アプリケーション」のススメ 全体的にDisagreed. >> 最近、「これからのウェブ・アプリケーションはAjaxだ」という声を良く聞く。 え。聞かないよそんな声。そんなこといってるのは四文字熟語大好きマーケッターと、コラムの締め切りに追われてネタがない記者だけでしょ？ってまあそれはいいとして、これって、こないだのAdam Bosworthの話（を受けて、だよね？全然出展が書いてないけど）を取り違えてると思う。確かこの5点に関するスライドをAdamが示して説明していたような。＜誰かConfirm please。 まず第一に、これら5点は自明でもなんでもない。自明ってのは証明する必要がないってことでしょ？証明されてないと思うけどな。（１）アプリケーションの明示的なインストールが必要ない。それはそうだけど、それはWebアプリケーションの「本質」では
[Ajax]コンポーネント指向Ajaxの世界
最近、通常のAjaxの先の世界として、「コンポーネント指向Ajax」とでも言うべきものを夢想している。 JavaScript で音を制御してみたよで実験をしたように、小型のJava AppletやFlashコンテンツを、Ajax(JavaScript)の拡張コンポーネントと見立てて使用する、という考え方だ。 ミュージックプレイヤーや、ビデオプレイヤーといった特定の機能に特化したfashコンポーネントを、JavaScriptから制御されることによって、従来のAjax観を大きく覆すようなコンテンツが比較的安価かつ高速に設計できる、と考えている。 この手法により、例えば入力フォーム内にスライダーメニューを設ける、といったことが可能になる。flashで作られた、スライダーコンポーネントは値の変化にしたがって、随時HTML上のhiddun属性のパラメータを更新する（注:サンプルではそこまでやっていな
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
x-Desktop-
http://www.lost-season.jp/mt/archives/2005/07/jsanjavascript.html