Ext JS 「Ext JS」とは、JavaScriptによるユーザーインタフェースのライブラリ。元は「Yahoo! UI Library」を拡張した「yui-ext」のベースを、「Yahoo! UI Library」だけでなく「prototype.js」や「jquery」とも切り替え可能にしたライブラリ。「Ext 1.1」からはスタンドアロンでも利用できるようになった。完成度の高さからAIRやiPhoneのサンプルプログラムでも利用されている。
以下のサイトからダウンロードしてお使いください。 Prototype.js 用 http://coderepos.org/share/wiki/JavaScript-XPath/bindings/Prototype jQuery 用 http://coderepos.org/share/wiki/JavaScript-XPath/bindings/jQuery 使いにくいところがあれば すぐになおしますので、コメントやブックマークなどで教えていただければ嬉しいです。 他のライブラリのプラグインに関して そのうち、開発したいなあとは思っているのですが。 そのライブラリの空気感(コンセプト)を読めないと、なかなか使いやすいプラグインは書けないので時間がかかりそうです。 もし 誰か書いてくれる人がいればとてもありがたいなあ。。。とか思っています。 いませんよねいませんよね><? 「こんな、感じで
JS オレオレ言語ブーム - IT戦記 で OreScript時代の幕開け - yukobaのブログ を知ったので、Scheme みたいなのをつくってみました>< でもぜんぜんできてないです(笑) naoscheme/index.html <script type="application/x-naoscheme"> (define myalert (msg) (alert msg)) (set! test "*_*") ((lambda (foo) (myalert foo)) test) </script> <script type="application/x-naoscheme"> (add-event-listener window "load" (lambda (e) (alert e) (call document.body "appendChild" (call docum
様々なWebアプリケーションが登場しているが、それでも作成はローカル環境で行う必要があり、不便さが残っている。開発すらWeb上でできればどれだけ手軽だろう。 そんな希望を実現させてくれるかも知れないのがこのソフトウェアだ。 今回紹介するオープンソース・ソフトウェアはRainbow 9、Webブラウザ上で開発するソフトウェアだ。 Rainbow 9はテキストエリアをJavaScript、CSS、HTML、XML等が作成しやすいように変化させてくれる。JavaScriptは、その場で実行できるコンソール機能がある。 エディタ上の見た目も、CSSで指定すれば色の変更が容易に行える。補完機能もあり、エディタとしてもなかなか面白い。 そして、HTML、JavaScript、CSSを作成し、その場でプレビューすることもできる。ファイルはタグ情報とともに保存され、後で呼び出すことが可能だ。尚、試してみた
フォームのパスワード強度を表示できるExt拡張JSライブラリ「Ext.ux.PasswordMeter」 2007年11月13日- Ext.ux.PasswordMeter These forms do not do anything and have very little validation. フォームのパスワード強度を表示できるExt拡張JSライブラリ「Ext.ux.PasswordMeter」。 Ext.ux.PasswordMeterを使えば、次のように、パスワードフィールドの入力に対して強度をメーターで表示することが可能です。 パスワードの強度を表示すれば、利用者のパスワード強度の強化に繋がりますね。 関連エントリ Ext2.0のアルファ版がリリース あのJavaScriptライブラリ「Ext」のバージョン2「Ext 2.0」のプレビュー
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー!古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
JavaScript-XPath とは JavaScript-XPath は、 DOM 3 XPath を実装していないブラウザに対して、実用的な速度で動作する DOM 3 XPath のエンジンを追加します。 一言で乱暴に言ってしまえば、どのブラウザでも document.evaluate って関数で XPath 使えるようになるよ!ってことです。 以下が公式サイトになります。 http://coderepos.org/share/wiki/JavaScript-XPath DOM 3 XPath ってなんなの!? めっちゃ簡単(で、ちょっとだけ適当)なDOM 3 XPath の説明をします><。 JavaScript でよく使う document.getElementById や document.getElementsByTagName って関数ありますよね? DOM 3 XPath
Note: I have stopped updating this page. At this point nearly all popular browsers are have achieved a good level of compatibility on most of these features, and their behavior with respect to them just isn't changing much anymore. The only thing web designers really need to still watch out for is IE8, which is lingering due to the fact that it is the best version of IE that works on windows XP. (
米Mozilla、JavaScript EvangelistのJohn Resig氏 Adobe MAX Japan 2007やユーザコミュニティなど、いくつかの講演を目的として来日したJohn Resig氏に、将来のFirefoxで搭載されるJavaScript実装やjQueryについて所見をいただいた。John Resig氏はMozillaでJavaScript Evangelistを務める人物。jQueryのメイン開発者でもある。業務ではMozillaでJavaScriptコミュニティとの調整役を務め、夜間や週末はjQueryの開発に没頭している。同氏が見るJavaScriptの未来はFirefoxのみならず、ほかのWebブラウザにとっても重要なものだ。 Tamarinの寄贈から1年、Firefox 4とFlash10でお目見え ちょうど1年ほど前の2006年11月7日(米国時間)、
Ext JSとprototype.jsで作るリッチなUI:パターンとライブラリで作るAjaxおいしいレシピ(3)(1/4 ページ) 今回は話題のExt JSを使ったサンプル Ext JSはAjaxアプリケーションを構築するためのJavaScriptライブラリ(フレームワーク)です。Ext JSを使用することで、デスクトップアプリケーションのようなユーザーエクスペリエンスを提供できます。2007年10月11日に2.0のベータ版がリリースされ大変注目を集めました。 今回はそのExt JS 2.0のベータ版を使ったサンプルを紹介していきます。 ■ ごく普通の入力フォームのサンプル まずこちらのサンプルを見てください。 今回のサンプルプログラム(拡大表示はこちら、※注意1:FireBugを有効にしている場合は動作が重くなる場合があります。一時的にFireBugをオフにして利用されることをおすすめし
Dojo Toolkit 1.0 - 3年の開発期間を経て、ついに1.0登場 The Dojo Foundationは5日(米国時間)、3年を越える開発の集大成として「Dojo Toolkit 1.0」を発表した。DojoはJavaScriptで開発されたフルフィーチャAjaxフレームワーク。JavaScriptインフラストラクチャからアニメーション、UIコンポーネントまで幅広い機能を提供している。ベースコンポーネントは25KBに抑えられ、初期読み込みに時間がかかる問題も軽減されている。 Dojo 1.0における主な特徴は、 10万行以上のデータ操作をサポートしたハイパフォーマンスグリッドウィジェット Webブラウザネイティブな2D/3Dチャートやベクタグラフィック描画 シンプルで高速なデータドリブンウィジェット開発を可能にするユニバーサルデータアクセス 13の主要言語へ対応したローカライ
Ext JS, The Ext teamは1日(米国時間)、次期最新版となる「Ext 2.0」へ向けた最新のドキュメントを公開した。 公開されたドキュメントは「Introduction to Ext」「Ext 2.0 Overview」「Ext 1.x to 2.0 Migration Guide」「API Documentation」の4つ。Extをはじめて使う場合は「Introduction to Ext」から、すでにExt 1.xを使っている場合には「Ext 1.x to 2.0 Migration Guide」から読み出すといいだろう。 Ext 2.0の最終版は15日(米国時間)でのリリースが予定されている。Extの実現している滑らかで、かつ、デスクトップエクスペリエンスとよく似た操作感はWebアプリケーションにとって魅力的なものだ。2.0のリリースが迫ってきている。興味があるデベ
The Dojo Toolkit Projectは2日(米国時間)、次期メジャーリリースへ向けた準備バージョン「Dojo Toolkit 1.0 RC1」を公開した。 Dojo ToolkitはJavaScriptで開発されたAjaxフレームワーク。多くの機能を包括的に提供しているという特徴があり、 PrototypeやScript.aculo.usといったライトウェイトなJavaScript Ajaxフレームワークと比較してフルフィーチャAjaxフレームワークと呼ばれている。 1.0のリリースは10月31日(米国時間)に予定されていたが、若干作業が遅れているようだ。RC1はかなりメジャーリリースに近いバージョンだとされている。近いうちに待望の1.0がリリースという運びになるだろう。1.0では最初の読み込みに時間がかかるという懸念部分がかなり改善されている。すでにDojoを採用している場合
Sébastien Gruhier氏は4日(フランス時間)、Prototype UI beta 2を公開した。 Prototype UIは、Sébastien Gruhier氏やSamuel Lebeau氏らによって開発されたUIライブラリ。The MIT LicenseのもとPrototypeやscript.aculo.usをベースとして開発されている。今のところスキン対応のウィジェット、スキンやウィンドウに依存しない影つけ機能、動的なリサイズ機能、カスタムボタンへの対応などが実現されている。 Prototype UIは当初、Prototype Windowのリライト版として開発がはじまった。現在ではPrototype 1.6およびscript.aculo.us 1.8をベースとして、同氏の好みのコンポーネントを追加したUIライブラリとして仕上がってきているようだ。今回発表されたProt
JavaScript Library Archiveについて JavaScriptライブラリをまとめたサイトです。用途別に探すことができ、配布元、使用方法、ライセンスなどについて解説をしております。 新着JavaScriptライブラリ プログラムのコードに色を付ける「google-code-prettify」 角丸を表現する「jQuery Corners 0.3」 jQueryベースのカラーピッカー 「Farbtastic」 水平方向のアコーディオンメニュー「horizontal accordion」 セレクトボックスをカスタマイズする「Script.aculo.us Select Box」 IE6でhover,active,focus擬似要素を使う為の「csshover」 画像に光沢を与えるjsライブラリ『Glossy.js』 IE6以下をIE7と同じようにするライブラリ『IE7.js』
08年6月4日追記: コレの新しいの作りました。 新規でサイトを作るのに使えそうなの一式。Ver 2 11月7日追記: contens.cssの56行と60行目の#contents部分でスペルミスしておました。 ごめんなさい... 現在は修正版になっております。 修正後のcontents.css --- SO905iがやば過ぎる件。JOGですよ!じょぐ!!!すげー待ってた。アナタを心から待っていた。 さて、一行駄文はお終い。本題です。 毎回新規サイトを作成する場合は、以前組んだのからコピって来て使うケースが多くて何かと面倒だと思っていたわけです。 んで、自分仕様のが欲しいと思ったので、仕事そっちのけで作ってみました。 以前からソレっぽいのは公開したり、なんやかんやだったんですが、11月2日Verって事で。 どうせ新規サイト作成の際にちょっとずつ見直しが入っていくので、すぐに古くなってしまう
HTML5.JPのJavaScriptグラフライブラリがすばらしいです。 表示できる項目数は10個に限定されているものの、JavaScriptでこれだけキレイなグラフを表示できて、日本語も問題ないというのは非常にいいです。使い方も簡単ですし。 ライセンスは Apache License, Version 2.0 になっています。 (2007.10.29追記) このライブラリのグラフ描画は、Canvasを使用しています。IEにはCanvasがないので、ExplorerCanvasが同梱されています。 あと、はてブコメントにて、テキストを大きくするとレイアウトが崩れるとの情報をいただきました。id:vantguardeさん、情報ありがとうございます。 ■棒グラフ(垂直) 棒グラフ(垂直)(HTML5.JP) ↓FireFox2.0で表示 ↓IE7で表示 - IEだとグラデーションが消える模様
「往年の名作「スーパーマリオブラザーズ」、あの濃い内容でわずか40キロバイト」に載っていたわずか565バイトのテトリス。文字数にして551文字。79文字*7行のプログラミングで、テトリスが動きます。 以下のソースコードをメモ帳に貼り付けて、htmlで保存すればテトリスが動きます。 <body onKeyDown=K=event.keyCode><script>X=[Z=[B=A=12]];h=e=K=t=P=0;function Y() {C=[d=K-38];c=0;for(i=4;i--*K;K-13?c+=!Z[h+p+d]:c-=!Z[h+(C[i]=p*A-Math.round(p/ A)*145)])p=B[i];!t|c+4?c-4?0:h+=d:B=C;for(f=K=i=0;i<4;f+=Z[A+p])X[p=h+B[i++]]=1 if(e=!e){if(f|B){fo
最近のWebサイトでは画面遷移をなくし、Ajax化するのが好まれる。とは言え、既存のサービスに対して実装するのはそうそう単純ではない。それにAjaxを使った場合、PVの計測が難しく、メディア等では取り入れづらい。 だが、これを使えば簡単にそれっぽい実装ができそうだ。 今回紹介するオープンソース・ソフトウェアはGreyBox、Webページにも対応したCSSポップアップウィンドウだ。 GreyBoxは最近良く見かける、画像をクリックすると同じページ上でポップアップするライブラリになる。特徴的なのは、画像のみならずWebページでもポップアップしてくれる点だ。 既存のAタグに対して情報を埋め込めば、それだけでクリックすると背景をグレーアウトし、クールなポップアップを表示してくれる。これならばお問い合わせフォームや、詳細検索等のフォームでも使えそうだ。 大きさを指定したり、フルスクリーンでの表示もで
ExportJS (ソース) 通常 flash では、コンパイル済みのオブジェクトの変数やプロパティは外部から弄ることが出来ず*1、パラメータの微調整を行うことや、現在プロパティにどんな値が設定されているかは解りません。ので Firefox の JavaScript から AS3 のオブジェクトを JavaScript にエキスポートして簡単に弄れる ExportJS というライブラリを作ってみました。現在は Firefox の JS 専用です。*2 なにはともあれまずは Demo を。 http://as3exportjs.googlecode.com/svn/trunk/demo/ExportJS_Example1.htm リアルタイムに TextField を変更したり、メインのオブジェクトを弄ったり、shape のパラメータを変えています。Firefox の setter/gett
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く