jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ?'); }, function(){ $(this).text('ヌー'); } );
jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ?'); }, function(){ $(this).text('ヌー'); } );
いまやWeb制作に欠かせなくなったJavaScript。でも、「JavaScriptはほとんど“アリモノ”で済ませている」という方も多いのでは? そこで、WebデザイナーやマークアップエンジニアなどのWeb制作者の方向けに、いま一番人気のJavaScriptライブラリー「jQuery」の基本を学べる特別レッスンをお届けします。題して、「40分で覚えるjQuery」。要点だけにぎゅっと絞って解説しますので、手を動かしながら今すぐjQueryを始めましょう。 【0分目:導入編】 jQueryのダウンロードと利用方法 jQueryのライブラリー本体(JavaScriptファイル)は公式サイトからダウンロードし、head要素などにscript要素を書いて読み込みます。
前回の特集「詳解! Dojo Toolkit 1.0 (基礎知識編) - 頻出APIと便利機能を一気におさえる」では、Dojo Toolkitが持つ基本的な機能を紹介した。記事中でもお伝えしたとおり、ダウンロードしたDojoを展開すると図1のようなディレクトリ構成になっている。 Dojo展開後のディレクトリ構成 前回の特集で主に取り上げたのは「dojo」ディレクトリ以下のさまざまなAPIについてであった。今回は、UIウィジェットフレームワークである「Dijit」を中心とした解説をお届けする。 ただ、Dijitは非常に膨大なUIフレームワークであり、とてもではないが今回の特集ですべての要素を紹介することは不可能であった。そのため今回は、JavaScriptフレームワークやUIプログラミングに慣れた読者を対象とし、Dijitの根幹を理解する助けとなることに努めたい。 個々のウィジェットに関する
Dojo Toolkit 先日、フルスタックのJavaScriptフレームワークであるDojo Toolkitのバージョン1.0がついにリリースされた。Academic Free License v2.1とBSD Licenseのデュアルライセンスが採用され、使用するプロジェクトに合わせてどちらかを選べるようになっている。 足かけ三年以上にわたり開発が行われた同フレームワークは、期待に違わず凄まじく多機能で、その全体像をつかむのも容易ではない。 今回は、Dojo Toolkitに関して広範かつ、なるべく詳細な解説を行うため、二回に分けた特集を試みる。 特集の前半である本記事は、Dojoの基本的な知識とトピックを解説したいと思う。後半では、Dojoが備えるUIウィジェットの話題を中心に、Dojoを使用してリッチなWebページを作成するための様々なテクニックを紹介したい。 ということで、前半記
Ajaxの弱点を補うscript.aculo.usの楽しいエフェクト:パターンとライブラリで作るAjaxおいしいレシピ(4)(1/4 ページ) script.aculo.usの一歩進んだテクニック 今回紹介するscript.aculo.usは、以下のような機能を提供するAjax(JavaScript)フレームワークです。 ビジュアルエフェクト ドラッグ&ドロップ DOM操作 オートコンプリート スライダー 単体テスト prototype.jsをベースのライブラリに使用しているので、prototype.jsとともに利用したことがある方も多いのではないでしょうか。 今回はscripot.aculo.usのエフェクト機能に焦点を絞り、より突っ込んだ使い方を紹介していきます。 ■ Ajaxの弱点を補う「エフェクト」の必要性 Ajaxを活用することで、画面全体を再描画せずに画面上の一部分のみを変更し
(1)好きなもの (1)Firefox ( )[r:3,t:60,f:6]シャキーン (1)JavaScript ( )[r:3,t:60,f:6]シャキーン (1)苦手なもの (1)CSS ( )[r:3,t:60,f:6]ショボーン (1)Z上司、曰く (i)[t:15] (i)[t:20] (1)というわけで ( )[r:3,t:60,f:6](金沢のラブホテル) ( ) (2) (2)[f:15]CSS が苦手な エンジニアは 僕だけじゃないはず! (2)[f:15]CSS が苦手な デザイナも もいるはず! (1)[f:15]でもほんとはみんな 出来たらいいよね! (2)みんなが関わる CSS なんだから (1)というわけで ( )[r:3,t:60,f:6](金沢のラブホテル) (2)これから 二時間半 (2)[f:18]CSS のお勉強を しましょう (2)参加して くださ
「Google」や「Yahoo!」などWebで提供される多くのサービスが「Ajax(Asynchronous JavaScript+XML)」というリッチクライアント技術を利用している。Ajaxにより,従来のWeb技術では考えられないようなユーザー・インタフェースのシステムも登場してきた。こうした潮流は,徐々にではあるが企業の業務系Webシステムにも影響を及ぼしてきている。 だが,実際にAjaxのシステム構築に携わったITエンジニアの多くは,「甘いものではない」と口をそろえる。「必要な要素技術の数が増えるので,設計や開発の難易度が確実に上がり,デバッグも難しくなる。1人で設計・開発できるシステム規模ならエキスパートの投入で乗り切れるが,複数の開発者が参加する大規模システムでは,(たとえ開発支援ライブラリを使ったとしても)品質がバラついてしまう」(NTTデータ 技術開発本部 ソフトウェア工学
サイト更新情報 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ベース機能の構築完了 過去のサイト更新情報
Ajax うきうき Watchでは、Ajaxを使ったWebアプリケーションやサービス提供者、ベンダの動向から「うきうきするような」面白いもの、確実に押さえておきたいものを厳選してお届けしていきます。 Ajax、それはWebアプリケーションのユーザビリティを改善する切り札である。古い技術を組み合わせ、魔術のごとく生まれ変わった新しいファッションである。 今回より、なるべく密に、Ajaxの動向をウォッチングしていきたいと思う。 基本的には、新しい話題を中心に、厳選した面白い話題を提供していきたいと思うが、今回だけは初回でもあり、これまでのAjaxに関する話題から面白いもの、確実に押さえておきたいものをピックアップしてみたい。 なお、ここでは主に日本語で読める情報について取り上げていく。ただし、特に重要なものについては、英語の情報を扱う場合がある。 Ajax: Web アプリケーション開発の新し
Ajax推進委員会 監修:ゼロベース 2005/8/2 2005年2月半ばから、「Ajax」という言葉がアルファギークたちの間で一気に広まった。「Webインターフェイスの新しい手法」「画期的なWebアプリケーションの仕組み」であるとして開発者たちの人気を集めるAjaxとは何なのか、その真実を見極めてみよう。 Ajaxとは「Asynchronous JavaScript and XML」の略で、Webブラウザでの表示部分を含めたWebアプリケーションの作り方を指す名前だ。具体的にはXML形式のデータをJavaScriptで処理することで、ブラウザのHTTPによるページ遷移とは非同期にサーバとやりとりして「動的に」ページ内容を変更する仕組みを指す。 Ajaxを実現する詳細なコード例は後述するとして、まずはAjaxが実現するWebアプリケーションがどのような動作をするのか、既存のWebアプリケー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く