ニュータイプなJSライブラリjQueryを使ってみよう！
JavaScriptライブラリのニュータイプ「jQuery」。 jQuery is a new type of JavaScript library. jQuery: The Write Less, Do More, JavaScript Library ニュータイプと聞いては黙っていられないニュータイプファンの皆様こんにちは、公開APIを利用したサンプルサイトを作っていくよ管理人のZAPAです。 Web2.0やらAjaxやらの言葉が流行っていても、実際にそれっぽいものを作ろうと思ったところで、初心者は一体どこから手を付けて良いのかわからないのが現実だったりします。 そこで今回は、Web2.0っぽくAjaxを実現させることができるライブラリ「jQuery」の紹介をします。 Ajaxとは ここで言うAjaxは、オランダの名門フットボールチーム「アヤックス」ではなく、ウェブブラウザ内で非同期通
Re：zapa氏 今更ですが、jQueryにはまりました - ホームページを作る人のネタ帳
ZAPA氏の記事。 ニュータイプなJSライブラリjQueryを使ってみよう！ これを見てから3日間。 ブログもあまりかけずこればっかりいじって遊んでました。 睡眠時間も1日2時間くらいになり、今日は書こうと思います。 まずZAPA氏、きっかけをありがとう。 私はJavaScriptの知識がほぼ皆無な人間です。 そんな私でもjQueryは簡単に使える為、面白くてはまりました。 ただ、お恥ずかしい話、PHPを使ってJavaScriptをある程度制御しなければ私は使いこなせません。 ですが恐ろしく簡単にこれまでこのブログで紹介してきたようなJavaScriptアプリと同等のものを作れる為、これははまります。 JavaScriptダメダメの私でも出来ました データベース接続部や、なんやかんやは全てPHPでまかない、動作部分やFormなどはｊQueryに投げる。 こんな方法で色々試して見ましたが、A
MOONGIFT: » Yahoo! Pipesのような動きを実現「WireIt」:オープンソースを毎日紹介
Yahoo! Pipesには触ってみたことがあるだろうか。各種フィードやHTMLを取得、加工して別な形（フィードやJSON等）で出力できるWebアプリケーションだ。 そのYahoo! Pipesでは各データをつなげる時にパイプを伸ばしてビジュアル的に「接続」する。それを実現するライブラリがこれだ。 今回紹介するオープンソース・ソフトウェアはWireIt、オブジェクトをつなげるイフェクトを実現するライブラリだ。 WireItはYahoo! Inc.の提供するYUIを使い、Yahoo! Pipesライクなインタフェースを実現している。ボックスに付けられた丸をドラッグすると、パイプが伸び、それを別なボックスの丸に持っていくことで、接続できる。 これがただの直線であれば何だが、パイプのような曲線を描いてつながるのが面白い。サンプルは数多く登録されており、ボックスを追加して接続するもの、アニメーショ
Webデベロッパ必見! Ext 2.0がついに正式リリース | エンタープライズ | マイコミジャーナル
Ext JS, The Ext teamは4日(米国時間)、次期最新版となる「Ext 2.0」を公開した。ExtはJavaScriptで開発されたWebアプリケーションフレームワーク。ほかのフレームワークに依存せずにスタンドアロンで提供されているフレームワークで、軽量で高い拡張性を備えており、デスクトップエクスペリエンスとかなり近い動作を実現しているという特徴がある。 Ext 2.0のリリースには長い時間がかけられた。もともとは11月15日(米国時間)にリリースが予定されていたため、1ヶ月弱の遅延となった。パフォーマンスが大幅に向上しているほか、設定がより簡単になり、柔軟性やUI機能が向上している。 Ext 2.0における新機能はグリッドのグルーピング機能、グループサマリ機能、スクロールタブコンポーネント、アンカーレイアウト、カラムツリーコンポーネントなど。開発を支援する新しいAPIドキュ
MOONGIFT: » JavaScriptでアクションゲームを「Javascript Gamelib」:オープンソースを毎日紹介
この間はJavaScriptで作るRPG用ライブラリを紹介した。今後のWebの行方、そしてJavaScriptの行方を占う上で面白いライブラリだ。 しかしゲームはRPGだけではない。むしろ時間がかかるRPGよりも、こちらの方が手軽で中毒性は高そうだ。 今回紹介するオープンソース・ソフトウェアはJavascript Gamelib、JavaScriptによるアクションゲームライブラリだ。 アクションゲームと言えば、スーパーマリオのようなものが考えられるが、現状ではまだそこまでの完成度ではない。ポン（PONG）や簡単な板を避けるようなゲームくらいだ。 だが、キャラクターを動かすことでキャラクターの向いている方向を変えたり、当たり判定のある動きをするサンプルもあるので、初期のファミコンくらいの動きはできるようになるかも知れない。 他にもWebOS風にウィンドウやメニューを生成する、マウスクリック
ianime.js v.022 正式リリース
クロスブラウザーな進化をとげたアニメーション・ライブラリianime.js。テストのために作ったiFreecell 1.2が楽しくてつい寄り道をしてしまったが、ようやく時間を見つけて正式リリース（「ianime.js v0.22 - light-weight Javascript animation library」参照）。 当初のバージョンと比べて、APIもずっとシンプルに使いやすくしたので、ぜひとも使っていただきたい。アーキテクチャ的にも、fade-inやease-outなどの各種エフェクトを別JSファイルにするなどの工夫をしており、かなり拡張性も高くしてある。上のエントリーのサンプル・プログラム、ianime1.html, ianime2.html, ianime3.htmlのソースコードを見ればそのシンプルさが分かっていただけると思う。多くの人に使っていただければいただけるほど、や
【特集】詳解! Dojo Toolkit 1.0 (基礎知識編) - 頻出APIと便利機能を一気におさえる (1) Dojo Toolkit 1.0、満を持してリリース! | エンタープライズ | マイコミジャーナル
Dojo Toolkit 先日、フルスタックのJavaScriptフレームワークであるDojo Toolkitのバージョン1.0がついにリリースされた。Academic Free License v2.1とBSD Licenseのデュアルライセンスが採用され、使用するプロジェクトに合わせてどちらかを選べるようになっている。 足かけ三年以上にわたり開発が行われた同フレームワークは、期待に違わず凄まじく多機能で、その全体像をつかむのも容易ではない。 今回は、Dojo Toolkitに関して広範かつ、なるべく詳細な解説を行うため、二回に分けた特集を試みる。 特集の前半である本記事は、Dojoの基本的な知識とトピックを解説したいと思う。後半では、Dojoが備えるUIウィジェットの話題を中心に、Dojoを使用してリッチなWebページを作成するための様々なテクニックを紹介したい。 ということで、前半記
Canvas機能を使ったなめらかWebアプリUI - "Mocha UI" on MooTools登場 | エンタープライズ | マイコミジャーナル
Mocha UI の動作例 Greg Houston氏は17日(米国時間)、MooToolsのユーザインタフェースクラス「Mocha UI」を発表した。MooToolsはJavaScriptで開発された軽量のAjaxライブラリ。Mocha UIはCanvasタグのグラフィック機能を活用して開発されたUIで、今のところFirefox 2、Internet Explorer 6/7、Safari 2、Opera 9で試験されているという。 公開されたMocha UIの最大の特徴はCanvasタグの機能を活用してウィンドウを描画している点にある。影付き、変更可能な丸み角をもったウィンドウ、オンデマンドで新しいウィンドウを作成する機能の実現、Webブラウザのサイズに合わせて最大化できるリサイズ機能などが特徴的だ。 これまでCanvasタグは3D描画やグラフィック描画などで活用されてきたが、これをウ
フォームのパスワード強度を表示できるExt拡張JSライブラリ「Ext.ux.PasswordMeter」:phpspot開発日誌
フォームのパスワード強度を表示できる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」のプレビュー
Ext JSとprototype.jsで作るリッチなUI（1/4） ─ ＠IT
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年の開発を経て正式版登場 | エンタープライズ | マイコミジャーナル
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 2.0のドキュメント登場、正式リリースは11月15日 | エンタープライズ | マイコミジャーナル
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のリリースが迫ってきている。興味があるデベ
Dojo 1.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を採用している場合
Prototype UI - Prototypeとscript.aculo.usベースのUIライブラリ登場 | エンタープライズ | マイコミジャーナル
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 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』
あるＳＥのつぶやき: HTML5.JPのJavaScriptグラフライブラリがすばらしい
HTML5.JPのJavaScriptグラフライブラリがすばらしいです。 表示できる項目数は１０個に限定されているものの、JavaScriptでこれだけキレイなグラフを表示できて、日本語も問題ないというのは非常にいいです。使い方も簡単ですし。 ライセンスは Apache License, Version 2.0 になっています。 (2007.10.29追記) このライブラリのグラフ描画は、Canvasを使用しています。IEにはCanvasがないので、ExplorerCanvasが同梱されています。 あと、はてブコメントにて、テキストを大きくするとレイアウトが崩れるとの情報をいただきました。id:vantguardeさん、情報ありがとうございます。 ■棒グラフ（垂直） 棒グラフ（垂直）(HTML5.JP) ↓FireFox2.0で表示 ↓IE7で表示 － IEだとグラデーションが消える模様
MOONGIFT: » Webサイトを手軽にクールに「GreyBox」:オープンソースを毎日紹介
最近のWebサイトでは画面遷移をなくし、Ajax化するのが好まれる。とは言え、既存のサービスに対して実装するのはそうそう単純ではない。それにAjaxを使った場合、PVの計測が難しく、メディア等では取り入れづらい。 だが、これを使えば簡単にそれっぽい実装ができそうだ。 今回紹介するオープンソース・ソフトウェアはGreyBox、Webページにも対応したCSSポップアップウィンドウだ。 GreyBoxは最近良く見かける、画像をクリックすると同じページ上でポップアップするライブラリになる。特徴的なのは、画像のみならずWebページでもポップアップしてくれる点だ。 既存のAタグに対して情報を埋め込めば、それだけでクリックすると背景をグレーアウトし、クールなポップアップを表示してくれる。これならばお問い合わせフォームや、詳細検索等のフォームでも使えそうだ。 大きさを指定したり、フルスクリーンでの表示もで
ウノウラボ Unoh Labs: Ext.js入門: Grid編
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
初のパブリックリリースにしてすでに高い完成度を誇る"Ext 2.0 Alpha" | エンタープライズ | マイコミジャーナル
Ext JS, The Ext teamは9月28日(米国時間)、開発版Extの最新版となる「Ext 2.0 Alpha」を公開した。ExtはJavaScriptで開発されたWebアプリケーションフレームワーク。ほかのフレームワークに依存せずにスタンドアロンで提供されているフレームワークで、さらに軽量で高い拡張を保持しつつも、デスクトップエクスペリエンスとかなり近い動作を実現しているという特徴がある。優れたディテールを実現したUIとその滑らかな動作が興味深いプロダクトだ。 Ext 2.0 AlphaはExt 2.0へ向けた最初のパブリックリリースとなる。既報のとおり、新機能としてスクロールタブ、カラムグループ機能やグループにおけるサマリロールアップ機能を実現したグリッドの導入、デスクトップアプリケーションで使われる便利なレイヤマネージャであるアンカーレイヤの導入、拡張されたツリービューの導
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Ext JSメモ