タグ

JavaScriptとjQueryに関するefclのブックマーク (190)

  • 初めてのjQuery:セレクターAPIを一挙解説(前編) (1/6)

    jQueryの具体的な記述方法に入る前に、そもそもJavaScriptでは何ができるかということに少し触れておきましょう。 誤解を恐れずに言えば、JavaScriptは「(X)HTMLCSS(Cascading Style Sheets)を操作するためのプログラミング言語」です。Webサイトを作成するには、通常、(X)HTMLでコンテンツの構造や内容を、CSSで見た目であるレイアウトや装飾を記述します。これに対してJavaScriptは、ユーザーの操作などが発生したタイミングで(X)HTMLCSSを動的に変更することにより、Webサイトにインタラクティブな動きを与えます。 たとえば、第1回で紹介したアコーディオンパネルは、「dt要素がクリックされたらdd要素のheightプロパティを変更する」という処理によって、パネル部分が伸び縮みする動きを実現しています。 jQueryに限らず、Ja

    初めてのjQuery:セレクターAPIを一挙解説(前編) (1/6)
    efcl
    efcl 2009/07/30
    jQueryの入門記事。 コードと一緒なのでわかりやすい。
  • JavaScriptで独自マウスジェスチャーを作れる「jQuery Fancy Gestures」

    twitter facebook hatena google pocket マウスを一定の方向に動かすことにより、特定の動作をさせるマウスジェスチャー。 jQuery Fancy Gesturesでは、これをオリジナルで作ることができます。 sponsors 使用方法 jQuery Fancy Gesturesからファイル一式をダウンロードします。 <script type="text/javascript" src="wz_jsgraphics.js"></script> <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="jquery.fancygestures.js"></script> <script> $(document).ready

    efcl
    efcl 2009/06/18
    マウスジェスチャーを作成する
  • jQuery.jsとprototype.jsのロジックの組み方に関して - KAYAC Engineers' Blog

    会社から駅まで2分を切れるようになりました。agoです。 先日社内で行った勉強会の資料を公開したいと思います。 Prototyperに贈るjQuerystからの手紙 内容は以下の通りです。 Prototype.jsとjQueryの差異 jQueryの考え方 よりよいjQueryの使い方 カヤックでは勉強会に参加経験の豊富な技術者を募集しています! (2009-05-14 肝心の資料のURLが間違っていました。申し訳ありません)

    jQuery.jsとprototype.jsのロジックの組み方に関して - KAYAC Engineers' Blog
    efcl
    efcl 2009/05/15
    jQueryってどんな感じ
  • 一日で学ぶ jQuery(ラボブログ)

    スパイスラボ神部です。 OpenSocial アプリの開発を効率化するために、jOpenSocial か opensocial-jquery のどちらかを使いたいのですが、そのためにはまず jQuery について学ばないと行けないようなので、jQuery についてざっと調べてみました。 -AJAXが好きだ! - Favorites! Write less, Do more -jQuery: The Write Less, Do More, JavaScript Library まずは公式。 リファレンス -jQuery 1.3.2 日語リファレンス 参考になりそうなリソース いろんな記事を見ると、とりあえずは jQuery を使うと、構造化された状態でリッチアプリケーションが組めるという部分が強調されている記事が多いような気がします。「jQuery + AJAX で RIA な UI

    efcl
    efcl 2009/04/28
    jqueryのまとめ リンク集
  • ChangeLog 2009/04/21 - CPAN、jQuery、JavaScript、YUI、script.aculo.usなどのまとめ記事を更新しました:Bookmarked - Publickey

    Publickeyでは、さまざまなキーワードに関するまとめ記事をBookmarkedカテゴリで公開しています。まとめ記事は公開したあとも、内容が古くならないように継続して更新しています。 この記事は、そのキーワードごとの更新情報をお伝えします。興味のあるテーマがあれば、ぜひクリックしてみてください。 CPAN 「CPAN まとめ - PerlPerlで書かれたモジュール、関連するドキュメントなどを集めたWebサイトの使い方や入門記事など」に、以下の内容を追加しました 今日のCPANモジュール 目次 スタンダードで安心して使えるモジュールを選んだモジュールの連載紹介記事 さくらインターネットサーバでのCPAN導入を完全に手順化して見た。 - Perl入門~サンプルコードによるPerl入門~ jQuery 「jQuery まとめ - もっとも人気のあるAjaxライブラリの1つjQueryの入

    ChangeLog 2009/04/21 - CPAN、jQuery、JavaScript、YUI、script.aculo.usなどのまとめ記事を更新しました:Bookmarked - Publickey
    efcl
    efcl 2009/04/21
    まとめ記事
  • jQuery入門(その1) - japan.internet.com

    efcl
    efcl 2009/04/17
    jQueryの勉強 結構詳しく書いてある。
  • Big Sky :: XSLTも使わないAmazon最速検索

    2009/07/16 追記 AWS認証制限に対応しました。文中はそのままですが、デモには非公開キーを使用してアクセスするCGIに変更しています。 時代は便利になった物です。 MOONGIFT: » XMLをJSONにするXSLT「xml2json.xslt」:オープンソースを毎日紹介 xml2json.xsltを見ていたらma.la氏のAmazon最速検索を思い出した。あちらはAmazon AWS専用になるだろうが、xml2json.xsltはそれをもっと汎用的なものにしたと考えられるだろう。 http://www.moongift.jp/2009/04/xml2json-xslt/ javascriptとXSLTを使うならば、AWSサーバから見えるサーバを用意しないといけないのですがYahoo! YQLを使えばそれも要りません。 YQLといえばPipesに毛の生えた様な物だと思う方もい

    Big Sky :: XSLTも使わないAmazon最速検索
    efcl
    efcl 2009/04/06
    AWSのレスポンスをJSON(JSONP)で受け取る amazon
  • jQuery入門(その1)(1/7):CodeZine

    はじめに 実を言うと、私はずっとJavaScriptを嫌っていました。JavaScriptのコードを書くのが嫌でしたし、いろいろなブラウザに対応するために大量のスクリプトコードを使わなければならないのも嫌でした。そうした点は今でも変わらないのですが、最近になってJavaScriptへの理解が深まったことと、jQueryという小さなJavaScriptクライアントライブラリのおかげで、クライアント中心のAJAXスクリプトコードを書かなければならないときでも恐怖を抱かなくなりました。それどころか、今では喜んで引き受けるほどになっています。クライアントロジックがもっと複雑になり、ブラウザの機能や実装の多様化がさらに進んだとしても、jQueryをはじめとするクライアントライブラリが、JavaScriptHTML DOMを扱う際に必要な正規化を提供してくれます。 私はJavaScriptの初心者と

    jQuery入門(その1)(1/7):CodeZine
    efcl
    efcl 2009/04/01
    jQuery入門記事
  • javascriptでマウスの長押しをハンドリング

    javascriptでユーザーのマウス操作をハンドリングする際、 click dblclick mouseover mouseout mousedown mouseup と、よく使うイベントハンドラがありますが、 マウスボタンの長押しをハンドリングするハンドラがありません。 Webページで長押しを使いたいケースがあったので、簡単なライブラリを作成しました。 興味のある方はどうぞ。 マウスの長押しでスクリプトを実行  マウスボタンの長押し Windowユーザーの方はマウスボタンの長押しにはなじみがないかもしれませんが、 Macでは昔から利用されている操作方法です。  アイコンやリンクなどの領域をマウスボタンを押した状態で少しキープすることで、 クリックとは異なる機能を呼び出すことができるものです。  ※このエントリは builder メンバーにより投稿されたものです。シーネットネットワークス

    efcl
    efcl 2009/03/26
    マウスボタンの長押しをハンドリングするハンドラ
  • これでサイトに独自の右クリックメニュー実装は誰でも簡単「jQuery Context Menu Plugin」:phpspot開発日誌

    これでサイトに独自の右クリックメニュー実装は誰でも簡単「jQuery Context Menu Plugin」 2009年03月12日- jQuery Context Menu Plugin これでサイトに独自の右クリックメニュー実装は誰でも簡単「jQuery Context Menu Plugin」。 ちょっと前までだと独自の右クリックメニューを作るのはすごく大変でした。特にクロスブラウザで動作することなんかを考慮すると当に大変でした。 が、このライブラリを使えば簡単に実装できてしまいます。 特定のエレメント上のみに右クリックメニューを設定できるという、柔軟なつくりになっています。 どのアイテム上でクリックしたかっていうのがイベントハンドラで受けられるところも汎用的になっていていいです。 このライブラリ1つとってみても、jQueryを使う意味が出てきそうです。 jQueryは当にデフ

    efcl
    efcl 2009/03/12
    jQueryのプラグイン 独自の右クリックメニュー実装 コンテキストメニュー